:root{--navy:#0F2A43;--amber:#F2A33A;--cream:#F7F5F0;--slate:#5B6B7B;--line:#DAD5CA;--soft:#C9D3DD;--body:#4A5A6A}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:'Poppins',Helvetica,Arial,sans-serif;color:var(--navy);background:var(--cream);line-height:1.5}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:700;letter-spacing:-.02em;line-height:1.08}
h1{font-size:clamp(2.25rem,6.2vw,4rem)}
h2{font-size:clamp(1.75rem,4vw,2.75rem)}
h3{font-size:1.35rem}
.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}
.s{padding:clamp(56px,8vw,96px) 0}
.navy{background:var(--navy);color:var(--cream)}
.white{background:#fff}
.stack{display:flex;flex-direction:column;gap:clamp(28px,4vw,44px)}
.lead{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--body);max-width:34em}
.navy .lead{color:var(--soft)}
a{color:inherit}
a:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.navy a:focus-visible{outline-color:var(--cream)}
.btn{display:inline-block;background:var(--amber);color:var(--navy);font-weight:700;font-size:1.05rem;padding:16px 28px;border-radius:12px;text-decoration:none;text-align:center}
.btn:hover{background:#E8962B}
.btn.dark{background:var(--navy);color:var(--cream)}
.btn.dark:hover{background:#1B3E5E}
.mk{display:block;color:var(--navy)}
.navy .mk{color:var(--cream)}
/* header */
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.3rem;letter-spacing:-.02em}
.brand b{font-weight:700}
.brand span{white-space:nowrap}
.brand .mk{width:40px;height:32px}
.top nav{display:flex;align-items:center;gap:28px;font-size:.95rem;color:var(--slate)}
.top nav a{text-decoration:none}
.top nav .btn{padding:10px 20px;font-size:.95rem;color:var(--cream)}
@media(max-width:820px){.x{display:none}.top nav{gap:18px}}
@media(max-width:480px){.brand{font-size:1.1rem;gap:8px}.brand .mk{width:34px;height:28px}.top nav{gap:12px;font-size:.88rem}.top nav .btn{padding:10px 14px;font-size:.85rem;white-space:nowrap}}
@media(max-width:380px){.top .wrap{gap:8px}.brand{font-size:.95rem;gap:6px}.brand .mk{width:26px;height:22px}.top nav{gap:10px;font-size:.82rem}.top nav .btn{padding:9px 11px;font-size:.8rem}}
@media(max-width:340px){.top .wrap{padding:0 14px}.brand .mk{display:none}}
/* mobile menu */
.menu{display:none}
.menu>.mbtn{border:0;padding:0;font:inherit;-webkit-appearance:none;appearance:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--navy)}

.menu>.mbtn:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.bars,.bars:before,.bars:after{display:block;width:20px;height:2.5px;background:var(--cream);border-radius:2px;position:relative;content:""}
.bars:before{position:absolute;top:-6px}
.bars:after{position:absolute;top:6px}
.menu.open .bars{background:transparent}
.menu.open .bars:before{top:0;transform:rotate(45deg)}
.menu.open .bars:after{top:0;transform:rotate(-45deg)}
.sheet{position:absolute;left:0;right:0;top:76px;background:var(--cream);border-top:1px solid var(--line);box-shadow:0 20px 40px rgba(15,42,67,.15);padding:8px clamp(20px,5vw,40px) 24px;z-index:20;display:flex;flex-direction:column}
.sheet a.l{padding:16px 4px;border-bottom:1px solid var(--line);font-weight:700;font-size:1.1rem;text-decoration:none;color:var(--navy);display:flex;justify-content:space-between}
.sheet a.l span{color:var(--amber)}
.sheet .btn{margin-top:20px;width:100%}
.menu:not(.open) .sheet{display:none}

