/* chiefvisuals.com — built from Home C v2 (2026-09-24). Brand kit: navy / sky / yellow / sand, Bebas Neue + Manrope. */
:root{
  --navy:#061B2E; --navy-2:#0A2238; --navy-3:#10304C; --sky:#4A8FF0; --yellow:#F2CD1F; --sand:#E8DCC7; --bone:#F5EFE4; --bone-soft:#AEBAC6; --ink:#0E1A26; --ink-soft:#4E5C6A;
  --disp:"Bebas Neue",Impact,sans-serif; --text:Manrope,"Helvetica Neue",sans-serif; --ease:cubic-bezier(.23,1,.32,1);
  color-scheme:dark;
}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--navy);color:var(--bone);font:16px/1.6 var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:inherit}
::selection{background:var(--yellow);color:var(--navy)}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.grain{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}


/* ---------- animated gradient ground ---------- */
.aurora{position:fixed;inset:-20%;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(120% 90% at 50% 110%,#0B2C47 0%,var(--navy) 60%)}
.aurora i{position:absolute;width:70vmax;height:70vmax;border-radius:50%;will-change:transform;opacity:.9;mix-blend-mode:screen}
.aurora i:nth-child(1){left:-10%;top:-10%;background:radial-gradient(circle,rgba(74,143,240,.42) 0%,rgba(74,143,240,.12) 35%,transparent 68%);animation:a1 26s ease-in-out infinite alternate}
.aurora i:nth-child(2){right:-15%;top:10%;background:radial-gradient(circle,rgba(14,110,140,.55) 0%,rgba(14,110,140,.16) 38%,transparent 70%);animation:a2 32s ease-in-out infinite alternate}
.aurora i:nth-child(3){left:20%;bottom:-25%;background:radial-gradient(circle,rgba(112,176,240,.30) 0%,rgba(112,176,240,.08) 40%,transparent 70%);animation:a3 38s ease-in-out infinite alternate}
.aurora i:nth-child(4){right:15%;bottom:-10%;width:40vmax;height:40vmax;background:radial-gradient(circle,rgba(242,205,31,.16) 0%,rgba(242,205,31,.04) 40%,transparent 70%);animation:a4 30s ease-in-out infinite alternate}
@keyframes a1{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(18vw,12vh,0) scale(1.25)}}
@keyframes a2{from{transform:translate3d(0,0,0) scale(1.1)}to{transform:translate3d(-16vw,18vh,0) scale(.9)}}
@keyframes a3{from{transform:translate3d(0,0,0) scale(.95)}to{transform:translate3d(14vw,-16vh,0) scale(1.2)}}
@keyframes a4{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-10vw,-14vh,0) scale(1.3)}}
@media (prefers-reduced-motion:reduce){.aurora i{animation:none}}

/* ---------- chrome: wordmark, index, one CTA ---------- */
.top{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top,0px)) clamp(16px,3vw,36px) 14px;pointer-events:none}
.top>*{pointer-events:auto}
.top .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.top .brand img{width:40px;height:40px}
.top .brand span{font:400 24px/1 var(--disp);letter-spacing:.04em}
.cta{display:inline-flex;align-items:center;gap:12px;background:var(--yellow);color:var(--navy);text-decoration:none;font:800 14px/1 var(--text);padding:13px 18px;border-radius:999px;transition:transform .16s var(--ease)}
.cta:hover{transform:translateY(-1px)}.cta:active{transform:scale(.97)}
.cta i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(6,27,46,.14);font-size:13px}
.index{position:fixed;right:clamp(14px,3vw,36px);top:50%;transform:translateY(-50%);z-index:30;display:grid;gap:10px;text-align:right}
.index a{text-decoration:none;font:600 11px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-soft);display:flex;align-items:center;justify-content:flex-end;gap:10px;transition:color .2s}
.index a::after{content:"";width:18px;height:1px;background:currentColor;transition:width .3s var(--ease)}
.index a.on{color:var(--yellow)}.index a.on::after{width:34px}
@media (max-width:860px){.index{display:none}}

