:root{--navy:#061b4f;--navy-2:#0a2d72;--yellow:#ffbd08;--yellow-2:#ffd94a;--cream:#fffaf0;--paper:#fff;--green:#0f9f55;--ink:#071b49;--muted:#5e687d;--line:rgba(6,27,79,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 82% 8%,rgba(255,189,8,.18),transparent 30%),var(--cream)}
.site-header{width:min(1160px,calc(100% - 40px));height:92px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.header-logo{display:block;width:88px;height:88px;object-fit:contain}.header-note{font-size:13px;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:8px}.header-note i{width:8px;height:8px;border-radius:50%;background:#20c56b;box-shadow:0 0 0 4px rgba(32,197,107,.14)}
.hero{width:min(1160px,calc(100% - 40px));min-height:640px;margin:34px auto 64px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:28px;position:relative}.hero-content{position:relative;z-index:2}.eyebrow{display:inline-flex;padding:9px 13px;border:1px solid rgba(255,189,8,.65);border-radius:999px;background:#fff8d7;color:var(--navy);font-size:12px;font-weight:900;letter-spacing:.1em}.hero h1{margin:23px 0 20px;font-size:clamp(3.4rem,6.2vw,5.85rem);line-height:.91;letter-spacing:-.075em;font-weight:950}.hero h1 span{color:var(--navy-2);position:relative}.hero h1 span:after{content:"";position:absolute;height:12px;left:1%;right:0;bottom:-7px;background:var(--yellow);border-radius:50%;transform:rotate(-1deg);z-index:-1}.hero-copy{max-width:610px;margin:29px 0 23px;color:var(--muted);font-size:18px;line-height:1.58}.benefit-list{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--navy);font-size:14px;font-weight:800}.benefit-list li{display:flex;align-items:center;gap:7px}.benefit-list svg{width:19px;height:19px;padding:3px;border-radius:50%;background:rgba(15,159,85,.12);stroke:var(--green);fill:none;stroke-width:3}
.primary-cta{width:min(540px,100%);min-height:82px;background:var(--green);color:#fff;display:flex;align-items:center;gap:14px;padding:13px 18px;border-radius:19px;text-align:left;box-shadow:0 15px 34px rgba(15,159,85,.25);transition:transform .2s,filter .2s,box-shadow .2s}.primary-cta:hover{transform:translateY(-3px);filter:brightness(.92);box-shadow:0 19px 40px rgba(15,159,85,.31)}.primary-cta svg,.mobile-sticky svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.primary-cta span{display:flex;flex-direction:column;gap:4px;flex:1}.primary-cta strong{font-size:18px}.primary-cta small{color:rgba(255,255,255,.77);font-size:12px}.primary-cta b{font-size:28px;font-weight:400}.microcopy{margin:12px 0 0;color:#737a88;font-size:12px}
.hero-art{position:relative;display:grid;place-items:center;align-self:stretch}.hero-art:before{content:"";position:absolute;width:92%;aspect-ratio:1;background:linear-gradient(145deg,var(--yellow),#ffdc5e);border-radius:49% 51% 54% 46%/45% 43% 57% 55%;transform:rotate(-6deg);box-shadow:20px 25px 0 rgba(6,27,79,.08)}.hero-art img{width:min(570px,100%);position:relative;z-index:1;mix-blend-mode:multiply;filter:drop-shadow(0 18px 14px rgba(6,27,79,.13))}.offer-bubble{position:absolute;top:8%;right:-1%;z-index:2;background:var(--navy);color:#fff;padding:13px 16px;border-radius:17px 17px 17px 3px;font-size:11px;line-height:1.05;letter-spacing:.08em;transform:rotate(5deg);box-shadow:0 10px 20px rgba(6,27,79,.2)}.offer-bubble strong{color:var(--yellow);font-size:14px}
.proof{background:var(--navy);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto;border-radius:24px;overflow:hidden;position:relative;z-index:2;box-shadow:0 18px 40px rgba(6,27,79,.16)}.proof div{padding:27px 18px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}.proof div:last-child{border-right:0}.proof strong{color:var(--yellow);font-size:15px;letter-spacing:.09em}.proof span{color:rgba(255,255,255,.7);font-size:13px}
.why{width:min(1050px,calc(100% - 40px));margin:118px auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.why-art{position:relative;padding:20px}.why-art:before{content:"";position:absolute;inset:8% 4%;border-radius:37% 63% 47% 53%;background:#fff0b8;transform:rotate(7deg)}.why-art img{display:block;width:100%;position:relative;mix-blend-mode:multiply}.section-label{color:var(--navy-2);font-size:12px;font-weight:900;letter-spacing:.16em}.why h2,.how-it-works h2{margin:10px 0 24px;font-size:clamp(2.6rem,5.5vw,4.7rem);line-height:.96;letter-spacing:-.065em}.why-content>p:not(.section-label){font-size:17px;line-height:1.6;color:var(--muted);max-width:570px}.mini-benefits{margin-top:25px;display:grid;gap:14px}.mini-benefits article{display:flex;gap:13px;align-items:flex-start;background:rgba(255,255,255,.65);border:1px solid var(--line);border-radius:16px;padding:16px}.mini-benefits article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--yellow);color:var(--navy);font-weight:900;flex:none}.mini-benefits h3{margin:1px 0 4px;font-size:16px}.mini-benefits p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}
.how-it-works{width:min(800px,calc(100% - 40px));margin:100px auto}.steps{border-top:1px solid var(--line)}.steps article{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center}.steps article>span{font-size:12px;font-weight:900;color:var(--navy);background:var(--yellow);border-radius:50%;min-width:42px;height:42px;display:grid;place-items:center}.steps h3{margin:0 0 5px;font-size:18px}.steps p{margin:0;color:var(--muted);font-size:15px;line-height:1.45}.secondary-cta{margin-top:29px;display:flex;justify-content:space-between;align-items:center;background:var(--yellow);border:1px solid var(--navy);border-radius:14px;padding:19px 20px;font-weight:900;box-shadow:4px 4px 0 var(--navy);transition:transform .15s,box-shadow .15s}.secondary-cta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--navy)}
.transparency{width:min(900px,calc(100% - 40px));margin:0 auto 90px;background:#fff7d7;border:1px solid rgba(255,189,8,.5);border-radius:18px;padding:22px 24px}.transparency strong{font-size:15px}.transparency p{margin:8px 0 0;color:#60687a;font-size:13px;line-height:1.55}
footer{background:var(--navy);color:#fff;padding:43px 24px 44px;text-align:center}footer img{width:110px;height:110px;object-fit:contain;border-radius:50%;background:#fff}footer p{color:var(--yellow);font-weight:800;margin:18px 0 30px}footer small{color:rgba(255,255,255,.55)}.mobile-sticky{display:none}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:auto;text-align:center;margin-top:30px}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-copy{margin-left:auto;margin-right:auto}.hero-art{width:min(520px,90%);margin:0 auto}.benefit-list{justify-content:center}.why{grid-template-columns:1fr;gap:30px}.why-art{width:min(480px,88%);margin:0 auto}.why-content{text-align:center}.why-content>p:not(.section-label){margin-left:auto;margin-right:auto}.mini-benefits{text-align:left}}
@media(max-width:600px){.site-header{width:calc(100% - 28px);height:76px}.header-logo{width:72px;height:72px}.header-note{font-size:10px}.hero{width:calc(100% - 28px);margin:34px auto 52px;gap:20px}.eyebrow{font-size:10px;letter-spacing:.07em}.hero h1{font-size:clamp(3.2rem,15vw,4.65rem)}.hero-copy{font-size:16px}.benefit-list{align-items:flex-start;flex-direction:column;width:max-content;max-width:100%;margin-bottom:25px}.primary-cta{min-height:76px;padding:12px 15px;border-radius:17px}.primary-cta svg{width:29px;height:29px}.primary-cta strong{font-size:16px}.hero-art{width:100%}.offer-bubble{right:1%;top:4%}.proof{width:calc(100% - 28px);grid-template-columns:1fr;border-radius:20px}.proof div{flex-direction:row;justify-content:space-between;padding:17px 20px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.proof div:last-child{border-bottom:0}.why{width:calc(100% - 32px);margin:82px auto}.why-art{width:100%}.why h2,.how-it-works h2{font-size:2.9rem}.how-it-works{margin:76px auto;width:calc(100% - 36px)}.transparency{width:calc(100% - 28px);margin-bottom:75px}.mobile-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:10;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,250,240,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.mobile-sticky a{min-height:52px;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--green);color:#fff;border-radius:13px;font-weight:900;font-size:15px}.mobile-sticky svg{width:24px;height:24px}footer{padding-bottom:100px}}
/* Palette matched to the supplied references */
:root{--navy:#1800ad;--navy-2:#1800ad;--cream:#fff;--paper:#fff;--ink:#1800ad;--line:rgba(24,0,173,.14)}
body,main{background:#fff}
@media(max-width:600px){.mobile-sticky{background:rgba(255,255,255,.94)}}

/* Interactive refinements */
.site-header{height:116px}
.header-logo{width:106px;height:106px;object-fit:cover;border-radius:50%;transition:transform .28s ease,filter .28s ease}
.header-logo:hover{transform:translateY(-3px) rotate(-2deg) scale(1.04);filter:drop-shadow(0 8px 10px rgba(6,27,79,.16))}
.online-status{display:flex;align-items:center;gap:9px;color:var(--navy);font-size:12px;font-weight:900;letter-spacing:.13em}
.online-status i{width:12px;height:12px;border-radius:50%;background:#39ff14;box-shadow:0 0 7px #39ff14,0 0 16px rgba(57,255,20,.9);animation:online-pulse 1.35s ease-in-out infinite}
@keyframes online-pulse{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 7px #39ff14,0 0 16px rgba(57,255,20,.9)}50%{opacity:.45;transform:scale(.78);box-shadow:0 0 3px #39ff14,0 0 8px rgba(57,255,20,.45)}}
.hero-art:before{display:none}
.hero-art img{transition:transform .35s ease,filter .35s ease}
.hero-art img:hover{transform:translateY(-10px) rotate(-1deg) scale(1.025);filter:drop-shadow(0 25px 18px rgba(6,27,79,.2))}
.offer-bubble{transition:transform .25s ease}
.offer-bubble:hover{transform:rotate(2deg) translateY(-4px) scale(1.04)}
.proof div{transition:transform .25s ease,background .25s ease}
.proof div:hover{background:var(--navy-2);transform:translateY(-4px)}
.why-art img{transition:transform .35s ease}
.why-art:before{display:none}
.why-art img:hover{transform:translateY(-8px) rotate(1deg) scale(1.025)}
.mini-benefits article{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.mini-benefits article:hover{transform:translateX(7px);background:#fff;box-shadow:0 12px 25px rgba(6,27,79,.08)}
.steps article{transition:transform .25s ease,padding-left .25s ease}
.steps article:hover{transform:translateX(7px);padding-left:7px}
footer img{width:132px;height:132px;object-fit:cover;transition:transform .28s ease}
footer img:hover{transform:translateY(-4px) rotate(-2deg) scale(1.04)}
footer .legal-disclaimer{max-width:760px;margin:0 auto 28px;color:rgba(255,255,255,.72);font-size:13px;font-weight:400;line-height:1.6}
footer .legal-disclaimer strong{color:var(--yellow);font-weight:900}
@media(max-width:600px){.site-header{height:94px}.header-logo{width:86px;height:86px}.online-status{font-size:10px}.online-status i{width:10px;height:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}