:root{
  --ink:#0b1d33;--text:#0b1d33;--teal:#0d9488;--teal-deep:#0a746a;--coral:#f9654f;--amber:#d98324;
  --mist:#f2f6fb;--surface:#fff;--surface-2:#eaf1f7;--line:#dbe6ef;--muted:#5c7488;--white:#fff;
  --font-display:"Fraunces",Georgia,"Times New Roman",serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --text:#e7eef6;--teal:#2fd6c6;--teal-deep:#22b6a8;--coral:#ff8b78;--amber:#f0b93d;
  --mist:#060f1c;--surface:#0d1e33;--surface-2:#0a1728;--line:#1c3049;--muted:#8ea3b8;
}}
:root[data-theme="dark"]{
  --text:#e7eef6;--teal:#2fd6c6;--teal-deep:#22b6a8;--coral:#ff8b78;--amber:#f0b93d;
  --mist:#060f1c;--surface:#0d1e33;--surface-2:#0a1728;--line:#1c3049;--muted:#8ea3b8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}
body{max-width:100%;margin:0;overflow-x:clip;color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  background:radial-gradient(1100px 560px at 8% -14%,color-mix(in srgb,var(--teal) 14%,transparent) 0%,transparent 60%),
             radial-gradient(900px 520px at 106% 4%,color-mix(in srgb,var(--coral) 12%,transparent) 0%,transparent 58%),var(--mist)}
.container{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.nav{height:78px;display:flex;align-items:center;gap:32px}
.brand{display:flex;align-items:center;gap:9px;color:var(--text);font-size:20px;font-weight:800;text-decoration:none;letter-spacing:-.6px}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto}
.brand-mark img{width:34px;height:34px;display:block}
.nav nav{display:flex;gap:26px;margin-left:auto}
.nav nav a,.text-link{color:var(--text);font-size:14px;font-weight:650;text-decoration:none}
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:9px;background:var(--coral);
  color:#fff;font-weight:750;text-decoration:none;box-shadow:0 8px 18px color-mix(in srgb,var(--coral) 40%,transparent);
  transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px color-mix(in srgb,var(--coral) 55%,transparent)}
.button-small{padding:9px 14px;font-size:14px}
.tema-toggle{flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);
  background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer}
.tema-toggle svg{width:16px;height:16px}
.eyebrow{margin:0 0 15px;color:var(--teal-deep);font-size:12px;font-weight:850;letter-spacing:1.5px}
.hero h1,.section h2,.cta h2{margin:0;letter-spacing:-.03em;line-height:1.04;font-size:clamp(42px,5vw,68px);
  font-family:var(--font-display);font-weight:460;text-wrap:balance}
.hero h1 em,.section h2 em{color:var(--teal-deep);font-style:italic;font-weight:400}
.hero-text{max-width:560px;margin:25px 0;color:var(--muted);font-size:19px}
.hero-actions{display:flex;align-items:center;gap:27px}
.text-link span{color:var(--coral);font-size:22px;vertical-align:-2px}
.microcopy{margin-top:14px;color:var(--muted);font-size:12px}
/* El mockup de chat es una captura fija del producto: mantiene su propia
   paleta clara siempre, como una imagen incrustada, sin seguir el tema. */
.hero-demo{overflow:hidden;border:8px solid var(--ink);border-radius:27px;background:#fff;
  box-shadow:20px 24px 0 color-mix(in srgb,var(--teal) 18%,transparent)}
