@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&family=Roboto+Mono:wght@400;500&display=swap");:root{--green:#86BE59;--green-dark:#6FA844;--green-soft:#F2F8EC;--white:#FFFFFF;--ink:#2B2A2A;--ink-soft:#6B6A6A;--purple:#59518C;--purple-soft:#EFEDF5;--line:#ECECEC;--radius:14px;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;font-weight:400;color:var(--ink);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}.container{max-width:1280px;margin:0 auto;padding:0 32px}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(89,81,140,.95)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);display:block!important}.nav-inner{justify-content:space-between!important;height:86px!important}.nav-inner,.nav-links{display:flex!important;align-items:center!important}.nav-links{gap:32px!important}.nav-links a{color:rgba(255,255,255,.85)!important;font-size:14px!important;font-weight:500!important;text-decoration:none!important;transition:color .2s}.nav-links a:hover{color:#fff!important}.nav-cta{background:var(--ink)!important;color:var(--white)!important;padding:10px 20px!important;border-radius:100px!important;font-size:14px!important;font-weight:500!important;text-decoration:none!important;transition:all .2s}.nav-cta:hover{background:var(--green)!important;color:var(--ink)!important}.trust{padding:40px 0 80px;border-bottom:1px solid var(--line)}.trust-label{text-align:center;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:32px;font-weight:500}.trust-products{justify-content:center;gap:48px;flex-wrap:wrap}.product-pill,.trust-products{display:flex;align-items:center}.product-pill{font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--ink);padding:10px 24px;border-radius:100px;border:1px solid var(--line);transition:all .4s var(--ease);cursor:default;gap:12px;background:var(--white)}.product-pill:hover{border-color:var(--green);transform:translateY(-4px);box-shadow:0 20px 40px -12px rgba(111,168,68,.25)}.product-pill:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--green);transition:transform .4s var(--ease)}.product-pill:nth-child(2):before{background:var(--purple)}.product-pill:nth-child(3):before{background:var(--ink)}.product-pill:hover:before{transform:rotate(45deg)}.logo img{height:52px!important;transition:transform .3s var(--ease)}.logo:hover img{transform:scale(1.02)}.marquee{background:var(--purple);padding:22px 0;overflow:hidden}.marquee-track{display:flex;gap:48px;animation:scroll-x 35s linear infinite;width:max-content}.marquee-item{display:flex;align-items:center;gap:48px;font-size:18px;font-weight:700;color:var(--white);white-space:nowrap}.dot-sep{width:6px;height:6px;background:var(--green);border-radius:50%}.stats{padding:120px 0;background:var(--ink);color:var(--white);position:relative;overflow:hidden}.stats-header{margin-bottom:80px;max-width:800px}.stats-header h2{font-size:clamp(32px,4.5vw,56px);font-weight:900;line-height:1.1;letter-spacing:-.02em}.stats-header h2 em{font-style:italic;color:var(--green);font-family:serif}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.stat-num{font-size:64px;font-weight:900;letter-spacing:-.02em;margin-bottom:8px;display:flex;align-items:baseline}.stat-num .plus{color:var(--green);font-size:40px;margin-left:2px}.stat-label{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5);font-weight:500}.logo{height:70px!important;position:relative;flex-shrink:0}.logo,.logo a{display:flex!important;align-items:center!important}.logo a{text-decoration:none!important}.logo a,.logo img{height:100%!important}.logo img{width:auto!important;max-height:70px!important;max-width:250px!important;display:block!important;object-fit:contain;transition:opacity .2s}.logo:hover img{opacity:.85}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:100px;font-weight:500;font-size:15px;transition:all .25s var(--ease);border:none;cursor:pointer}.btn-primary{background:var(--ink);color:var(--white)}.btn-primary:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(111,168,68,.5)}.btn-secondary{background:var(--white);color:var(--ink);border:1px solid var(--line)}.btn-secondary:hover{background:var(--line);transform:translateY(-2px)}.hero{padding:160px 0 120px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--purple);background:var(--purple-soft);padding:8px 14px;border-radius:100px;margin-bottom:28px}h1.hero-title{font-size:clamp(40px,5.5vw,76px);font-weight:900;line-height:1.02;letter-spacing:-.035em;margin-bottom:24px;color:var(--ink)}h1.hero-title .accent{color:var(--green-dark);font-style:italic;font-weight:700}h1.hero-title .strike{position:relative;display:inline-block}h1.hero-title .strike:after{content:"";position:absolute;left:0;right:0;bottom:.12em;height:.18em;background:var(--green);z-index:-1;opacity:.55}.hero-sub{font-size:18px;color:var(--ink-soft);margin-bottom:40px;max-width:520px;line-height:1.6}.hero-copy{max-width:560px}.hero-cta-row{gap:16px;flex-wrap:wrap}.hero-cta-row,.hero-visual{display:flex;align-items:center}.hero-visual{position:relative;justify-content:center}.hero-canvas{width:100%;max-width:600px;aspect-ratio:600/480;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,var(--purple-soft) 0,var(--green-soft) 100%);position:relative;box-shadow:0 40px 100px -20px rgba(89,81,140,.25)}.port-scene{width:100%;height:100%;display:block}.chip{position:absolute;background:white;border-radius:12px;padding:10px 14px;box-shadow:0 8px 24px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:2px;font-size:11px;z-index:2}.chip .label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.chip .val{font-size:15px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px}.chip .dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block}.chip-1{top:16%;left:-5%}.chip-2{top:12%;right:-5%}.chip-3{bottom:18%;right:-5%}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.scan-beam{animation:scan-sweep 4s ease-in-out infinite}@keyframes scan-sweep{0%{transform:translateX(-20px)}to{transform:translateX(620px)}}.ripple-1{animation:wave 6s ease-in-out infinite}.ripple-2{animation:wave 6s ease-in-out 1s infinite}.ripple-3{animation:wave 6s ease-in-out 2s infinite}@keyframes wave{0%,to{d:path("M 0 290 Q 50 287, 100 290 T 200 290 T 300 290 T 400 290 T 500 290 T 600 290")}50%{d:path("M 0 292 Q 50 289, 100 292 T 200 288 T 300 292 T 400 289 T 500 292 T 600 289")}}.dp{animation:blink 2.5s ease-in-out infinite}.dp-1{animation-delay:0s}.dp-2{animation-delay:.5s}.dp-3{animation-delay:1s}.dp-4{animation-delay:1.5s}.dp-5{animation-delay:2s}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.trolley{animation:trolley-slide 5s ease-in-out infinite alternate}@keyframes trolley-slide{0%{transform:translateX(-60px)}to{transform:translateX(60px)}}.truck{animation:truck-drive 12s linear infinite;transform:translate(620px,360px)}@keyframes truck-drive{0%{transform:translate(620px,360px)}to{transform:translate(-50px,360px)}}.distant-ship{animation:ship-sail 20s linear infinite}@keyframes ship-sail{0%{transform:translateX(-100px)}to{transform:translateX(700px)}}.products-stack .container{height:350vh;position:relative}.stack-grid{position:sticky;top:76px;height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}.stack-card{position:absolute;inset:0;transform:translateY(120px) scale(.96);opacity:0;transition:transform .7s var(--ease),opacity .5s var(--ease)}.stack-card.active{transform:translateY(0) scale(1);opacity:1}.stack-card.behind{transform:translate(-16px,-20px) scale(.94);opacity:1}.h-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 30px 80px -20px rgba(0,0,0,.18)}.cta-band,.h-card{background:var(--white)}.cta-band{padding:140px 0}.cta-inner{background:var(--ink);border-radius:28px;padding:80px 64px;color:var(--white);display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;position:relative;overflow:hidden}.cta-inner .btn.btn-primary:hover{background:var(--white)!important;color:var(--ink)!important;transform:translateY(-2px)}.cta-inner:before{content:"";position:absolute;top:-200px;right:-150px;width:500px;height:500px;background:radial-gradient(circle,var(--green) 0,transparent 65%);opacity:.25;pointer-events:none}.cta-inner h2{font-size:clamp(30px,3.4vw,46px);font-weight:900;letter-spacing:-.03em;line-height:1.05;margin-bottom:20px;position:relative}.cta-inner h2 em{font-style:italic;color:var(--green);font-weight:700}.cta-inner p{font-size:16px;color:rgba(255,255,255,.7);margin-bottom:32px;max-width:480px;position:relative}.cta-inner .btn-primary{background:var(--green);color:var(--ink);position:relative}.cta-inner .btn-primary:hover{background:var(--white)}.cta-faq{display:flex;flex-direction:column;gap:4px;position:relative}.faq-item{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;cursor:pointer;transition:all .25s var(--ease)}.faq-item:last-child{border-bottom:1px solid rgba(255,255,255,.12)}.faq-q{justify-content:space-between;gap:16px;font-weight:500}.faq-q,.faq-q span.icon{display:flex;align-items:center;font-size:14px}.faq-q span.icon{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.25);justify-content:center;transition:all .25s var(--ease);flex-shrink:0}.faq-item:hover .faq-q span.icon{background:var(--green);color:var(--ink);border-color:var(--green)}.faq-a{max-height:0;overflow:hidden;transition:all .4s var(--ease);font-size:14px;line-height:1.6;color:rgba(255,255,255,.6)}.faq-item.active .faq-a{max-height:200px;padding-top:16px}.faq-item.active .faq-q span.icon{transform:rotate(180deg);background:var(--green);color:var(--ink);border-color:var(--green)}.site-footer{padding:120px 0 60px;background:var(--ink);color:var(--white)}.footer-main-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:60px;margin-bottom:80px}.footer-links-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:14px}.footer-links-col ul li a{color:rgba(255,255,255,.7);font-size:14px;text-decoration:none;transition:color .3s}.footer-links-col ul li a:hover{color:var(--white)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:translateY(0)}