html,body{height:auto;min-height:0}
html{background:var(--navy)}
.top{position:relative;background:var(--cream)}
.hero .btn.m{display:none}
@media(max-width:820px){.top nav{display:none}.menu{display:block}.hero .btn.m{display:inline-block}}
/* hero */
.hero .wrap{display:flex;align-items:center;justify-content:space-between;gap:48px;padding-top:clamp(40px,7vw,88px);padding-bottom:clamp(56px,8vw,112px)}
.hero .txt{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:28px;max-width:700px}
.hero .big{display:block;width:clamp(280px,32vw,400px);height:auto;aspect-ratio:360/300;flex:none}
@media(max-width:900px){.hero .wrap{flex-direction:column;align-items:flex-start;gap:36px}.hero .big{width:min(320px,86%)}.hero .btn{width:100%}}
/* steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.step{border-top:3px solid var(--amber);padding-top:18px;display:flex;flex-direction:column;gap:8px}
.step small{color:var(--amber);font-weight:700;font-size:.9rem}
.step p{color:var(--soft)}
/* example */
.eq{display:flex;align-items:stretch;gap:14px}
.eq .card{flex:1}
.eq .arrow{flex:none;align-self:center;width:24px;height:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:6px}
.card .k{color:var(--slate);font-weight:700;font-size:.9rem}
.card .n{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.card .d{color:var(--slate);font-size:.95rem}
.card.res{background:var(--amber);border-color:var(--amber)}
.card.res .k,.card.res .d{color:var(--navy)}
.card.res .n{font-size:clamp(2.75rem,5vw,3.5rem)}
@media(max-width:860px){.eq{flex-direction:column}.eq .arrow{transform:rotate(90deg)}}
.pay{font-weight:700;font-size:1.1rem}
.note{font-size:.88rem;color:var(--slate)}
/* problem */
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,80px);align-items:center}
@media(max-width:760px){.two{grid-template-columns:1fr}}
.two p{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--body)}
/* how */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.cards .card{gap:12px;padding:32px}
.cards .num{width:44px;height:44px;border-radius:50%;background:var(--amber);font-weight:700;display:flex;align-items:center;justify-content:center}
.cards p{color:var(--slate)}
/* meet */
.meet{display:grid;grid-template-columns:240px 1fr;gap:clamp(32px,6vw,72px);align-items:center}
@media(max-width:760px){.meet{grid-template-columns:1fr}}
.avatar{width:200px;height:200px;border-radius:50%;object-fit:cover;background:var(--navy);outline:3px dashed var(--amber);outline-offset:8px;margin:8px}
.sig{font-family:'Caveat',cursive;font-size:2.2rem;line-height:1;color:var(--navy)}
.expect{background:var(--cream);border-radius:16px;padding:24px 28px;display:flex;flex-direction:column;gap:10px}
.expect ul{margin:0;padding-left:1.2rem;color:var(--body)}
.expect li{margin:6px 0}
/* cta */
.cta{background:var(--amber)}
.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cta .txt{display:flex;flex-direction:column;gap:12px;max-width:640px}
.cta h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}
@media(max-width:700px){.cta .btn{width:100%}}
.reach{display:flex;flex-direction:column;gap:12px;min-width:240px}
.btn.alt{background:var(--cream);color:var(--navy)}
.btn.alt:hover{background:#fff}
.cta .reach .btn{width:100%}
.cta .num-line{font-weight:700}
@media(max-width:700px){.reach{width:100%}}
/* footer */
footer{background:var(--navy);color:var(--soft);font-size:.95rem}
footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:32px;padding-bottom:32px}
footer .brand{color:var(--cream)}
footer .mk{color:var(--cream)}
footer a:focus-visible{outline-color:var(--cream)}
/* results page */
.hero.sm .wrap{padding-top:clamp(40px,7vw,88px);padding-bottom:clamp(48px,7vw,96px)}
.scroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
.tbl{width:100%;border-collapse:collapse;min-width:540px}
.tbl th,.tbl td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--line)}
.tbl th{font-size:.9rem;color:var(--slate);font-weight:700}
.tbl td:last-child{font-weight:700}
.tbl tr:last-child td{border-bottom:0}
.tbl tr.roi td{background:var(--amber);font-size:1.05rem}
@media(max-width:600px){.tbl{min-width:0}.tbl thead{display:none}.tbl tr{display:block;padding:16px 18px;border-bottom:1px solid var(--line)}.tbl tr:last-child{border-bottom:0}.tbl td{display:flex;justify-content:space-between;gap:16px;padding:3px 0;border:0}.tbl td::before{content:attr(data-l);color:var(--slate);font-weight:400}.tbl td:first-child{display:block;font-weight:700;padding-bottom:8px}.tbl td:first-child::before{content:none}.tbl tr.roi{background:var(--amber)}.tbl tr.roi td{background:transparent}.tbl tr.roi td::before{color:var(--navy)}}
/* Dev additions on top of the live stylesheet */
:root{--font:'Poppins',Helvetica,Arial,sans-serif;--mist:#FFFFFF}
.mist{background:#fff}
footer .contact{display:flex;flex-wrap:wrap;gap:6px 28px}
footer .contact a{text-decoration:none}
footer .contact a:hover{color:var(--cream);text-decoration:underline}
.cta .num-line a{text-decoration:none}
.cta .num-line a:hover{text-decoration:underline}
button:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.btn.talk-btn{display:flex;align-items:center;justify-content:center;gap:10px}
.btn.talk-btn svg{width:20px;height:20px}