.phone-top{display:grid;grid-template-columns:20px 1fr;column-gap:8px;align-items:center;padding:16px;
  background:var(--ink);color:#fff;font-size:12px}
.phone-top span{grid-row:span 2;width:13px;height:13px;border-radius:50%;background:#71dbb4}
.phone-top small{grid-column:2;color:#a9c3d8;font-size:12px}
.chat{min-height:360px;padding:20px;background:#f8fbfe}
.bubble{max-width:85%;margin:0 0 14px;padding:11px 13px;border-radius:12px;font-size:13px;color:#0b1d33}
.client{margin-left:auto;border-bottom-right-radius:3px;background:#d8f1ed}
.agent{border-bottom-left-radius:3px;background:#fff;box-shadow:0 3px 10px rgba(23,51,76,.07)}
.chat-status{padding:13px 17px;color:var(--teal-deep);font-size:12px;font-weight:700}
.chat-status i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:var(--teal)}
.proof-strip{padding:18px 0;background:var(--ink);color:#dbeaf6}
.proof-items{display:flex;justify-content:center;align-items:center;gap:25px;font-size:13px;font-weight:650}
.proof-items b{width:4px;height:4px;border-radius:50%;background:var(--coral)}
.section{padding:104px 0}
.section-heading{display:grid;grid-template-columns:1fr 370px;gap:40px;align-items:end}
.section h2{font-size:clamp(34px,4vw,52px)}
.section-heading p,.grid-feature>div>p{margin:0;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:47px}
.steps article{padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.steps span{color:var(--coral);font-weight:800}
.steps h3{margin:25px 0 9px;font-size:19px}
.steps p{margin:0;color:var(--muted);font-size:14px}
.soft-section{background:var(--surface-2)}
.grid-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:92px;align-items:center}
.grid-feature h2{margin-bottom:22px}
.grid-feature .text-link{display:inline-block;margin-top:24px}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.feature-list div{padding:20px;background:var(--surface);border-radius:12px}
.feature-list strong,.feature-list span{display:block}
.feature-list strong{margin-bottom:5px;font-size:15px}
.feature-list span{color:var(--muted);font-size:13px}
.channels{text-align:center}
.panel-features{background:var(--surface)}
.channels h2{font-size:clamp(32px,4vw,48px)}
.channel-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:42px;text-align:left}
.channel{display:flex;gap:14px;align-items:flex-start;padding:22px;border-radius:14px}
.channel>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;color:#fff;font-size:20px}
.channel h3,.channel p{margin:0}
.channel p{color:var(--muted);font-size:13px}
.whatsapp{background:color-mix(in srgb,#20b877 15%,var(--surface))}.whatsapp>span{background:#20b877}
.telegram{background:color-mix(in srgb,#2e9ce5 15%,var(--surface))}.telegram>span{background:#2e9ce5}
.web{background:color-mix(in srgb,var(--coral) 14%,var(--surface))}.web>span{background:var(--coral)}
.pricing-section{background:var(--ink);color:#fff}
.pricing-section .eyebrow{color:#75d7d4}
.pricing-heading p{color:#b6c9da}
.byok-toggle{display:flex;align-items:center;gap:14px;max-width:560px;margin:26px auto 0;padding:15px 20px;
  border:1px solid #244360;border-radius:14px;background:#0d233d;cursor:pointer}
.byok-toggle input{position:absolute;opacity:0;width:0;height:0}
.byok-toggle-track{flex:0 0 auto;width:40px;height:23px;border-radius:999px;background:#1c3a58;position:relative;transition:background .2s}
.byok-toggle-thumb{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#9fbed5;transition:transform .2s,background .2s}
.byok-toggle input:checked+.byok-toggle-track{background:var(--teal)}
.byok-toggle input:checked+.byok-toggle-track .byok-toggle-thumb{transform:translateX(17px);background:#fff}
.byok-toggle input:focus-visible+.byok-toggle-track{outline:2px solid var(--teal);outline-offset:2px}
.byok-toggle-text{display:flex;flex-direction:column;gap:2px}
.byok-toggle-text strong{color:#fff;font-size:13.5px}
.byok-toggle-text small{color:#9fbed5;font-size:12px;line-height:1.4}
.plan-price{display:inline-block;transition:opacity .15s ease}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:43px}
.plan{position:relative;display:flex;flex-direction:column;padding:28px;background:#102b49;border:1px solid #244360;border-radius:15px}
.plan.featured{background:var(--teal);border-color:#42b4b0;transform:translateY(-11px)}
.tag{position:absolute;top:-12px;right:21px;margin:0;padding:4px 9px;border-radius:99px;background:var(--coral);
  font-size:12px;font-weight:850;letter-spacing:.6px}
.plan-name{margin:0;color:#9fbed5;font-weight:750}
.featured .plan-name{color:#c7fbf8}
.plan h3{margin:15px 0 7px;font-size:32px;letter-spacing:-.02em;font-family:var(--font-display);font-weight:460}
.plan h3 small{font-size:12px;font-weight:500;letter-spacing:0;font-family:Inter,sans-serif}
.plan-intro{min-height:47px;margin:0;color:#c0d1df;font-size:13px}
.featured .plan-intro{color:#dcffff}
.plan ul{min-height:141px;padding:0;margin:20px 0;list-style:none;font-size:13px}
.plan li{margin:9px 0;padding-left:19px;position:relative}
.plan li:before{content:"✓";position:absolute;left:0;color:#75d7d4}
.featured .plan li:before{color:#fff}
.plan .button{margin-top:auto}
.button-outline{border:1px solid #7192ad;background:transparent;box-shadow:none}
.plan-note{margin:23px 0 0;color:#9fbed5;text-align:center;font-size:12px}
.compare-wrap{overflow-x:auto;margin-top:38px;border:1px solid #244360;border-radius:15px}
.compare{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.compare th,.compare td{padding:14px 18px;text-align:center;border-bottom:1px solid #1c3652}
.compare thead th{padding-top:18px;background:#0c2440;color:#c7d9e8;font-weight:750;white-space:normal}
.compare thead th span{display:block;margin-top:5px;color:#75d7d4;font-size:15px;font-weight:800}
.compare thead th.compare-featured{background:var(--teal);color:#fff}
.compare thead th.compare-featured span{color:#fff}
.compare th[scope=row]{padding-left:22px;color:#dbeaf6;font-weight:650;text-align:left;white-space:normal}
.compare th[scope=row] small{display:block;margin-top:3px;color:#7f9bb4;font-size:12px;font-weight:500;white-space:normal}
.compare td{color:#c0d1df}
.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:none}
.compare td.compare-yes{color:#75d7d4;font-weight:800;font-size:15px}
.faq{max-width:850px}
.faq h2{margin-bottom:37px}
details{padding:19px 0;border-top:1px solid var(--line)}
details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-weight:750;list-style:none}
summary:after{content:"+";float:right;color:var(--coral);font-size:22px}
details[open] summary:after{content:"−"}
details p{max-width:690px;margin:12px 0 0;color:var(--muted);font-size:14px}
.cta{display:flex;justify-content:space-between;gap:45px;align-items:center;margin-bottom:90px;padding:53px 58px;
  border-radius:18px;background:var(--coral);color:#fff}
.cta .eyebrow{color:#ffe1dc}
.cta h2{max-width:670px;font-size:clamp(31px,4vw,48px)}
.cta p:not(.eyebrow){margin:14px 0 0;color:#fff1ee}
.light-button{flex:0 0 auto;background:#fff;color:var(--ink);box-shadow:none}
footer{display:flex;align-items:center;gap:24px;padding:25px 0 35px;border-top:1px solid var(--line)}
footer p,footer small{margin:0;color:var(--muted);font-size:13px}
footer small{margin-left:auto;font-size:12px}
@media(max-width:780px){
  .nav{height:66px}.nav nav{display:none}.nav .tema-toggle{margin-left:auto}
  .hero{grid-template-columns:1fr;gap:45px;padding:55px 0}
  .hero-demo{max-width:430px;margin:auto}
  .proof-items{flex-direction:column;gap:8px;text-align:center}.proof-items b{display:none}
  .section{padding:74px 0}
  .section-heading,.grid-feature{grid-template-columns:1fr;gap:24px}
  .steps,.plans,.channel-cards{grid-template-columns:1fr}
  .feature-list{grid-template-columns:1fr 1fr;gap:9px}
  .plan.featured{transform:none}
  .compare{font-size:12px}.compare th,.compare td{padding:11px 14px}
  .cta{display:block;padding:38px 28px;margin-bottom:55px}.cta .button{margin-top:24px}
  footer{align-items:flex-start;flex-wrap:wrap}footer small{margin-left:0;width:100%}
}
@media(max-width:430px){
  .container{width:min(100% - 30px,1120px)}
  .nav .button{padding:8px 10px;font-size:12px}
  .hero h1{font-size:42px}
  .feature-list{grid-template-columns:1fr}
  .hero-actions{gap:16px}.hero-actions .text-link{font-size:13px}
}

.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;padding:76px 0 86px}

.verticals-section{background:var(--surface)}
.verticals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:43px}
.vertical-card{padding:23px;border:1px solid var(--line);border-radius:14px;
  background:linear-gradient(145deg,var(--surface),var(--surface-2))}
.vertical-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;
  background:color-mix(in srgb,var(--teal) 16%,var(--surface));color:var(--teal-deep);font-weight:800}
.vertical-icon svg{width:18px;height:18px}
.vertical-card h3{margin:20px 0 7px;font-size:18px}
.vertical-card p{margin:0;color:var(--muted);font-size:13px}
.verticals-note{margin:25px 0 0;color:var(--muted);font-size:14px}
.verticals-note strong{color:var(--text)}
.panel-features-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:780px){.verticals-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.verticals-grid{grid-template-columns:1fr}}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.reveal.reveal-in{opacity:1;transform:none}
.steps article.reveal:nth-child(2){transition-delay:.08s}
.steps article.reveal:nth-child(3){transition-delay:.16s}
.verticals-grid .reveal:nth-child(2){transition-delay:.06s}
.verticals-grid .reveal:nth-child(3){transition-delay:.12s}
.verticals-grid .reveal:nth-child(4){transition-delay:.18s}
.channel-cards .reveal:nth-child(2){transition-delay:.08s}
.channel-cards .reveal:nth-child(3){transition-delay:.16s}
.feature-list .reveal:nth-child(2){transition-delay:.06s}
.feature-list .reveal:nth-child(3){transition-delay:.12s}
.feature-list .reveal:nth-child(4){transition-delay:.18s}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* Demostración interactiva de los flujos operativos del producto. */
.use-case{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}.use-case-copy>p:not(.eyebrow){max-width:490px;margin:19px 0;color:var(--muted);font-size:16px}.use-case-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.use-case-tab{border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:var(--surface);color:var(--muted);font:700 13px Inter,system-ui,sans-serif;cursor:pointer;transition:.18s ease}.use-case-tab:hover{border-color:var(--teal);color:var(--teal-deep)}.use-case-tab.active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--ink) 20%,transparent)}
.flow-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--teal) 36%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--teal) 10%,var(--surface)),var(--surface) 43%);box-shadow:14px 16px 0 color-mix(in srgb,var(--coral) 12%,transparent)}.flow-top{display:flex;align-items:center;gap:9px;padding:16px 18px;border-bottom:1px solid var(--line);font-size:13px;font-weight:800}.flow-dot{width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px color-mix(in srgb,var(--teal) 16%,transparent)}.flow-state{margin-left:auto;color:var(--teal-deep);font-size:12px;letter-spacing:.09em}.flow-steps{padding:9px 18px}.flow-step{display:grid;grid-template-columns:35px 1fr;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);animation:flow-in .3s ease both}.flow-step:last-child{border-bottom:0}.flow-step>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--surface-2);color:var(--coral);font:700 12px var(--font-mono)}.flow-step strong{display:block;font-size:13px}.flow-step p{margin:2px 0 0;color:var(--muted);font-size:13px}.flow-result{display:flex;flex-direction:column;gap:3px;padding:16px 18px;background:var(--ink);color:#fff}.flow-result span{color:#9fb6c9;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.flow-result strong{font-size:15px}@keyframes flow-in{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}@media(max-width:800px){.use-case{grid-template-columns:1fr;gap:30px}}@media(max-width:440px){.use-case-tab{width:100%;text-align:left}.flow-state{display:none}}

/* Más espacio interno en bloques de decisión y lectura; evita la sensación de landing comprimida. */
.steps{gap:22px}.steps article{padding:31px 28px;border-radius:18px;box-shadow:0 12px 30px -28px color-mix(in srgb,var(--ink) 70%,transparent)}.steps h3{margin-top:29px}.verticals-grid{gap:20px}.vertical-card{padding:28px 25px;border-radius:18px}.vertical-card h3{margin-top:24px}.feature-list{gap:16px}.feature-list div{padding:25px;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 28px -30px color-mix(in srgb,var(--ink) 70%,transparent)}.channel-cards{gap:20px}.channel{padding:27px 24px;border-radius:18px}.plans{gap:22px}.plan{padding:34px 30px;border-radius:19px}.plan ul{margin:25px 0 30px;line-height:1.65}.compare-wrap{margin-top:50px}.faq details{padding:22px 24px;margin-top:14px;border-radius:14px}.faq summary{padding-right:28px}.demo-actions{gap:16px}.demo-channel{padding:23px 21px;border-radius:16px}.cta{border-radius:20px}@media(max-width:780px){.steps,.verticals-grid,.channel-cards,.plans{gap:16px}.steps article,.vertical-card,.channel,.plan{padding:24px 21px}.faq details{padding:18px}.section{padding:82px 0}}

/* Profundidad y orientación sin sacrificar la composición editorial. */
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:80;pointer-events:none}.scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--teal),var(--coral));transition:transform .08s linear}
.nav{position:sticky;top:0;z-index:50;transition:height .2s,background .2s,box-shadow .2s}.nav::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:color-mix(in srgb,var(--mist) 88%,transparent);border-bottom:1px solid transparent;backdrop-filter:blur(14px);transition:.2s}.nav.nav-scrolled{height:66px}.nav.nav-scrolled::before{border-color:var(--line);box-shadow:0 10px 30px -28px var(--ink)}
.nav nav a{position:relative}.nav nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;border-radius:2px;background:var(--teal);transition:right .2s}.nav nav a:hover::after{right:0}
.hero-demo-wrap{position:relative}.hero-demo-wrap .hero-demo{position:relative;z-index:1}.hero-signal{position:absolute;z-index:2;display:flex;flex-direction:column;min-width:150px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--teal) 28%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 14px 35px -22px var(--ink);backdrop-filter:blur(10px);animation:signal-float 4s ease-in-out infinite}.hero-signal span{color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.hero-signal strong{margin-top:2px;font:550 16px var(--font-display)}.hero-signal--top{right:-28px;top:-30px}.hero-signal--bottom{right:-24px;bottom:20px;animation-delay:-2s}@keyframes signal-float{50%{transform:translateY(-5px)}}
.hero-trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:19px;color:var(--muted);font-size:12px;font-weight:650}.hero-trust i{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:4px;border-radius:50%;background:color-mix(in srgb,var(--teal) 14%,var(--surface));color:var(--teal-deep);font-style:normal}
.steps article,.vertical-card,.feature-list div,.channel,.plan{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.steps article:hover,.vertical-card:hover,.feature-list div:hover,.channel:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--teal) 38%,var(--line));box-shadow:0 20px 40px -32px var(--ink)}
.button:focus-visible,.tema-toggle:focus-visible,.use-case-tab:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--teal) 45%,transparent);outline-offset:3px}
@media(max-width:1180px){.hero-signal--top,.hero-signal--bottom{right:-8px}}
@media(max-width:780px){.hero{grid-template-columns:minmax(0,1fr);gap:54px;padding-top:55px}.hero-copy{min-width:0}.hero-demo-wrap{width:100%;max-width:430px;margin:auto}.hero-signal{display:none}.nav::before{left:50%;right:auto}.nav{gap:12px}.nav .button-small{padding-inline:11px}.hero-text{max-width:620px}}
@media(max-width:480px){.hero-signal{display:none}.hero-trust{display:grid;gap:8px}.nav::before{left:50%;right:auto}}
@media(prefers-reduced-motion:reduce){.hero-signal{animation:none}.scroll-progress span{transition:none}}

/* El panel de capacidades concentra lo que ya está disponible en el producto,
   sin el espacio vacío ni las promesas de una vista de calendario inexistente. */
.panel-features{padding:78px 0 88px;background:transparent}
.panel-features .section-heading{grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);align-items:center;gap:56px;margin-bottom:34px}
.panel-features .section-heading h2{max-width:650px}
.panel-features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:0}
.panel-features-grid .vertical-card{position:relative;display:flex;min-height:224px;flex-direction:column;padding:25px 24px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 82%,var(--surface)));box-shadow:none}
.panel-features-grid .vertical-card::after{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:0 0 4px 4px;background:color-mix(in srgb,var(--teal) 60%,transparent);opacity:.72}
.panel-features-grid .vertical-card p{max-width:34ch}
@media(max-width:980px){.panel-features .section-heading{grid-template-columns:1fr;gap:14px}.panel-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.panel-features{padding:64px 0}.panel-features-grid{grid-template-columns:1fr}.panel-features-grid .vertical-card{min-height:0}}