@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');

/* VORYYA premium restyle — 2026-09-22 */
:root{
  --metal-950:#171a1c;
  --metal-900:#252b2f;
  --metal-800:#343c41;
  --metal-700:#4b565d;
  --metal-600:#68747b;
  --steel:#a9b0b4;
  --silver:#d9d7d2;
  --paper:#f6f1ea;
  --paper-2:#ebe4dc;
  --ink:#17191b;
  --ink-soft:#484e52;
  --line:rgba(28,31,33,.13);
  --line-light:rgba(255,255,255,.14);
  --muted:#62686c;
  --muted-light:rgba(248,244,238,.74);
  --orange:#ff7617;
  --orange-soft:#ffad67;
  --display:'Montserrat','Manrope',sans-serif;
}

body{
  background:
    radial-gradient(circle at 85% 5%,rgba(255,118,23,.06),transparent 25%),
    var(--paper);
}

.section-dark{
  background:
    radial-gradient(circle at 82% 24%,rgba(255,118,23,.11),transparent 23%),
    radial-gradient(circle at 14% 78%,rgba(255,255,255,.045),transparent 23%),
    linear-gradient(138deg,#181b1d 0%,#2b3236 52%,#202529 100%);
}

.section-light{
  background:
    radial-gradient(circle at 82% 12%,rgba(255,255,255,.78),transparent 28%),
    linear-gradient(145deg,#f8f4ee,#efe8e0);
}

.section-offwhite{
  background:
    radial-gradient(circle at 8% 8%,rgba(255,255,255,.9),transparent 24%),
    linear-gradient(145deg,#f3eee8,#ddd9d4);
}

.site-header{
  background:rgba(24,27,29,.84);
  border-bottom:1px solid rgba(255,255,255,.1);
  box-shadow:0 10px 32px rgba(0,0,0,.12);
}

.brand{
  min-width:180px;
}

.brand-logo{
  display:block;
  width:178px;
  height:auto;
  filter:drop-shadow(0 7px 16px rgba(0,0,0,.16));
}

.brand-tagline{
  margin-top:2px;
  font-family:'Montserrat',sans-serif;
  font-weight:400;
  letter-spacing:.31em;
  color:rgba(248,244,238,.58);
}

.hero h1,.section-heading h2,.split-heading h2,.statement-copy h2,.implant-intro h2,.faq-grid h2,.contact-copy h2{
  font-family:'Montserrat',sans-serif;
  font-weight:400;
  letter-spacing:-.045em;
}

.hero h1 em,.section-heading h2 em,.split-heading h2 em,.implant-intro h2 em,.faq-grid h2 em{
  position:relative;
  display:inline-block;
  font-family:'Montserrat',sans-serif;
  font-weight:300;
  letter-spacing:.01em;
  color:var(--orange);
  text-shadow:0 0 24px rgba(255,118,23,.18);
}

.hero h1 em:after,.section-heading h2 em:after,.split-heading h2 em:after,.implant-intro h2 em:after,.faq-grid h2 em:after{
  content:'';
  position:absolute;
  left:.05em;
  right:.05em;
  bottom:-.12em;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--orange),transparent);
  opacity:.5;
}

.nero-heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}

.nero-logo-heading{
  width:min(440px,82vw);
  height:auto;
  margin-left:-10px;
  filter:drop-shadow(0 14px 32px rgba(0,0,0,.18));
}

.voryya-inline{
  font-family:'Montserrat',sans-serif;
  font-weight:400;
  letter-spacing:.12em;
  white-space:nowrap;
}

.voryya-inline sup{
  position:relative;
  top:-.45em;
  margin-left:.08em;
  font-size:.48em;
  letter-spacing:0;
}

.nero-inline{
  display:inline-flex;
  align-items:center;
  gap:.015em;
  font-family:'Montserrat',sans-serif;
  font-weight:300;
  letter-spacing:.12em;
  white-space:nowrap;
}

.nero-inline .nero-o{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:.86em;
  height:.86em;
  margin-left:.02em;
  border:1.5px solid currentColor;
  border-radius:50%;
  line-height:1;
  color:transparent;
  box-shadow:2px 0 0 rgba(255,118,23,.85),5px 0 14px rgba(255,118,23,.35);
}

.nero-inline .nero-o:after{
  content:'';
  position:absolute;
  right:-2px;
  top:8%;
  width:34%;
  height:34%;
  border-top:2px solid var(--orange);
  border-right:2px solid var(--orange);
  border-radius:50%;
  filter:drop-shadow(0 0 5px rgba(255,118,23,.75));
}