/* ---------- the collection: floating pages, scroll = dolly ---------- */
.gallery{position:relative;height:calc(var(--n,4) * 120vh);z-index:1}
.gallery .stage{position:sticky;top:0;height:100vh;overflow:hidden;perspective:1500px;perspective-origin:50% 55%}
.gallery .title{position:absolute;left:clamp(16px,4vw,56px);top:calc(env(safe-area-inset-top,0px) + 84px);z-index:5;max-width:min(64vw,760px);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px}
h1,h2,h3{font-family:var(--disp);font-weight:400;letter-spacing:.015em;line-height:.9;margin:0;text-wrap:balance}
h1{font-size:clamp(30px,3vw,46px)}h2{font-size:clamp(38px,4.8vw,72px)}h3{font-size:clamp(26px,2.6vw,40px)}
p{margin:0;text-wrap:pretty}
.title p{max-width:40ch;color:var(--bone-soft);font-weight:500;margin-top:8px;font-size:14px}
.title .hint{display:none}
.world{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.page{position:absolute;left:50%;top:60%;width:min(52vw,1100px,calc((100vh - 380px) * 1.6));aspect-ratio:1440/900;transform-style:preserve-3d;cursor:pointer;border:0;padding:0;background:none;color:inherit;font:inherit;text-align:left}
.page .frame{position:absolute;inset:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 60px 120px -30px rgba(0,0,0,.75),0 0 0 1px rgba(245,239,228,.14),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.page:hover .frame{transform:translateZ(30px) rotateX(1deg)}
.page .frame img{width:100%;height:100%;object-fit:cover;object-position:top}
.page .bar{position:absolute;left:0;right:0;top:0;height:22px;background:#eef1f4;display:flex;align-items:center;gap:6px;padding:0 10px}
.page .bar i{width:8px;height:8px;border-radius:50%;background:#c9d1d9}
.page .bar i:first-child{background:#ff5f57}.page .bar i:nth-child(2){background:#febc2e}.page .bar i:nth-child(3){background:#28c840}
.page .frame img{margin-top:22px;height:calc(100% - 22px)}
.page .label{position:absolute;left:0;top:calc(100% + 12px);display:grid;gap:4px;font:500 12px/1.5 var(--text);color:var(--bone-soft);letter-spacing:.02em}
.page .label b{font:400 26px/1 var(--disp);letter-spacing:.04em;color:var(--bone)}
.page .label .pend{color:var(--yellow)}
.page:focus-visible .frame{outline:3px solid var(--yellow);outline-offset:4px}
.page.next .frame{background:var(--navy-3);display:grid;place-items:center;text-align:center;border:1px dashed rgba(245,239,228,.35);box-shadow:none}
.page.next .frame h3{color:var(--bone)}
.page.next .frame small{display:block;color:var(--bone-soft);margin-top:8px;font-weight:500}
.fog{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 55%,transparent 45%,rgba(6,27,46,.55) 100%)}
.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(6,27,46,.85) 0,transparent 14%),linear-gradient(to bottom,rgba(6,27,46,.6) 0,transparent 20%)}

/* ---------- pop-out ---------- */
.pop{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;padding:clamp(10px,3vw,40px)}
.pop.open{display:flex}
.pop .veil{position:absolute;inset:0;background:rgba(3,12,22,.82);backdrop-filter:blur(10px)}
.pop .card{position:relative;width:min(1100px,100%);height:min(88vh,900px);background:#fff;color:var(--ink);border-radius:16px;overflow:hidden;box-shadow:0 60px 140px rgba(0,0,0,.7);display:grid;grid-template-rows:auto 1fr;transform:scale(.96);opacity:0;transition:transform .5s var(--ease),opacity .4s var(--ease)}
.pop.open .card{transform:none;opacity:1}
.pop .head{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#eef1f4;border-bottom:1px solid #dfe5ea}
.pop .head .dots i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:#c9d1d9}
.pop .head .dots i:nth-child(1){background:#ff5f57}.pop .head .dots i:nth-child(2){background:#febc2e}.pop .head .dots i:nth-child(3){background:#28c840}
.pop .url{flex:1;background:#fff;border-radius:8px;padding:8px 12px;font:500 13px var(--text);color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pop .visit{background:var(--navy);color:var(--bone);text-decoration:none;font:800 13px/1 var(--text);padding:10px 14px;border-radius:999px;white-space:nowrap}
.pop .visit.off{opacity:.5;pointer-events:none}
.pop .x{background:none;border:0;font:400 26px/1 var(--disp);color:var(--ink);cursor:pointer;padding:4px 8px}
.pop .scroll{overflow:auto;background:#f3f4f6}
.pop .scroll img{width:100%;height:auto}
.pop .meta{position:absolute;left:14px;bottom:14px;background:var(--navy);color:var(--bone);padding:10px 14px;border-radius:10px;font:500 12px/1.5 var(--text);max-width:60%}
.pop .meta b{font:400 20px/1 var(--disp);letter-spacing:.04em;display:block;margin-bottom:2px}

/* ---------- quiet sections after the collection ---------- */
.sec{padding:clamp(72px,11vw,150px) clamp(16px,5vw,72px);position:relative;z-index:2}
.wrap{max-width:1180px;margin:0 auto}
.in{transform:translateY(14px);transition:transform .7s var(--ease)}
.in.on{opacity:1;transform:none}
.stack>.in:nth-child(2){transition-delay:.06s}.stack>.in:nth-child(3){transition-delay:.12s}.stack>.in:nth-child(4){transition-delay:.18s}
.eyebrow{font:600 11px/1 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--yellow)}
.services{background:var(--sand);color:var(--ink)}
.services .grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,72px);align-items:start}
.services .list{display:grid}
.services .item{padding:26px 0;border-top:1px solid rgba(14,26,38,.14);display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:baseline}
.services .item:last-child{border-bottom:1px solid rgba(14,26,38,.14)}
.services .item b{font:400 30px/1 var(--disp);letter-spacing:.04em}
.services .item p{color:var(--ink-soft);font-weight:500;max-width:42ch}
.about{background:var(--navy-2)}
.about .grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center}
.about img{border-radius:14px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.about p{color:var(--bone-soft);font-weight:500;max-width:46ch}
.scubas{background:linear-gradient(180deg,var(--navy-2) 0%,#0E3A5E 100%);color:var(--bone);overflow:hidden;position:relative}
.scubas .grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,5vw,64px);align-items:center;position:relative;z-index:2}
.scubas p{color:var(--bone-soft);font-weight:500;max-width:44ch}
.scubas img.badge{width:clamp(130px,14vw,190px);height:auto;aspect-ratio:1;filter:drop-shadow(0 20px 30px rgba(0,0,0,.45));animation:bob 6s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.bubbles{position:absolute;inset:0;pointer-events:none;z-index:1}
.bubbles i{position:absolute;bottom:-40px;left:var(--l);width:var(--s);height:var(--s);border-radius:50%;border:1px solid rgba(245,239,228,.35);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),rgba(255,255,255,.04) 60%);animation:rise var(--d) linear infinite;animation-delay:var(--w);opacity:0}
@keyframes rise{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.8}90%{opacity:.5}100%{transform:translateY(-120vh) translateX(18px);opacity:0}}
.bubbles i:nth-child(1){--l:6%;--s:10px;--d:11s;--w:0s}.bubbles i:nth-child(2){--l:14%;--s:18px;--d:14s;--w:2s}.bubbles i:nth-child(3){--l:23%;--s:7px;--d:9s;--w:4s}.bubbles i:nth-child(4){--l:36%;--s:14px;--d:13s;--w:1s}.bubbles i:nth-child(5){--l:48%;--s:9px;--d:10s;--w:5s}.bubbles i:nth-child(6){--l:57%;--s:22px;--d:16s;--w:3s}.bubbles i:nth-child(7){--l:66%;--s:8px;--d:9s;--w:6s}.bubbles i:nth-child(8){--l:78%;--s:12px;--d:12s;--w:2.5s}.bubbles i:nth-child(9){--l:87%;--s:16px;--d:15s;--w:4.5s}.bubbles i:nth-child(10){--l:94%;--s:6px;--d:8s;--w:1.5s}
@media (prefers-reduced-motion:reduce){.bubbles i,.scubas img.badge{animation:none}.bubbles i{opacity:.35}}
.contact{background:transparent}
.contact .grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:start}
.form{display:grid;gap:12px}
.form input,.form textarea{width:100%;background:rgba(245,239,228,.06);border:1px solid rgba(245,239,228,.16);border-radius:10px;color:var(--bone);font:500 15px var(--text);padding:14px}
.form textarea{min-height:110px;resize:vertical}
.form input::placeholder,.form textarea::placeholder{color:var(--bone-soft)}
.foot{margin-top:56px;padding-top:18px;border-top:1px solid rgba(245,239,228,.12);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:500 12px var(--text);color:var(--bone-soft)}

@media (max-width:860px){
  .gallery{height:auto}
  .gallery .stage{position:relative;height:auto;perspective:none;overflow:visible;padding:calc(90px + env(safe-area-inset-top,0px)) 16px 40px;display:flex;flex-direction:column}
  .gallery .title{position:relative;left:0;top:auto;bottom:0;margin-bottom:32px;max-width:none;order:-1}
  .world{position:relative;inset:auto;display:grid;gap:44px;transform:none!important}
  .page{position:relative;left:0;top:0;width:100%;aspect-ratio:auto;transform:none!important;opacity:1!important;pointer-events:auto!important}
  .page .frame{position:relative;inset:auto;aspect-ratio:1440/900;width:100%}
  .page .label{position:relative;top:auto;margin-top:12px}
  .page.next .frame{aspect-ratio:auto;padding:28px 18px}
  .fog,.vignette{display:none}
  .services .grid,.about .grid,.contact .grid,.scubas .grid{grid-template-columns:1fr}
  .services .item{grid-template-columns:1fr;gap:6px}
  .pop .meta{display:none}
}
@media (prefers-reduced-motion:reduce){.in{transition:none;opacity:1;transform:none}.page .frame{transition:none}}
@media (max-width:860px){.scubas .grid{grid-template-columns:1fr;justify-items:start}}

/* ---------- v2: offer sections ---------- */
.top .right{display:flex;align-items:center;gap:clamp(14px,2vw,26px)}
.top .link{font:700 13px/1 var(--text);color:var(--bone);text-decoration:none;opacity:.85;transition:opacity .2s,color .2s}
.top .link:hover{opacity:1;color:var(--yellow)}
@media (max-width:620px){.top .link{display:none}}

.promise{background:var(--navy-2)}
.promise .lead{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,5vw,72px);align-items:end}
.promise .lead p{color:var(--bone-soft);font-weight:500;max-width:46ch}
.promises{list-style:none;margin:clamp(40px,6vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0 22px}
.promises li{padding-top:20px;border-top:1px solid rgba(245,239,228,.16);display:grid;gap:8px;align-content:start}
.promises li b{font:400 30px/1 var(--disp);letter-spacing:.03em;color:var(--bone)}
.promises li:first-child b{color:var(--yellow)}
.promises li span{font:500 14px/1.5 var(--text);color:var(--bone-soft)}

.plans{background:var(--sand);color:var(--ink)}
.plans .head{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,72px);align-items:end}
.plans .head p{color:#34414E;font-weight:500;font-size:17px;max-width:48ch}
.tier{margin-top:clamp(52px,7vw,84px)}
.tier-label{display:grid;gap:6px;margin-bottom:24px}
.tier-label h3{font-size:clamp(34px,3.6vw,48px)}
.tier-label p{font:500 16px/1.5 var(--text);color:#34414E}
.cards{display:grid;gap:22px}
.cards.three{grid-template-columns:repeat(3,1fr)}
.cards.two{grid-template-columns:repeat(2,1fr)}
.plan{--pl-bg:#FBF7F0;--pl-ink:var(--ink);--pl-soft:#3C4A57;--pl-line:rgba(14,26,38,.12);
  background:var(--pl-bg);color:var(--pl-ink);border:1px solid rgba(14,26,38,.08);border-radius:16px;
  padding:clamp(22px,2.4vw,32px);display:grid;grid-template-rows:auto 1fr auto auto;gap:22px;box-shadow:0 1px 0 rgba(14,26,38,.04)}
.plan.feature{--pl-bg:var(--navy);--pl-ink:var(--bone);--pl-soft:#C9D3DC;--pl-line:rgba(245,239,228,.16);border-color:transparent;box-shadow:0 30px 60px -30px rgba(6,27,46,.55)}
.plan .top-block{display:grid;gap:10px}
.plan .name{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:800 20px/1.2 var(--text);letter-spacing:0}
.plan .tag{font:800 10px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;background:var(--yellow);color:var(--navy);padding:6px 8px;border-radius:4px}
.plan .price{display:grid;gap:4px}
.plan .price .cur{font:700 11px/1 var(--text);letter-spacing:.18em;text-transform:uppercase;color:var(--pl-soft)}
.plan .price b{font:400 clamp(60px,5.4vw,76px)/.88 var(--disp);letter-spacing:.01em;font-weight:400;font-variant-numeric:tabular-nums}
.plan .size{font:700 16px/1.4 var(--text);color:var(--pl-ink)}
.plan ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;align-content:start;font:500 16px/1.45 var(--text);color:var(--pl-soft)}
.plan ul li{padding-left:22px;position:relative}
.plan ul li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);color:var(--pl-ink);opacity:.75}
.plan .terms{margin:0;display:grid;gap:0;border-top:1px solid var(--pl-line)}
.plan .terms div{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--pl-line)}
.plan .terms dt{font:700 11px/1.6 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--pl-soft)}
.plan .terms dd{margin:0;font:700 15px/1.45 var(--text);color:var(--pl-ink)}
.ask{justify-self:stretch;display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1.5px solid var(--pl-ink,var(--ink));color:var(--pl-ink,var(--ink));text-decoration:none;font:800 14px/1 var(--text);padding:14px 16px;border-radius:999px;transition:background .2s,color .2s}
.ask:hover{background:var(--pl-ink);color:var(--pl-bg)}
.plan.feature .ask{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}
.plan.feature .ask:hover{background:var(--bone);border-color:var(--bone)}
.plans .note{margin-top:clamp(36px,5vw,52px);font:500 15px/1.65 var(--text);color:#34414E;max-width:86ch}
@media (max-width:1000px){.cards.three{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.cards.three,.cards.two{grid-template-columns:1fr}}

.addons{background:transparent}
.addons .grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,5vw,72px);align-items:start}
.addons .grid>.stack p{color:var(--bone-soft);font-weight:500;max-width:40ch}
.rows{display:grid}
.row{display:grid;grid-template-columns:1fr auto;gap:4px 22px;padding:18px 0;border-top:1px solid rgba(245,239,228,.14)}
.row:last-child{border-bottom:1px solid rgba(245,239,228,.14)}
.row b{font:800 16px/1.3 var(--text);color:var(--bone)}
.row p{font:500 14px/1.5 var(--text);color:var(--bone-soft);max-width:48ch}
.row .amt{grid-column:2;grid-row:1 / span 2;align-self:center;text-align:right;font:400 30px/1 var(--disp);letter-spacing:.03em;color:var(--bone);font-variant-numeric:tabular-nums}
.row .amt small{display:block;margin-top:5px;font:600 11px/1.3 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--bone-soft)}

