@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--ink:#000866;--blue:#0075ff;--muted:#4962ad;--line:#deedff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:16px/1.45 Nunito,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.13;font-weight:900}h2{font-size:30px}h3{font-size:23px}p{color:var(--muted)}.shell{width:calc(100% - 118px);max-width:1180px;margin:auto}.wide{width:calc(100% - 72px);max-width:1240px;margin:auto}.site-header{background:#ffffffed;border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{display:flex;gap:24px;align-items:center;min-height:78px}.brand{display:flex;gap:10px;align-items:center;white-space:nowrap}.brand img{width:43px;height:43px;object-fit:contain}.brand strong{font-size:22px;font-weight:900;display:block;line-height:1.2}.brand small{font-size:13px;display:block;letter-spacing:.3px}.desktop-nav{display:flex;gap:22px;margin-left:auto;font-size:14px;color:var(--muted);align-items:center}.desktop-nav a{padding:22px 0;white-space:nowrap}.desktop-nav a:hover{color:var(--blue)}.desktop-nav a:first-child{color:var(--blue);position:relative}.desktop-nav a:first-child:after{content:'';height:3px;background:var(--blue);position:absolute;bottom:12px;left:0;right:0;border-radius:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 25px;border:1px solid transparent;border-radius:12px;font-weight:800;font-size:16px;line-height:1.2;text-align:center;transition:filter .15s}.button:hover{filter:brightness(.95)}.button span{font-size:23px;font-weight:400}.primary{color:#fff;background:linear-gradient(120deg,#0095ff,#0069ff);box-shadow:inset 0 1px 3px #ffffff40}.outline{background:#fff9;border-color:#0085ff;color:#0075ff}.white{background:white;color:#0075ff;padding:10px 20px;min-height:44px}.small{font-size:13px;padding:9px 14px;min-height:40px}.header-cta{font-size:14px;padding:12px 18px;white-space:nowrap}.mobile-menu{display:none}.reference-art{display:block;background-image:url('/assets/landing-approved-reference.png');background-repeat:no-repeat;flex-shrink:0}.hero{background:linear-gradient(105deg,#e2f5ff,#d5f0ff);overflow:hidden}.hero-layout{position:relative;min-height:400px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;padding:30px 0 8px;width:60%}.eyebrow{color:#0087ff;font-size:16px;font-weight:800;letter-spacing:.4px;margin-bottom:10px}h1{font-size:clamp(38px,4.7vw,64px);letter-spacing:-1px}.hero-lead{font-size:clamp(22px,2.5vw,32px);color:var(--ink);margin-top:6px}.actions{display:flex;flex-wrap:wrap;gap:18px;margin:26px 0 17px}.trust{display:flex;gap:24px;list-style:none;margin:0;padding:0;font-size:12px;color:#164498;line-height:1.3}.hero-art{position:absolute;right:calc((min(1180px,100vw - 118px) - 100vw)/2);top:0;width:57%;height:100%;aspect-ratio:auto!important}.hero-art:before{content:'';display:block;width:8%;height:100%;background:linear-gradient(90deg,#ddf3ff,transparent)}.section{padding-top:14px;padding-bottom:14px}.section-heading{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:10px}.section-heading p,.section-intro{margin-top:4px;font-size:17px}.section-heading>.button{flex-shrink:0}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.step{background:linear-gradient(120deg,#eff8ff,#f7fbff);border:1px solid var(--line);border-radius:16px;padding:12px 18px}.step h3{display:flex;align-items:center;gap:14px;font-size:22px}.step h3 b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;background:linear-gradient(120deg,#009eff,#005bfb)}.step>div{display:flex;align-items:center;gap:22px;margin:0 2px 0 38px}.step .reference-art{width:80px}.step p{font-size:16px}.green h3{color:#00ad45}.green h3 b{background:linear-gradient(120deg,#04d676,#009832)}.orange h3{color:#ff7900}.orange h3 b{background:linear-gradient(120deg,#ffb400,#ff7900)}.blue h3{color:#007eff}.red h3{color:#ff1424}.soft-band{background:linear-gradient(110deg,#f3faff,#fff,#f3faff)}.section-intro{margin-bottom:12px}.mode{display:flex;align-items:center;overflow:hidden;background:#e5f5ff;border:1px solid var(--line);border-radius:16px;min-height:208px}.mode.orange{background:#fff9ee;border-color:#fff5de}.mode.red{background:#fff0f3;border-color:#ffe6ec}.mode>.reference-art{width:47%;align-self:stretch;aspect-ratio:auto!important}.mode>div{flex:1;min-width:0;padding:16px 12px 12px 0}.mode h3{font-size:26px;white-space:nowrap}.mode p{margin:10px 0 16px;color:#1263be;font-size:17px}.collections{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.collection{display:flex;align-items:center;flex-direction:column;text-align:center;border:1px solid var(--line);border-radius:16px;background:linear-gradient(120deg,#fff,#f2f9ff);padding:10px 12px;min-height:180px}.collection .reference-art{height:62px;margin-bottom:8px}.collection h3{font-size:17px;line-height:1.2}.collection p{font-size:13px;line-height:1.2;min-height:25px;margin-top:3px}.availability{font-size:13px;color:#5974b2;background:#edf4f9;border-radius:10px;padding:3px 18px;margin-top:auto}.available{background:#89c78c;color:white;font-weight:800}.audience{display:flex;align-items:center;gap:18px;padding:10px 16px;background:white;border:1px solid var(--line);border-radius:16px}.audience>.reference-art{width:95px}.audience h3{font-size:20px;color:#0083ff}.audience p{font-size:16px;margin-top:6px}.safety{display:flex;align-items:center;gap:18px;background:linear-gradient(110deg,#e4f8ef,#eafaf4);border-radius:16px;padding:14px 24px;margin-top:6px;margin-bottom:10px}.safety>.reference-art{width:75px}.safety h2{font-size:25px}.safety p{font-size:14px;margin-top:6px;color:var(--ink)}.safety ul{display:grid;grid-template-columns:1fr 1fr;gap:13px 22px;list-style:none;padding:0;margin:0 0 0 auto;font-size:13px;color:#4962ad}.safety li:before{content:'✓';color:#00ab2b;font-weight:900;margin-right:8px}.closing{display:flex;gap:28px;align-items:center;border-radius:16px;background:linear-gradient(120deg,#e5f5ff,#eaf6ff);padding:0 22px;margin-bottom:14px;overflow:hidden}.closing>.reference-art{width:185px;align-self:stretch}.closing h2{font-size:28px;white-space:nowrap}.closing p{font-size:20px;margin-top:8px}.closing .button{margin-left:auto}.closing .closing-note{font-size:16px;font-style:italic;max-width:145px;text-align:center}.faq{padding:12px 0 24px}.faq h2{font-size:24px;margin-bottom:10px}.faq details{border-bottom:1px solid var(--line);padding:10px 0}.faq summary{cursor:pointer;min-height:30px;font-weight:700}.faq p{padding:6px 0 10px;max-width:850px}footer{background:linear-gradient(110deg,#05265a,#001b4a);color:white;padding:25px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner .brand strong{font-size:19px;font-weight:600}.footer-inner .brand small{font-size:12px}.footer-links{display:flex;gap:14px;flex-wrap:wrap;font-size:12px}.footer-links button{border:0;background:none;padding:0;color:inherit;font-size:inherit}.parent-brand{font-size:12px;min-width:130px}dialog{width:min(520px,92vw);border:1px solid var(--line);border-radius:16px;padding:26px;color:var(--ink)}dialog::backdrop{background:#09245366}dialog form{float:right}dialog button{border:1px solid var(--line);background:white;border-radius:8px;width:44px;height:44px}dialog p{margin-top:16px}.skip{position:absolute;left:10px;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}:focus-visible{outline:3px solid #0b73ff;outline-offset:4px}
@media(max-width:1200px){.header-inner{gap:18px;min-height:64px}.brand strong{font-size:20px}.desktop-nav{gap:18px;font-size:12px}.header-cta{font-size:12px;padding:12px}.hero-layout{min-height:313px}h1{font-size:50px}.hero-lead{font-size:26px}.hero-copy{padding-top:25px}.hero-art{width:56%}.hero .button{min-height:46px;font-size:15px}.actions{margin-top:23px}.eyebrow{font-size:14px}.trust{gap:20px;font-size:11px}h2{font-size:25px}.section-heading p,.section-intro{font-size:15px}.step{padding:10px 14px}.step h3{font-size:18px}.step h3 b{width:36px;height:36px}.step>div{gap:18px;margin-left:35px}.step .reference-art{width:62px}.step p{font-size:14px}.mode{min-height:175px}.mode h3{font-size:22px}.mode p{font-size:15px}.mode .button{font-size:14px;padding:10px 17px}.collection{min-height:155px}.collection h3{font-size:14px}.collection .reference-art{height:52px}.audience{gap:14px}.audience>.reference-art{width:76px}.audience h3{font-size:17px}.audience p{font-size:14px}.safety{gap:15px;padding:12px 22px}.safety h2{font-size:21px}.safety p{font-size:12px}.safety ul{font-size:11px;gap:10px 14px}.closing{gap:20px}.closing>.reference-art{width:175px}.closing h2{font-size:25px}.closing p{font-size:18px}.closing .button{font-size:14px;padding:12px 20px}.closing .closing-note{font-size:14px}}
@media(max-width:960px){.desktop-nav{display:none}.header-cta{margin-left:auto}.mobile-menu{display:block}.mobile-menu summary{cursor:pointer;padding:10px;min-height:44px}.mobile-menu nav{position:absolute;right:20px;top:68px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px #143d6826;min-width:220px;padding:12px;display:grid}.mobile-menu a{padding:10px}.shell{width:calc(100% - 48px)}.wide{width:calc(100% - 32px)}h1{font-size:40px}.hero-lead{font-size:21px}.hero-art{right:-24px;width:54%}.hero-copy{width:62%}.trust{gap:12px}.three-grid{gap:12px}.step>div{margin-left:0;gap:10px}.mode{flex-direction:column;align-items:stretch}.mode>.reference-art{width:130px;aspect-ratio:136/173!important;align-self:center}.mode>div{padding:8px 16px 16px}.mode h3{font-size:21px}.mode p{min-height:44px}.collections{gap:10px}.collection{padding:10px 5px}.availability{padding:3px 10px}.audience{flex-direction:column;align-items:start}.safety{flex-wrap:wrap}.safety ul{margin:0 0 0 90px;flex:1}.closing{flex-wrap:wrap;padding:16px 20px}.closing>.reference-art{display:none}.closing .closing-note{display:none}.footer-inner{flex-wrap:wrap}}
@media(max-width:600px){html{scroll-padding-top:12px}.header-inner{min-height:76px;gap:6px;flex-wrap:wrap;padding:10px 0}.brand img{width:36px;height:36px}.brand strong{font-size:17px}.brand small{font-size:11px}.header-cta{display:none}.mobile-menu{margin-left:auto}.mobile-menu summary{font-size:14px;padding:8px}.shell,.wide{width:calc(100% - 32px)}.hero-layout{display:flex;flex-direction:column;align-items:stretch}.hero-copy{width:100%;padding:24px 0 12px}.eyebrow{font-size:12px}h1{font-size:clamp(31px,8.9vw,44px);letter-spacing:-.7px}.hero-lead{font-size:19px}.actions{gap:10px;margin:18px 0}.hero .button{font-size:14px;padding:12px 16px}.trust{justify-content:space-between;font-size:10px;gap:8px}.hero-art{position:relative;right:auto;top:auto;width:calc(100% + 32px);margin-left:-16px;aspect-ratio:507/313!important;height:auto;max-height:none}.hero-art:before{display:none}.section{padding:20px 0}h2{font-size:25px}.section-heading{align-items:start;flex-direction:column;gap:10px}.section-heading p,.section-intro{font-size:15px;line-height:1.4}.three-grid{grid-template-columns:1fr;gap:12px}.step{padding:14px 18px}.step>div{margin-left:46px;gap:22px}.step .reference-art{width:60px}.step p{font-size:15px}.mode{flex-direction:row;min-height:176px}.mode>.reference-art{width:44%;align-self:stretch;aspect-ratio:auto!important}.mode>div{padding:16px 12px 16px 0}.mode h3{font-size:23px}.mode p{min-height:0;font-size:16px}.collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection{min-height:168px;padding:12px 8px}.collection h3{font-size:15px}.collection:last-child{grid-column:1/-1;min-height:150px}.audience{flex-direction:row;align-items:center;padding:14px 18px}.audience>.reference-art{width:82px}.audience h3{font-size:19px}.audience p{font-size:15px}.safety{padding:18px;gap:12px}.safety>.reference-art{width:55px}.safety>div{flex:1;min-width:150px}.safety h2{font-size:22px}.safety p{font-size:13px}.safety ul{margin:5px 0 0;flex-basis:100%;font-size:12px;gap:12px}.closing{padding:24px 18px;gap:16px}.closing h2{font-size:25px;white-space:normal}.closing .button{width:100%;margin:0}.faq{padding:20px 0}.faq h2{font-size:24px}.faq summary{padding:6px 0;font-size:15px;min-height:44px}.faq p{font-size:14px}.footer-inner{gap:22px}.footer-links{gap:16px}.footer-links a,.footer-links button{min-height:30px}.parent-brand{width:100%}.button.small{min-height:44px}dialog h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.brand img{transform:scale(1.4)}dialog.faq{width:min(680px,92vw);max-height:88dvh;padding:24px;overflow:auto;margin:auto}dialog.faq h2{padding-right:42px}dialog.faq form{position:sticky;top:0}dialog.faq summary{padding:10px 0;min-height:44px}dialog.faq p{margin:0}.footer-links button{cursor:pointer}

@media(min-width:1440px){.shell,.wide{width:calc(100% - clamp(64px,6vw,160px));max-width:1920px}.hero-copy{max-width:800px}.hero-layout{min-height:460px}}