.problem-card,.cap-card,.system-card,.flow-step,.nero-points article,.faq-list details{
  position:relative;
  isolation:isolate;
  border:1px solid rgba(35,39,42,.12);
  background:
    linear-gradient(150deg,rgba(255,255,255,.78),rgba(239,233,226,.58));
  box-shadow:
    0 18px 38px rgba(41,43,44,.08),
    inset 0 1px 0 rgba(255,255,255,.84);
}

.problem-card-accent,.cap-featured{
  background:
    radial-gradient(circle at 82% 16%,rgba(255,118,23,.12),transparent 30%),
    linear-gradient(145deg,#667178,#41494e);
  border-color:rgba(255,255,255,.11);
  box-shadow:
    0 24px 50px rgba(29,33,35,.2),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.problem-card:before,.cap-card:before,.system-card:before,.flow-step:before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(120deg,rgba(255,255,255,.38),transparent 34%,rgba(255,118,23,.08) 78%,transparent);
  opacity:.28;
  pointer-events:none;
}

.depth-card{
  --rx:0deg;
  --ry:0deg;
  --lift:0px;
  transform:perspective(950px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--lift));
  transform-style:preserve-3d;
  transition:transform .24s cubic-bezier(.2,.72,.2,1),box-shadow .24s,border-color .24s,filter .24s;
  will-change:transform;
}

.depth-card:hover{
  --lift:-13px;
  border-color:rgba(255,118,23,.38);
  box-shadow:
    0 30px 58px rgba(34,37,39,.18),
    0 7px 18px rgba(255,118,23,.08),
    inset 0 1px 0 rgba(255,255,255,.7);
  filter:saturate(1.04);
}

.depth-card > *{
  transform:translateZ(18px);
}

.problem-card-accent.depth-card:hover,.cap-featured.depth-card:hover{
  box-shadow:
    0 34px 65px rgba(18,21,23,.3),
    0 9px 26px rgba(255,118,23,.12),
    inset 0 1px 0 rgba(255,255,255,.13);
}

.nero-poster,.console-card,.hero-float,.assistant-launch,.modal-card{
  border-color:rgba(255,255,255,.13);
  box-shadow:
    0 24px 58px rgba(0,0,0,.23),
    inset 0 1px rgba(255,255,255,.11);
}

.nero-poster{
  background:
    radial-gradient(circle at 78% 14%,rgba(255,118,23,.13),transparent 26%),
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(17,20,22,.64));
}

.console-card,.hero-float{
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(41,48,52,.73));
}