.process{background:var(--navy-2)}
.process .intro{color:var(--bone-soft);font-weight:500;max-width:52ch;margin-top:14px}
.steps{list-style:none;margin:clamp(36px,5vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,40px)}
.steps li{display:grid;gap:10px;padding-top:18px;border-top:2px solid rgba(245,239,228,.22);align-content:start}
.steps .n{font:600 11px/1 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--bone-soft)}
.steps h3{font-size:clamp(32px,3.2vw,44px)}
.steps p{color:var(--bone-soft);font-weight:500}
.steps .pay{font:700 13px/1.4 var(--text);color:var(--bone)}
.process .fine{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px 28px;font:500 13px/1.5 var(--text);color:var(--bone-soft)}
.founding{margin-top:clamp(48px,7vw,80px);display:grid;grid-template-columns:auto 1fr;gap:14px 30px;align-items:center;padding:26px clamp(18px,3vw,32px);border:1px solid rgba(242,205,31,.5);border-radius:14px}
.founding b{font:400 clamp(38px,4vw,52px)/1 var(--disp);letter-spacing:.02em;color:var(--yellow)}
.founding p{color:var(--bone);font-weight:500;max-width:70ch}

.faq{background:var(--sand);color:var(--ink)}
.faq .grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,72px);align-items:start}
.faq .grid>.stack p{color:var(--ink-soft);font-weight:500;max-width:36ch}
.faq details{border-top:1px solid rgba(14,26,38,.16);padding:18px 0}
.faq details:last-child{border-bottom:1px solid rgba(14,26,38,.16)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:baseline;gap:18px;font:800 17px/1.35 var(--text)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:400 28px/1 var(--disp);transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:focus-visible{outline:3px solid var(--navy);outline-offset:4px}
.faq details p{margin-top:10px;color:var(--ink-soft);font-weight:500;max-width:62ch}

.check{background:transparent}
.check .grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center}
.check .stack p{color:var(--bone-soft);font-weight:500;max-width:44ch}
.form .small{font:500 13px/1.5 var(--text);color:var(--bone-soft)}
.form .small a{color:var(--yellow)}

