:root{
  color-scheme:light;
  --deep:#0B1620; --deep-2:#122433; --deep-line:#1E3446;
  --blue:#09A6E8; --blue-2:#1578B7; --blue-soft:#68B5D7;
  --coral:#FF6B4A; --coral-dark:#E8532F;
  --light:#F4F7FA; --white:#FFFFFF;
  --ink:#0B1620; --ink-2:#3C5162; --muted:#6D8394; --line:#DCE6EE;
  --on-deep:#F4F7FA; --on-deep-2:#A9C1D3;
  --display:"Poppins", "Segoe UI", system-ui, sans-serif;
  --body:"Inter", "Segoe UI", system-ui, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--light);color:var(--ink);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased}
.wrap{max-width:1140px;margin:0 auto;padding-inline:20px}
h1,h2,h3{font-family:var(--display);line-height:1.12;text-wrap:balance;margin:0;letter-spacing:-.02em}
h2{font-size:clamp(28px,4.2vw,44px);font-weight:700}
h3{font-size:20px;font-weight:600}
p{margin:0}
a{color:inherit}
section{padding-block:96px}
.dark{background:var(--deep);color:var(--on-deep)}
.kicker{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--display);color:var(--blue);letter-spacing:.02em}
.kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(9,166,232,.18)}
.lead{font-size:18px;color:var(--ink-2);max-width:58ch}
.dark .lead{color:var(--on-deep-2)}
.sec-head{display:grid;gap:14px;margin-bottom:48px;max-width:700px}
.hl{color:var(--blue)}
.hl-coral{color:var(--coral)}