.button-primary{
  background:linear-gradient(135deg,#ff8b35,#ff7617);
  color:#17191b;
  box-shadow:0 11px 28px rgba(255,118,23,.18);
}

.button-primary:hover{
  background:linear-gradient(135deg,#ff9e55,#ff7c20);
  box-shadow:0 18px 36px rgba(255,118,23,.24);
}

.nav-cta{
  border-color:rgba(255,118,23,.55);
  color:#ffad67;
}

.eyebrow,.mini-label,.cap-number,.problem-card>span{
  color:var(--orange);
}

.faq-list details[open]{
  border-color:rgba(255,118,23,.28);
  box-shadow:0 20px 45px rgba(44,45,45,.1);
}

.site-footer{
  background:#171a1c;
}

@media (max-width:680px){
  .brand{min-width:145px}
  .brand-logo{width:145px}
  .nero-logo-heading{width:min(330px,88vw)}
  .depth-card:hover{--lift:-7px}
}

@media (hover:none),(prefers-reduced-motion:reduce){
  .depth-card{transform:none!important}
  .depth-card:hover{--lift:0px}
}

/* ===== Refinamento de identidade VORYYA / NERO ===== */
.eyebrow{
  font-size:.82rem;
  letter-spacing:.24em;
}
.eyebrow-dark{ color:#b55b1f; }

.split-heading h2{ font-size:clamp(3rem,5.4vw,5.9rem); }
.faq-grid h2,
.contact-copy h2{ font-size:clamp(3rem,5.2vw,5.2rem); }

.voryya-inline,
.nero-inline{
  --wordmark-color:var(--ink);
  color:var(--wordmark-color)!important;
}

.section-dark .voryya-inline,
.section-dark .nero-inline,
.site-header .voryya-inline,
.site-header .nero-inline,
.site-footer .voryya-inline,
.site-footer .nero-inline,
.hero-visual .voryya-inline,
.hero-visual .nero-inline,
.assistant-panel-head .nero-inline,
.assistant-launch .nero-inline{
  --wordmark-color:#f8f4ee;
}

.voryya-inline{
  display:inline-flex;
  align-items:flex-start;
  gap:0;
  font-family:'Montserrat','Manrope',sans-serif;
  font-weight:400;
  letter-spacing:.12em;
  line-height:1;
  white-space:nowrap;
}
.voryya-word{ display:inline-block; }
.voryya-a-wrap{
  position:relative;
  display:inline-block;
  margin-left:-.015em;
}
.voryya-a-wrap .voryya-dot{
  position:absolute;
  right:.12em;
  bottom:.19em;
  width:.17em;
  height:.17em;
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 .42em rgba(255,118,23,.45);
}
.voryya-inline sup{
  position:relative;
  top:-.42em;
  margin-left:-.02em;
  font-size:.34em;
  font-weight:500;
  letter-spacing:0;
}
.brand-mark{ font-size:1.55rem; }

.nero-inline{
  display:inline-flex;
  align-items:center;
  gap:0;
  font-family:'Montserrat','Manrope',sans-serif;
  font-weight:300;
  letter-spacing:.12em;
  line-height:1;
  white-space:nowrap;
}
.nero-inline .nero-letters{ display:inline-block; }
.nero-inline .nero-o{
  position:relative;
  display:inline-block;
  width:.74em;
  height:.74em;
  margin-left:.06em;
  border:.065em solid currentColor;
  border-radius:50%;
  vertical-align:middle;
}
.nero-inline .nero-o:after{
  content:'';
  position:absolute;
  right:-.05em;
  top:.08em;
  width:38%;
  height:38%;
  border-top:.1em solid var(--orange);
  border-right:.1em solid var(--orange);
  border-radius:50%;
  filter:drop-shadow(0 0 .18em rgba(255,118,23,.75));
}
.heading-mark{ font-size:clamp(3.3rem,6vw,6.1rem); }

.problem-card h3,
.cap-card h3,
.nero-points h3,
.flow-step strong,
.faq-list details summary{
  color:var(--ink)!important;
}
.split-heading > div > p,
.section-heading > p:last-child,
.problem-card p,
.cap-card p,
.nero-points p,
.flow-step small,
.modal-card p,
.faq-list details p{
  color:var(--muted)!important;
}
.problem-card-accent h3,
.problem-card-accent p,
.cap-featured h3,
.cap-featured p{
  color:#fff!important;
}
.problem-card-accent p,
.cap-featured p{
  color:rgba(255,255,255,.8)!important;
}

.faq-list{
  display:grid;
  gap:15px;
}
.faq-list details{
  padding:18px 24px 20px;
  overflow:visible;
  border-radius:22px;
}
.faq-list details summary{
  display:block;
  padding-right:36px;
  font-size:1.05rem;
  font-weight:600;
  line-height:1.45;
  cursor:pointer;
}
.faq-list details p{
  margin:12px 0 0;
  max-width:none;
  line-height:1.7;
}

@media (max-width:980px){
  .brand-mark{ font-size:1.42rem; }
  .heading-mark{ font-size:clamp(3rem,9vw,5rem); }
}
@media (max-width:680px){
  .eyebrow{ font-size:.76rem; letter-spacing:.2em; }
  .brand-mark{ font-size:1.22rem; }
  .heading-mark{ font-size:clamp(2.7rem,12vw,4rem); }
  .nero-inline .nero-o{ width:.72em; height:.72em; }
  .faq-list details{ padding:16px 18px 18px; }
  .faq-list details summary{ font-size:.96rem; }
}

/* ===== Painel, mídia embutida e identidade original — 2026-09-23 ===== */
.brand-original{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  line-height:1;
  min-width:0;
}
.brand-plate{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:linear-gradient(145deg,#fbf7f1,#eee7df);
  box-shadow:0 9px 22px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.9);
}
.brand-logo-original{
  display:block;
  width:166px;
  height:auto;
}
.brand-original .brand-tagline{
  margin:0 0 0 8px;
  font-size:.43rem;
  font-weight:500;
  letter-spacing:.29em;
  color:rgba(248,244,238,.66);
}
.brand-text,.nero-text{
  display:inline;
  font-family:'Montserrat','Manrope',sans-serif;
  font-weight:400;
  letter-spacing:.07em;
  color:inherit;
  white-space:nowrap;
}
.nero-text{font-weight:300;letter-spacing:.06em}

.nero-heading-original{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
}
.nero-brand-plate{
  display:inline-flex;
  width:min(520px,90vw);
  padding:16px 22px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  background:linear-gradient(145deg,#faf6ef,#e9e1d8);
  box-shadow:0 24px 55px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.9);
}
.nero-logo-original{
  display:block;
  width:100%;
  height:auto;
}
.nero-heading-original em{
  margin-top:0;
}

/* Panel */
.panel-section{
  padding:145px 0 155px;
  overflow:hidden;
}
.panel-grid{
  display:grid;
  grid-template-columns:minmax(340px,.82fr) minmax(560px,1.18fr);
  gap:80px;
  align-items:center;
}
.panel-copy h2{
  margin:0;
  font-family:var(--display);
  font-size:clamp(3rem,5.1vw,5.8rem);
  font-weight:400;
  line-height:.98;
  letter-spacing:-.05em;
  color:var(--ink);
}
.panel-copy h2 em{
  color:var(--orange);
  font-style:normal;
  font-weight:300;
}
.panel-copy>p:last-of-type{
  max-width:600px;
  margin:28px 0 0;
  color:var(--muted);
  font-size:1.05rem;
  line-height:1.75;
}
.panel-features{
  display:grid;
  gap:11px;
  margin-top:34px;
}
.panel-feature{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:14px;
  align-items:start;
  padding:16px 18px;
  border:1px solid rgba(28,31,33,.1);
  border-radius:17px;
  background:rgba(255,255,255,.54);
  box-shadow:0 10px 25px rgba(31,35,37,.05);
}
.panel-feature>span{
  color:var(--orange);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.12em;
}
.panel-feature strong{
  display:block;
  color:var(--ink);
  font-family:var(--display);
  font-size:.98rem;
}
.panel-feature small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.45;
}

.tablet-stage{
  position:relative;
  min-height:610px;
  display:grid;
  place-items:center;
  perspective:1700px;
}
.tablet-device{
  position:relative;
  z-index:2;
  width:min(790px,100%);
  padding:12px;
  border-radius:32px;
  background:linear-gradient(145deg,#111416,#363d41);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 45px 85px rgba(32,34,35,.28),0 14px 32px rgba(255,118,23,.09),inset 0 1px rgba(255,255,255,.16);
  transform:rotateY(-15deg) rotateX(5deg) rotateZ(-1.2deg);
  transform-style:preserve-3d;
}
.tablet-camera{
  position:absolute;
  z-index:4;
  width:7px;
  height:7px;
  top:4px;
  left:50%;
  border-radius:50%;
  background:#080a0b;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.dashboard-mock{
  aspect-ratio:16/9;
  overflow:hidden;
  display:grid;
  grid-template-columns:22% 78%;
  border-radius:22px;
  background:#f5f0e9;
  color:#141719;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
}
.dash-sidebar{
  padding:24px 15px;
  background:#f9f6f0;
  border-right:1px solid rgba(32,36,38,.08);
}
.dash-brand{
  display:flex;
  align-items:center;
  gap:8px;
}
.dash-v{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#fff;
  box-shadow:0 5px 14px rgba(20,24,26,.08);
  font-family:var(--display);
  font-weight:700;
}
.dash-v span{color:var(--orange)}
.dash-brand div{display:flex;flex-direction:column}
.dash-brand b{font-family:var(--display);font-size:.73rem;letter-spacing:.14em}
.dash-brand small{font-size:.42rem;letter-spacing:.34em;color:#817a72}
.dash-sidebar nav{
  display:grid;
  gap:8px;
  margin-top:30px;
}
.dash-sidebar nav i{
  padding:9px 10px;
  border-radius:9px;
  color:#77716b;
  font-style:normal;
  font-size:.58rem;
}
.dash-sidebar nav i.active{
  color:#17191b;
  background:#fff;
  box-shadow:inset 3px 0 var(--orange),0 5px 14px rgba(25,29,31,.05);
}
.dash-main{
  padding:26px 27px;
  background:radial-gradient(circle at 100% 0,rgba(255,118,23,.08),transparent 35%),#f4efe8;
}
.dash-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}
.dash-top>div{display:flex;flex-direction:column}
.dash-top small,.dash-panels article>small{
  color:#8d8279;
  font-size:.42rem;
  letter-spacing:.16em;
  font-weight:700;
}
.dash-top strong{
  margin-top:5px;
  font-family:var(--display);
  font-size:1.45rem;
}
.dash-top>span{
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(35,154,139,.2);
  background:#eef9f5;
  color:#3a8179;
  font-size:.42rem;
}
.dash-alert{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin-top:19px;
  padding:12px 14px;
  border:1px solid rgba(255,118,23,.28);
  border-radius:11px;
  background:rgba(255,255,255,.63);
}
.dash-alert b{font-size:.58rem}
.dash-alert small{font-size:.46rem;color:#77716c}
.dash-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:13px;
}
.dash-stats article{
  min-height:82px;
  padding:12px;
  border-radius:10px;
  background:rgba(255,255,255,.85);
  box-shadow:0 6px 14px rgba(26,29,31,.04);
}
.dash-stats small,.dash-stats span{
  display:block;
  color:#837c75;
  font-size:.42rem;
}
.dash-stats b{
  display:block;
  margin:5px 0 2px;
  font-family:var(--display);
  font-size:1.25rem;
  font-weight:500;
}
.dash-panels{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:10px;
  margin-top:11px;
}
.dash-panels article{
  min-height:128px;
  padding:13px;
  border-radius:11px;
  background:rgba(255,255,255,.82);
}
.dash-panels article>b{
  display:block;
  margin:5px 0 10px;
  font-family:var(--display);
  font-size:.66rem;
}
.dash-panels p{
  margin:5px 0;
  padding:7px 8px;
  border:1px solid rgba(30,33,35,.07);
  border-radius:7px;
  color:#635d58;
  font-size:.43rem;
}
.dash-panels p span{color:var(--orange)}
.mini-bars{
  height:47px;
  display:flex;
  align-items:flex-end;
  gap:5px;
  padding:6px 0 3px;
}
.mini-bars i{
  flex:1;
  height:var(--h);
  border-radius:5px 5px 2px 2px;
  background:linear-gradient(#ffad67,#ff7617);
  opacity:.9;
}
.tablet-shadow{
  position:absolute;
  z-index:1;
  width:72%;
  height:80px;
  bottom:60px;
  left:14%;
  border-radius:50%;
  background:rgba(43,45,45,.2);
  filter:blur(28px);
  transform:rotate(-3deg);
}

/* Embedded video */
.video-showcase{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,370px);
  gap:70px;
  align-items:center;
  margin-top:72px;
  padding:42px 48px;
  border:1px solid rgba(34,38,40,.1);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(235,227,218,.7));
  box-shadow:0 20px 50px rgba(35,37,38,.08);
}
.video-copy h3{
  margin:18px 0 12px;
  font-family:var(--display);
  font-size:clamp(2.1rem,3.4vw,3.7rem);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.045em;
  color:var(--ink);
}
.video-copy>p:last-child{
  max-width:560px;
  color:var(--muted);
  line-height:1.7;
}
.video-frame{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:24px;
  background:#101214;
  box-shadow:0 28px 55px rgba(28,31,32,.22),0 8px 24px rgba(255,118,23,.08);
}
.video-frame-portrait{
  aspect-ratio:9/16;
  max-height:610px;
  justify-self:end;
}
.video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

@media (max-width:1060px){
  .panel-grid{grid-template-columns:1fr;gap:55px}
  .tablet-stage{min-height:520px}
  .tablet-device{width:min(760px,96%)}
}
@media (max-width:780px){
  .panel-section{padding:95px 0}
  .panel-copy h2{font-size:clamp(2.7rem,11vw,4.6rem)}
  .tablet-stage{min-height:360px}
  .tablet-device{transform:none;width:100%;padding:7px;border-radius:23px}
  .dashboard-mock{border-radius:17px}
  .dash-sidebar{padding:13px 7px}
  .dash-sidebar nav{margin-top:15px;gap:3px}
  .dash-sidebar nav i{padding:5px 4px;font-size:.38rem}
  .dash-brand b{font-size:.48rem}
  .dash-brand small{font-size:.3rem}
  .dash-v{width:22px;height:22px;font-size:.72rem}
  .dash-main{padding:14px}
  .dash-top strong{font-size:.88rem}
  .dash-alert{margin-top:9px;padding:7px}
  .dash-stats{gap:4px;margin-top:7px}
  .dash-stats article{min-height:53px;padding:6px}
  .dash-stats b{font-size:.76rem}
  .dash-panels{gap:5px;margin-top:6px}
  .dash-panels article{min-height:80px;padding:7px}
  .dash-panels p{padding:3px;margin:3px 0;font-size:.28rem}
  .mini-bars{height:28px}
  .tablet-shadow{bottom:18px}
  .video-showcase{grid-template-columns:1fr;gap:35px;padding:28px 23px}
  .video-frame-portrait{justify-self:center;width:min(330px,100%)}
}
@media (max-width:680px){
  .brand-plate{padding:6px 8px}
  .brand-logo-original{width:138px}
  .brand-original .brand-tagline{font-size:.35rem;margin-left:5px;letter-spacing:.24em}
  .nero-brand-plate{padding:11px 15px;border-radius:18px}
  .panel-features{gap:9px}
  .panel-feature{grid-template-columns:38px 1fr;padding:14px}
}