/*
Theme Name: Growth Catalyst
Theme URI: https://growthcatalyst.co.ke/
Author: Patrick Nderitu
Author URI: https://growthcatalyst.co.ke/about/
Description: Hand built theme for Growth Catalyst, Nairobi. Clean, fast, no page builder.
Version: 4.0.0
Requires at least: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: growth-catalyst
*/

:root{
--ink:#1A1A1A;
--ink-2:#2E2E2E;
--mute:#5A5A5A;
--mute-2:#8A8A8A;
--paper:#FFFFFF;
--paper-2:#F7F6F3;
--paper-3:#EFEDE7;
--rule:#E8E6E1;
--rule-2:#D9D6CE;
--flame:#1E4D8A;
--flame-2:#163C6E;
--flame-3:#3A6FB5;
--flame-w:#EEF3FA;
--forest:#1E4D8A;
--forest-2:#163C6E;
--forest-w:#EEF3FA;
--deep:#0F1A2E;
--wa:#25D366;
--wa-2:#1EBE58;
--wa-d:#075E54;
--f-sans:'Geist','Helvetica Neue',Arial,sans-serif;
--f-ed:var(--f-sans);
--f-mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
--wrap:1200px;
--gut:clamp(18px,4vw,34px);
--sec:clamp(56px,7vw,104px);
--r:10px;
--r-lg:14px;
--sh:0 1px 2px rgba(20,20,20,.04),0 10px 28px -18px rgba(20,20,20,.18);
--sh-lg:0 2px 4px rgba(20,20,20,.05),0 30px 60px -30px rgba(20,20,20,.3);
--grad:linear-gradient(180deg,#2A2A2A 0%,#1A1A1A 100%);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-sans);font-size:16.5px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
h1,h2,h3,h4,h5{margin:0;font-weight:600;line-height:1.08;letter-spacing:-.025em;color:var(--ink)}
p{margin:0 0 1.05em}
ul,ol{margin:0 0 1.1em;padding-left:1.15em}
li{margin:0 0 .38em}
hr{border:0;border-top:1px solid var(--rule);margin:2.2rem 0}
::selection{background:var(--flame);color:#fff}
:focus-visible{outline:2px solid var(--flame);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:999;background:var(--ink);color:#fff;padding:.6rem 1rem;border-radius:8px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.sec{padding:var(--sec) 0;position:relative}
.sec--tight{padding:calc(var(--sec) * .62) 0}
.sec--rule{border-top:1px solid var(--rule)}
.sec--paper2{background:var(--paper-2)}
.sec--grid{background-color:var(--paper-2);background-image:linear-gradient(rgba(30,77,138,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(30,77,138,.045) 1px,transparent 1px);background-size:56px 56px}
.sec--ink{background:var(--deep);color:#D7DEEA}
.sec--ink h1,.sec--ink h2,.sec--ink h3{color:#fff}
.sec--forest{background:var(--forest);color:#E3E8F0}
.grid{display:grid;gap:clamp(16px,2vw,26px)}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.g2,.g3,.g4{grid-template-columns:1fr}}
.ed{font-weight:800;letter-spacing:-.03em}
.d1{font-size:clamp(2.6rem,6.6vw,5rem);line-height:.98;letter-spacing:-.05em;font-weight:800}
.d2{font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.02;letter-spacing:-.045em;font-weight:800}
.d3{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.1;letter-spacing:-.035em;font-weight:800}
h1{font-size:clamp(2.3rem,5.2vw,4rem);line-height:1.02;letter-spacing:-.035em}
h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.08;letter-spacing:-.03em}
h3{font-size:clamp(1.18rem,1.7vw,1.38rem);line-height:1.2;letter-spacing:-.025em}
h4{font-size:1.04rem;font-weight:750;letter-spacing:-.015em}
.hl{color:var(--flame)}
.lead{font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.62;color:var(--mute);font-weight:400}
.small{font-size:.92rem}
.xsmall{font-size:.8rem}
strong,b{font-weight:700}
em{font-style:italic}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--f-mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);background:none;border:0;padding:0;margin:0 0 1rem}
.eyebrow::before{content:'';width:18px;height:1.5px;background:var(--flame)}
.eyebrow--plain{background:none;border:0;padding:0}
.eyebrow--plain::before{display:none}
.eyebrow--mute{color:var(--mute)}
.sec--ink .eyebrow,.sec--forest .eyebrow{color:#AFC0DA}
.sec--ink .eyebrow::before{background:#7FA6DB}
.num{font-variant-numeric:tabular-nums}
.mark{background:linear-gradient(180deg,transparent 62%,#D6E1F0 62%);padding:0 .06em}
.ul{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--rule-2)}
a.ul:hover{text-decoration-color:var(--flame)}
.shead{max-width:66ch;margin:0 0 clamp(28px,3.4vw,52px)}
.shead p{color:var(--mute);margin-top:.9rem}
.shead--c{margin-left:0;margin-right:auto;text-align:left;padding-bottom:1.4rem;border-bottom:1px solid var(--rule);max-width:none}
.shead--c h2{max-width:24ch}
.shead--c p{max-width:62ch}
.sec--ink .shead--c{border-color:rgba(255,255,255,.12)}
main{counter-reset:sh}
.shead--c .eyebrow{counter-increment:sh}
.shead--c .eyebrow::before{content:counter(sh,decimal-leading-zero);width:auto;height:auto;background:none;color:var(--ink);font-weight:600}
.sec--ink .shead--c .eyebrow::before{color:#fff}
.rhead{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;margin:0 0 clamp(18px,2.4vw,30px)}
.rhead__n{display:inline-grid;place-items:center;min-width:38px;height:30px;padding:0 .6rem;border-radius:10px;background:var(--flame-w);color:var(--flame-2);font-size:.74rem;font-weight:800;letter-spacing:.04em}
.rhead h2,.rhead h3{flex:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-size:.98rem;font-weight:750;letter-spacing:-.01em;padding:.95rem 1.4rem;border:1px solid transparent;border-radius:var(--r);cursor:pointer;transition:transform .14s ease,background .16s ease,box-shadow .16s ease,border-color .16s ease;line-height:1.15;text-align:center}
.btn:active{transform:translateY(1px)}
.btn--primary{background:var(--grad);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 24px -12px rgba(20,20,20,.45)}
.btn--primary:hover{box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 14px 30px -12px rgba(20,20,20,.55);transform:translateY(-1px)}
.btn--flame{background:var(--grad);color:#fff}
.btn--flame:hover{filter:brightness(1.05)}
.btn--ghost{background:#fff;color:var(--ink);border-color:var(--rule-2)}
.btn--ghost:hover{border-color:var(--flame);color:var(--flame-2)}
.btn--light{background:#fff;color:var(--ink);border-color:#fff}
.btn--light:hover{background:var(--flame-w)}
.btn--sm{padding:.62rem .95rem;font-size:.9rem;border-radius:11px}
.btn--lg{padding:1.08rem 1.6rem;font-size:1.04rem}
.btn--block{width:100%}
.btn svg{flex:none}
.btn__arrow{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.18);margin-right:-.55rem}
.wabtn{display:inline-flex;align-items:center;gap:.75rem;background:var(--grad);color:#fff;font-weight:750;font-size:1rem;letter-spacing:-.01em;padding:.62rem 1.3rem .62rem .62rem;border:0;border-radius:var(--r);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 24px -12px rgba(20,20,20,.45);cursor:pointer;transition:transform .14s ease,box-shadow .16s ease;text-align:left;line-height:1.2}
.wabtn:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 16px 30px -12px rgba(20,20,20,.55)}
.wabtn:active{transform:translateY(1px)}
.wabtn__glyph{flex:none;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.18);display:grid;place-items:center}
.wabtn__glyph svg{width:20px;height:20px;fill:#fff}
.wabtn__tx{display:flex;flex-direction:column}
.wabtn__tx b{font-weight:800;font-size:1rem}
.wabtn__tx span{font-size:.75rem;font-weight:500;opacity:.88}
.wabtn--lg{padding:.72rem 1.5rem .72rem .72rem}
.wabtn--lg .wabtn__glyph{width:44px;height:44px;border-radius:12px}
.wabtn--lg .wabtn__glyph svg{width:23px;height:23px}
.wabtn--lg .wabtn__tx b{font-size:1.06rem}
.wabtn--sm{padding:.42rem .95rem .42rem .42rem;font-size:.9rem;gap:.55rem;border-radius:12px}
.wabtn--sm .wabtn__glyph{width:28px;height:28px;border-radius:9px}
.wabtn--sm .wabtn__glyph svg{width:16px;height:16px}
.wabtn--sm .wabtn__tx b{font-size:.9rem}
.wabtn--block{display:flex;width:100%;justify-content:center}
.wabtn--flat{box-shadow:none}
.btnrow{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.btnrow--c{justify-content:center}
.topbar{background:var(--deep);color:#C9C4B8;font-size:.8rem}
.topbar__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:36px;padding-top:.35rem;padding-bottom:.35rem}
.topbar__l{display:flex;align-items:center;gap:.45rem;color:#8B97AA}
.topbar__r{display:flex;align-items:center;gap:1.2rem}
.topbar a{display:inline-flex;align-items:center;gap:.35rem;color:#F2EFE8;font-weight:600}
.topbar a:hover{color:#9DBCE6}
@media(max-width:760px){.topbar__l{display:none}.topbar__in{justify-content:center}.topbar__r{gap:.8rem}}
@media(max-width:420px){.topbar{font-size:.74rem}}
.hide-sm{display:inline}
@media(max-width:900px){.hide-sm{display:none!important}}
.hdr{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.9);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--rule)}
.hdr__in{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;min-height:70px}
.brand{display:flex;align-items:center;gap:.6rem}
.brand__tx{font-size:1.18rem;font-weight:800;line-height:1;display:flex;flex-direction:column;letter-spacing:-.035em}
.brand__tx small{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-top:4px;font-weight:700}
.nav{display:flex;align-items:center;gap:.3rem}
.nav>a{font-size:.93rem;font-weight:650;color:var(--ink-2);padding:.55rem .8rem;border-radius:10px;transition:background .15s,color .15s}
.nav>a:hover{color:var(--flame-2);background:var(--flame-w)}
.nav__cta{margin-left:.6rem}
@media(max-width:1080px){.nav{display:none}}
.burger{display:none;width:44px;height:44px;border:1px solid var(--rule-2);background:#fff;border-radius:12px;position:relative;cursor:pointer}
.burger span,.burger span::before,.burger span::after{position:absolute;left:12px;width:18px;height:2px;border-radius:2px;background:var(--ink);content:'';transition:.2s}
.burger span{top:20px}
.burger span::before{top:-6px;left:0}
.burger span::after{top:6px;left:0}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{transform:rotate(45deg) translate(4px,4px)}
.burger[aria-expanded="true"] span::after{transform:rotate(-45deg) translate(4px,-4px)}
@media(max-width:1080px){.burger{display:block}}
.mnav{display:none;border-top:1px solid var(--rule);background:#fff;max-height:calc(100vh - 100px);overflow-y:auto}
.mnav.open{display:block}
.mnav a{display:block;padding:1rem 0;border-bottom:1px solid var(--rule);font-size:1.05rem;font-weight:650}
.hero{position:relative;overflow:hidden;background:radial-gradient(900px 480px at 85% 10%,#EEF3FA 0%,rgba(238,243,250,0) 62%),#fff;border-bottom:1px solid var(--rule)}
.hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(30,77,138,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(30,77,138,.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%);pointer-events:none}
.hero__in{position:relative;padding-block:clamp(40px,6vw,88px) clamp(48px,6vw,96px);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,4vw,64px);align-items:center}
@media(max-width:940px){.hero__in{grid-template-columns:1fr;gap:40px}}
.hero h1{margin:0 0 1.25rem;max-width:14ch}
.hero h1 i,.hero h1 .hl{font-style:normal;color:var(--flame)}
.hero__sub{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--mute);max-width:46ch;line-height:1.62;margin:0 0 1.8rem}
.hero__strip{display:flex;flex-wrap:wrap;gap:.55rem 1.3rem;font-size:.86rem;font-weight:650;color:var(--ink-2);margin:1.6rem 0 0}
.hero__strip span{display:inline-flex;align-items:center;gap:.45rem}
.hero__strip span::before{content:'';width:18px;height:18px;border-radius:50%;background:var(--flame-w) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E4D8A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.hero__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .8rem;margin:1.6rem 0 0;padding:1rem 1.15rem;border:1px solid var(--rule);border-radius:var(--r);background:rgba(255,255,255,.75);max-width:520px}
.hero__price b{font-size:1.5rem;font-weight:650;letter-spacing:-.03em;white-space:nowrap}
.hero__price span{font-size:.88rem;color:var(--mute);flex:1;min-width:220px}
.waphone{position:relative;margin:0 auto;width:100%;max-width:360px}
.waphone__frame{position:relative;background:#111;border-radius:46px;padding:11px;box-shadow:0 0 0 1.5px #2b2b2b inset,0 0 0 3px #0a0a0a,var(--sh-lg),0 50px 80px -40px rgba(20,50,10,.45)}
.waphone__screen{position:relative;border-radius:36px;overflow:hidden;background:#EFEAE2;height:600px;display:flex;flex-direction:column}
.waphone__island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:96px;height:28px;background:#000;border-radius:20px;z-index:5}
.wa__status{display:flex;justify-content:space-between;align-items:center;padding:14px 26px 6px;font-size:.78rem;font-weight:700;color:#111;background:#F6F6F6}
.wa__status i{display:inline-flex;gap:4px;align-items:center;font-style:normal}
.wa__bar{display:flex;align-items:center;gap:.6rem;padding:8px 12px 10px;background:#F6F6F6;border-bottom:1px solid #E2E2E2}
.wa__back{color:#007AFF;font-size:1.3rem;line-height:1;margin-right:-.2rem}
.wa__av{width:36px;height:36px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:800;flex:none}
.wa__who{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}
.wa__who b{font-size:.95rem;color:#111;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa__who span{font-size:.72rem;color:#667781}
.wa__icons{display:flex;gap:16px;color:#007AFF}
.wa__icons svg{width:20px;height:20px}
.wa__body{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:6px;overflow:hidden;background-color:#EFEAE2;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:14px 14px}
.wa__day{align-self:center;background:#fff;color:#54656F;font-size:.68rem;font-weight:600;padding:4px 10px;border-radius:8px;box-shadow:0 1px .5px rgba(11,20,26,.13);margin-bottom:4px}
.wa__msg{max-width:82%;padding:6px 8px 5px 9px;border-radius:9px;font-size:.84rem;line-height:1.36;color:#111B21;background:#fff;box-shadow:0 1px .5px rgba(11,20,26,.13);position:relative;opacity:0;transform:translateY(6px) scale(.98);transition:opacity .35s ease,transform .35s ease}
.wa__msg.on{opacity:1;transform:none}
.wa__msg--in{align-self:flex-start;border-top-left-radius:2px}
.wa__msg--out{align-self:flex-end;background:#D9FDD3;border-top-right-radius:2px}
.wa__meta{float:right;display:inline-flex;align-items:center;gap:3px;margin:6px 0 -3px 10px;font-size:.62rem;color:#667781}
.wa__ticks{width:16px;height:11px;fill:#53BDEB}
.wa__voice{display:flex;align-items:center;gap:8px;min-width:210px;padding:2px 0}
.wa__vav{width:34px;height:34px;border-radius:50%;background:#DFE5E7;flex:none;display:grid;place-items:center;position:relative}
.wa__vav b{font-size:.7rem;color:#54656F}
.wa__vav i{position:absolute;right:-3px;bottom:-2px;width:15px;height:15px;border-radius:50%;background:#D9FDD3;display:grid;place-items:center}
.wa__vav i svg{width:10px;height:10px;fill:#3DB46B}
.wa__play{width:22px;height:22px;flex:none;fill:#54656F}
.wa__wave{display:flex;align-items:center;gap:2px;height:24px;flex:1}
.wa__wave i{display:block;width:2.5px;border-radius:2px;background:#AEBAC1;height:var(--h,8px)}
.wa__wave i.lit{background:#3DB46B}
.wa__dur{font-size:.64rem;color:#667781;position:absolute;left:52px;bottom:4px}
.wa__typing{align-self:flex-start;background:#fff;border-radius:9px;border-top-left-radius:2px;padding:10px 12px;display:none;gap:4px;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.wa__typing.on{display:inline-flex}
.wa__typing i{width:6px;height:6px;border-radius:50%;background:#9AA5AC;animation:waDot 1.2s infinite}
.wa__typing i:nth-child(2){animation-delay:.15s}
.wa__typing i:nth-child(3){animation-delay:.3s}
@keyframes waDot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.wa__input{display:flex;align-items:center;gap:8px;padding:8px 10px 18px;background:#F6F6F6;border-top:1px solid #E2E2E2}
.wa__field{flex:1;background:#fff;border:1px solid #E2E2E2;border-radius:20px;padding:7px 12px;font-size:.8rem;color:#8696A0}
.wa__mic{width:34px;height:34px;border-radius:50%;background:#25D366;display:grid;place-items:center;flex:none}
.wa__mic svg{width:16px;height:16px;fill:#fff}
.waphone__tag{position:absolute;background:#fff;border:1px solid var(--rule);border-radius:14px;box-shadow:var(--sh);padding:.6rem .8rem;display:flex;align-items:center;gap:.55rem;font-size:.8rem;font-weight:700;color:var(--ink);white-space:nowrap}
.waphone__tag small{display:block;font-weight:500;color:var(--mute);font-size:.7rem}
.waphone__tag i{width:30px;height:30px;border-radius:9px;background:var(--flame-w);display:grid;place-items:center;flex:none;color:var(--flame)}
.waphone__tag--a{left:-70px;bottom:118px}
.waphone__tag--b{right:-36px;top:-22px}
@media(max-width:1100px){.waphone__tag--a{left:-14px}.waphone__tag--b{right:-6px}}
@media(max-width:480px){.waphone__screen{height:540px}.waphone__tag{display:none}}
.vn{background:#fff;border-radius:var(--r-lg);padding:14px;border:1px solid var(--rule);box-shadow:var(--sh);max-width:420px}
.vn__hd{display:flex;align-items:center;gap:.6rem;padding:0 4px 12px;border-bottom:1px solid var(--rule);margin-bottom:12px}
.vn__av{width:34px;height:34px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-size:.72rem;color:#fff;font-weight:800;flex:none}
.vn__who{display:flex;flex-direction:column;line-height:1.25}
.vn__who b{font-size:.9rem}
.vn__who span{color:var(--mute);font-size:.72rem}
.vn__who span.on{color:var(--flame)}
.vn__body{display:flex;flex-direction:column;gap:9px;min-height:186px;background:#EFEAE2;border-radius:12px;padding:10px}
.vn__row{display:flex;opacity:0;transform:translateY(8px);animation:vnIn .45s ease forwards}
.vn__row.out{justify-content:flex-end}
.vn__bub{max-width:88%;background:#fff;color:#111B21;padding:7px 9px 5px;border-radius:9px;font-size:.86rem;line-height:1.4;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.vn__row.out .vn__bub{background:#D9FDD3}
.vn__t{display:block;text-align:right;font-size:.62rem;color:#667781;margin-top:3px}
.vn__voice{display:flex;align-items:center;gap:9px;min-width:220px}
.vn__play{width:28px;height:28px;border-radius:50%;background:#25D366;display:grid;place-items:center;flex:none}
.vn__play svg{width:12px;height:12px;fill:#fff;margin-left:1px}
.vn__wave{display:flex;align-items:center;gap:2px;height:26px;flex:1}
.vn__wave i{display:block;width:2px;border-radius:2px;background:#AEBAC1;height:var(--h,8px)}
.vn__wave i.lit{background:#3DB46B}
.vn__dur{font-size:.66rem;color:#667781;flex:none}
.vn__mic{width:16px;height:16px;flex:none;fill:#25D366}
.vn__say{margin-top:12px;background:var(--paper-2);border-radius:12px;padding:10px 12px;color:var(--ink-2);font-size:.84rem;line-height:1.5;min-height:74px}
.vn__say b{color:var(--flame-2);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:5px}
.vn__cursor{display:inline-block;width:7px;height:1em;background:var(--flame);vertical-align:-2px;animation:vnBlink 1s steps(2) infinite}
@keyframes vnBlink{50%{opacity:0}}
@keyframes vnIn{to{opacity:1;transform:none}}
.vn__cap{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:1rem;text-align:center}
.jr{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,22px);position:relative;counter-reset:jr}
@media(max-width:1000px){.jr{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.jr{grid-template-columns:1fr}}
.jrc{position:relative;background:#fff;border:1px solid var(--rule);border-radius:var(--r-lg);padding:18px;box-shadow:var(--sh);display:flex;flex-direction:column;overflow:hidden}
.jrc::after{content:'';position:absolute;right:-46px;top:-46px;width:120px;height:120px;border-radius:50%;background:var(--flame-w);z-index:0}
.jrc__n{position:absolute;right:14px;top:14px;z-index:1;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #D6E1F0;display:grid;place-items:center;font-size:.72rem;font-weight:800;color:var(--flame-2)}
.jrc__ui{position:relative;z-index:1;height:236px;border-radius:16px;background:var(--paper-2);border:1px solid var(--rule);overflow:hidden;margin-bottom:16px;padding:12px}
.jrc h3{position:relative;z-index:1;margin:0 0 .4rem}
.jrc p{position:relative;z-index:1;margin:0;color:var(--mute);font-size:.93rem;line-height:1.55}
.jrc__k{position:relative;z-index:1;display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--flame-2);margin-bottom:.5rem}
.g-bar{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #DFE1E5;border-radius:999px;padding:.45rem .7rem;font-size:.74rem;color:#202124;box-shadow:0 1px 4px rgba(32,33,36,.08)}
.g-bar svg{width:13px;height:13px;flex:none;color:#9AA0A6}
.g-ai{margin-top:8px;background:#fff;border-radius:10px;padding:7px 8px;font-size:.62rem;color:#3C4043;line-height:1.4;border:1px solid #E8EAED}
.g-ai b{display:flex;align-items:center;gap:4px;font-size:.62rem;color:#1A73E8;margin-bottom:2px}
.g-res{margin-top:7px;background:#fff;border-radius:10px;padding:7px 8px;border:1.5px solid var(--flame-3);box-shadow:0 6px 16px -10px rgba(30,77,138,.5);position:relative}
.g-res small{display:block;font-size:.56rem;color:#4D5156}
.g-res b{display:block;font-size:.74rem;color:#1A0DAB;font-weight:600;line-height:1.25}
.g-res span{display:block;font-size:.58rem;color:#4D5156;line-height:1.35;margin-top:1px}
.g-res em{position:absolute;right:7px;top:-9px;background:var(--flame);color:#fff;font-style:normal;font-size:.56rem;font-weight:800;border-radius:999px;padding:2px 7px}
.g-res--dim{border:1px solid #E8EAED;box-shadow:none;opacity:.55}
.s-ph{width:112px;height:210px;margin:0 auto;border-radius:20px;background:#111;padding:5px;box-shadow:0 14px 26px -16px rgba(0,0,0,.6)}
.s-ph__in{height:100%;border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.s-ph__nav{height:20px;border-bottom:1px solid #EEE;display:flex;align-items:center;padding:0 7px;gap:4px}
.s-ph__nav i{width:22px;height:5px;border-radius:3px;background:var(--flame)}
.s-ph__nav u{margin-left:auto;width:12px;height:2px;background:#333;box-shadow:0 3px 0 #333,0 -3px 0 #333}
.s-ph__hero{height:66px;background:linear-gradient(135deg,#EEF3FA,#C9D8EC);margin:6px;border-radius:8px;padding:7px}
.s-ph__hero i{display:block;height:6px;border-radius:3px;background:#1E4D8A;width:80%;margin-bottom:4px}
.s-ph__hero i+i{width:55%;opacity:.5}
.s-ph__rows{padding:0 6px;display:grid;grid-template-columns:1fr 1fr;gap:5px}
.s-ph__rows i{height:34px;border-radius:6px;background:#F1F3F0}
.s-ph__wa{margin:auto 6px 7px;height:22px;border-radius:7px;background:#25D366;display:flex;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:.56rem;font-weight:800;white-space:nowrap;animation:waPulse 2.4s ease-in-out infinite}
.s-ph__wa svg{width:9px;height:9px;fill:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 0 0 6px rgba(37,211,102,0)}}
.m-wa{height:100%;border-radius:12px;background:#EFEAE2;display:flex;flex-direction:column;gap:5px;padding:8px;margin:-4px}
.m-wa__hd{display:flex;align-items:center;gap:6px;background:#F6F6F6;margin:-8px -8px 4px;padding:7px 8px;border-bottom:1px solid #E2E2E2;font-size:.66rem;font-weight:700;color:#111}
.m-wa__hd i{width:18px;height:18px;border-radius:50%;background:var(--grad)}
.m-wa__hd small{display:block;font-weight:500;color:#25A35A;font-size:.55rem}
.m-wa p{margin:0;max-width:86%;font-size:.64rem;line-height:1.35;color:#111B21;background:#fff;border-radius:7px;padding:5px 7px;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.m-wa p.o{align-self:flex-end;background:#D9FDD3}
.m-wa p small{float:right;font-size:.5rem;color:#667781;margin:4px 0 -2px 6px}
.m-pay{height:100%;display:flex;flex-direction:column;gap:7px;justify-content:center}
.m-pay__sms{background:#fff;border-radius:12px;border:1px solid var(--rule);padding:8px 9px;font-size:.62rem;line-height:1.4;color:#333;box-shadow:0 6px 18px -12px rgba(0,0,0,.3)}
.m-pay__sms b{display:flex;align-items:center;gap:5px;font-size:.66rem;color:#111;margin-bottom:3px}
.m-pay__sms b i{width:16px;height:16px;border-radius:5px;background:#4CAF50;display:inline-block}
.m-pay__tot{display:flex;align-items:center;justify-content:space-between;background:var(--deep);color:#fff;border-radius:12px;padding:9px 11px}
.m-pay__tot small{display:block;font-size:.55rem;color:#8B97AA;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.m-pay__tot b{font-size:1.05rem;letter-spacing:-.03em}
.m-pay__tot em{font-style:normal;font-size:.62rem;font-weight:800;background:#C9D8EC;color:#0F1A2E;border-radius:999px;padding:3px 8px}
.jr-sites{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;justify-content:center;margin-top:clamp(26px,3vw,40px)}
.jr-sites span{font-size:.82rem;color:var(--mute);font-weight:600;margin-right:.3rem}
.jr-sites a{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid var(--rule);border-radius:999px;padding:.45rem .85rem;font-size:.84rem;font-weight:700;transition:border-color .15s,color .15s}
.jr-sites a::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--flame-3)}
.jr-sites a:hover{border-color:var(--flame);color:var(--flame-2)}
.phones{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,26px)}
@media(max-width:1000px){.phones{grid-template-columns:repeat(2,1fr)}}
.pcard{display:block;position:relative}
.pcard span{display:block}
.pcard__phone{position:relative;margin:0 auto;width:100%;max-width:236px;aspect-ratio:9/18.5;background:#111;border-radius:30px;padding:7px;box-shadow:var(--sh-lg);transition:transform .3s cubic-bezier(.2,.7,.3,1)}
.pcard:hover .pcard__phone{transform:translateY(-5px)}
.pcard__screen{position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;background:#fff}
.pcard__notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:34%;height:14px;background:#111;border-radius:10px;z-index:3}
.pcard__scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.pcard__scroll::-webkit-scrollbar{display:none}
.pcard__scroll img{width:100%;display:block}
.pcard__glare{display:none}
.pcard__meta{margin-top:.9rem;text-align:center}
.pcard__meta b{display:block;font-size:.98rem;font-weight:750}
.pcard__meta span{display:block;font-size:.74rem;color:var(--mute);margin-top:3px}
.pcard__meta i{display:inline-flex;align-items:center;gap:.3rem;font-style:normal;font-size:.8rem;font-weight:700;color:var(--flame);margin-top:.45rem}
.pcard__hint{font-size:.78rem;color:var(--mute-2);text-align:center;margin-top:1.4rem}
.ledger{display:grid;gap:12px}
.lrow{display:grid;grid-template-columns:56px 1fr auto;gap:clamp(14px,2.2vw,26px);align-items:start;padding:clamp(18px,2.2vw,24px);border:1px solid var(--rule);border-radius:var(--r-lg);background:#fff}
.lrow__n{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--flame-w);color:var(--flame-2);font-size:.78rem;font-weight:800}
.lrow__b h3{margin:0 0 .4rem}
.lrow__b p{margin:0;color:var(--mute);max-width:62ch}
.lrow__r{font-size:.86rem;font-weight:700;color:var(--ink-2);white-space:nowrap;padding-top:.5rem}
@media(max-width:700px){.lrow{grid-template-columns:44px 1fr}.lrow__r{grid-column:2;white-space:normal;padding-top:.3rem}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat{padding:clamp(18px,2.4vw,26px);border:1px solid var(--rule);border-radius:var(--r-lg);background:#fff}
.stat b{display:block;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1;letter-spacing:-.05em;font-weight:800;color:var(--flame)}
.stat span{display:block;margin-top:.6rem;font-size:.9rem;color:var(--mute);line-height:1.5}
.sec--ink .stat{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.sec--ink .stat b{color:#9DBCE6}
.sec--ink .stat span{color:#AFBACB}
.sq{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(max-width:820px){.sq{grid-template-columns:1fr}}
.sqc{border:1px solid var(--rule);background:#fff;border-radius:var(--r-lg);padding:clamp(18px,2vw,24px);display:flex;flex-direction:column;gap:.8rem;color:var(--ink)}
.sqbar{display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid #DFE1E5;border-radius:999px;padding:.62rem 1rem;font-size:.95rem;color:#202124;box-shadow:0 1px 6px rgba(32,33,36,.1)}
.sqbar svg{flex:none;color:#9AA0A6}
.sqbar b{font-weight:600}
.sqc p{margin:0;font-size:.95rem;color:var(--mute);line-height:1.58}
.sqc p strong{color:var(--ink)}
.sqc__tag{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--flame-2)}
.sec--ink .sqc{background:#fff}
.tl{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;counter-reset:tl}
@media(max-width:760px){.tl{grid-template-columns:1fr}}
.tli{position:relative;background:#fff;border:1px solid var(--rule);border-radius:var(--r-lg);padding:clamp(20px,2.2vw,26px);counter-increment:tl;overflow:hidden}
.tli::before{content:counter(tl,decimal-leading-zero);display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--flame-w);color:var(--flame-2);font-size:.78rem;font-weight:800;margin-bottom:1rem}
.tli__w{position:absolute;right:20px;top:26px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--flame-2)}
.tli h3{margin:0 0 .45rem}
.tli p{margin:0;color:var(--mute);max-width:66ch}
.tli ul{margin:.6rem 0 0;padding-left:1.1em;color:var(--mute);font-size:.95rem}
.tli:last-child:nth-child(odd){grid-column:1/-1}
.pay{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:760px){.pay{grid-template-columns:1fr}}
.payc{padding:clamp(20px,2.2vw,26px);border:1px solid var(--rule);border-radius:var(--r-lg);background:#fff}
.payc b{display:block;font-size:2.4rem;line-height:1;color:var(--flame);letter-spacing:-.05em;font-weight:800}
.payc h4{margin:.7rem 0 .35rem}
.payc p{margin:0;font-size:.92rem;color:var(--mute)}
.paynote{margin-top:14px;background:var(--flame-w);border:1px solid #D6E1F0;border-radius:var(--r-lg);padding:1.1rem 1.25rem;font-size:.95rem;color:var(--ink-2);max-width:none}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cards{grid-template-columns:1fr}}
.card{position:relative;background:#fff;border:1px solid var(--rule);border-radius:var(--r-lg);padding:clamp(20px,2.2vw,26px);display:flex;flex-direction:column;gap:.55rem;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;overflow:hidden}
a.card:hover{border-color:#C9D8EC;box-shadow:var(--sh);transform:translateY(-2px)}
.card__i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--flame-w);color:var(--flame);margin-bottom:.5rem}
.card h3{font-size:1.16rem;font-weight:800;letter-spacing:-.025em;line-height:1.25}
.card p{margin:0;font-size:.93rem;color:var(--mute);line-height:1.55}
.card__go{margin-top:auto;padding-top:.9rem;font-size:.86rem;font-weight:750;color:var(--flame-2);display:inline-flex;align-items:center;gap:.35rem}
.sec--ink .card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.sec--ink .card h3{color:#fff}
.sec--ink .card p{color:#AFBACB}
.calcwrap{border:1px solid var(--rule);border-radius:var(--r-lg);background:#fff;overflow:hidden;box-shadow:var(--sh)}
.calcwrap__hd{background:var(--grad);color:#fff;padding:clamp(16px,1.8vw,20px) clamp(18px,2vw,26px);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.calcwrap__hd b{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:800;letter-spacing:-.03em;color:#fff}
.calcwrap__hd span{font-size:.78rem;font-weight:700;color:#DCE6F4}
.faq{display:grid;gap:10px;max-width:880px}
.faq details{border:1px solid var(--rule);border-radius:18px;background:#fff;padding:0 1.25rem;transition:border-color .15s,box-shadow .15s}
.faq details[open]{border-color:#C9D8EC;box-shadow:var(--sh)}
.faq summary{list-style:none;cursor:pointer;padding:1.15rem 2.4rem 1.15rem 0;position:relative;font-size:1.04rem;font-weight:750;letter-spacing:-.015em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:9px;background:var(--flame-w);color:var(--flame-2);display:grid;place-items:center;font-size:1.1rem;font-weight:700;line-height:1}
.faq details[open] summary::after{content:'\2212'}
.faq__a{padding:0 0 1.2rem;color:var(--mute);max-width:74ch}
.faq__a p:last-child{margin-bottom:0}
.founder{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,3.6vw,56px);align-items:center}
@media(max-width:820px){.founder{grid-template-columns:1fr}}
.founder__card{border:1px solid var(--rule);background:#fff;border-radius:var(--r-lg);padding:clamp(20px,2.4vw,30px);box-shadow:var(--sh)}
.founder__card ul{list-style:none;padding:0;margin:0}
.founder__card li{display:flex;gap:.75rem;font-size:.95rem;color:var(--ink-2);padding:.75rem 0;border-bottom:1px solid var(--rule)}
.founder__card li:last-child{border-bottom:0}
.founder__card li svg{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:var(--flame-w);color:var(--flame);margin-top:1px}
.note{border:1px solid #D6E1F0;background:var(--flame-w);padding:1rem 1.2rem;border-radius:var(--r);margin:1.6rem 0;font-size:.97rem}
.note p:last-child{margin-bottom:0}
.cta{position:relative;overflow:hidden;border-radius:28px;padding:clamp(28px,4vw,56px);background:radial-gradient(600px 300px at 100% 0%,rgba(255,255,255,.14),transparent 60%),linear-gradient(135deg,#4A921E 0%,#2F6B14 100%);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(20px,3vw,40px);align-items:center;box-shadow:var(--sh-lg)}
.cta::after{content:'';position:absolute;right:-120px;bottom:-160px;width:380px;height:380px;border-radius:50%;border:1px solid rgba(255,255,255,.16)}
@media(max-width:820px){.cta{grid-template-columns:1fr}}
.cta h2{margin:0 0 .7rem;color:#fff}
.cta p{color:#DCE6F4;margin:0;max-width:50ch}
.cta .wabtn{background:#fff;color:var(--forest-2);box-shadow:0 12px 26px -14px rgba(0,0,0,.45)}
.cta .wabtn__glyph{background:var(--flame-w)}
.cta .wabtn__glyph svg{fill:var(--flame)}
.cta .btn--ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.28)}
.cta .btn--ghost:hover{background:rgba(255,255,255,.16);color:#fff;border-color:#fff}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.plans{grid-template-columns:1fr}}
.plan{position:relative;background:#fff;border:1px solid var(--rule);border-radius:var(--r-lg);padding:clamp(22px,2.4vw,30px);display:flex;flex-direction:column}
.plan--hi{border:2px solid var(--flame);box-shadow:var(--sh-lg)}
.plan__n{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--flame-2);margin-bottom:.8rem}
.plan__p{font-size:clamp(1.55rem,2.3vw,2rem);line-height:1;letter-spacing:-.05em;font-weight:800}
.plan__p small{display:block;font-size:.8rem;color:var(--mute);letter-spacing:0;margin-top:.45rem;font-weight:500}
.plan ul{list-style:none;padding:0;margin:1.3rem 0 1.5rem}
.plan li{display:flex;gap:.6rem;font-size:.93rem;padding:.42rem 0;color:var(--ink-2)}
.plan li svg{color:var(--flame);flex:none;margin-top:3px}
.plan .btn,.plan .wabtn{margin-top:auto}
.page-hd{position:relative;overflow:hidden;background:radial-gradient(900px 400px at 90% 0%,#EEF3FA 0%,rgba(238,243,250,0) 60%),var(--paper-2);border-bottom:1px solid var(--rule);padding:clamp(34px,4.4vw,64px) 0 clamp(28px,3.4vw,48px)}
.crumbs{font-size:.8rem;font-weight:600;color:var(--mute);margin-bottom:1.1rem;display:flex;gap:.4rem;flex-wrap:wrap}
.crumbs a:hover{color:var(--flame)}
.page-hd h1{max-width:20ch}
.page-hd .lead{margin-top:1rem;max-width:62ch}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,4vw,64px);padding-block:var(--sec);align-items:start}
@media(max-width:1000px){.layout{grid-template-columns:1fr}}
.prose{max-width:72ch;font-size:1.0625rem;color:var(--ink-2)}
.prose h2{margin:2.4rem 0 .9rem;font-size:clamp(1.6rem,2.8vw,2.2rem)}
.prose h3{margin:1.9rem 0 .7rem;font-weight:800;font-size:1.22rem;letter-spacing:-.025em}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.prose ul,.prose ol{color:var(--ink-2)}
.prose a{color:var(--flame-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#C9D8EC}
.prose a:hover{text-decoration-color:var(--flame)}
.prose table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5rem 0;font-size:.94rem;border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
.prose th,.prose td{border-bottom:1px solid var(--rule);padding:.75rem .9rem;text-align:left}
.prose tr:last-child td{border-bottom:0}
.prose th{background:var(--paper-2);font-weight:750}
.prose blockquote{margin:1.6rem 0;padding:1rem 1.2rem;border-radius:var(--r);background:var(--flame-w);font-size:1.15rem;font-weight:650;line-height:1.45;color:var(--ink)}
.prose img{border:1px solid var(--rule);border-radius:var(--r);margin:1.4rem 0}
.side{position:sticky;top:96px;font-size:.93rem}
.side__box{border:1px solid var(--rule);background:#fff;border-radius:var(--r-lg);padding:1.2rem 1.3rem;margin-bottom:1.1rem}
.side__box h4{margin:0 0 .7rem;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--flame-2)}
.side__box ul{list-style:none;padding:0;margin:0}
.side__box li{padding:.36rem 0}
.side__box a:hover{color:var(--flame)}
@media(max-width:1000px){.side{position:static}}
.rlist{list-style:none;padding:0;margin:1.2rem 0}
.rlist li{display:flex;gap:.7rem;padding:.6rem 0;border-bottom:1px solid var(--rule);color:var(--ink-2)}
.rlist li:last-child{border-bottom:0}
.rlist svg{color:var(--flame);flex:none;margin-top:4px}
.form{display:grid;gap:.9rem}
.form label{font-size:.82rem;font-weight:700;color:var(--ink-2);display:block;margin-bottom:.35rem}
.form input,.form textarea,.form select{width:100%;padding:.85rem 1rem;border:1px solid var(--rule-2);border-radius:12px;font:inherit;background:#fff;transition:border-color .15s,box-shadow .15s}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--flame);box-shadow:0 0 0 4px rgba(30,77,138,.12)}
.form .hp{position:absolute;left:-9999px}
.formmsg{font-size:.93rem;padding:.85rem 1rem;border-radius:12px;margin-top:.6rem}
.formmsg.ok{background:var(--forest-w);color:var(--forest-2)}
.formmsg.err{background:#FDECEA;color:#9B2C1F}
.plist{display:grid;gap:12px}
.pitem{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;padding:1.4rem;border:1px solid var(--rule);border-radius:var(--r-lg);background:#fff}
.pitem__d{font-size:.78rem;font-weight:700;color:var(--mute);white-space:nowrap;padding-top:.4rem}
.pitem h3{margin:0 0 .4rem}
.pitem p{margin:0;color:var(--mute);font-size:.95rem}
@media(max-width:600px){.pitem{grid-template-columns:1fr;gap:.4rem}}
.ftr{background:var(--deep);color:#AFBACB;padding:clamp(48px,6vw,84px) 0 1.6rem;font-size:.95rem}
.ftr__top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:clamp(24px,3vw,44px);padding-bottom:2.4rem;border-bottom:1px solid rgba(255,255,255,.1)}
@media(max-width:900px){.ftr__top{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ftr__top{grid-template-columns:1fr}}
.ftr h4{color:#fff;font-size:.95rem;font-weight:800;letter-spacing:-.01em;margin:0 0 1rem}
.ftr .d3{font-size:clamp(1.3rem,2vw,1.6rem)}
.ftr ul{list-style:none;padding:0;margin:0}
.ftr li{padding:.3rem 0}
.ftr a:hover{color:#9DBCE6}
.ftr .brand__tx{color:#fff}
.ftr .brand__tx small{color:#8B97AA}
.ftr .wabtn{background:#fff;color:var(--forest-2);box-shadow:none}
.ftr .wabtn__glyph{background:var(--flame-w)}
.ftr .wabtn__glyph svg{fill:var(--flame)}
.ftr__sites{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:1.4rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.84rem}
.ftr__sites span{color:#8B97AA;font-weight:700;margin-right:.4rem}
.ftr__sites a{color:#E3E8F0;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.35rem .8rem}
.ftr__sites a:hover{color:#fff;border-color:#9DBCE6}
.ftr__bot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.4rem;font-size:.84rem;color:#8B97AA}
.stickycta{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;gap:.5rem;padding:.55rem .7rem calc(.55rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--rule)}
.stickycta>*{flex:1}
.stickycta .btn--primary{background:#fff;color:var(--ink);border:1px solid var(--rule-2);box-shadow:none}
@media(max-width:820px){.stickycta{display:flex}body{padding-bottom:70px}}
.stickycta .wabtn{padding:.4rem .9rem .4rem .4rem;white-space:nowrap}
.stickycta .wabtn__glyph{width:32px;height:32px;border-radius:10px}
@media(max-width:560px){.hero .btnrow>*{flex:1 1 100%;justify-content:center}}
.install{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:75;background:var(--deep);color:#fff;border-radius:18px;padding:.9rem 1rem;display:none;align-items:center;gap:.8rem;box-shadow:0 18px 40px -16px rgba(0,0,0,.55);max-width:460px;margin:0 auto}
.install.show{display:flex}
.install__i{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;flex:none}
.install b{display:block;font-size:.94rem;font-weight:750}
.install span{display:block;font-size:.8rem;color:#AFBACB}
.install__go{background:var(--grad);color:#fff;border:0;border-radius:10px;padding:.55rem .95rem;font-size:.86rem;font-weight:800;cursor:pointer;flex:none}
.install__x{background:transparent;border:0;color:#8B97AA;font-size:1.3rem;cursor:pointer;padding:0 .2rem;flex:none}
@media(min-width:821px){.install{bottom:16px}}
.offbar{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--ink);color:#fff;text-align:center;font-size:.84rem;padding:.45rem;display:none}
.offbar.show{display:block}
.tac{text-align:center}
.mt0{margin-top:0}.mb0{margin-bottom:0}
.mt1{margin-top:1rem}.mt2{margin-top:2rem}
.muted{color:var(--mute)}
.flame{color:var(--flame)}
.wraptight{max-width:860px;margin:0 auto}
.chips{display:flex;flex-wrap:wrap;gap:.45rem}
.chip{font-size:.78rem;font-weight:700;border:1px solid var(--rule-2);border-radius:999px;padding:.38rem .8rem;color:var(--ink-2);background:#fff}
.chip--on{background:var(--flame);color:#fff;border-color:var(--flame)}
.hr-ink{border-top:1px solid var(--rule);margin:0}
.calc__step{animation:calcIn .22s ease}
@keyframes calcIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.calc__q{font-size:clamp(1.3rem,2.2vw,1.65rem);font-weight:650;letter-spacing:-.03em;line-height:1.15;margin:0 0 .5rem}
.calc__hint{font-size:.92rem;color:var(--mute);margin:0 0 1.2rem}
.calc__err{display:none;color:#9B2C1F;font-size:.88rem;margin:.9rem 0 0}
.calc__err.on{display:block}
.calc__nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid var(--rule)}
.calc__prog{height:6px;background:var(--paper-3);border-radius:6px;overflow:hidden;flex:1;min-width:80px}
.calc__prog i{display:block;height:100%;width:0;background:var(--grad);border-radius:6px;transition:width .3s ease}
.calc__step-n{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--flame-2);white-space:nowrap}
.calc__bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--paper-2);color:var(--ink);padding:clamp(13px,1.7vw,18px) clamp(15px,2vw,22px);border-bottom:1px solid var(--rule)}
.calc__bar h3{font-size:clamp(1.1rem,1.8vw,1.35rem);margin:0;flex:none}
.calc__body{padding:clamp(18px,2.4vw,30px)}
.calc{border:1px solid var(--rule);border-radius:var(--r-lg);background:#fff;overflow:hidden;margin:1.6rem 0;box-shadow:var(--sh)}
.opts{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
@media(max-width:640px){.opts{grid-template-columns:1fr}}
.opt{display:flex;align-items:flex-start;gap:.7rem;padding:.9rem 1rem;border:1px solid var(--rule-2);background:#fff;border-radius:14px;cursor:pointer;transition:.14s;font-size:.97rem;line-height:1.38;position:relative}
.opt:hover{border-color:var(--flame-3);background:var(--paper-2)}
.opt input{position:absolute;opacity:0;width:0;height:0}
.opt .box{flex:none;width:18px;height:18px;border:1.5px solid var(--rule-2);border-radius:50%;margin-top:2px;background:#fff;transition:.14s}
.opt input[type=checkbox]+.box{border-radius:5px}
.opt input:checked+.box{border-color:var(--flame);background:var(--flame);box-shadow:inset 0 0 0 3px #fff}
.opt:has(input:checked){border-color:var(--flame);background:var(--flame-w)}
.opt input:focus-visible+.box{outline:2px solid var(--flame);outline-offset:2px}
.sub-t{display:block;color:var(--mute);font-size:.82rem;margin-top:.2rem}
.f2{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}
@media(max-width:640px){.f2{grid-template-columns:1fr}}
.field label{display:block;font-size:.82rem;font-weight:700;color:var(--ink-2);margin-bottom:.4rem}
.field input,.field select,.field textarea{width:100%;padding:.82rem 1rem;border:1px solid var(--rule-2);border-radius:12px;font:inherit;background:#fff;transition:border-color .15s,box-shadow .15s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--flame);box-shadow:0 0 0 4px rgba(30,77,138,.12)}
.help{display:block;font-size:.8rem;color:var(--mute);margin-top:.3rem}
.hp{position:absolute!important;left:-9999px!important}
.result{padding:.4rem 0}
.result__lbl{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:.5rem}
.result__big{font-size:clamp(2rem,4.4vw,3rem);line-height:1.02;letter-spacing:-.05em;font-weight:800;color:var(--flame-2)}
.result__note{color:var(--mute);font-size:.93rem;margin:.75rem 0 0;max-width:64ch}
.result__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:1.5rem 0}
@media(max-width:640px){.result__grid{grid-template-columns:1fr}}
.result__grid>div{background:var(--paper-2);border:1px solid var(--rule);border-radius:14px;padding:1rem 1.1rem}
.result__grid b{display:block;font-size:1.45rem;font-weight:800;letter-spacing:-.04em;line-height:1.1}
.result__grid span{font-size:.82rem;color:var(--mute)}
.breakdown{margin:.4rem 0 1.2rem;padding-left:1.1em;color:var(--ink-2);font-size:.95rem}
.breakdown li{margin-bottom:.3rem}
.disclaimer{font-size:.82rem;color:var(--mute-2);border-top:1px solid var(--rule);padding-top:.9rem;margin-top:1.4rem;line-height:1.55}
.score{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;background:var(--deep);color:#fff;padding:1.3rem;border-radius:var(--r-lg);margin-bottom:1.4rem}
.score .result__lbl{color:#AFBACB}
.score__ring{position:relative;width:92px;height:92px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(#5B8FD6 calc(var(--v,0) * 1%),rgba(255,255,255,.12) 0)}
.score__ring::after{content:'';position:absolute;inset:8px;border-radius:50%;background:var(--deep)}
.score__ring b{position:relative;z-index:1;font-size:1.6rem;font-weight:800;color:#fff}
.checkrow{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--rule);font-size:.94rem}
.checkrow:last-of-type{border-bottom:0}
.dot{width:10px;height:10px;border-radius:50%;flex:none;margin-top:6px}
.dot--good{background:var(--flame)}
.dot--ok{background:#D9A22B}
.dot--bad{background:#D0452B}
.st{margin-left:auto;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .6rem;border-radius:999px;white-space:nowrap;align-self:center}
.st--good{background:var(--forest-w);color:var(--forest)}
.st--ok{background:#FBF0D8;color:#8A6412}
.st--bad{background:#FDECEA;color:#9B2C1F}
.alert{padding:.9rem 1rem;border-radius:12px;font-size:.94rem;margin:.9rem 0}
.alert--ok{background:var(--forest-w);color:var(--forest-2)}
.alert--bad{background:#FDECEA;color:#9B2C1F}
.formnote{font-size:.82rem;color:var(--mute);margin-top:.7rem}
.gc-lead__msg:empty{display:none}
.gc-lead__msg{font-size:.93rem;padding:.8rem 1rem;border-radius:12px;margin-bottom:.9rem;background:var(--forest-w);color:var(--forest-2)}
.btn--wa{background:var(--grad);color:#fff;border:0}
.btn--wa:hover{filter:brightness(1.05)}
.lede{font-size:clamp(1.05rem,1.45vw,1.2rem);color:var(--mute);line-height:1.6}
.steps{display:grid;gap:10px;margin:1.6rem 0;counter-reset:st}
.step{background:#fff;border:1px solid var(--rule);border-radius:18px;padding:1.1rem 1.25rem;counter-increment:st}
.step h3{font-size:1.06rem;font-weight:800;margin:0 0 .25rem}
.step p{margin:0;color:var(--mute);font-size:.94rem}
.step::before{content:counter(st,decimal-leading-zero);display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--flame-w);color:var(--flame-2);font-size:.72rem;font-weight:800;margin-bottom:.6rem}
.num{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1;letter-spacing:-.05em;font-weight:800;color:var(--flame)}
.num-lbl{font-size:.88rem;color:var(--mute);margin-top:.45rem}
.card--flat{border:1px solid var(--rule);background:#fff;border-radius:var(--r-lg);padding:1.3rem 1.4rem}
.chip--flame{background:var(--flame-w);color:var(--flame-2);border-color:#D6E1F0}
.chip--line{border-color:var(--rule-2)}
a.chip:hover{border-color:var(--flame);background:var(--flame);color:#fff}
.btn-row{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
.workgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,24px)}
@media(max-width:700px){.workgrid{grid-template-columns:1fr}}
.wcard{display:block;border:1px solid var(--rule);background:#fff;border-radius:var(--r-lg);overflow:hidden;transition:.18s}
.wcard:hover{border-color:#C9D8EC;box-shadow:var(--sh);transform:translateY(-2px)}
.wcard__shot{display:block;border-bottom:1px solid var(--rule);background:var(--paper-2)}
.wcard__body{display:block;padding:1.1rem 1.25rem}
.wcard__body b{font-size:1.06rem;font-weight:800}
.wcard__url{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;color:var(--flame-2);margin:.25rem 0 .5rem}
.wcard__txt{display:block;font-size:.93rem;color:var(--mute);line-height:1.55}
.lead-in{font-size:clamp(1.05rem,1.45vw,1.2rem);line-height:1.6;color:var(--mute);margin-bottom:1.4rem}
.prose .card{border:1px solid var(--rule);background:#fff;border-radius:18px;padding:1.15rem 1.3rem;display:block;margin:0}
.prose a.card{text-decoration:none;color:var(--ink)}
.prose a.card:hover{border-color:#C9D8EC;box-shadow:var(--sh)}
.prose .card h3{margin:0 0 .35rem;font-weight:800;font-size:1.08rem}
.prose .card p{margin:0 0 .5rem;font-size:.93rem;color:var(--mute)}
.card__more{font-size:.84rem;font-weight:750;color:var(--flame-2)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.2rem;border:1px solid var(--rule);border-radius:18px;padding:1.1rem 1.25rem;margin:1.4rem 0;font-size:.95rem;background:#fff}
.kv b{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--flame-2);padding-top:.22rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);margin:1.6rem 0}
@media(max-width:700px){.split{grid-template-columns:1fr}}
.q{display:block;font-size:1.2rem;font-weight:800;letter-spacing:-.025em;line-height:1.3;margin-bottom:.45rem}
ul.plain{list-style:none;padding:0}
ul.plain li{padding:.55rem 0 .55rem 1.6rem;border-bottom:1px solid var(--rule);position:relative}
ul.plain li::before{content:'';position:absolute;left:0;top:.95em;width:10px;height:10px;border-radius:50%;background:var(--flame-w);box-shadow:inset 0 0 0 3px var(--flame-3)}
ul.plain li:last-child{border-bottom:0}
.anchor{scroll-margin-top:96px}
.shot{margin:1.6rem 0;border:1px solid var(--rule);border-radius:18px;overflow:hidden;background:#fff}
.shot img{display:block;width:100%}
.shot__cap{border-top:1px solid var(--rule);font-size:.88rem;background:var(--paper-2);padding:.7rem 1rem}
.shot__cap b{font-weight:750}
.shot__cap span{color:var(--mute)}
.shot__cap a{color:var(--flame-2)}
.pitem-link{display:block;padding:1.4rem 1.5rem;border:1px solid var(--rule);border-radius:var(--r-lg);background:#fff;transition:.18s}
.pitem-link:hover{border-color:#C9D8EC;box-shadow:var(--sh)}
.pitem-link .k{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--flame-2);display:block;margin-bottom:.45rem}
.pitem-link h3{margin:0 0 .4rem;font-size:clamp(1.2rem,2vw,1.5rem)}
.pitem-link p{margin:0;color:var(--mute);font-size:.95rem;max-width:74ch}
.sr{position:absolute;left:-9999px}
.pmeta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.82rem;font-weight:600;color:var(--mute)}
.calcwrap .calc{border:0;margin:0;border-radius:0;box-shadow:none}
.calcwrap .calc__bar h3{display:none}
[id]{scroll-margin-top:96px}
.topbar{background:#1A1A1A;color:#DDD9CF;font-size:.78rem;letter-spacing:.02em}
.topbar__l{color:#DDD9CF}
.hdr{background:#fff}
.brand__tx{font-weight:700;letter-spacing:-.03em;font-size:1.22rem}

.nav>a{font-weight:500;color:var(--ink-2)}
.nav>a:hover{background:var(--paper-2);color:var(--ink)}
.btn,.wabtn{border-radius:10px}
.btn--primary{background:#1A1A1A;box-shadow:none}
.btn--primary:hover{background:#000;box-shadow:none}
.btn--ghost{border-color:var(--rule-2)}
.btn--ghost:hover{border-color:var(--ink);color:var(--ink);background:var(--paper-2)}
.wabtn{background:#1A1A1A;box-shadow:none;font-weight:600}
.wabtn:hover{background:#000;box-shadow:none}
.wabtn__glyph{background:#25D366;border-radius:8px}
.wabtn__glyph svg{fill:#fff}
.wabtn__tx b{font-weight:600}
.nav__cta.wabtn{background:var(--flame)}
.nav__cta.wabtn:hover{background:var(--flame-2)}
.hl{color:var(--flame)}
.card__i,.rhead__n,.lrow__n,.tli::before,.step::before{font-family:var(--f-mono);border-radius:8px}
.tli__w,.jrc__k,.sqc__tag,.plan__n,.calc__step-n,.result__lbl,.side__box h4,.kv b,.pitem-link .k,.st{font-family:var(--f-mono);font-weight:600}
.jrc::after{background:var(--flame-w)}
.jrc__n{font-family:var(--f-mono);border-color:#D6E1F0}
.g-res{border-color:var(--flame-3)}
.g-res em{background:var(--flame)}
.m-pay__tot em{background:#C9D8EC;color:#0F1A2E}
.stat b,.payc b,.num{color:var(--ink)}
.sec--ink .stat b{color:#fff}
.calcwrap__hd{background:#1A1A1A}
.calc__prog i{background:var(--flame)}
.cta{background:var(--deep)}
.cta::after{border-color:rgba(255,255,255,.08)}
.cta .wabtn{background:#fff;color:var(--ink)}
.cta .wabtn__glyph{background:#25D366}
.cta .wabtn__glyph svg{fill:#fff}
.ftr .wabtn{background:#fff;color:var(--ink)}
.ftr .wabtn__glyph{background:#25D366}
.ftr .wabtn__glyph svg{fill:#fff}
.ftr h4{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.install__go{background:var(--flame)}
.faq summary::after{border-radius:8px}
.jr-sites a::before{background:var(--flame-3)}
.stickycta .wabtn{background:#1A1A1A}
.nav>a.nav__cta{color:#fff;padding:.42rem .95rem .42rem .42rem;background:var(--flame)}
.nav>a.nav__cta:hover{color:#fff;background:var(--flame-2)}

/* 27. Premium pass */
:root{--sec:clamp(52px,6vw,92px)}
.hero__in{padding-block:clamp(40px,5.5vw,80px) clamp(44px,5.5vw,84px)}
.sec--proof{background:radial-gradient(900px 420px at 80% 0%,rgba(58,111,181,.3),transparent 62%),radial-gradient(700px 380px at 0% 100%,rgba(58,111,181,.16),transparent 60%),var(--deep);color:#D7DEEA;overflow:hidden}
.sec--proof h2{color:#fff}
.sec--proof .hl{color:#9DBCE6}
.sec--proof .lead{color:#AFBACB}
.sec--proof .shead--c{border-color:rgba(255,255,255,.12)}
.sec--proof .eyebrow{color:#AFC0DA}
.sec--proof .shead--c .eyebrow::before{color:#fff}
.phones{gap:clamp(16px,2.6vw,36px);align-items:start}
.pcard__phone{max-width:250px;aspect-ratio:9/19.3;background:#0b0b0c;border-radius:40px;padding:9px;box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 0 0 1.5px #2a2c33,0 40px 70px -30px rgba(0,0,0,.75)}
.pcard:hover .pcard__phone{transform:translateY(-6px)}
.pcard__screen{border-radius:31px;background:#fff}
.pcard__notch{top:9px;width:30%;height:20px;border-radius:12px;background:#000}
.pcard__scroll{overflow:hidden}
.pcard__scroll img{width:100%;height:auto;display:block;animation:pScrollFull var(--dur,18s) cubic-bezier(.45,0,.55,1) infinite alternate;will-change:transform}
@keyframes pScrollFull{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(calc(var(--dist,0px) * -1))}}
.pcard:hover .pcard__scroll img,.pcard:focus-within .pcard__scroll img{animation-play-state:paused}
.pcard__meta{margin-top:1.1rem}
.pcard__meta b{color:#fff;font-weight:600}
.pcard__meta span{color:#8B97AA;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}
.pcard__meta i{color:#9DBCE6;font-weight:500}
.sec--proof .pcard__hint{color:#8B97AA;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;margin-top:2rem}
@media(max-width:560px){.phones{gap:14px}.pcard__phone{border-radius:28px;padding:6px}.pcard__screen{border-radius:23px}.pcard__notch{height:14px;top:6px}}
.plan ul{margin-bottom:0}
.plan--hi{background:linear-gradient(180deg,#fff 0%,#F4F7FC 100%)}
.faq{max-width:none;grid-template-columns:1fr 1fr;align-items:start;gap:12px}
@media(max-width:820px){.faq{grid-template-columns:1fr}}
.faq details{border-radius:var(--r-lg)}
.shead--c{margin-bottom:clamp(26px,3vw,44px)}
.card,.jrc,.tli,.payc,.plan,.stat,.sqc,.founder__card{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.card:hover,.tli:hover,.payc:hover,.plan:hover,.jrc:hover{border-color:#C9D8EC;box-shadow:var(--sh)}
.sec--ink .card:hover{border-color:rgba(255,255,255,.2)}

/* 28. Glass and luxury finish */
:root{--sec:clamp(44px,5vw,80px);--glass:rgba(255,255,255,.62);--glass-b:rgba(255,255,255,.75);--glass-sh:0 1px 0 rgba(255,255,255,.9) inset,0 18px 40px -26px rgba(15,26,46,.28)}
body{background:radial-gradient(1100px 700px at 0% 0%,#E8EEF8 0%,transparent 60%),radial-gradient(900px 600px at 100% 30%,#EEF0F6 0%,transparent 60%),radial-gradient(1000px 700px at 30% 80%,#EAF0F9 0%,transparent 60%),#F5F7FB;background-attachment:fixed}
.sec--paper2,.sec--grid{background:transparent}
.sec--grid{background-image:none}
.hdr{background:rgba(255,255,255,.66);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(255,255,255,.7);box-shadow:0 8px 30px -20px rgba(15,26,46,.25)}
.card,.jrc,.tli,.payc,.plan,.founder__card,.faq details,.stat,.calcwrap,.sqc{background:var(--glass);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid var(--glass-b);box-shadow:var(--glass-sh)}
.card:hover,.tli:hover,.payc:hover,.plan:hover,.jrc:hover{border-color:#fff;box-shadow:0 1px 0 #fff inset,0 26px 50px -26px rgba(15,26,46,.38);transform:translateY(-3px)}
.plan--hi{background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(232,239,250,.7));border:1px solid #fff;box-shadow:0 1px 0 #fff inset,0 0 0 1.5px rgba(30,77,138,.55),0 30px 60px -30px rgba(30,77,138,.45)}
.jrc__ui{background:rgba(247,248,251,.7);border-color:rgba(255,255,255,.8)}
.jrc::after{background:radial-gradient(circle,rgba(58,111,181,.18),transparent 70%)}
.card__i,.tli::before,.rhead__n,.lrow__n,.step::before{background:linear-gradient(160deg,#fff,#E6EDF8);box-shadow:0 1px 0 #fff inset,0 4px 12px -6px rgba(30,77,138,.4);color:var(--flame)}
.shead--c{border-bottom-color:rgba(15,26,46,.08);margin-bottom:clamp(24px,2.6vw,40px);padding-bottom:1.1rem}
.hero{background:radial-gradient(700px 420px at 82% 22%,rgba(76,125,214,.45),transparent 62%),radial-gradient(620px 420px at 8% 92%,rgba(110,92,214,.28),transparent 62%),radial-gradient(500px 300px at 50% 0%,rgba(58,111,181,.25),transparent 70%),linear-gradient(180deg,#0B1426 0%,#0F1A2E 100%);border-bottom:0;color:#C5CEDD}
.hero::before{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)}
.hero h1{color:#fff}
.hero h1 .hl{background:linear-gradient(90deg,#9DBCE6,#E3EBF8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__sub{color:#C5CEDD}
.hero .eyebrow{color:#AFC0DA}
.hero .eyebrow::before{background:#7FA6DB}
.hero__strip{color:#E3E8F0}
.hero__strip span::before{background-color:rgba(255,255,255,.12);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239DBCE6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}
.hero__price{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.1) inset}
.hero__price b{color:#fff}
.hero__price span{color:#AFBACB}
.hero .wabtn{background:#fff;color:var(--ink)}
.hero .wabtn:hover{background:#F2F5FA}
.hero .btn--ghost{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hero .btn--ghost:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff}
.waphone__frame{box-shadow:0 0 0 1.5px #2b2b2b inset,0 0 0 3px #0a0a0a,0 60px 90px -40px rgba(0,0,0,.7),0 0 120px -20px rgba(76,125,214,.45)}
.waphone__tag{background:rgba(255,255,255,.72);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.8)}
.wa__av{overflow:hidden;background:linear-gradient(160deg,#1E4D8A,#0F1A2E)}
.wa__av img{width:100%;height:100%;object-fit:cover;display:block}
.founder__photo{width:88px;height:88px;border-radius:50%;object-fit:cover;margin:0 0 1.1rem;box-shadow:0 0 0 4px rgba(255,255,255,.9),0 14px 30px -14px rgba(15,26,46,.5)}
.sec--ink,.sec--proof{background:radial-gradient(800px 420px at 85% 0%,rgba(76,125,214,.32),transparent 62%),radial-gradient(700px 400px at 0% 100%,rgba(110,92,214,.2),transparent 60%),linear-gradient(180deg,#0B1426,#0F1A2E)}
.sec--ink .stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);box-shadow:0 1px 0 rgba(255,255,255,.08) inset;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sec--ink .sqc{background:rgba(255,255,255,.92)}
.cta{background:radial-gradient(500px 300px at 90% 0%,rgba(76,125,214,.5),transparent 65%),radial-gradient(400px 260px at 0% 100%,rgba(110,92,214,.3),transparent 65%),linear-gradient(160deg,#0F1A2E,#0B1426);border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 80px -40px rgba(15,26,46,.6)}
.cta .btn--ghost{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ftr{background:#0B1426}
.calcwrap__hd{background:linear-gradient(160deg,#0F1A2E,#1A2B4A)}
.faq details[open]{border-color:#fff}
.stickycta{background:rgba(255,255,255,.72);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.card,.jrc,.tli,.payc,.plan,.founder__card,.faq details,.stat,.calcwrap,.waphone__tag{background:#fff}}

.shead--c{display:grid;grid-template-columns:1.15fr .85fr;column-gap:clamp(24px,4vw,64px);align-items:end}
.shead--c .eyebrow{grid-column:1/-1;justify-self:start}
.shead--c h2{max-width:none;grid-column:1}
.shead--c p,.shead--c .lead{grid-column:2;margin:0;max-width:none;font-size:clamp(1rem,1.25vw,1.1rem)}
@media(max-width:820px){.shead--c{grid-template-columns:1fr}.shead--c p,.shead--c .lead{grid-column:1;margin-top:.8rem}}

/* 29. WhatsApp chat, realistic flow */
.wa__body{justify-content:flex-start;overflow-y:auto;scrollbar-width:none;scroll-behavior:smooth}
.wa__body::-webkit-scrollbar{display:none}
.wa__msg,.wa__body .wa__day{display:none}
.wa__msg.on{display:block;animation:waIn .35s ease both}
.wa__body .wa__day.on{display:inline-block;animation:waIn .35s ease both}
.wa__msg.on{opacity:1;transform:none}
@keyframes waIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.wa__body>*{flex:none}
.wa__lp{display:block;background:rgba(0,0,0,.05);border-left:3px solid #25D366;border-radius:6px;padding:6px 8px;margin:0 0 5px}
.wa__lp b{display:block;font-size:.78rem;color:#111}
.wa__lp small{display:block;font-size:.68rem;color:#667781}
.wa__msg--doc{min-width:230px}
.wa__pdf{display:flex;align-items:center;gap:9px;background:#F5F6F6;border-radius:7px;padding:8px 9px}
.wa__pdf i{flex:none;width:30px;height:36px;border-radius:4px;background:#E2463C;color:#fff;font-style:normal;font-size:.56rem;font-weight:800;display:grid;place-items:end center;padding-bottom:5px}
.wa__pdf b{display:block;font-size:.76rem;line-height:1.3;color:#111}
.wa__pdf small{display:block;font-size:.66rem;color:#667781;margin-top:2px}
.page-hd{background:radial-gradient(700px 380px at 85% 0%,rgba(76,125,214,.42),transparent 62%),radial-gradient(500px 300px at 0% 100%,rgba(110,92,214,.24),transparent 62%),linear-gradient(180deg,#0B1426,#0F1A2E);border-bottom:0;color:#C5CEDD}
.page-hd h1{color:#fff}
.page-hd .lead{color:#C5CEDD}
.page-hd .crumbs{color:#8B97AA}
.page-hd .crumbs a:hover{color:#fff}
.side__box,.prose .card,.kv,.wcard,.pitem,.pitem-link,.step,.lrow,.card--flat,.shot,.calc{background:var(--glass);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--glass-b);box-shadow:var(--glass-sh)}
.prose table{background:var(--glass)}
.about__photo{width:160px;height:160px;border-radius:50%;object-fit:cover;float:right;margin:0 0 1rem 1.5rem;box-shadow:0 0 0 5px rgba(255,255,255,.9),0 18px 40px -18px rgba(15,26,46,.5)}
@media(max-width:600px){.about__photo{float:none;display:block;margin:0 0 1.2rem;width:120px;height:120px}}

.waphone__tag--a{left:-118px;bottom:64px}
@media(max-width:1180px){.waphone__tag--a{left:-30px;bottom:24px}}

.prose img.about__photo{border-radius:50%;border:0;margin:0 0 1rem 1.5rem}
@media(max-width:600px){.prose img.about__photo{margin:0 0 1.2rem}}

.waphone__tag--b{right:-72px;top:-30px}
@media(max-width:1180px){.waphone__tag--b{right:-8px;top:-34px}}

/* 30. Photo hero, chat section, work, dock, app */
.hero--photo{min-height:clamp(560px,80vh,760px);display:flex;align-items:center}
.hero--photo .hero__in{grid-template-columns:minmax(0,640px);padding-block:clamp(36px,5vw,72px)}
.hero__bg{position:absolute;top:0;right:0;bottom:0;width:min(58%,860px);background-size:cover;background-position:center 18%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%);mask-image:linear-gradient(90deg,transparent 0%,#000 38%);opacity:.9}
.hero__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,20,38,.15) 0%,rgba(11,20,38,.05) 50%,rgba(11,20,38,.75) 100%)}
.hero__glass{position:relative;z-index:2;background:rgba(11,20,38,.42);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:clamp(22px,3.4vw,44px);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 40px 80px -40px rgba(0,0,0,.6)}
.hero--photo h1{max-width:15ch;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hero--photo .hero__sub{color:#DCE3EE;max-width:48ch}
@media(max-width:940px){.hero__bg{width:100%;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 45%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 45%,transparent 85%);opacity:.55;background-position:center 10%}.hero--photo{min-height:0}.hero--photo .hero__in{padding-top:clamp(140px,40vw,260px)}}
.hero__cta{gap:.8rem;margin-top:.2rem}
.herowa{position:relative;display:inline-flex;align-items:center;gap:.8rem;background:linear-gradient(180deg,#2BD86F,#1FBE59);color:#fff;border-radius:16px;padding:.7rem 1.5rem .7rem .7rem;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 16px 34px -14px rgba(37,211,102,.75);transition:transform .15s ease,box-shadow .15s ease;line-height:1.2}
.herowa:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 22px 40px -14px rgba(37,211,102,.85)}
.herowa__i{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.2);display:grid;place-items:center;flex:none}
.herowa__i svg{width:25px;height:25px;fill:#fff}
.herowa__t b{display:block;font-size:1.08rem;font-weight:700;letter-spacing:-.01em}
.herowa__t small{display:block;font-size:.78rem;opacity:.92}
.herowa__bub{position:absolute;left:58px;top:-40px;background:#fff;color:#111B21;font-size:.82rem;font-weight:600;padding:.5rem .75rem;border-radius:14px 14px 14px 4px;box-shadow:0 12px 26px -12px rgba(0,0,0,.45);white-space:nowrap;pointer-events:none}
.herowa__bub i{display:inline-block;width:1.5px;height:12px;background:#25D366;margin-left:2px;vertical-align:-1px;animation:gcBlink .85s steps(1) infinite}
@keyframes gcBlink{50%{opacity:0}}
.hero .btn--ghost{min-height:62px}
.hero__founder{display:flex;align-items:center;gap:.8rem;margin-top:1.6rem;padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.12)}
.hero__founder img{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(255,255,255,.7)}
.hero__founder span{font-size:.86rem;color:#C5CEDD;line-height:1.35}
.hero__founder b{display:block;color:#fff;font-weight:600}
.hero__price{display:none}
.sec--chat{padding-top:clamp(40px,5vw,72px)}
.chatsec{display:grid;grid-template-columns:1fr minmax(300px,380px);gap:clamp(30px,5vw,80px);align-items:center}
@media(max-width:900px){.chatsec{grid-template-columns:1fr}}
.chatsteps{list-style:none;padding:0;margin:0;display:grid;gap:10px;counter-reset:cs}
.chatsteps li{counter-increment:cs;position:relative;padding:1rem 1.1rem 1rem 3.4rem;background:var(--glass);border:1px solid var(--glass-b);border-radius:16px;box-shadow:var(--glass-sh);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.chatsteps li::before{content:counter(cs,decimal-leading-zero);position:absolute;left:1rem;top:1rem;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-family:var(--f-mono);font-size:.7rem;font-weight:600;color:var(--flame);background:linear-gradient(160deg,#fff,#E6EDF8)}
.chatsteps b{display:block;font-weight:650;letter-spacing:-.01em}
.chatsteps span{display:block;color:var(--mute);font-size:.92rem;margin-top:.15rem}
.sec--chat .waphone__tag--a{left:-90px}
.pcard{display:flex;flex-direction:column}
.pcard__scroll{overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y}

.pcard__finger{position:absolute;right:16%;bottom:-30px;width:46px;height:92px;z-index:4;pointer-events:none;opacity:0;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.pcard__finger svg{width:100%;height:100%;display:block}
.pcard__meta{display:block;text-align:center;margin-top:1.1rem;text-decoration:none}
.pcard__meta b em{display:inline-block;font-style:normal;font-family:var(--f-mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#7FE0A0;border:1px solid rgba(127,224,160,.4);border-radius:999px;padding:.12rem .45rem;margin-left:.35rem;vertical-align:2px}
.pcard__meta:hover b{text-decoration:underline}
.pcard__stats{list-style:none;padding:.75rem .9rem;margin:.8rem auto 0;max-width:250px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pcard__stats li{font-size:.76rem;color:#AFBACB;margin:.2rem 0;line-height:1.35}
.pcard__stats b{color:#fff;font-weight:600}
.proofnote{margin-top:clamp(24px,3vw,40px);padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.05);max-width:860px;margin-left:auto;margin-right:auto;text-align:center}
.proofnote p{margin:0;color:#AFBACB;font-size:.88rem}
.proofnote b{color:#fff}
.sec--proof .pcard__hint{display:none}
.appsec{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}
@media(max-width:900px){.appsec{grid-template-columns:1fr}}
.appgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.appgrid{grid-template-columns:1fr}}
.appcard{display:block;padding:1.2rem 1.25rem;border-radius:18px;background:var(--glass);border:1px solid var(--glass-b);box-shadow:var(--glass-sh);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .2s,box-shadow .2s}
.appcard:hover{transform:translateY(-3px);box-shadow:0 1px 0 #fff inset,0 26px 50px -26px rgba(15,26,46,.38)}
.appcard b{display:block;font-weight:650;letter-spacing:-.01em;margin-bottom:.25rem}
.appcard span{display:block;color:var(--mute);font-size:.9rem}
.stickycta{display:none!important}
@media(max-width:820px){body{padding-bottom:0}}
.gc-dock{position:fixed;right:18px;bottom:20px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.gc-dock__b{position:relative;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 12px 28px -8px rgba(15,26,46,.45);transition:transform .18s}
.gc-dock__b:hover{transform:translateY(-2px) scale(1.04)}
.gc-dock__b svg{width:26px;height:26px}
.gc-dock__wa{background:linear-gradient(180deg,#2BD86F,#1FBE59)}
.gc-dock__wa svg{fill:#fff}
.gc-dock__calc{background:linear-gradient(160deg,#1E4D8A,#0F1A2E);border:1px solid rgba(255,255,255,.18)}
.gc-dock__calc svg{fill:none;stroke:#fff;stroke-width:1.8}
.gc-dock__pulse{position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:gcPulse 2.4s ease-out infinite;pointer-events:none}
@keyframes gcPulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.55);opacity:0}}
.gc-dock__lbl,.gc-dock__bub{position:absolute;right:66px;top:50%;transform:translateY(-50%);background:#fff;color:#111B21;font-size:.8rem;font-weight:600;padding:.5rem .8rem;border-radius:14px 14px 4px 14px;white-space:nowrap;box-shadow:0 10px 24px -10px rgba(15,26,46,.4);pointer-events:none}
.gc-dock__lbl{background:rgba(15,26,46,.9);color:#fff;border-radius:12px;animation:gcLbl 9s ease-in-out infinite}
@keyframes gcLbl{0%,8%{opacity:0;transform:translate(8px,-50%)}14%,46%{opacity:1;transform:translate(0,-50%)}54%,100%{opacity:0;transform:translate(8px,-50%)}}
.gc-dock__bub i{display:inline-block;width:1.5px;height:12px;background:#25D366;margin-left:2px;vertical-align:-1px;animation:gcBlink .85s steps(1) infinite}
.gc-appfab{position:fixed;left:16px;bottom:20px;z-index:80;display:inline-flex;align-items:center;gap:.5rem;background:rgba(15,26,46,.88);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.6rem 1rem .6rem .7rem;font:600 .86rem/1 var(--f-sans);cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 28px -10px rgba(0,0,0,.45)}
.gc-appfab svg{width:18px;height:18px;fill:none;stroke:#7FE0A0;stroke-width:2}
.gc-apptip{position:fixed;left:16px;bottom:72px;z-index:81;max-width:300px;background:#fff;color:var(--ink);border-radius:16px;padding:.9rem 1rem;font-size:.86rem;box-shadow:0 18px 40px -16px rgba(0,0,0,.45);display:none}
.gc-apptip.on{display:block}
@media(max-width:600px){.gc-dock{right:12px;bottom:14px;gap:10px}.gc-dock__b{width:50px;height:50px}.gc-appfab{left:12px;bottom:14px;font-size:.8rem}.gc-dock__lbl{display:none}}
.install{display:none!important}

.herowa__bub{left:calc(100% + 14px);top:50%;transform:translateY(-50%);border-radius:14px 14px 14px 4px}
@media(max-width:1100px){.herowa__bub{left:auto;right:8px;top:-36px;transform:none;border-radius:14px 14px 4px 14px}}

/* 31. Journey hero, hand pointer, install sheet */
.hero--journey .hero__in{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;padding-block:clamp(34px,5vw,72px)}
.hero--journey h1{max-width:14ch}
.hero--journey .hero__sub{color:#DCE3EE;max-width:48ch}
.hero--journey .hero__glass{background:rgba(11,20,38,.35)}
@media(max-width:1040px){.hero--journey .hero__in{grid-template-columns:1fr}}
.jstage{position:relative;height:clamp(400px,40vw,520px);--g:#5BE08A;--gl:rgba(255,255,255,.1)}
.jstage::before{content:'';position:absolute;inset:6% 4% 14%;background:radial-gradient(closest-side,rgba(91,224,138,.18),transparent 70%);filter:blur(20px);pointer-events:none}
.jlap{position:absolute;left:0;top:2%;width:74%}
.jlap__lid{background:linear-gradient(180deg,#25324A,#121C2E);border-radius:16px 16px 6px 6px;padding:10px 10px 14px;box-shadow:0 30px 70px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.12) inset}
.jlap__scr{aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:linear-gradient(160deg,#0E1A2F,#132540)}
.jlap__base{height:12px;margin:0 -6%;background:linear-gradient(180deg,#3A475E,#1A2436);border-radius:0 0 14px 14px;box-shadow:0 14px 30px -10px rgba(0,0,0,.7)}
.jd{height:100%;padding:4.5% 5%;display:flex;flex-direction:column;gap:4%;font-size:clamp(8px,.78vw,11px);color:#C5CEDD}
.jd__top{display:flex;align-items:center;gap:6px}.jd__top b{color:#fff;font-weight:600}.jd__top em{margin-left:auto;font-style:normal;color:var(--g);font-size:.9em}
.jd__dot{width:7px;height:7px;border-radius:50%;background:var(--g);box-shadow:0 0 0 3px rgba(91,224,138,.2)}
.jd__kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.jd__kpi div{background:rgba(255,255,255,.06);border:1px solid var(--gl);border-radius:7px;padding:5px 7px}
.jd__kpi small{display:block;opacity:.75;font-size:.85em}.jd__kpi b{display:block;color:#fff;font-size:1.7em;line-height:1.15;font-variant-numeric:tabular-nums}.jd__kpi i{font-style:normal;font-size:.8em;opacity:.6}
.jd__chart{width:100%;height:16%;min-height:22px}
.jd__line{stroke-dasharray:260;stroke-dashoffset:260;animation:jdl 2.4s ease-out forwards}
@keyframes jdl{to{stroke-dashoffset:0}}
.jd__feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;flex:1;overflow:hidden;justify-content:flex-end}
.jd__feed li{display:none;align-items:center;gap:7px;background:rgba(255,255,255,.07);border:1px solid var(--gl);border-radius:7px;padding:4px 7px;animation:jin .5s cubic-bezier(.2,.8,.2,1)}
.jd__feed p{margin:0;line-height:1.25}.jd__feed b{display:block;color:#fff;font-weight:600}
@keyframes jin{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.ic{flex:none;min-width:22px;height:22px;padding:0 4px;border-radius:6px;display:grid;place-items:center;font-size:.8em;font-weight:700;color:#0B1426}
.ic--g{background:#9DBCE6}.ic--ai{background:linear-gradient(135deg,#B9A6FF,#7FC3FF)}.ic--s{background:#FFD36B}.ic--wa{background:var(--g)}.ic--m{background:#7DE3C2}
.jstage[data-s="1"] .f1,.jstage[data-s="2"] .f1,.jstage[data-s="2"] .f2,.jstage[data-s="3"] .f1,.jstage[data-s="3"] .f2,.jstage[data-s="3"] .f3,.jstage[data-s="4"] .f2,.jstage[data-s="4"] .f3,.jstage[data-s="4"] .f4,.jstage[data-s="5"] .f3,.jstage[data-s="5"] .f4,.jstage[data-s="5"] .f5{display:flex}
.jown{position:absolute;left:8%;bottom:9%;width:13%;min-width:70px;aspect-ratio:9/18.5;background:#0B0F18;border-radius:16px;padding:4px;box-shadow:0 20px 40px -18px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.14) inset;transform:rotate(-6deg);z-index:2}
.jown__scr{height:100%;border-radius:12px;background:linear-gradient(170deg,#2B4C7E,#162A49);padding:12% 6%;display:flex;flex-direction:column;gap:5px;overflow:hidden}
.jown__time{color:#fff;text-align:center;font-size:clamp(11px,1.2vw,16px);font-weight:600;margin-bottom:6%}
.jown__note{background:rgba(255,255,255,.88);border-radius:7px;padding:4px 5px;font-size:clamp(6px,.55vw,8px);line-height:1.25;color:#1A1A1A;opacity:0;transform:translateY(-10px)}
.jown__note b{display:block;font-size:.95em;color:#128C4A}
.jstage[data-s="4"] .jown__note:first-of-type,.jstage[data-s="5"] .jown__note{opacity:1;transform:none;transition:all .45s cubic-bezier(.2,.8,.2,1)}
.jstage[data-s="4"] .jown,.jstage[data-s="5"] .jown{animation:buzz .5s 2}
@keyframes buzz{0%,100%{transform:rotate(-6deg)}25%{transform:rotate(-3deg) translateX(2px)}75%{transform:rotate(-9deg) translateX(-2px)}}
.jph{position:absolute;right:0;bottom:6%;width:34%;min-width:150px;max-width:220px;aspect-ratio:9/19;background:linear-gradient(160deg,#2A3346,#0B0F18);border-radius:30px;padding:6px;box-shadow:0 40px 70px -24px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.16) inset;z-index:3}
.jph__scr{position:relative;height:100%;border-radius:25px;overflow:hidden;background:#fff;color:#1A1A1A;font-size:clamp(8.5px,.8vw,11px)}
.sc{position:absolute;inset:0;padding:18% 8% 8%;opacity:0;transform:translateX(18px);transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;gap:6px}
.jstage[data-s="0"] .sc0,.jstage[data-s="1"] .sc1,.jstage[data-s="2"] .sc2,.jstage[data-s="3"] .sc3,.jstage[data-s="4"] .sc4,.jstage[data-s="5"] .sc4{opacity:1;transform:none}
.sc0{justify-content:center}
.sc0__logo{display:flex;justify-content:center;gap:4px;margin-bottom:10px}.sc0__logo i{width:12px;height:12px;border-radius:50%;background:#4285F4}.sc0__logo i:nth-child(2){background:#EA4335}.sc0__logo i:nth-child(3){background:#FBBC05}.sc0__logo i:nth-child(4){background:#34A853}
.sbar{display:flex;align-items:center;gap:5px;border:1px solid #DADCE0;border-radius:99px;padding:6px 9px;box-shadow:0 2px 8px rgba(0,0,0,.08);min-height:2.4em}
.sbar svg{width:1.2em;height:1.2em;flex:none;fill:none;stroke:#5F6368;stroke-width:2}
.sbar--sm{padding:4px 8px}
.caret{width:1px;height:1.1em;background:#1A73E8;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.sc0__sug{display:flex;flex-direction:column;gap:6px;margin-top:10px}.sc0__sug i{height:6px;border-radius:3px;background:#EEF0F3}.sc0__sug i:nth-child(2){width:80%}.sc0__sug i:nth-child(3){width:60%}
.res{border-radius:9px;padding:6px 7px;line-height:1.3}.res small{color:#4D5156;font-size:.85em}.res b{display:block;color:#1A0DAB;font-weight:500}.res p{margin:1px 0 0;color:#4D5156;font-size:.9em}
.res:not(.res--win){opacity:.55}
.res--win{position:relative;background:#F1F7FF;box-shadow:0 0 0 1.5px #1A73E8 inset}
.res__badge{position:absolute;top:-7px;right:6px;background:#128C4A;color:#fff;font-weight:700;font-size:.8em;padding:1px 6px;border-radius:99px}
.res__stars{color:#E8A317;font-size:.85em}
.ai__q{align-self:flex-end;background:#EEF0F3;border-radius:14px 14px 4px 14px;padding:6px 9px;max-width:90%}
.ai__a{background:linear-gradient(160deg,#F4F0FF,#EEF6FF);border-radius:12px;padding:8px 9px;line-height:1.4}
.ai__a p{margin:4px 0 6px}
.ai__lbl{display:flex;align-items:center;gap:5px;font-weight:600;font-size:.85em;color:#5B45D6}.ai__lbl i{width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,#8E7BFF,#5CB8FF);animation:spin 3s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ai__src{display:inline-block;background:#fff;border:1px solid #D8D3F5;border-radius:99px;padding:2px 8px;font-size:.85em;color:#1A0DAB}
.sc3{padding:0}
.ld{position:absolute;inset:0;display:grid;place-items:center;background:#fff;z-index:2;animation:ldout .35s 1.25s forwards}
.ld svg{width:44px;height:44px;fill:none;stroke:#E6E9EE;stroke-width:3;transform:rotate(-90deg)}
.ld .ld__r{stroke:#128C4A;stroke-dasharray:101;stroke-dashoffset:101}
.jstage[data-s="3"] .ld__r{animation:ldr 1.2s ease-out forwards}
.ld b{position:absolute;font-size:1.1em;color:#128C4A}
.jstage:not([data-s="3"]) .ld{animation:none}
@keyframes ldr{to{stroke-dashoffset:0}}@keyframes ldout{to{opacity:0;visibility:hidden}}
.site{display:flex;flex-direction:column;gap:6px;padding:16% 7% 7%;height:100%}
.site__nav{display:flex;justify-content:space-between;align-items:center}.site__nav i{width:14px;height:2px;background:#1A1A1A;box-shadow:0 4px 0 #1A1A1A,0 -4px 0 #1A1A1A}
.site__hero{border-radius:10px;padding:14% 8%;color:#fff;background:linear-gradient(135deg,#6B4A2E,#B98B5A);line-height:1.25}.site__hero b{display:block;font-size:1.25em}.site__hero span{opacity:.85;font-size:.9em}
.site__card{display:flex;gap:7px;align-items:center;border:1px solid #EEE;border-radius:9px;padding:5px}.site__card b{display:block;font-weight:600}.site__card span{color:#128C4A;font-weight:700}
.site__img{width:38%;aspect-ratio:4/3;border-radius:6px;background:linear-gradient(180deg,#9AA3AF 0 45%,#6B7280 45% 80%,#3F3F46 80%)}
.site__wa{margin-top:auto;background:#25D366;color:#fff;font-weight:700;text-align:center;border-radius:99px;padding:8px}
.jstage[data-s="3"] .site__wa{animation:pulseG 1.2s 1.6s 2}
@keyframes pulseG{50%{box-shadow:0 0 0 6px rgba(37,211,102,.25)}}
.sc4{padding:0;background:#ECE5DD}
.jwh{display:flex;align-items:center;gap:6px;background:#075E54;color:#fff;padding:20% 8% 6%}.jwav{width:20px;height:20px;border-radius:50%;background:#B98B5A;display:grid;place-items:center;font-weight:700}
.jwb{padding:8%;display:flex;flex-direction:column;gap:6px}
.jwm{margin:0;background:#DCF8C6;border-radius:9px 9px 2px 9px;padding:6px 8px;align-self:flex-end;max-width:88%;line-height:1.35;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.jwm--in{background:#fff;border-radius:9px 9px 9px 2px;align-self:flex-start;opacity:0}
.jstage[data-s="5"] .jwm--in{opacity:1;transition:opacity .4s}
.jhand{position:absolute;left:50%;top:62%;width:30px;height:30px;z-index:5;pointer-events:none;transition:left .9s cubic-bezier(.4,.1,.2,1),top .9s cubic-bezier(.4,.1,.2,1);transform:translate(-30%,-8%)}
.jhand svg,.pcard__finger svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}
.jhand .h1,.pcard__finger .h1{fill:#7A4B2E;stroke:#fff;stroke-width:1.1;stroke-linejoin:round}
.jhand .h2,.pcard__finger .h2{fill:#E9D3C4;opacity:.9}
.tap{position:absolute;left:30%;top:6%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:2px solid rgba(26,115,232,.8);opacity:0;pointer-events:none}
.is-tap .tap{animation:tapr .55s ease-out}
.is-tap svg{animation:tapd .3s}
@keyframes tapr{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(1.8)}}
@keyframes tapd{50%{transform:scale(.86)}}
.jstage[data-s="5"] .jhand{opacity:0}
.jsteps{position:absolute;left:0;right:0;bottom:-8px;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;counter-reset:js}
.jsteps li{counter-increment:js;font-size:.74rem;color:#AFC0DA;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:4px 10px 4px 6px;display:flex;align-items:center;gap:5px;transition:all .3s}
.jsteps li::before{content:counter(js);width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:.66rem;font-weight:700}
.jsteps li.on{color:#0B1426;background:#5BE08A;border-color:#5BE08A}.jsteps li.on::before{background:rgba(11,20,38,.15)}
.jsteps li.done{color:#fff}.jsteps li.done::before{background:#5BE08A;color:#0B1426}
@media(max-width:1040px){.jstage{height:auto;aspect-ratio:1/0.82;max-width:640px;margin:0 auto;width:100%;padding-bottom:48px}.jsteps{bottom:0}}
@media(max-width:560px){.jstage{aspect-ratio:1/1.02}.jlap{width:88%;top:4%}.jown{left:4%;bottom:56px;width:17%;min-width:0}.jph{width:44%;min-width:0;bottom:12%}.jsteps li{font-size:.68rem;padding:3px 8px 3px 4px}.jhand{width:24px;height:24px}}
/* Work phones: hand pointer */
.pcard__finger{position:absolute!important;right:auto!important;bottom:auto!important;left:60%;top:80%;width:30px!important;height:30px!important;z-index:4;pointer-events:none;opacity:0;transform:translate(-30%,-8%);filter:none!important}
/* Install sheet */
.gc-sheet{position:fixed;inset:0;z-index:200;display:none;align-items:flex-end;justify-content:center;background:rgba(11,20,38,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.gc-sheet.on{display:flex}
.gc-sheet__in{width:min(460px,100%);background:#fff;border-radius:24px 24px 0 0;padding:22px 20px 26px;box-shadow:0 -20px 60px rgba(0,0,0,.3);animation:jin .35s cubic-bezier(.2,.8,.2,1);color:#1A1A1A}
@media(min-width:700px){.gc-sheet{align-items:center}.gc-sheet__in{border-radius:24px}}
.gc-sheet__hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.gc-sheet__hd img{width:52px;height:52px;border-radius:14px}
.gc-sheet__hd b{display:block;font-size:1.1rem}.gc-sheet__hd span{font-size:.85rem;color:#5B6576}
.gc-sheet__x{margin-left:auto;background:#F1F3F6;border:0;width:34px;height:34px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}
.gc-sheet ol{margin:10px 0 0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
.gc-sheet li{counter-increment:s;display:flex;gap:10px;align-items:center;background:#F6F8FB;border-radius:12px;padding:10px 12px;font-size:.95rem}
.gc-sheet li::before{content:counter(s);flex:none;width:24px;height:24px;border-radius:50%;background:#1E4D8A;color:#fff;font-weight:700;font-size:.8rem;display:grid;place-items:center}
.gc-sheet li svg{width:20px;height:20px;flex:none;fill:none;stroke:#1A73E8;stroke-width:2;margin-left:auto}
.gc-sheet__go{width:100%;margin-top:14px;background:#128C4A;color:#fff;border:0;border-radius:14px;padding:14px;font-weight:700;font-size:1rem;cursor:pointer}
.gc-sheet__perks{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px}.gc-sheet__perks span{font-size:.78rem;background:#EAF7EF;color:#0F6B3A;border-radius:99px;padding:3px 9px}
.gc-sheet [data-os]{display:none}.gc-sheet[data-os="ios"] [data-os="ios"],.gc-sheet[data-os="android"] [data-os="android"],.gc-sheet[data-os="desk"] [data-os="desk"],.gc-sheet[data-os="prompt"] [data-os="prompt"]{display:block}
.nav-app{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.about__lead{font-size:1.15rem;line-height:1.6;color:#33415C}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:1.6rem 0 2rem}
.about-stats div{background:linear-gradient(160deg,#0F1A2E,#1E3A66);color:#C5CEDD;border-radius:16px;padding:16px 14px;box-shadow:0 18px 40px -24px rgba(15,26,46,.7)}
.about-stats b{display:block;color:#fff;font-size:1.7rem;line-height:1.1;letter-spacing:-.02em}
.about-stats span{font-size:.82rem;line-height:1.35;display:block;margin-top:4px}
@media(max-width:700px){.about-stats{grid-template-columns:1fr 1fr}}
.about-tl{list-style:none;margin:1rem 0 1.4rem;padding:0 0 0 18px;border-left:2px solid #D6E0EE}
.about-tl li{position:relative;padding:0 0 1.1rem 6px}
.about-tl li::before{content:'';position:absolute;left:-26px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #1E4D8A}
.about-tl li:last-child::before{background:#5BE08A;border-color:#128C4A}
.about-tl em{display:block;font-style:normal;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1E4D8A}
.about-tl b{display:block;margin:2px 0}
.about-tl span{color:#4A5568}
.about__edu{color:#4A5568;font-size:.95rem}

@media(min-width:1041px){.hero--journey .hero__in{align-items:start}.hero--journey .jstage{margin-top:clamp(10px,3vw,48px)}}

/* 32. Founder first hero, credentials band, calmer mobile dock */
.hero__by{display:flex;align-items:center;gap:.8rem;margin:0 0 1.4rem;padding:0 0 1.1rem;border-bottom:1px solid rgba(255,255,255,.12)}
.hero__by img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #5BE08A,0 0 0 5px rgba(91,224,138,.18)}
.hero__by span{font-size:.88rem;color:#C5CEDD;line-height:1.35}
.hero__by b{display:block;color:#fff;font-weight:650;font-size:.98rem}
.hero__rate{margin-left:auto;font-style:normal;font-weight:700;color:#FFD36B;font-size:1rem;text-align:right;line-height:1.1;white-space:nowrap}
.hero__rate small{display:block;font-size:.68rem;font-weight:500;color:#AFC0DA}
.hero--journey h1{font-size:clamp(2.2rem,4.2vw,3.5rem);max-width:15ch}
.creds{list-style:none;margin:0 0 clamp(30px,4vw,56px);padding:0;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.04);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative}
.creds li{padding:18px 18px 16px;border-left:1px solid rgba(255,255,255,.1)}
.creds li:first-child{border-left:0}
.creds b{display:block;color:#fff;font-size:clamp(1.4rem,2.2vw,1.9rem);letter-spacing:-.02em;line-height:1.1}
.creds li:nth-child(2) b{color:#FFD36B}.creds li:nth-child(5) b{color:#5BE08A}
.creds span{display:block;color:#AFC0DA;font-size:.8rem;line-height:1.35;margin-top:4px}
@media(max-width:940px){.creds{grid-template-columns:1fr 1fr}.creds li{border-left:0;border-top:1px solid rgba(255,255,255,.1)}.creds li:nth-child(-n+2){border-top:0}.creds li:nth-child(even){border-left:1px solid rgba(255,255,255,.1)}.creds li:last-child{grid-column:1/-1;border-left:0}}
@media(max-width:560px){.hero__by{gap:.6rem}.hero__by img{width:44px;height:44px}.hero__by span{font-size:.8rem}.hero__rate{font-size:.9rem}.creds li{padding:14px 12px}}
/* Calmer floating buttons on phones: one row, no typed bubble over content */
@media(max-width:640px){
.gc-dock{flex-direction:row;align-items:center;gap:10px;right:12px;bottom:12px}
.gc-dock__bub,.gc-dock__lbl{display:none!important}
.gc-dock__b{width:48px;height:48px}
.gc-appfab{bottom:12px;padding:.55rem .85rem .55rem .6rem}
.herowa__bub{display:none}
}

/* 33. Law firm note, mobile hero rebuilt */
.lawnote{margin:-16px 0 clamp(30px,4vw,56px);padding:14px 18px;border-radius:16px;background:linear-gradient(90deg,rgba(255,211,107,.14),rgba(255,211,107,.04));border:1px solid rgba(255,211,107,.28);color:#E3E8F0;font-size:.92rem;line-height:1.5}
.lawnote b{color:#FFD36B}
@media(max-width:640px){
.topbar{display:none}
.hero--journey .hero__in{padding-top:18px;gap:26px}
.hero--journey .hero__glass{background:none;border:0;box-shadow:none;padding:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}
.hero__by{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 14px 6px 6px;margin-bottom:1.3rem}
.hero__by img{width:40px;height:40px}
.hero__by b{font-size:.88rem}
.hero__by span{font-size:.74rem}
.hero__rate{font-size:.85rem}
.hero--journey .eyebrow{font-size:.68rem;margin-bottom:.6rem}
.hero--journey h1{font-size:2.15rem;line-height:1.04;margin-bottom:.9rem}
.hero--journey .hero__sub{font-size:1rem;line-height:1.55;margin-bottom:1.3rem}
.hero__cta{flex-direction:column;align-items:stretch;gap:10px}
.hero__cta .herowa{width:100%}
.hero__cta .btn--ghost{background:none;border:0;padding:.4rem 0;min-height:0;text-decoration:underline;text-underline-offset:4px;color:#C5CEDD;font-size:.92rem;justify-content:center}
.hero__strip{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px;margin-top:1rem;padding-bottom:2px}
.hero__strip::-webkit-scrollbar{display:none}
.hero__strip span{flex:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 12px 6px 8px;font-size:.78rem}
.jstage{margin-top:4px}
.lawnote{margin-top:-10px;font-size:.86rem}
}
.about__win{background:#FFF8E6;border:1px solid #F5DFA8;border-radius:14px;padding:12px 16px;color:#5A4300}
.about__win b{color:#3D2E00}
.about-skills{list-style:none;padding:0;margin:1rem 0 1.4rem;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.about-skills li{background:#F3F6FA;border-radius:14px;padding:14px 16px}
.about-skills b{display:block;color:#0F1A2E}
.about-skills span{font-size:.9rem;color:#4A5568}
@media(max-width:600px){.about-skills{grid-template-columns:1fr}}

/* 34. Organic only notes */
.orgnote{margin:-34px 0 clamp(30px,4vw,56px);color:#AFC0DA;font-size:.82rem;display:flex;align-items:center;gap:8px}
.orgnote::before{content:'';width:8px;height:8px;border-radius:50%;background:#5BE08A;box-shadow:0 0 0 4px rgba(91,224,138,.18);flex:none}
.noads{margin-top:clamp(22px,3vw,36px);display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(18px,3vw,40px);align-items:start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:clamp(18px,3vw,32px)}
.noads__tag{display:inline-block;background:#5BE08A;color:#0B1426;font-weight:800;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 12px;margin-bottom:.8rem}
.noads h3{color:#fff;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.2;margin:0 0 .6rem}
.noads p{color:#C5CEDD;margin:0}
.noads ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;counter-reset:na}
.noads li{counter-increment:na;background:rgba(255,255,255,.06);border-radius:14px;padding:14px 14px 14px 46px;position:relative;color:#C5CEDD;font-size:.88rem;line-height:1.45}
.noads li::before{content:counter(na);position:absolute;left:14px;top:14px;width:22px;height:22px;border-radius:50%;background:rgba(91,224,138,.2);color:#5BE08A;font-weight:800;font-size:.75rem;display:grid;place-items:center}
.noads li b{display:block;color:#fff;margin-bottom:2px}
@media(max-width:900px){.noads{grid-template-columns:1fr}}
@media(max-width:560px){.noads ol{grid-template-columns:1fr}.orgnote{margin-top:-22px}}

/* 35. Repair headline, call button, app offer */
.fixh{font-family:'Bricolage Grotesque',var(--f-sans),system-ui,sans-serif;font-weight:800;font-size:clamp(2.5rem,4.8vw,4.1rem)!important;line-height:1.02!important;letter-spacing:-.035em;max-width:none!important;color:#fff}
.fixh__l1,.fixh__l2{display:block}
.fixh__w{position:relative;display:inline-grid;vertical-align:baseline;margin:0 .06em}
.fixh__bad,.fixh__good{grid-area:1/1;position:relative}
.fixh__bad{color:#FF8A80;animation:fxBad 7s infinite}
.fixh__bad::after{content:'';position:absolute;left:-4%;top:54%;height:.09em;width:0;background:#FF5A4F;border-radius:4px;animation:fxStrike 7s infinite}
.fixh__good{color:#5BE08A;opacity:0;transform:translateY(.35em) scale(.6);animation:fxGood 7s infinite;text-shadow:0 0 28px rgba(91,224,138,.55)}
.fixh__tool{position:absolute;right:-.62em;top:-.42em;width:.62em;height:.62em;opacity:0;animation:fxTool 7s infinite;transform-origin:20% 80%}
.fixh__tool svg{width:100%;height:100%;fill:none;stroke:#FFD36B;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 10px rgba(255,211,107,.45))}
.fixh__money{background:linear-gradient(90deg,#FFD36B,#5BE08A 60%,#B9F5CF);-webkit-background-clip:text;background-clip:text;color:transparent;animation:fxMoney 7s infinite}
@keyframes fxBad{0%,18%{transform:none;opacity:1}20%{transform:translateX(-2px) skewX(-6deg)}22%{transform:translateX(2px) skewX(5deg)}24%{transform:none}40%{opacity:1;transform:none}46%,94%{opacity:0;transform:translateY(-.4em) rotate(-8deg)}100%{opacity:1;transform:none}}
@keyframes fxStrike{0%,26%{width:0}38%,46%{width:108%}47%,100%{width:0}}
@keyframes fxGood{0%,44%{opacity:0;transform:translateY(.35em) scale(.6)}50%{opacity:1;transform:translateY(-.05em) scale(1.12)}54%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(.2em)}}
@keyframes fxTool{0%,20%{opacity:0;transform:rotate(-40deg) scale(.6)}25%{opacity:1;transform:rotate(0) scale(1)}30%{transform:rotate(-35deg)}35%{transform:rotate(10deg)}40%{transform:rotate(-30deg)}45%{opacity:1;transform:rotate(0)}52%,100%{opacity:0;transform:rotate(0) scale(.6)}}
@keyframes fxMoney{0%,48%{filter:saturate(.6) brightness(.9)}55%,92%{filter:saturate(1.4) brightness(1.15) drop-shadow(0 0 18px rgba(91,224,138,.35))}100%{filter:saturate(.6) brightness(.9)}}
@media(prefers-reduced-motion:reduce){.fixh__bad,.fixh__bad::after,.fixh__good,.fixh__tool,.fixh__money{animation:none}.fixh__bad{opacity:0}.fixh__good{opacity:1;transform:none}}
@media(max-width:640px){.fixh{font-size:2.45rem!important}}
.hero--journey .hero__sub{font-size:clamp(1.02rem,1.3vw,1.15rem)}
/* call button in dock */
.gc-dock__call{background:linear-gradient(160deg,#2F6BC0,#1E4D8A);border:1px solid rgba(255,255,255,.18)}
.gc-dock__call svg{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* app offer toast */
.gc-offer{position:fixed;left:12px;right:12px;bottom:86px;z-index:90;max-width:420px;margin:0 auto;display:flex;align-items:center;gap:12px;background:#0F1A2E;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:12px 12px 12px 14px;box-shadow:0 24px 50px -18px rgba(0,0,0,.7);transform:translateY(140%);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;pointer-events:none}
.gc-offer.on{transform:none;opacity:1;pointer-events:auto}
.gc-offer img{width:44px;height:44px;border-radius:12px;flex:none}
.gc-offer p{margin:0;font-size:.84rem;line-height:1.35;color:#C5CEDD;flex:1}
.gc-offer b{display:block;color:#fff;font-size:.95rem}
.gc-offer__go{background:#5BE08A;color:#0B1426;border:0;border-radius:12px;padding:10px 14px;font:800 .85rem/1 inherit;font-family:inherit;cursor:pointer;flex:none}
.gc-offer__x{background:none;border:0;color:#8B97AA;font-size:20px;line-height:1;cursor:pointer;padding:4px;flex:none}
@media(min-width:900px){.gc-offer{left:auto;right:96px;bottom:24px;margin:0}}
.fixh__bad,.fixh__good{white-space:nowrap;justify-self:start}
.fixh__w.is-sized{width:var(--wb);animation:fxW 7s infinite}
@keyframes fxW{0%,44%{width:var(--wb)}52%,93%{width:var(--wg)}98%,100%{width:var(--wb)}}
@media(min-width:1041px){.fixh{font-size:clamp(2.6rem,3.5vw,3.4rem)!important}}
@media(prefers-reduced-motion:reduce){.fixh__w.is-sized{animation:none;width:var(--wg)}}

/* 36. Headline second swap: repair to build, websites to sales engines */
.fixh .sw{display:inline-grid;vertical-align:baseline}
.fixh .sw__a,.fixh .sw__b{grid-area:1/1;white-space:nowrap;justify-self:start}
.fixh .sw__a{animation:swA 7s infinite}
.fixh .sw__b{opacity:0;color:#5BE08A;animation:swB 7s infinite}
.fixh .sw__b small{font-size:.42em;font-weight:700;letter-spacing:0;color:#B9F5CF;vertical-align:.35em;margin-left:.1em}
.fixh .sw.is-sized{width:var(--wa);animation:swW 7s infinite}
@keyframes swA{0%,56%{opacity:1;transform:none}61%,94%{opacity:0;transform:translateY(-.3em)}99%,100%{opacity:1;transform:none}}
@keyframes swB{0%,58%{opacity:0;transform:translateY(.3em)}64%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(.3em)}}
@keyframes swW{0%,57%{width:var(--wa)}64%,93%{width:var(--wb)}98%,100%{width:var(--wa)}}
@media(prefers-reduced-motion:reduce){.fixh .sw__a,.fixh .sw__b,.fixh .sw.is-sized{animation:none}}
@media(max-width:640px){.fixh .sw__b small{font-size:.38em}}

/* 37. Cost of a click, Kenya section, faster headline */
.cost .shead{max-width:760px}
.cost__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(18px,3vw,36px);align-items:start;margin-top:clamp(20px,3vw,32px)}
.cost__stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cost__stats li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px}
.cost__stats b{display:block;color:#fff;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.02em;line-height:1.1}
.cost__stats li:nth-child(1) b,.cost__stats li:nth-child(2) b{color:#FF8A80}
.cost__stats li:nth-child(3) b,.cost__stats li:nth-child(4) b{color:#5BE08A}
.cost__stats li:nth-child(5) b,.cost__stats li:nth-child(6) b{color:#FFD36B}
.cost__stats span{display:block;color:#C5CEDD;font-size:.86rem;line-height:1.45;margin-top:6px}
.cost__src{color:#8B97AA;font-size:.74rem;margin-top:14px}
@media(max-width:900px){.cost__grid{grid-template-columns:1fr}}
@media(max-width:520px){.cost__stats{grid-template-columns:1fr}}
.leak{position:relative;background:linear-gradient(170deg,#152440,#0B1426);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:18px;min-height:330px;overflow:hidden}
.leak__top{display:flex;justify-content:space-between;align-items:center;color:#AFC0DA;font-size:.8rem;margin-bottom:14px}
.leak__top b{color:#FF8A80;font-size:1.05rem;font-variant-numeric:tabular-nums}
.leak__ad{position:relative;background:#fff;border-radius:14px;padding:12px 14px;color:#1A1A1A;line-height:1.35}
.leak__tag{font-size:.7rem;font-weight:700;color:#202124}
.leak__ad b{display:block;color:#1A0DAB;font-weight:500;font-size:.98rem}
.leak__ad small{color:#4D5156}
.leak__cur{position:absolute;width:18px;height:18px;left:80%;top:140%;border-radius:50%;background:rgba(26,115,232,.25);border:2px solid #1A73E8;opacity:0}
.leak__coin{position:absolute;left:50%;top:120px;transform:translateX(-50%);background:#FFD36B;color:#3D2E00;font-weight:800;border-radius:999px;padding:6px 12px;font-size:.9rem;opacity:0}
.leak__load{margin-top:16px;background:rgba(255,255,255,.06);border-radius:14px;padding:14px;color:#C5CEDD;font-size:.85rem;opacity:.25}
.leak__bar{height:6px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden;margin-bottom:8px}
.leak__bar i{display:block;height:100%;width:0;background:#FFD36B}
.leak__load span{font-variant-numeric:tabular-nums;color:#fff;font-weight:700;margin-right:8px}
.leak__end{margin-top:14px;border-radius:14px;padding:14px;background:rgba(255,90,79,.12);border:1px solid rgba(255,90,79,.35);opacity:0;transform:scale(.92)}
.leak__end b{display:block;color:#FF8A80;font-size:1.05rem}
.leak__end span{color:#C5CEDD;font-size:.82rem}
.leak.go .leak__cur{animation:lkCur 1.1s ease forwards}
.leak.go .leak__ad{animation:lkAd .3s .8s}
.leak.go .leak__coin{animation:lkCoin 1.3s .9s ease forwards}
.leak.go .leak__load{animation:lkOn .3s 1.4s forwards}
.leak.go .leak__bar i{animation:lkBar 2.6s 1.6s cubic-bezier(.1,.9,.2,1) forwards}
.leak.go .leak__end{animation:lkEnd .45s 4.1s forwards}
@keyframes lkCur{0%{opacity:0;left:80%;top:140%}40%{opacity:1}75%{left:30%;top:40%;transform:scale(1)}85%{transform:scale(.7)}100%{left:30%;top:40%;opacity:1;transform:scale(1)}}
@keyframes lkAd{50%{transform:scale(.98)}}
@keyframes lkCoin{0%{opacity:0;top:110px}20%{opacity:1;top:96px}100%{opacity:0;top:20px;transform:translateX(-50%) scale(.8)}}
@keyframes lkOn{to{opacity:1}}
@keyframes lkBar{to{width:62%}}
@keyframes lkEnd{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.leak__load,.leak__end{opacity:1;transform:none}.leak__bar i{width:62%}}
.home__in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(22px,4vw,56px);align-items:start}
.home__big{display:flex;gap:16px;align-items:center;background:#0F1A2E;color:#C5CEDD;border-radius:18px;padding:18px 20px;margin:1.4rem 0 1rem}
.home__big b{color:#FFD36B;font-size:clamp(1.8rem,3vw,2.5rem);white-space:nowrap;letter-spacing:-.02em}
.home__big small{display:block;color:#8B97AA;font-size:.72rem;margin-top:4px}
.home__card{background:#fff;border-radius:22px;padding:clamp(18px,3vw,30px);box-shadow:0 24px 60px -36px rgba(15,26,46,.5);border:1px solid #E6EBF2}
.home__card h3{margin:0 0 .9rem;font-size:1.15rem}
.home__card ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.home__card li{position:relative;padding:12px 14px 12px 40px;background:#FFF4F2;border-radius:12px;color:#5A2620}
.home__card li::before{content:'';position:absolute;left:14px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#FF5A4F;box-shadow:0 0 0 4px rgba(255,90,79,.18)}
.home__close{margin:1rem 0 0;font-weight:600;color:#0F1A2E;line-height:1.55}
@media(max-width:900px){.home__in{grid-template-columns:1fr}}
/* headline: fit the card, faster loop (the change happens in under 2 seconds) */
.fixh{font-size:clamp(2.2rem,3vw,3rem)!important;line-height:1.08!important;margin-bottom:1.1rem!important;overflow-wrap:normal}
.fixh .sw,.fixh__w{max-width:100%}
.fixh .sw__b small{font-size:.4em}
@media(max-width:640px){.fixh{font-size:2.2rem!important}}
.fixh__bad,.fixh__bad::after,.fixh__good,.fixh__tool,.fixh__money,.fixh__w.is-sized,.fixh .sw__a,.fixh .sw__b,.fixh .sw.is-sized{animation-duration:3.5s!important}
@keyframes fxBad{0%,5%{opacity:1;transform:none}6.5%{transform:translateX(-2px) skewX(-6deg)}8%{transform:translateX(2px) skewX(5deg)}9.5%{transform:none}20%{opacity:1;transform:none}24%,95%{opacity:0;transform:translateY(-.4em) rotate(-8deg)}100%{opacity:1;transform:none}}
@keyframes fxStrike{0%,10%{width:0}20%,24%{width:108%}25%,100%{width:0}}
@keyframes fxGood{0%,23%{opacity:0;transform:translateY(.35em) scale(.6)}27%{opacity:1;transform:translateY(-.05em) scale(1.12)}30%,91%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(.2em)}}
@keyframes fxTool{0%,5%{opacity:0;transform:rotate(-40deg) scale(.6)}8%{opacity:1;transform:none}12%{transform:rotate(-35deg)}16%{transform:rotate(10deg)}20%{transform:rotate(-30deg)}24%{opacity:1;transform:none}30%,100%{opacity:0;transform:scale(.6)}}
@keyframes fxMoney{0%,24%{filter:saturate(.6) brightness(.9)}30%,91%{filter:saturate(1.4) brightness(1.15) drop-shadow(0 0 18px rgba(91,224,138,.35))}100%{filter:saturate(.6) brightness(.9)}}
@keyframes fxW{0%,23%{width:var(--wb)}28%,93%{width:var(--wg)}98%,100%{width:var(--wb)}}
@keyframes swA{0%,30%{opacity:1;transform:none}34%,94%{opacity:0;transform:translateY(-.3em)}99%,100%{opacity:1;transform:none}}
@keyframes swB{0%,33%{opacity:0;transform:translateY(.3em)}40%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(.3em)}}
@keyframes swW{0%,31%{width:var(--wa)}38%,93%{width:var(--wb)}98%,100%{width:var(--wa)}}

.cost .lead{color:#C5CEDD}

/* 38. Clean headline, smooth scrolling, lighter on phones */
.fx2{display:grid;font-weight:800;font-size:clamp(2.2rem,3.4vw,3.2rem)!important;line-height:1.08!important;letter-spacing:-.03em;max-width:none!important;margin:0 0 1.2rem!important;color:#fff}
.fx2__a,.fx2__b{grid-area:1/1;align-self:start}
.fx2 em{font-style:normal}
.fx2__bad{color:#FF8A80;text-decoration:line-through;text-decoration-thickness:.08em;text-decoration-color:transparent;animation:fx2Strike 10s infinite}
.fx2__good{color:#5BE08A}
.fx2__a{animation:fx2A 10s infinite}
.fx2__b{opacity:0;animation:fx2B 10s infinite}
@keyframes fx2A{0%,44%{opacity:1;transform:none}50%,94%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:none}}
@keyframes fx2B{0%,46%{opacity:0;transform:translateY(6px)}52%,92%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes fx2Strike{0%,14%{text-decoration-color:transparent}22%,100%{text-decoration-color:#FF5A4F}}
@media(prefers-reduced-motion:reduce){.fx2__a,.fx2__b,.fx2__bad{animation:none}.fx2__b{display:none}}
@media(max-width:640px){.fx2{font-size:2.15rem!important}}
/* work phones: GPU only movement, page scroll never captured */
.pcard__scroll{overflow:hidden!important;touch-action:auto!important;overscroll-behavior:auto!important}
.pcard__scroll img{animation:pScrollFull var(--dur,16s) ease-in-out infinite alternate!important;transform:none;will-change:transform}
/* smoother scrolling */
.sec{content-visibility:auto;contain-intrinsic-size:auto 900px}
.jstage::before{filter:none!important;opacity:.6}
@media(max-width:900px){
*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.hdr{background:#fff!important}
.gc-appfab{background:#0F1A2E!important}
.creds{background:rgba(255,255,255,.06)}
.gc-dock__pulse{display:none}
.jd__line{animation:none;stroke-dashoffset:0}
}
/* calmer hero and a smaller, cleaner WhatsApp button */
.gc-dock__bub,.gc-dock__lbl,.herowa__bub{display:none!important}
.gc-dock__pulse{display:none}
.gc-dock{gap:10px}
.gc-dock__b{width:48px;height:48px;box-shadow:0 8px 20px -8px rgba(15,26,46,.45)}
.gc-dock__b svg{width:22px;height:22px}
.gc-dock__wa{background:#25D366}
.gc-dock__wa::after{content:'';position:absolute;top:3px;right:3px;width:10px;height:10px;border-radius:50%;background:#B9F5CF;border:2px solid #fff}
@media(max-width:640px){.gc-dock__b{width:44px;height:44px}.gc-dock__b svg{width:20px;height:20px}}

/* 39. Premium inner pages */
.kwlead{font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.5;font-weight:600;color:#0F1A2E;letter-spacing:-.01em;margin:0 0 1.2rem;padding-left:16px;border-left:3px solid #5BE08A}
.page-hd{padding:clamp(40px,5vw,76px) 0 clamp(34px,4vw,56px)}
.page-hd h1{letter-spacing:-.03em;max-width:22ch}
.pg-by{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.2rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:5px 14px 5px 5px;font-size:.82rem;color:#C5CEDD}
.pg-by img{width:32px;height:32px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #5BE08A}
.pg-by b{color:#fff;font-weight:650}
.pg-by em{font-style:normal;color:#FFD36B;font-weight:700}
.card{box-shadow:0 1px 0 rgba(15,26,46,.02),0 10px 30px -22px rgba(15,26,46,.35)}
.card:hover{transform:translateY(-3px);border-color:#C9D7EA;box-shadow:0 22px 44px -26px rgba(15,26,46,.45)}
.card__i{background:linear-gradient(150deg,#2F6BC0,#0F1A2E);color:#fff;box-shadow:0 8px 18px -10px rgba(30,77,138,.8)}
.card__go{color:#1E4D8A}
.card:hover .card__go{color:#128C4A}
.prose h2{position:relative;padding-top:.4rem;letter-spacing:-.02em}
.prose h2::before{content:'';display:block;width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,#5BE08A,#2F6BC0);margin-bottom:.7rem}
.prose a:not(.btn):not(.wabtn){color:#1E4D8A;text-decoration:underline;text-decoration-color:rgba(30,77,138,.35);text-underline-offset:3px}
.prose a:not(.btn):not(.wabtn):hover{text-decoration-color:#1E4D8A}
.prose blockquote{border-left:3px solid #FFD36B;background:#FFFBF0;border-radius:0 14px 14px 0;padding:14px 18px;margin:1.4rem 0;color:#3D2E00}
.side__box{box-shadow:0 18px 40px -30px rgba(15,26,46,.45);border-radius:20px}
.side__box:first-child{background:linear-gradient(170deg,#0F1A2E,#1E3A66);border:0;color:#C5CEDD}
.side__box:first-child h4,.side__box:first-child .eyebrow,.side__box:first-child b{color:#fff}
.side__box:first-child .muted,.side__box:first-child p{color:#AFC0DA!important}

/* 40. Real WhatsApp buttons everywhere */
a.wabtn,a.wabtn:link,a.wabtn:visited,.plan a.wabtn,.entry a.wabtn,main a.wabtn{background:#25D366!important;color:#fff!important;text-decoration:none!important;border:0!important;border-radius:999px!important;font-weight:700!important;display:inline-flex!important;align-items:center;justify-content:center;gap:10px;line-height:1.2;box-shadow:0 6px 18px rgba(37,211,102,.28);transition:background .2s,transform .2s}
a.wabtn *{text-decoration:none!important;color:inherit}
a.wabtn--block{display:flex!important;width:100%}
a.wabtn:hover,a.wabtn:focus-visible{background:#1DA851!important;transform:translateY(-1px)}
a.wabtn .wabtn__glyph{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff}
a.wabtn--lg{padding:14px 22px 14px 14px!important;font-size:1.02rem}
a.wabtn--lg small,a.wabtn--lg span:not(.wabtn__glyph){color:#fff!important;opacity:.95}
a.wabtn .wabtn__glyph svg,a.wabtn .wabtn__glyph svg path{fill:#25D366!important;color:#25D366!important;width:18px!important;height:18px!important;display:block!important;opacity:1!important}