@media (max-width:980px){.promises{grid-template-columns:repeat(2,1fr);row-gap:26px}}
@media (max-width:860px){
  .promise .lead,.plans .head,.addons .grid,.faq .grid,.check .grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .founding{grid-template-columns:1fr}
}
@media (max-width:520px){.promises{grid-template-columns:1fr}}

.top{transition:background .3s var(--ease),backdrop-filter .3s var(--ease);padding-bottom:14px}
.top.solid{background:rgba(6,27,46,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.index{transition:opacity .3s var(--ease)}
.index.off{opacity:0;pointer-events:none}
.eyebrow{display:block;margin-bottom:16px}
.row .amt .c{vertical-align:top;position:relative;top:.12em}

.plan .size{display:grid;gap:3px;padding:12px 14px;border-radius:10px;background:rgba(14,26,38,.06)}
.plan.feature .size{background:rgba(245,239,228,.08)}
.plan .size b{font:800 20px/1.1 var(--text);color:var(--pl-ink)}
.plan .size span{font:500 14px/1.4 var(--text);color:var(--pl-soft)}
.plan .incl{display:grid;gap:10px;align-content:start}
.plan .base{white-space:nowrap}
.plan .base{font:700 12px/1.4 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--pl-soft)}
.plan ul.adds li{color:var(--pl-ink)}
.plan ul.adds li::before{content:"+";border:0;transform:none;width:auto;height:auto;top:0;font:800 16px/1.45 var(--text);opacity:1;color:var(--pl-ink)}
.compare{margin-top:clamp(52px,7vw,84px)}
.tbl-wrap{overflow-x:auto;border-radius:16px;background:#FBF7F0;border:1px solid rgba(14,26,38,.08)}
.tbl-wrap:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.compare table{width:100%;min-width:880px;border-collapse:collapse;font:500 14px/1.4 var(--text);color:var(--ink)}
.compare th,.compare td{padding:12px 12px;text-align:center;border-bottom:1px solid rgba(14,26,38,.08);vertical-align:middle}
.compare thead th{font:800 13px/1.25 var(--text);background:var(--navy);color:var(--bone);position:sticky;top:0}
.compare thead th.hl{background:#173B5C}
.compare thead th.hl2{background:var(--yellow);color:var(--navy)}
.compare tbody th{text-align:left;font:700 14px/1.35 var(--text);color:var(--ink);position:sticky;left:0;background:#FBF7F0;min-width:190px}
.compare tbody tr.diff td,.compare tbody tr.diff th{background:#F3E7C4}
.compare td small{display:block;font:500 11.5px/1.3 var(--text);color:#4E5C6A;margin-top:2px}
.compare td b{font-weight:800}
.compare .y{font-weight:800;color:#0F6A3E}
.compare .n{color:#9AA5AF}
.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:0}
.compare tbody tr:first-child td{font:400 22px/1 var(--disp);letter-spacing:.02em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.switch{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:rgba(14,26,38,.08);margin-top:clamp(36px,5vw,56px)}
.sw{border:0;cursor:pointer;background:transparent;color:var(--ink);font:800 15px/1 var(--text);padding:13px 22px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;transition:background .2s,color .2s}
.sw small{font:600 12px/1 var(--text);opacity:.7}
.sw.on{background:var(--navy);color:var(--bone)}
.sw:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.founding-line{margin-top:18px;font:500 15px/1.5 var(--text);color:#34414E}
.founding-line b{color:var(--ink)}
.plans .tier{margin-top:clamp(32px,4vw,48px)}
.plan .price{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"cur cur" "old new";align-items:baseline;column-gap:12px;row-gap:4px}
.plan .price .cur{grid-area:cur}
.plan .price s{grid-area:old;font:400 clamp(26px,2.2vw,32px)/1 var(--disp);letter-spacing:.02em;color:var(--pl-soft);text-decoration:none;position:relative;font-variant-numeric:tabular-nums}
.plan .price s::after{content:"";position:absolute;left:-3px;right:-3px;top:50%;height:2.5px;background:#C8453A;transform:rotate(-8deg)}
.plan.feature .price s::after{background:var(--yellow)}
.plan .price b{grid-area:new}
.compare td s{color:#6B7683;text-decoration:line-through;text-decoration-color:#C8453A;text-decoration-thickness:2px;font-size:.8em;margin-right:6px}
.compare tbody th small{display:block;font:600 11px/1.3 var(--text);letter-spacing:.08em;text-transform:uppercase;color:#4E5C6A}
@media (max-width:520px){.sw{padding:12px 14px;font-size:14px}.sw small{display:none}}

/* ---------- floating WhatsApp button (every screen, under the pop-out at z 70) ---------- */
.wa-float{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:0;height:58px;padding:0 17px;border-radius:999px;background:#25D366;color:#fff;text-decoration:none;font:800 14px/1 var(--text);box-shadow:0 14px 30px -10px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12) inset;transition:transform .2s var(--ease),gap .35s var(--ease),padding .35s var(--ease)}
.wa-float svg{width:24px;height:24px;flex:none;fill:currentColor}
.wa-float span{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .35s var(--ease),opacity .25s}
.wa-float:hover,.wa-float:focus-visible,.wa-float.peek{gap:10px;padding:0 22px 0 18px}
.wa-float:hover span,.wa-float:focus-visible span,.wa-float.peek span{max-width:160px;opacity:1}
.wa-float:hover{transform:translateY(-2px)}.wa-float:active{transform:scale(.96)}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:wa-ring 2.6s 1.2s 3}
@keyframes wa-ring{to{box-shadow:0 0 0 16px rgba(37,211,102,0)}}
@media (prefers-reduced-motion:reduce){.wa-float,.wa-float span{transition:none}.wa-float::after{animation:none}}