:root{--navy-900:#06205a;--navy-800:#0b2a6f;--navy-700:#0f3a8c;--blue-600:#1557b0;--blue-500:#1d74d8;--teal-700:#06506b;--teal-600:#0a6b86;--green-700:#1f7a30;--green-600:#2e9d3a;--green-500:#43b049;--lime-400:#8bd35a;--sky-50:#f3faff;--sky-100:#e4f4fd;--sky-200:#c9e8fa;--ink-900:#0d1b33;--ink-700:#2a3a55;--ink-500:#56657d;--line:#e3ebf3;--white:#fff;--grad-brand:linear-gradient(90deg, var(--navy-700) 0%, var(--blue-600) 45%, var(--green-600) 100%);--grad-text:linear-gradient(90deg, var(--navy-800) 0%, var(--teal-600) 45%, var(--green-600) 90%);--grad-stats:linear-gradient(100deg, #0a3f7a 0%, #0a5b80 45%, #0c6d80 70%, #1b7d5c 100%);--font:"Aptos", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-script:"Caveat", "Segoe Script", cursive;--radius-sm:10px;--radius:16px;--radius-lg:24px;--shadow-sm:0 2px 10px #0c2a5a0f;--shadow:0 10px 30px #0c2a5a1a;--shadow-lg:0 24px 60px #0c2a5a29;--container:1360px;--gutter:clamp(16px, 4vw, 40px);--nav-h:84px;--offer-h:0px;--header-h:calc(var(--nav-h) + var(--offer-h));--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.25, .8, .25, 1);--ease-bounce:cubic-bezier(.34, 1.4, .64, 1)}*,:before,:after{box-sizing:border-box}html.has-offer{--offer-h:40px}@media (width<=640px){html.has-offer{--offer-h:36px}}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) - 8px);-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink-700);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}main{overflow-x:clip}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}h1,h2,h3,h4{color:var(--navy-800);letter-spacing:-.01em;margin:0;line-height:1.12}p{margin:0}:focus-visible{outline:3px solid var(--green-500);outline-offset:3px;border-radius:6px}.skip-link{top:-60px;z-index:200;background:var(--navy-800);color:#fff;border-radius:8px;padding:10px 16px;transition:top .2s;position:fixed;inset-inline-start:16px}.skip-link:focus{top:12px}main .container,.footer .container{z-index:1;position:relative}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:clamp(48px,6vw,80px)}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--blue-600);font-size:13px;font-weight:600;display:inline-block}.section-head{max-width:680px;margin-bottom:clamp(28px,3.5vw,44px)}.section-head.center{text-align:center;margin-inline:auto}.section-title{text-wrap:balance;margin-top:12px;font-size:clamp(28px,3.6vw,42px);font-weight:700}.section-lead{color:var(--ink-500);margin-top:14px;font-size:clamp(15px,1.4vw,17px)}.nowrap{white-space:nowrap}.text-grad{background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{white-space:nowrap;min-height:48px;transition:transform .3s var(--ease-spring), box-shadow .3s var(--ease-spring), background-position .45s ease;will-change:transform, box-shadow;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 28px;font-size:16px;font-weight:600;line-height:1.2;display:inline-flex;position:relative}.btn svg{transition:transform .3s var(--ease-spring);will-change:transform}.btn:hover svg{transform:translate(5px)}[dir=rtl] .btn:hover svg{transform:translate(-5px)}.btn:active{transform:scale(.97)translateY(1px)}.btn-primary{color:#fff;background:linear-gradient(90deg, var(--navy-700), var(--blue-600) 40%, var(--green-600) 80%, var(--green-500));background-size:180% 100%;box-shadow:0 10px 24px #1557b047}.btn-primary:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 14px 32px #2e9d3a57}.btn-primary:active{transform:translateY(0)scale(.97);box-shadow:0 6px 16px #2e9d3a40}.btn-lg{min-height:52px;padding-inline:32px}.btn-sm{min-height:40px;padding:8px 20px;font-size:14px}@media (pointer:coarse){.btn-sm{min-height:44px}}.reveal{opacity:0;transition:opacity .75s var(--ease-spring), transform .75s var(--ease-spring);transition-delay:var(--d,0s);will-change:opacity, transform;backface-visibility:hidden;transform:translateY(32px)}.reveal.is-visible{opacity:1;transform:translateY(0)scale(1)}.reveal--fade{transition:opacity .7s var(--ease-smooth);transform:none}.reveal--fade.is-visible{opacity:1}.reveal--scale{opacity:0;transition:opacity .75s var(--ease-spring), transform .75s var(--ease-spring);transition-delay:var(--d,0s);will-change:opacity, transform;transform:scale(.92)translateY(16px)}.reveal--scale.is-visible{opacity:1;transform:scale(1)translateY(0)}.reveal--left{opacity:0;transition:opacity .8s var(--ease-spring), transform .8s var(--ease-spring);transition-delay:var(--d,0s);will-change:opacity, transform;transform:translate(-36px)}.reveal--left.is-visible{opacity:1;transform:translate(0)}.reveal--right{opacity:0;transition:opacity .8s var(--ease-spring), transform .8s var(--ease-spring);transition-delay:var(--d,0s);will-change:opacity, transform;transform:translate(36px)}.reveal--right.is-visible{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal,.reveal--scale,.reveal--fade,.reveal--left,.reveal--right{opacity:1!important;transform:none!important}}@media (width<=1100px){:root{--nav-h:72px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--blue-500), var(--green-500));border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--navy-700), var(--green-600))}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:var(--blue-500) transparent}}[dir=rtl] :is(.lucide-arrow-right,.lucide-arrow-left,.lucide-chevron-right,.lucide-chevron-left){scale:-1 1}[dir=rtl] .hero__bg{transform:scaleX(-1)}[dir=rtl] .sustain-card:hover{transform:translate(-6px)}@media (width<=1100px){[dir=rtl] .nav{transform:translate(-100%)}[dir=rtl] .header--open .nav{transform:none}[dir=rtl] .nav__link:after{transform-origin:100%}}