.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;font:600 15px/1 var(--display);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, background .18s ease}
.btn:hover{transform:translateY(-2px)}
.btn-coral{background:var(--coral);color:#fff;box-shadow:0 10px 24px -10px rgba(255,107,74,.7)}
.btn-coral:hover{background:var(--coral-dark)}
.btn-line{border-color:currentColor}
.btn:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
.tag{display:inline-block;font:600 10.5px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:#FFE7E1;color:var(--coral-dark);vertical-align:middle;white-space:nowrap}

/* NAV */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(11,22,32,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--on-deep)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{height:34px;width:auto}
.brand span{font:800 22px/1 var(--display);letter-spacing:.04em}
.nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;font:500 14px/1 var(--display);color:var(--on-deep-2)}
.nav ul a{text-decoration:none}.nav ul a:hover{color:var(--on-deep)}
.nav .btn{padding:11px 18px;font-size:14px}
@media (max-width:880px){.nav ul{display:none}}

/* HERO */
.hero{padding-block:64px 72px;overflow:hidden;position:relative}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(38px,6vw,66px);font-weight:800}
.hero h1 .wave{background:linear-gradient(90deg,var(--blue),var(--blue-soft));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{margin-top:22px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero .btn-line{color:var(--on-deep)}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.pills span{padding:8px 14px;border-radius:999px;background:var(--deep-2);border:1px solid var(--deep-line);font:500 13px/1 var(--body);color:var(--on-deep-2)}
.pills span b{color:var(--blue);font-weight:600}

.radar{position:relative;width:100%;max-width:460px;aspect-ratio:1;margin-inline:auto}
.radar .ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(104,181,215,.22)}
.radar .ring:nth-child(2){inset:14%}
.radar .ring:nth-child(3){inset:28%}
.radar .ring:nth-child(4){inset:42%;background:radial-gradient(circle,rgba(9,166,232,.25),transparent 70%);border-color:rgba(9,166,232,.5)}
.radar .ping{position:absolute;inset:42%;border-radius:50%;border:2px solid var(--blue);animation:ping 3.2s ease-out infinite;opacity:0}
.radar .ping.late{animation-delay:1.6s}
.radar .sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(9,166,232,.28),rgba(9,166,232,0) 70deg,transparent 360deg);animation:spin 6s linear infinite}
.radar .core{position:absolute;inset:44%;display:grid;place-items:center}
.radar .core img{width:100%;height:auto}
.blip{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:999px;background:var(--white);color:var(--ink);font:600 12.5px/1 var(--display);box-shadow:0 12px 30px -12px rgba(0,0,0,.6);white-space:nowrap;animation:float 5s ease-in-out infinite}
.blip i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 12px/1 var(--body);font-style:normal;color:#fff}
.blip.alerta i{background:var(--coral)}
.blip.ok i{background:#22B07D}
.blip.info i{background:var(--blue-2)}
.blip.p1{top:4%;left:0}
.blip.p2{top:19%;right:-4%;animation-delay:-.8s}
.blip.p3{top:36%;left:-6%;animation-delay:-1.6s}
.blip.p4{top:55%;right:-6%;animation-delay:-2.4s}
.blip.p5{bottom:14%;left:-2%;animation-delay:-3.2s}
.blip.p6{bottom:0;right:4%;animation-delay:-4s}
.blip.p7,.blip.p8{display:none}
@keyframes ping{0%{transform:scale(1);opacity:.8}100%{transform:scale(3.4);opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.radar .ping,.radar .sweep,.blip{animation:none}.btn{transition:none}html{scroll-behavior:auto}}
@media (max-width:920px){.hero .wrap{grid-template-columns:1fr}.radar{max-width:380px}}
@media (max-width:520px){.blip{font-size:11px;padding:6px 10px 6px 6px}.blip i{width:18px;height:18px}.blip.p2,.blip.p4{right:0}.blip.p3,.blip.p5{left:0}}

/* PLATFORMS */
.platforms{background:linear-gradient(var(--deep) 50%,var(--light) 50%);padding-block:0}
.plat-card{background:var(--white);border-radius:28px;padding:22px 26px;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;box-shadow:0 24px 50px -30px rgba(11,22,32,.55);border:1px solid var(--line)}
.plat-card h3{font-size:15px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:10px;white-space:nowrap}
.plat-card h3::after{content:"";width:28px;height:2px;background:var(--line)}
.plat-list{display:flex;flex-wrap:wrap;gap:10px;flex:1;list-style:none;margin:0;padding:0}
.plat-list li{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--light);font:600 15px/1 var(--display);color:var(--ink)}
.plat-list li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue-soft)}
.plat-list li.star{background:#E3F4FC;color:var(--blue-2)}
.plat-list li.star::before{background:var(--blue);box-shadow:0 0 0 4px rgba(9,166,232,.2)}
.plat-list li small{font:600 10.5px/1 var(--body);text-transform:uppercase;letter-spacing:.06em;background:var(--blue-2);color:#fff;padding:4px 7px;border-radius:999px}
.plat-list li.erp::before{background:var(--coral)}

/* WHO */
.who .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.photo-wrap{position:relative;max-width:440px;width:100%;margin-inline:auto}
.photo-wrap::before,.photo-wrap::after{content:"";position:absolute;border-radius:50%;border:2px solid var(--blue-soft);opacity:.5}
.photo-wrap::before{width:120%;aspect-ratio:1;left:-10%;top:-6%}
.photo-wrap::after{width:145%;aspect-ratio:1;left:-22.5%;top:-18%;opacity:.25}
.photo{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:150px 150px 28px 28px;display:block;max-width:100%}
.sticker{position:absolute;z-index:2;right:-6px;bottom:28px;background:#2C4BD8;color:#fff;font:700 14px/1.2 var(--display);padding:14px 16px;border-radius:18px;border:3px solid #fff;transform:rotate(-4deg);box-shadow:0 14px 30px -12px rgba(44,75,216,.8);text-align:center}
.sticker small{display:block;font:500 11px/1.2 var(--body);opacity:.9}
.who h2 .hi{display:block;font-size:.55em;font-weight:600;color:var(--blue-2);margin-bottom:6px}
.formula{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font:600 15px/1 var(--display)}
.formula span{padding:8px 14px;border-radius:999px;background:var(--white);border:1px solid var(--line)}
.formula b{color:var(--coral)}
.bio{display:grid;gap:14px;margin-top:22px;color:var(--ink-2);max-width:58ch}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.fact{background:var(--white);border-radius:18px;padding:16px;border:1px solid var(--line)}
.fact b{display:block;font:700 26px/1 var(--display);color:var(--blue-2);font-variant-numeric:tabular-nums}
.fact span{font-size:13px;color:var(--muted)}
.who-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.who .btn-line{color:var(--ink)}
@media (max-width:900px){.who .wrap{grid-template-columns:1fr;gap:56px}.photo-wrap{max-width:340px}}
@media (max-width:480px){.facts{grid-template-columns:1fr 1fr}.photo-wrap::after{display:none}.photo-wrap::before{width:110%;left:-5%}}

/* NUVEMSHOP */
.spec{padding-block:0}
.spec-card{background:linear-gradient(120deg,var(--blue-2),var(--blue));color:#fff;border-radius:32px;padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;position:relative;overflow:hidden}
.spec-card::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;border:40px solid rgba(255,255,255,.08)}
.spec-card h2{font-size:clamp(26px,3.6vw,38px)}
.spec-card p{margin-top:14px;opacity:.92;max-width:52ch}
.spec-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;position:relative;z-index:1}
.spec-card li{background:rgba(255,255,255,.14);border-radius:16px;padding:14px 16px;font-weight:500;display:flex;gap:10px;align-items:flex-start}
.spec-card li::before{content:"✓";font-weight:700}
@media (max-width:820px){.spec-card{grid-template-columns:1fr}}

/* SERVICES */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc{background:var(--deep-2);border:1px solid var(--deep-line);border-radius:26px;padding:26px;display:flex;flex-direction:column;gap:14px;transition:transform .2s ease,border-color .2s ease}
.svc:hover{transform:translateY(-4px);border-color:var(--blue)}
.svc.feat{grid-row:span 2;background:linear-gradient(170deg,#12324A,var(--deep-2) 60%);border-color:var(--blue-2)}
.svc .top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.svc .num{font:600 13px/1 var(--display);color:var(--blue-soft)}
.svc .badge{font:600 11px/1 var(--display);padding:6px 10px;border-radius:999px;background:var(--coral);color:#fff}
.svc h3{font-size:22px}
.svc .ideal{font-size:14px;color:var(--on-deep-2)}
.svc .ideal b{color:var(--on-deep);font-weight:600}
.svc ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px;color:var(--on-deep)}
.svc li{display:flex;gap:10px}
.svc li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-top:8px}
.svc .foot{margin-top:auto;padding-top:16px;border-top:1px dashed var(--deep-line);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.svc .price{font-size:13px;color:var(--on-deep-2)}
.svc .price b{display:block;color:var(--on-deep);font:600 15px/1.3 var(--display)}
.svc .go{font:600 14px/1 var(--display);color:var(--coral);text-decoration:none}
.svc .go:hover{text-decoration:underline}
.svc.feat p.pitch{color:var(--on-deep-2);font-size:15px}
.svc-foot{margin-top:40px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:var(--deep-2);border-radius:22px;padding:22px 26px;border:1px solid var(--deep-line)}
.svc-foot p{font:600 18px/1.3 var(--display)}
@media (max-width:960px){.svc-grid{grid-template-columns:1fr 1fr}.svc.feat{grid-row:auto;grid-column:span 2}}
@media (max-width:620px){.svc-grid{grid-template-columns:1fr}.svc.feat{grid-column:auto}}

/* STEPS */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.step{background:var(--white);border-radius:24px;padding:24px;border:1px solid var(--line);display:grid;gap:10px;align-content:start;position:relative}
.step .n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#E3F4FC;color:var(--blue-2);font:700 16px/1 var(--display)}
.step p{color:var(--ink-2);font-size:15px}
.step small{font-weight:600;color:var(--coral-dark);font-size:12.5px}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* CASES */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case{background:var(--white);border-radius:24px;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:14px}
.case.wide{grid-column:span 2;background:linear-gradient(135deg,#E3F4FC,var(--white) 70%)}
.case .meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.plat{font:600 12px/1 var(--display);padding:7px 11px;border-radius:999px;background:var(--deep);color:var(--on-deep)}
.plat.nuvem{background:#2C4BD8;color:#fff}
.plat.vtex{background:#E4176C;color:#fff}
.plat.wbuy{background:var(--blue-2);color:#fff}
.plat.ops{background:var(--coral);color:#fff}
.dur{display:flex;align-items:center;gap:6px;font:500 13px/1 var(--body);color:var(--muted)}
.case h3{font-size:22px}
.case.wide h3{font-size:28px}
.case ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px;color:var(--ink-2)}
.case li{display:flex;gap:10px}
.case li::before{content:"✓";color:var(--blue);font-weight:700;flex:none}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px}
.chips span{font:500 12px/1 var(--body);padding:7px 10px;border-radius:999px;background:var(--light);color:var(--ink-2)}
.case.stores{background:var(--deep);color:var(--on-deep);border-color:var(--deep)}
.case.stores h3{color:var(--on-deep)}
.store-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.case .store-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--deep-line);font:600 15px/1.3 var(--display);color:var(--on-deep)}
.store-list li::before{display:none}
.store-list li:last-child{border-bottom:0}
.store-list li span{font:400 13px/1.3 var(--body);color:var(--on-deep-2);text-align:right}
@media (max-width:900px){.cases{grid-template-columns:1fr 1fr}.case.wide,.case.stores{grid-column:span 2}}
@media (max-width:620px){.cases{grid-template-columns:1fr}.case.wide,.case.stores{grid-column:auto}}
.quote{margin:18px 0 0;background:var(--white);border-radius:24px;border:1px solid var(--line);padding:28px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}
.quote .mark{font:800 64px/.8 var(--display);color:var(--coral)}
.quote p{font:500 19px/1.5 var(--display);color:var(--ink)}
.quote footer{margin-top:10px;font-size:14px;color:var(--muted)}

/* BLOG */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.post{background:var(--white);border-radius:24px;overflow:hidden;border:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column;transition:transform .2s ease}
.post:hover{transform:translateY(-4px)}
.post .cover{aspect-ratio:16/9;max-width:100%;display:grid;place-items:center;font:800 30px/1 var(--display);color:#fff;position:relative;overflow:hidden}
.post .cover::after{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;border:18px solid rgba(255,255,255,.12);right:-20%;bottom:-40%}
.c1{background:var(--blue)}.c2{background:var(--coral)}.c3{background:var(--blue-2)}
.post .body{padding:22px;display:grid;gap:10px}
.post small{font:600 12px/1 var(--display);color:var(--blue-2)}
.post h3{font-size:19px}
.post p{font-size:14.5px;color:var(--ink-2)}
.post .meta{font-size:12.5px;color:var(--muted)}
.blog-foot{margin-top:32px}
.blog-foot .btn{color:var(--ink)}
@media (max-width:900px){.posts{grid-template-columns:1fr}}

/* FAQ */
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}
details{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px 22px;margin-bottom:10px}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;font:600 16.5px/1.35 var(--display)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;background:#E3F4FC;color:var(--blue-2);display:grid;place-items:center;font:600 18px/1 var(--display)}
details[open] summary::after{content:"–";background:var(--coral);color:#fff}
details p{margin-top:12px;color:var(--ink-2)}
@media (max-width:860px){.faq-wrap{grid-template-columns:1fr;gap:24px}}

/* BOOK */
.book{position:relative;overflow:hidden}
.book .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative}
.book h2{font-size:clamp(32px,5vw,52px)}
.contacts{display:grid;gap:12px;margin-top:28px}
.contact{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;background:var(--deep-2);border:1px solid var(--deep-line)}
.contact .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(9,166,232,.15);color:var(--blue);flex:none}
.contact small{display:block;color:var(--on-deep-2);font-size:12.5px}
.contact b{font:600 16px/1.3 var(--display);word-break:break-word}
.contact button{margin-left:auto;background:none;border:1px solid var(--deep-line);color:var(--on-deep-2);border-radius:999px;padding:7px 12px;font:500 12px/1 var(--body);cursor:pointer}
.contact button:hover{color:var(--on-deep);border-color:var(--blue)}
.cal{background:var(--white);color:var(--ink);border-radius:28px;padding:24px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.cal-h{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:16px}
.cal-h img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:60% 10%}
.cal-h b{display:block;font:600 16px/1.2 var(--display)}
.cal-h small{color:var(--muted);font-size:13px}
.days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}
.day{border:1.5px solid var(--line);border-radius:16px;padding:10px 4px;text-align:center;font:500 12px/1.3 var(--body);color:var(--muted);background:var(--white);cursor:pointer}
.day b{display:block;font:700 18px/1.2 var(--display);color:var(--ink)}
.day[aria-pressed="true"]{border-color:var(--blue);background:#E3F4FC}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.slot{padding:11px;border-radius:999px;border:1.5px solid var(--line);background:var(--white);color:var(--ink);font:600 13px/1 var(--display);cursor:pointer}
.slot:hover{border-color:var(--blue)}
.slot[aria-pressed="true"]{background:var(--coral);border-color:var(--coral);color:#fff}
.cal-note{margin-top:14px;font-size:12.5px;color:var(--muted)}
@media (max-width:880px){.book .wrap{grid-template-columns:1fr}}

footer.site{background:var(--deep);color:var(--on-deep-2);border-top:1px solid var(--deep-line);padding-block:40px}
footer.site .wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;font-size:14px}
footer.site .brand{color:var(--on-deep)}

/* SITE EXTRAS */
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:99;background:#fff;color:var(--ink);padding:10px 14px;border-radius:8px}
.nav-toggle{display:none;background:none;border:1px solid var(--deep-line);color:var(--on-deep);border-radius:999px;padding:9px 14px;font:600 14px/1 var(--display);cursor:pointer}
@media (max-width:880px){.nav-toggle{display:inline-flex}.nav .btn{display:none}.nav ul.open{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--deep);padding:8px 20px 16px;border-bottom:1px solid var(--deep-line)}.nav ul.open a{display:block;padding:12px 0;font-size:16px}}
.nav .wrap{position:relative}
.cal-embed{background:var(--white);border-radius:28px;overflow:hidden;min-height:560px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.cal-fallback{display:grid;gap:14px}
.cal-fallback .btn{justify-content:center}
.wa-float{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.45)}
.post .cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.post .cover span{position:relative;z-index:1;text-align:center;padding:0 16px;font-size:24px;line-height:1.15}
.empty{background:var(--white);border:1px dashed var(--line);border-radius:24px;padding:28px;color:var(--ink-2)}
/* ARTICLE */
.article-hero{padding-block:64px 56px}
.article-hero .wrap{max-width:820px}
.article-hero h1{font-size:clamp(32px,5vw,50px);font-weight:800;margin-top:16px}
.article-hero .meta{margin-top:16px;color:var(--on-deep-2);font-size:14px}
.article-cover{max-width:980px;margin:-10px auto 0;padding-inline:20px}
.article-cover img{width:100%;border-radius:24px;display:block;aspect-ratio:16/9;object-fit:cover}
.prose{max-width:720px;margin:0 auto;padding:56px 20px 24px;font-size:18px;line-height:1.75;color:var(--ink-2)}
.prose h2{font-size:28px;color:var(--ink);margin:40px 0 12px}
.prose h3{font-size:22px;color:var(--ink);margin:32px 0 10px}
.prose p,.prose ul,.prose ol,.prose blockquote,.prose table{margin:0 0 20px}
.prose a{color:var(--blue-2)}
.prose img{border-radius:16px}
.prose blockquote{border-left:4px solid var(--coral);padding-left:18px;color:var(--ink);font-weight:500}
.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--line);padding:8px 12px;text-align:left}
.article-cta{max-width:720px;margin:24px auto 96px;padding-inline:20px}
.article-cta div{background:var(--deep);color:var(--on-deep);border-radius:24px;padding:28px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.article-cta p{font:600 19px/1.35 var(--display);max-width:40ch}
.back{display:inline-flex;gap:6px;font:600 14px/1 var(--display);color:var(--blue);text-decoration:none}
.only-mobile{display:none}
@media (max-width:880px){.nav ul.open .only-mobile{display:block}}