*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}:root{--navy:#060e18;--navy2:#0a1520;--navy3:#0e1c2a;--navy4:#162233;--navy5:#1e3045;--teal:#20b296;--teal2:#17907a;--teal3:#0e6b5c;--teal-dim:#20b2961f;--teal-dimb:#20b29638;--white:#fff;--offwhite:#e8f0ec;--muted:#e8f0ec80;--dim:#e8f0ec14;--dimb:#e8f0ec21;--font-head:"Syne",sans-serif;--font-body:"DM Sans",sans-serif}body{background:var(--navy);color:var(--offwhite);font-family:var(--font-body);overflow-x:hidden}canvas{display:block}.sec-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--teal);opacity:.85;margin-bottom:14px;font-size:10px}.sec-eyebrow.center{text-align:center}.sec-h2{font-family:var(--font-head);letter-spacing:-.02em;color:var(--white);margin-bottom:20px;font-size:clamp(32px,4.5vw,52px);font-weight:800;line-height:1.05}.revealed{animation:.75s cubic-bezier(.22,1,.36,1) both revealUp}@keyframes revealUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.nav{z-index:200;-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid var(--dimb);background:#060e18b8;justify-content:space-between;align-items:center;padding:18px 52px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;gap:9px;text-decoration:none;display:flex}.nav-logo-dot{background:var(--teal);width:8px;height:8px;box-shadow:0 0 8px var(--teal);border-radius:50%;animation:2.5s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.nav-logo-text{font-family:var(--font-head);letter-spacing:.18em;color:var(--white);font-size:13px;font-weight:800}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:11px;text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--teal);width:0;height:.5px;transition:width .25s;position:absolute;bottom:-3px;left:0}.nav-links a:hover{color:var(--white)}.nav-links a:hover:after{width:100%}.nav-cta{border:.5px solid var(--teal3);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);cursor:pointer;font-size:11px;font-family:var(--font-body);background:0 0;border-radius:7px;padding:9px 20px;transition:background .2s,border-color .2s}.nav-cta:hover{background:var(--teal-dim);border-color:var(--teal)}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--offwhite);border-radius:2px;width:22px;height:1.5px;display:block}.mobile-menu{z-index:199;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:.5px solid var(--dimb);background:#060e18f7;flex-direction:column;gap:6px;padding:16px 24px 20px;display:flex;position:fixed;top:60px;left:0;right:0}.mobile-menu a{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-bottom:.5px solid var(--dim);padding:10px 0;font-size:13px;text-decoration:none}.mobile-menu button{background:var(--teal);color:var(--navy);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);letter-spacing:.08em;border:none;border-radius:7px;margin-top:12px;padding:12px}.btn-primary{background:var(--teal);color:var(--navy);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body);letter-spacing:.05em;border:none;border-radius:8px;padding:13px 28px;transition:background .2s,transform .15s}.btn-primary:hover{background:var(--teal2);transform:translateY(-2px)}.btn-primary.full{width:100%}.btn-primary.btn-xl{border-radius:10px;padding:16px 40px;font-size:15px}.btn-ghost{border:.5px solid var(--dimb);color:var(--muted);cursor:pointer;font-size:13px;font-family:var(--font-body);letter-spacing:.03em;background:0 0;border-radius:8px;padding:13px 28px;transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:var(--teal-dimb);color:var(--teal)}.hero-sec{z-index:1;align-items:center;min-height:100vh;padding:0 10vw;display:flex;position:relative}.hero-inner{max-width:700px}.hero-badge{background:var(--teal-dim);border:.5px solid var(--teal-dimb);letter-spacing:.12em;color:var(--teal);text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-bottom:36px;padding:7px 16px;font-size:11px;animation:.8s cubic-bezier(.22,1,.36,1) .1s both revealUp;display:inline-flex}.hero-badge-dot{background:var(--teal);border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite dotPulse}.hero-h1{font-family:var(--font-head);letter-spacing:-.025em;color:var(--white);margin-bottom:28px;font-size:clamp(52px,8vw,100px);font-weight:800;line-height:.93;animation:.9s cubic-bezier(.22,1,.36,1) .2s both revealUp}.hero-h1-accent{color:var(--teal)}.hero-sub{color:var(--muted);margin-bottom:42px;font-size:16px;font-weight:300;line-height:1.8;animation:.9s cubic-bezier(.22,1,.36,1) .35s both revealUp}.hero-btns{gap:14px;animation:.9s cubic-bezier(.22,1,.36,1) .48s both revealUp;display:flex}.hero-scroll-hint{animation:1s .8s both revealUp;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.hero-scroll-hint span{background:linear-gradient(to bottom,var(--teal),transparent);width:1px;height:48px;animation:2s ease-in-out infinite scrollPulse;display:block}@keyframes scrollPulse{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}.sec-why{z-index:1;border-top:.5px solid var(--dim);justify-content:center;align-items:center;min-height:80vh;padding:100px 10vw;display:flex;position:relative}.why-inner{width:100%;max-width:680px}.why-timeline{margin-top:44px}.why-row{border-bottom:.5px solid var(--dim);align-items:center;gap:24px;padding:18px 0;animation:.5s both slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.why-row-line{background:var(--teal);opacity:.4;flex-shrink:0;width:32px;height:.5px}.why-row-text{font-family:var(--font-head);color:#e8f0ecb3;letter-spacing:-.01em;font-size:clamp(20px,3vw,30px);font-weight:700}.why-bridge{align-items:center;gap:24px;padding-top:28px;display:flex}.why-bridge-line{background:var(--teal);flex-shrink:0;width:32px;height:.5px}.why-bridge span{font-family:var(--font-head);color:var(--teal);letter-spacing:-.01em;font-size:clamp(22px,3.2vw,34px);font-weight:800}.sec-eco{z-index:1;border-top:.5px solid var(--dim);justify-content:center;align-items:center;min-height:90vh;padding:100px 10vw;display:flex;position:relative}.eco-inner{text-align:center;width:100%}.eco-sub{color:var(--muted);margin-bottom:52px;font-size:14px}.eco-diagram-wrap{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:40px;display:flex;position:relative}.eco-svg{filter:drop-shadow(0 0 40px #20b29614);width:min(560px,90vw);height:auto}.eco-tooltip{background:var(--navy3);border:.5px solid var(--teal-dimb);opacity:0;text-align:left;border-radius:12px;align-self:center;width:240px;padding:20px 22px;transition:opacity .3s,transform .3s;transform:translateY(6px)}.eco-tooltip-show{opacity:1;transform:translateY(0)}.eco-tooltip-title{font-family:var(--font-head);color:var(--teal);margin-bottom:10px;font-size:16px;font-weight:700}.eco-tooltip-desc{color:var(--muted);font-size:13px;line-height:1.75}.sec-solutions{z-index:1;border-top:.5px solid var(--dim);padding:100px 10vw;position:relative}.sol-inner{width:100%}.sol-grid{background:var(--dimb);border:.5px solid var(--dimb);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;display:grid;overflow:hidden}.sol-card{background:var(--navy2);cursor:default;padding:32px 26px;transition:background .2s;position:relative}.sol-card:hover{background:var(--navy3)}.sol-card:before{content:"";background:linear-gradient(90deg,transparent,var(--teal-dim),transparent);height:1px;position:absolute;top:0;left:0;right:0}.sol-icon{color:#20b29699;border:.5px solid var(--teal-dim);background:var(--teal-dim);border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:18px;font-size:20px;display:flex}.sol-title{font-family:var(--font-head);color:var(--white);margin-bottom:8px;font-size:15px;font-weight:700}.sol-desc{color:var(--muted);margin-bottom:18px;font-size:12px;line-height:1.7}.sol-tag{background:var(--teal-dim);border:.5px solid var(--teal3);letter-spacing:.14em;color:var(--teal);text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:9px;display:inline-flex}.sol-tag-dot{background:var(--teal);border-radius:50%;width:4px;height:4px;animation:2.5s ease-in-out infinite dotPulse}.sec-why2{z-index:1;border-top:.5px solid var(--dim);padding:100px 10vw;position:relative}.why2-inner{text-align:center}.why2-grid{background:var(--dimb);border:.5px solid var(--dimb);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:52px;display:grid;overflow:hidden}.why2-block{background:var(--navy2);text-align:left;padding:40px 28px;transition:background .2s}.why2-block:hover{background:var(--navy3)}.why2-num{font-family:var(--font-head);letter-spacing:.2em;color:var(--teal);opacity:.6;margin-bottom:20px;font-size:11px;font-weight:800}.why2-title{font-family:var(--font-head);color:var(--white);margin-bottom:10px;font-size:18px;font-weight:800;line-height:1.2}.why2-sub{color:var(--muted);font-size:12px;line-height:1.7}.sec-principles{z-index:1;border-top:.5px solid var(--dim);text-align:center;justify-content:center;align-items:center;min-height:60vh;padding:80px 10vw;display:flex;position:relative;overflow:hidden}.pr-inner{width:100%}.principle-word{font-family:var(--font-head);letter-spacing:-.03em;background:linear-gradient(135deg,var(--white)20%,var(--teal)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:32px;font-size:clamp(64px,12vw,140px);font-weight:800;line-height:1;animation:.4s both fadeWord}@keyframes fadeWord{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sec-careers{z-index:1;border-top:.5px solid var(--dim);padding:100px 10vw;position:relative}.careers-sub{color:var(--muted);max-width:480px;margin-bottom:44px;font-size:15px;font-weight:300;line-height:1.75}.role-list{flex-direction:column;gap:8px;max-width:680px;display:flex}.role-row{background:var(--navy2);border:.5px solid var(--dimb);border-radius:10px;justify-content:space-between;align-items:center;padding:18px 22px;transition:background .2s,border-color .2s;display:flex}.role-row:hover{background:var(--navy3);border-color:var(--teal-dimb)}.role-row-l{align-items:center;gap:14px;display:flex}.role-dot{background:var(--teal);opacity:.5;border-radius:50%;width:5px;height:5px}.role-name{color:var(--offwhite);font-size:14px;font-weight:500}.role-type{color:var(--muted);letter-spacing:.05em;margin-top:2px;font-size:11px}.role-badge{background:var(--teal-dim);border:.5px solid var(--teal3);letter-spacing:.14em;color:var(--teal);text-transform:uppercase;border-radius:999px;padding:4px 14px;font-size:9px}.sec-finalcta{z-index:1;text-align:center;border-top:.5px solid var(--dim);justify-content:center;align-items:center;min-height:80vh;padding:100px 10vw;display:flex;position:relative;overflow:hidden}.sec-finalcta:before{content:"";pointer-events:none;background:radial-gradient(#20b2960f 0%,#0000 70%);position:absolute;inset:0}.cta-inner{z-index:1;position:relative}.cta-h2{font-family:var(--font-head);letter-spacing:-.02em;color:var(--white);margin-bottom:40px;font-size:clamp(36px,5.5vw,70px);font-weight:800;line-height:1.08}.cta-h2 span{color:var(--teal)}.sec-contact{z-index:1;border-top:.5px solid var(--dim);flex-direction:column;align-items:center;padding:100px 10vw;display:flex;position:relative}.con-inner{width:100%;max-width:520px}.contact-card{background:var(--navy2);border:.5px solid var(--dimb);border-radius:18px;margin-top:44px;padding:44px;position:relative;overflow:hidden}.contact-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#20b2960f,#0000 70%);width:280px;height:280px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.inp{background:var(--navy3);border:.5px solid var(--dimb);width:100%;color:var(--offwhite);font-size:13px;font-family:var(--font-body);border-radius:8px;outline:none;margin-bottom:10px;padding:12px 16px;transition:border-color .2s;display:block}.inp::placeholder{color:#e8f0ec33}.inp:focus{border-color:var(--teal3)}.inp-ta{resize:none;height:96px}.contact-ok{color:var(--teal);letter-spacing:.05em;text-align:center;margin-top:14px;font-size:12px}.footer{z-index:1;border-top:.5px solid var(--dim);justify-content:space-between;align-items:flex-start;gap:32px;padding:36px 10vw;display:flex;position:relative}.footer-logo{font-family:var(--font-head);letter-spacing:.18em;color:#e8f0ec4d;font-size:13px;font-weight:800}.footer-tagline{color:#e8f0ec33;letter-spacing:.05em;margin-top:5px;font-size:11px}.footer-links{align-items:center;gap:28px;list-style:none;display:flex}.footer-links a{letter-spacing:.1em;text-transform:uppercase;color:#e8f0ec40;cursor:pointer;font-size:11px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--teal)}.footer-right{text-align:right}.footer-email{color:var(--teal);letter-spacing:.04em;margin-bottom:5px;font-size:12px;text-decoration:none;transition:opacity .2s;display:block}.footer-email:hover{opacity:.75}.footer-copy{color:#e8f0ec33;font-size:11px}@media (max-width:900px){.nav{padding:16px 24px}.nav-links,.nav-cta{display:none}.hamburger{display:flex}.hero-sec{padding:80px 6vw 0}.sec-why,.sec-eco,.sec-solutions,.sec-why2,.sec-principles,.sec-careers,.sec-finalcta,.sec-contact{padding-left:6vw;padding-right:6vw}.footer{flex-direction:column;gap:24px}.footer-right{text-align:left}.sol-grid,.why2-grid{grid-template-columns:1fr 1fr}.eco-tooltip{width:100%}.hero-btns{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.sol-grid,.why2-grid{grid-template-columns:1fr}.hero-h1{font-size:48px}.footer-links{flex-wrap:wrap;gap:16px}}