@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#10281f;--forest:#082a21;--deep:#061d18;--paper:#f5f4eb;--paper2:#ebece0;--lime:#bcfa68;--line:#d6dbcd;--muted:#52635a;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'DM Sans',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:10px;z-index:20}.skip:focus{left:10px}.topline{height:32px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--deep);color:#d4efcb;font-size:10px;font-weight:800;letter-spacing:.17em}.pulse-dot{height:7px;width:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #a7ff69}.top-separator{color:#668b78}.header{position:relative;background:#fafaf4;border-bottom:1px solid var(--line);z-index:12}.head-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center}.brand img{height:51px;width:96px;object-fit:contain;filter:drop-shadow(0 3px 2px #d7ead7)}.brand span{border-left:1px solid var(--line);padding-left:13px;font:800 12px/1.3 Manrope,Arial,sans-serif;letter-spacing:.03em}.brand small{font-weight:600;letter-spacing:.14em;font-size:8px;color:#6a7a70}.nav{display:flex;align-items:center;gap:25px}.nav>a{font:700 12px Manrope,Arial,sans-serif}.nav>a:not(.nav-cta):hover{color:#30824d}.nav-cta{background:var(--ink);color:#fff;padding:14px 17px;display:flex;gap:15px;align-items:center;border-radius:4px}.nav-cta:hover{background:#17613e}.menu-toggle{display:none}.hero{background:var(--paper);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:615px}.hero-copy{padding:92px 28px 68px 0;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:12px;color:#446753;font-size:11px;font-weight:800;letter-spacing:.15em}.eyebrow-line{height:2px;width:32px;background:#368957}.hero h1{font:800 clamp(46px,5.15vw,78px)/1.08 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:32px 0 26px;max-width:750px}.hero h1 span{display:block;white-space:nowrap}.hero h1 .hero-accent{color:#2c8150}.lead{font-size:17px;line-height:1.75;max-width:525px;color:#4d6055}.lead strong{color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:32px}.button{min-height:52px;padding:14px 18px;border-radius:4px;display:inline-flex;gap:21px;align-items:center;justify-content:center;font:800 12px/1.2 Manrope,Arial,sans-serif;letter-spacing:.03em;transition:transform .2s,background .2s,box-shadow .2s}.button span{font-size:18px}.button:hover{transform:translateY(-3px)}.primary{background:#155a3a;color:white;box-shadow:0 8px 22px #164f3022}.primary:hover{background:#0b3928;box-shadow:0 11px 26px #164f3033}.ghost{border:1px solid #bac8b9;background:#fff8}.mini-proof{margin-top:51px;display:flex;gap:25px;flex-wrap:wrap;color:#536a5b;font-size:12px}.mini-proof span{display:flex;gap:7px;align-items:center}.mini-proof b{color:#277a4c;font-weight:800}.hero-art{margin:35px 0 35px 15px;min-height:545px;background:#0a3728;position:relative;isolation:isolate;overflow:hidden;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%,0 13%);box-shadow:0 18px 45px #002d1a15}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#d8ffc50c 1px,transparent 1px),linear-gradient(90deg,#d8ffc50c 1px,transparent 1px);background-size:36px 36px;transform:perspective(400px) rotate(-12deg) scale(1.5)}.orb{position:absolute;border-radius:50%;filter:blur(9px);animation:float 11s ease-in-out infinite alternate}.orb-a{width:440px;height:440px;background:radial-gradient(circle,#b9ff7870,#1b875529 55%,transparent 74%);right:-150px;top:-140px}.orb-b{width:350px;height:350px;background:radial-gradient(circle,#59ffd337,transparent 70%);left:-150px;bottom:-130px;animation-delay:-4s}.art-ring{position:absolute;width:420px;height:420px;border:1px solid #c5ffa94d;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 50px #c5ffa90a,0 0 0 95px #c5ffa907}.art-main{position:absolute;inset:25% 9% 22%;display:flex;justify-content:center;align-items:center;z-index:2}.art-main img{width:min(86%,410px);filter:drop-shadow(0 18px 19px #00140a85)}.visual-note{position:absolute;z-index:3;color:#dcf7d1;font:700 11px/1.65 Manrope,Arial,sans-serif;letter-spacing:.11em}.note-top{top:28px;left:37px}.note-bottom{right:29px;bottom:30px;text-align:right;font-size:10px;color:#cbefba}.visual-stamp{position:absolute;z-index:4;bottom:36px;left:36px;border:1px solid #b0ec9d90;color:#c5f59f;padding:13px 16px;display:flex;align-items:center;gap:10px}.visual-stamp>span{font:800 34px/1 Manrope}.visual-stamp small{font-size:8px;letter-spacing:.12em;line-height:1.5}.art-slash{position:absolute;width:145px;height:200%;background:#b6f77012;transform:rotate(32deg);right:10%;top:-50%;animation:slide 10s ease-in-out infinite alternate}.ribbon{background:#bbfa77;border-top:1px solid #a6d86a;border-bottom:1px solid #a6d86a}.ribbon-inner{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#11381f;font:800 11px Manrope;letter-spacing:.11em}.ribbon i{width:5px;height:5px;background:#256a3e;transform:rotate(45deg);flex:0 0 5px}.section{padding:105px 0}.section-marker{font:800 11px Manrope;letter-spacing:.14em;color:#3d7555;margin-bottom:22px}.section-marker.light{color:#a2eb9a}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}.intro h2,.terms h2,.faq h2{font:800 clamp(32px,3.5vw,51px)/1.14 Manrope;letter-spacing:-.035em;margin:0}.intro h2 em,.terms h2 em,.faq h2 em{font-style:normal;color:#3d8c59}.intro-grid p{margin:0 0 14px;color:#55645a;line-height:1.85}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:55px}.feature{background:#fff;border:1px solid #dee2d7;padding:31px 27px;min-height:254px;transition:transform .25s,box-shadow .25s}.feature:hover{transform:translateY(-6px);box-shadow:0 20px 40px #112a1912}.feature-icon{font-size:27px;color:#307d4e}.feature-kicker{display:block;margin-top:16px;color:#568265;font-weight:800;font-size:10px;letter-spacing:.1em}.feature h3{font:800 24px Manrope;letter-spacing:-.025em;margin:10px 0}.feature p{font-size:14px;color:#607067;margin:0}.steps{background:var(--forest);color:#f7fff0;position:relative;overflow:hidden}.steps:before{content:"";position:absolute;width:500px;height:500px;border:1px solid #b2ff8d21;border-radius:50%;right:-190px;top:-200px;box-shadow:0 0 0 90px #b2ff8d08,0 0 0 170px #b2ff8d07}.steps .wrap{position:relative}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:end}.section-top h2{font:800 clamp(33px,4vw,55px)/1.17 Manrope;letter-spacing:-.03em;margin:0}.period{color:var(--lime)}.section-top>p{max-width:250px;color:#b5cdbf;margin-bottom:0}.step-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#4d715f;margin:49px 0 31px;border:1px solid #4d715f}.step-list article{padding:31px 24px;min-height:232px;background:#103b2c}.step-num{color:#a7e998;font:800 30px Manrope}.step-list h3{font:800 20px Manrope;margin:23px 0 9px}.step-list p{color:#b7d0be;font-size:14px;margin:0}.step-arrow{display:block;text-align:right;color:#a7e998;font-size:25px}.lime{background:var(--lime);color:#0b321d}.lime:hover{background:#d0ff93}.terms-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.terms-heading{position:sticky;top:38px;align-self:start}.terms-heading>p{max-width:340px;color:#67746b;margin:25px 0}.text-link{color:#22734c;font:800 12px Manrope;border-bottom:1px solid currentColor;padding-bottom:5px}.term-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.term-cards>div{background:#fff;border:1px solid var(--line);padding:23px;min-height:150px}.term-cards span{display:block;color:#3d955b;font:800 11px Manrope}.term-cards strong{display:block;margin:13px 0 6px;font:800 16px Manrope}.term-cards p{margin:0;color:#647268;font-size:13px}.statement{position:relative;overflow:hidden;background:#bef77c}.statement-inner{padding:91px 0;position:relative;z-index:1}.statement-inner>span{font:800 11px Manrope;letter-spacing:.15em}.statement h2{font:800 clamp(42px,6vw,80px)/1.06 Manrope;letter-spacing:-.04em;margin:23px 0}.statement h2 em{font-style:normal;color:#286e40}.statement p{font-size:17px;margin-bottom:25px}.statement-outline{font:800 380px/1 Manrope;color:#ffffff38;position:absolute;right:-50px;top:-75px;z-index:-1;user-select:none}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.questions{border-top:1px solid #cbd4c5}.questions details{border-bottom:1px solid #cbd4c5;padding:18px 0}.questions summary{font:800 15px/1.5 Manrope;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.questions summary:after{content:'+';font-size:24px;font-weight:400;color:#227a4b}.questions details[open] summary:after{content:'−'}.questions p{color:#5a6d60;font-size:14px;max-width:560px}.footer{background:#071d18;color:#e5f3e6;padding:65px 0 25px}.footer-inner{display:grid;grid-template-columns:1.5fr .6fr 1fr;gap:70px}.footer-inner img{width:110px;max-height:85px;object-fit:contain}.footer p{color:#adbeaF;font-size:13px;max-width:340px}.footer strong{font:800 11px Manrope;letter-spacing:.1em;display:block;margin-bottom:17px}.footer a{display:block;color:#bbd0bf;font-size:13px;margin:8px 0}.footer a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;padding-top:22px;margin-top:53px;color:#91a99a;font-size:12px}.mobile-cta{display:none}@keyframes float{to{transform:translate(24px,30px)}}@keyframes slide{to{transform:rotate(32deg) translateX(110px)}}
@media(max-width:980px){.nav{gap:14px}.nav>a{font-size:10px}.hero-grid{grid-template-columns:1fr 1fr}.hero-copy{padding-top:74px}.hero h1{font-size:clamp(37px,4.6vw,55px)}.hero-art{min-height:475px}.intro-grid,.faq-layout{gap:35px}.terms-layout{gap:35px}}
@media(max-width:720px){html{scroll-padding-top:72px}.wrap{width:calc(100% - 36px)}.topline{font-size:9px;height:28px}.head-inner{height:68px}.brand img{height:42px;width:75px}.brand span{font-size:10px}.brand small{font-size:7px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);background:#fff;padding:10px;cursor:pointer;border-radius:4px}.menu-toggle span{width:21px;height:2px;background:var(--ink)}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:15px 18px 22px;background:#fafaf4;border-bottom:1px solid var(--line);box-shadow:0 13px 23px #10281f1a;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:11px;font-size:13px}.nav .nav-cta{margin-top:7px;color:#fff;justify-content:space-between}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:53px 0 35px}.eyebrow{font-size:9px;letter-spacing:.1em}.hero h1{font-size:clamp(36px,8.7vw,55px);margin:22px 0 20px;letter-spacing:-.03em}.hero h1 span{white-space:normal}.lead{font-size:14px;line-height:1.8}.hero-actions{margin-top:23px;gap:10px}.hero-actions .button{flex:1 1 100%;min-height:49px}.mini-proof{margin-top:23px;gap:13px;font-size:10px}.hero-art{margin:0 0 21px;min-height:300px;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 10%)}.art-main{inset:20% 10% 19%}.art-main img{width:75%;max-height:210px;object-fit:contain}.art-ring{width:240px;height:240px;box-shadow:0 0 0 32px #c5ffa90a,0 0 0 65px #c5ffa907}.orb-a{width:270px;height:270px}.visual-note{font-size:8px}.note-top{left:22px;top:19px}.note-bottom{right:20px;bottom:18px;font-size:7px}.visual-stamp{left:20px;bottom:22px;padding:7px 9px;gap:6px}.visual-stamp>span{font-size:18px}.visual-stamp small{font-size:6px}.ribbon-inner{min-height:53px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;padding:9px 0;justify-content:start}.ribbon span{font-size:9px;letter-spacing:.045em;text-align:center}.ribbon i{display:none}.section{padding:65px 0}.intro-grid,.terms-layout,.faq-layout{grid-template-columns:1fr;gap:21px}.intro h2,.terms h2,.faq h2{font-size:clamp(29px,7vw,38px)}.intro-grid p{font-size:13px}.feature-grid{grid-template-columns:1fr;margin-top:24px;gap:10px}.feature{min-height:0;padding:20px}.feature-icon{font-size:22px}.feature-kicker{margin-top:8px}.feature h3{font-size:21px;margin:8px 0}.feature p{font-size:13px}.section-top{display:block}.section-top h2{font-size:36px}.section-top>p{font-size:13px}.step-list{grid-template-columns:1fr;margin:27px 0 20px}.step-list article{min-height:0;padding:21px;display:grid;grid-template-columns:46px 1fr 20px;gap:15px;align-items:start}.step-list h3{font-size:17px;margin:0 0 7px}.step-list p{font-size:12px}.step-num{font-size:25px}.step-arrow{font-size:20px}.terms-heading{position:static}.term-cards{gap:8px}.term-cards>div{padding:16px;min-height:151px}.term-cards strong{font-size:13px}.term-cards p{font-size:12px}.statement-inner{padding:65px 0}.statement h2{font-size:clamp(38px,9vw,53px)}.statement p{font-size:14px}.statement-outline{font-size:200px;right:-20px;top:-15px}.questions summary{font-size:13px}.footer{padding-top:45px;padding-bottom:90px}.footer-inner{grid-template-columns:1fr 1fr;gap:23px}.footer-inner>div:first-child{grid-column:1/-1}.footer-bottom{display:block;margin-top:35px}.footer-bottom span{display:block;margin-bottom:5px}.mobile-cta{position:fixed;z-index:30;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));background:#b9fa73;color:#0a2c1d;display:flex;justify-content:space-between;align-items:center;padding:15px 19px;border-radius:6px;box-shadow:0 8px 28px #001b1480;font:800 12px Manrope;letter-spacing:.04em}.mobile-cta span{font-size:19px}}
@media(max-width:370px){.hero h1{font-size:34px}.mini-proof{gap:8px;font-size:9px}.term-cards{grid-template-columns:1fr}.term-cards>div{min-height:0}.brand span{font-size:9px}.hero-art{min-height:265px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Mobile Compact refinement — readable headings, reduced hero, no horizontal crop */
@media (max-width:720px){
 html,body{width:100%;max-width:100%;overflow-x:clip}
 .wrap{width:calc(100% - 28px)}
 .topline{height:25px;font-size:8px;letter-spacing:.055em;gap:6px;white-space:normal;text-align:center;padding:0 8px}
 .head-inner{height:58px;gap:8px}
 .brand{gap:6px;min-width:0}
 .brand img{width:65px;height:35px;flex:none}
 .brand span{font-size:8px;padding-left:7px;line-height:1.22}
 .brand small{font-size:6px;letter-spacing:.05em}
 .menu-toggle{padding:8px;gap:4px}
 .menu-toggle span{width:17px}
 .hero-copy{padding:29px 0 21px}
 .eyebrow{font-size:8px;gap:7px;letter-spacing:.055em;flex-wrap:wrap}
 .eyebrow-line{width:19px}
 .hero h1{font-size:clamp(27px,7vw,36px);line-height:1.19;letter-spacing:0;overflow-wrap:normal;margin:14px 0 12px;font-weight:800}
 .hero h1 span{white-space:normal}
 .lead{font-size:12px;line-height:1.62;margin:0;max-width:100%}
 .hero-actions{margin-top:17px;gap:7px}
 .hero-actions .button{min-height:41px;flex:1 1 100%}
 .button{min-height:42px;padding:10px 13px;gap:9px;font-size:10px;letter-spacing:0}
 .button span{font-size:15px}
 .mini-proof{margin-top:15px;gap:7px 12px;font-size:9px}
 .hero-art{min-height:215px;margin:0 0 17px;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 9%)}
 .art-main{inset:16% 13% 16%}
 .art-main img{width:61%;max-height:145px}
 .art-ring{width:165px;height:165px;box-shadow:0 0 0 22px #c5ffa90a,0 0 0 43px #c5ffa907}
 .orb-a{width:180px;height:180px}.orb-b{width:160px;height:160px}
 .note-top{top:13px;left:16px}.note-bottom{right:12px;bottom:13px;font-size:6px}
 .visual-note{font-size:7px;letter-spacing:.035em}
 .visual-stamp{left:12px;bottom:12px;padding:5px 7px;gap:5px}
 .visual-stamp>span{font-size:14px}.visual-stamp small{font-size:5px}
 .ribbon-inner{min-height:38px;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px 0;gap:5px}
 .ribbon span{font-size:8px;letter-spacing:0}
 .section{padding:43px 0}
 .section-marker{font-size:9px;letter-spacing:.06em;margin-bottom:11px}
 .intro-grid,.terms-layout,.faq-layout{gap:13px}
 .intro h2,.terms h2,.faq h2{font-size:clamp(23px,5.9vw,30px);line-height:1.22;letter-spacing:-.012em}
 .intro-grid p{font-size:12px;line-height:1.65}
 .feature-grid{margin-top:17px;gap:8px}
 .feature{padding:14px 15px;min-height:0}
 .feature-icon{font-size:18px}.feature-kicker{font-size:9px;margin-top:5px}
 .feature h3{font-size:17px;margin:5px 0}
 .feature p{font-size:12px;line-height:1.55}
 .section-top h2{font-size:clamp(25px,6.5vw,32px);letter-spacing:-.01em}
 .section-top>p{font-size:12px}
 .step-list{margin:19px 0 15px}
 .step-list article{padding:14px;grid-template-columns:30px minmax(0,1fr) 12px;gap:9px}
 .step-num{font-size:20px}.step-list h3{font-size:14px}.step-list p{font-size:11px;line-height:1.55}.step-arrow{font-size:15px}
 .terms-heading>p{font-size:12px;margin:13px 0}
 .term-cards{gap:7px}
 .term-cards>div{padding:12px;min-height:0}
 .term-cards span{font-size:9px}.term-cards strong{font-size:12px;margin:7px 0 3px}
 .term-cards p{font-size:11px;line-height:1.45}
 .statement-inner{padding:43px 0}
 .statement h2{font-size:clamp(26px,7vw,37px);line-height:1.16;letter-spacing:-.015em;margin:13px 0}
 .statement p{font-size:12px;line-height:1.6}
 .statement-outline{font-size:125px;right:-8px;top:0}
 .questions details{padding:12px 0}.questions summary{font-size:12px}.questions p{font-size:12px;line-height:1.55}
 .footer{padding:33px 0 74px}.footer-inner{gap:15px}.footer-inner img{width:75px}.footer p,.footer a{font-size:11px}
 .footer-bottom{font-size:10px;margin-top:21px;padding-top:15px}
 .mobile-cta{left:9px;right:9px;bottom:calc(8px + env(safe-area-inset-bottom));padding:11px 15px;font-size:11px;min-height:44px}
 .mobile-cta span{font-size:16px}
}
@media(max-width:380px){
 .wrap{width:calc(100% - 24px)}
 .hero h1{font-size:26px}
 .brand img{width:57px}
 .brand span{font-size:7px}
 .term-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-art{min-height:195px}
 .ribbon span{font-size:7.5px}
}


/* =========================================================
   JK9 SIGNATURE — AURORA MOTION / refined colors & motion
   Works as an additive theme on Mobile Compact. No old domain.
========================================================== */
:root{--ink:#142b27;--forest:#082e2b;--deep:#061e1c;--paper:#f7f9f4;--paper2:#ebf4ed;--lime:#b7ff75;--line:#d4e5db;--muted:#526b62}
body{background:var(--paper);color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1c9b79;outline-offset:3px}
.topline{background:linear-gradient(100deg,#052725,#125b4e,#052725);background-size:200% 100%;animation:bannerFlow 16s ease infinite;color:#ebffea}
.pulse-dot{background:#baff87;animation:beacon 3s ease-in-out infinite}
.header{background:#f7fbf6ed;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#dce8dd}
.nav-cta,.primary{background:linear-gradient(120deg,#0a5148,#116d51);color:#fff;box-shadow:0 8px 28px #116b4a24}
.nav-cta:hover,.primary:hover{background:#063b36;box-shadow:0 12px 30px #11725040}
.hero{position:relative;background:radial-gradient(ellipse 60% 76% at 7% 0%,#d9fbe24f,transparent 80%),linear-gradient(145deg,#f9fbf5 0%,#edf6eb 55%,#f7faf4 100%)}
.hero:before{content:"";pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(#176d4a1c .8px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,#0006,transparent 80%);-webkit-mask-image:linear-gradient(90deg,#0006,transparent 80%)}
.hero:after{content:"";position:absolute;pointer-events:none;width:380px;height:380px;left:-210px;top:15%;border:1px solid #207f5638;border-radius:50%;box-shadow:0 0 0 50px #168a3e08,0 0 0 104px #168a3e07}
.hero h1{letter-spacing:-.015em;line-height:1.13}
.hero h1 .hero-accent{color:#187951}
.eyebrow{color:#24764f}.eyebrow-line{background:#22ad81}
.ghost{border-color:#c3d8c7;background:#ffffffba}
.button{position:relative;overflow:hidden;isolation:isolate;border-radius:10px}
.button:after,.nav-cta:after{content:"";pointer-events:none;position:absolute;width:45%;height:280%;left:-70%;top:-90%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#ffffff3d,transparent);animation:buttonSheen 7s ease-in-out infinite}
.button:hover{transform:translateY(-2px)}
.hero-art{background:linear-gradient(145deg,#022d2f 0%,#07554a 58%,#042a2b 100%);clip-path:polygon(11% 0,100% 0,100% 91%,90% 100%,0 100%,0 11%);border:1px solid #338a6e4a;box-shadow:0 23px 70px #02463838}
.hero-art:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:conic-gradient(from 110deg at 55% 45%,transparent 0deg,#6bffd51b 70deg,transparent 125deg,#c8ff851c 195deg,transparent 245deg);animation:auroraSpin 28s linear infinite}
.hero-art:after{content:"";position:absolute;inset:-60%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#c4ffb413 50%,transparent 58%);transform:rotate(-16deg);animation:glassSweep 10s ease-in-out infinite}
.art-grid{background-image:linear-gradient(#ccffe013 1px,transparent 1px),linear-gradient(90deg,#ccffe013 1px,transparent 1px);animation:gridDrift 18s linear infinite}
.orb-a{background:radial-gradient(circle,#b9ff8788,#1fcd9a41 46%,transparent 72%);animation-duration:13s}
.orb-b{background:radial-gradient(circle,#57e9ee56,transparent 72%);animation-duration:17s}
.art-ring{border:1px solid #9dffd785;box-shadow:0 0 0 32px #90ffe609,0 0 0 75px #a9ffd907;animation:ringBreath 6s ease-in-out infinite}
.art-main img{animation:logoFloat 8s ease-in-out infinite;filter:drop-shadow(0 17px 25px #000e13a0)}
.art-slash{background:#b7ff8a12}
.visual-stamp{border-color:#a8f0cf9c;color:#c0ffcf;background:#002e2e66;backdrop-filter:blur(6px)}
.ribbon{background:linear-gradient(90deg,#b7ff77,#97ecc4,#b7ff77);background-size:200% 100%;border-color:#93d8b1;animation:bannerFlow 18s ease infinite}
.ribbon-inner{color:#124b32}
.section-marker{color:#1b9066}.section-marker.light{color:#b9ff88}
.intro{background:linear-gradient(180deg,#f7f9f4,#eff8f0)}
.intro h2 em,.terms h2 em,.faq h2 em{color:#188963}
.feature,.term-cards>div{border-color:#d9e8df;border-radius:14px;box-shadow:0 5px 24px #174b2c09;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.feature{position:relative;overflow:hidden}
.feature:before{content:"";height:3px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#0c8155,#96efb8,#b6ff70)}
.feature:hover,.term-cards>div:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0c644722;border-color:#93cbb0}
.feature-icon{color:#138e66}
.steps{background:radial-gradient(circle at 87% 12%,#1680655c,transparent 36%),linear-gradient(140deg,#072b2b,#063d36 57%,#0b302c)}
.steps:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#ccffd011 1px,transparent 1px);background-size:28px 28px}
.steps .wrap{z-index:1}.step-list article{background:#0d453d;border-color:#317364}
.step-list article:hover{background:#105348}
.lime{background:linear-gradient(115deg,#b8ff7b,#a6f4be);color:#062c23}
.terms{background:#f6faf6}
.statement{background:radial-gradient(circle at 85% 35%,#d9ffe5 0%,transparent 44%),linear-gradient(110deg,#a9f79d,#b9f0c2,#b5ff87);background-size:160% 160%;animation:statementFlow 18s ease-in-out infinite}
.statement h2 em{color:#13694e}
.statement-outline{color:#ffffff4d}
.faq{background:#f7faf6}
.questions details{transition:background .25s,padding .25s}
.questions details[open]{background:#eef8ef;padding-left:12px;padding-right:12px;border-radius:8px}
.footer{background:linear-gradient(145deg,#051c1d,#062e2c)}
.mobile-cta{background:linear-gradient(105deg,#b8ff81,#90f2bd);color:#063224;border-radius:10px;box-shadow:0 7px 25px #00382f5c}
/* Intersection reveals: JS adds .motion-ready only after observer setup */
@media(min-width:721px){.motion-ready .feature,.motion-ready .step-list article,.motion-ready .term-cards>div{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.21,.65,.2,1),box-shadow .3s,border-color .3s}.motion-ready .feature.in-view,.motion-ready .step-list article.in-view,.motion-ready .term-cards>div.in-view{opacity:1;transform:translateY(0)}.motion-ready .feature.in-view:hover,.motion-ready .term-cards>div.in-view:hover{transform:translateY(-5px)}}
@keyframes bannerFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes beacon{50%{box-shadow:0 0 0 6px #b5ff7840,0 0 18px #b5ff78}}
@keyframes buttonSheen{0%,65%,100%{left:-70%}83%{left:130%}}
@keyframes auroraSpin{to{transform:rotate(360deg)}}
@keyframes gridDrift{to{background-position:36px 36px}}
@keyframes glassSweep{0%,30%,100%{transform:translateX(-48%) rotate(-16deg)}58%{transform:translateX(48%) rotate(-16deg)}}
@keyframes ringBreath{50%{opacity:.55;scale:1.04}}
@keyframes logoFloat{50%{transform:translateY(-8px)}}
@keyframes statementFlow{50%{background-position:100% 70%}}
@media(max-width:720px){
 .topline{animation-duration:25s}.hero:after{display:none}
 .hero h1{letter-spacing:0;line-height:1.2}
 .hero-art{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 8%)}
 .hero-art:after{display:none}
 .art-main img{animation-duration:11s}
 .art-ring{animation-duration:10s}
 .feature,.term-cards>div{border-radius:10px}
 .feature:hover,.term-cards>div:hover{transform:none}
 .statement{animation:none}
 .mobile-cta{min-height:44px}
}
@media(max-width:380px){.hero h1{font-size:26px}.hero-art{min-height:195px}}
@media(prefers-reduced-motion:reduce){.topline,.pulse-dot,.hero-art:before,.hero-art:after,.art-grid,.orb,.art-ring,.art-main img,.art-slash,.ribbon,.statement,.button:after{animation:none!important}.motion-ready .feature,.motion-ready .step-list article,.motion-ready .term-cards>div{opacity:1!important;transform:none!important}}

/* Authority Edition: editorial long-form content, designed for compact mobile */
.hero-copy h1{letter-spacing:-.035em!important;line-height:1.13!important;font-weight:780!important;overflow-wrap:break-word} .hero-copy h1 span{letter-spacing:inherit!important} .hero-copy .lead{max-width:630px} .editorial-note{margin-top:24px;padding:20px 24px;border-left:4px solid #119b70;background:#edf8ed;border-radius:6px 14px 14px 6px;color:#23463a} .editorial-note p{margin:7px 0 0;line-height:1.7} .section-top-dark{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px} .section-top-dark>p{max-width:430px;line-height:1.65} .knowledge{background:#f1f6ef;color:#15372a}.knowledge h2,.example-section h2,.checklist-section h2{font-size:clamp(26px,3.2vw,43px);line-height:1.18;letter-spacing:-.02em;margin:12px 0 18px}.knowledge h2 em,.example-section h2 em,.checklist-section h2 em{color:#15805a;font-style:normal}.comparison-wrap{overflow-x:auto;border:1px solid #d4e5d7;border-radius:15px;background:#fff}.comparison{width:100%;border-collapse:collapse;min-width:580px;font-size:14px;line-height:1.62}.comparison th,.comparison td{text-align:left;padding:16px 18px;border-bottom:1px solid #dbe8dc;vertical-align:top}.comparison thead th{background:#103629;color:#f5fff7;font-weight:700}.comparison tbody th{min-width:155px;color:#113b2c}.comparison tr:last-child td,.comparison tr:last-child th{border-bottom:0}.small-explainer{font-size:12px;margin-top:13px;opacity:.8}.example-section{background:#f9fbf6;color:#153629}.example-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.example-grid>div>p{line-height:1.8;max-width:570px}.example-clarity{background:#eaf5e9;border-radius:14px;padding:17px 20px;margin-top:22px;border:1px solid #c9e5ca}.example-clarity strong{color:#08643a}.example-clarity p{margin:8px 0 0;line-height:1.65}.worked-card{background:#10362b;border-radius:23px;padding:30px;color:white;box-shadow:0 18px 45px rgba(16,54,43,.14)}.worked-label{font-size:11px;color:#b9f7a3;font-weight:800;letter-spacing:.1em}.worked-row,.worked-result{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #3b6150;padding:17px 0}.worked-row strong{font-size:23px}.worked-result{background:#c8ff9b;color:#163c27;margin:18px -12px 0;padding:16px 12px;border:0;border-radius:10px}.worked-result strong{font-size:31px}.worked-card>p{font-size:12px;line-height:1.65;color:#c9ded1;margin:16px 0 0}.checklist-section{background:#e3f2e5;color:#10392a}.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.checklist-grid label{cursor:pointer;display:flex;align-items:center;gap:11px;background:#fff;padding:15px 17px;border:1px solid #d0e7d4;border-radius:11px;line-height:1.45;font-weight:600;font-size:13px}.checklist-grid input{width:18px;height:18px;flex-shrink:0;accent-color:#198356}.check-progress{display:flex;align-items:center;gap:15px;margin-top:18px;font-size:12px;font-weight:700}.check-meter{height:9px;background:#c8dfcd;border-radius:12px;overflow:hidden;flex:1}.check-meter span{display:block;width:0;height:100%;background:#198356;transition:width .25s}.questions details p{line-height:1.7}.hero-art img{object-fit:contain;max-width:100%}
@media(max-width:700px){.hero-copy h1{font-size:clamp(25px,7.1vw,34px)!important;letter-spacing:-.018em!important}.hero-copy h1 span{letter-spacing:inherit!important}.section-top-dark{display:block;margin-bottom:17px}.section-top-dark>p{font-size:12px}.knowledge h2,.example-section h2,.checklist-section h2{font-size:25px}.example-grid,.checklist-grid{grid-template-columns:1fr}.example-grid{gap:19px}.worked-card{padding:19px;border-radius:15px}.worked-row,.worked-result{padding-top:11px;padding-bottom:11px}.worked-row strong{font-size:19px}.worked-result strong{font-size:24px}.comparison{font-size:12px;min-width:490px}.comparison td,.comparison th{padding:12px 13px}.checklist-grid label{padding:12px;font-size:12px}.editorial-note{padding:15px;font-size:12px}.hero-copy .lead{font-size:12px;line-height:1.65}.section{scroll-margin-top:68px}}
@media(prefers-reduced-motion:reduce){.check-meter span{transition:none}}

/* Mobile V2: side-by-side desktop comparison, stacked accessible mobile cards */
.mobile-comparison{display:none}
@media(max-width:700px){
 .knowledge .comparison-wrap{display:none}
 .mobile-comparison{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;min-width:0}
 .compare-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #cddfcf;border-radius:14px;box-shadow:0 7px 22px rgba(12,64,37,.045)}
 .compare-card h3{margin:0;padding:12px 15px;background:#103b2e;color:#fff;font:750 14px/1.45 Manrope,Arial,sans-serif;letter-spacing:0}
 .compare-answer{padding:12px 15px 11px;min-width:0}
 .compare-answer.alt{background:#f0f8ee;border-top:1px solid #e1eee1}
 .compare-answer strong{display:block;font:750 11px/1.4 Manrope,Arial,sans-serif;color:#167c53;margin:0 0 4px}
 .compare-answer p{font:400 12px/1.55 'DM Sans',Arial,sans-serif;color:#334d3f;margin:0;overflow-wrap:anywhere}
 .small-explainer{font-size:11px;line-height:1.6;margin-top:12px}
 .knowledge.section{padding-top:45px;padding-bottom:48px}
 .knowledge .section-top-dark{margin-bottom:14px}
 .knowledge .section-top-dark h2{font-size:clamp(22px,5.8vw,27px);line-height:1.22;letter-spacing:-.015em}
 .knowledge .section-top-dark p{line-height:1.55;font-size:12px}
 .mobile-cta{height:auto;min-height:44px;max-height:54px;padding:10px 14px;bottom:calc(8px + env(safe-area-inset-bottom));box-sizing:border-box}
 .footer{padding-bottom:95px}
 .worked-card,.feature,.term-cards>div,.compare-card{max-width:100%}
 .section h2{overflow-wrap:break-word}
}
@media(max-width:360px){
 .wrap{width:calc(100% - 28px)}
 .compare-card h3{font-size:13px;padding:11px 12px}
 .compare-answer{padding:10px 12px}
 .compare-answer p{font-size:11.5px}
 .mobile-cta{font-size:10px}
}