:root { --ink:#14213D; --blue:#2563EB; --teal:#14B8A6; --mist:#EDF2F7; --silver:#7B8794; --white:#fff; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif} a{color:inherit;text-decoration:none} p{line-height:1.7} h1,h2,h3,p{margin-top:0} section{scroll-margin-top:90px}.site-header{height:84px;padding:0 clamp(24px,6vw,92px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3eb;position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);z-index:20}.brand{display:flex;align-items:center}.brand-logo{display:block;width:190px;height:auto}nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700}nav a:not(.nav-contact){position:relative}nav a:not(.nav-contact):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--teal);transition:.2s}nav a:hover:after{right:0}.nav-contact{border:1px solid var(--ink);padding:12px 20px;transition:.2s}.nav-contact:hover{background:var(--ink);color:#fff}
.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1.04fr .96fr;align-items:center;padding:80px clamp(24px,6vw,92px);position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0 55%,#f6f8fb 55%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#14213D0b 1px,transparent 1px),linear-gradient(90deg,#14213D0b 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent 35%,black)}.hero-copy{position:relative;z-index:2;max-width:720px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:800;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow span{width:28px;height:2px;background:var(--teal)}h1{font-size:clamp(50px,6vw,87px);line-height:.99;letter-spacing:-.055em;margin:28px 0 30px;font-weight:720}h1 em{font-style:normal;color:var(--blue)}.hero-lead{max-width:620px;color:#526173;font-size:18px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;font-size:13px;font-weight:800;letter-spacing:.03em;transition:.25s}.button.primary{background:var(--ink);color:#fff;padding:17px 21px;min-width:205px}.button.primary:hover{background:var(--blue);transform:translateY(-2px)}.button.text{border-bottom:1px solid #cbd4df;padding:15px 0}.button.text:hover{border-color:var(--blue);color:var(--blue)}.hero-visual{height:620px;position:relative;display:grid;place-items:center;z-index:1;background:#fff}.hero-mark{width:min(33vw,440px);height:auto;filter:drop-shadow(0 30px 25px #14213D16)}.orbit{position:absolute;border:1px solid #2563EB20;border-radius:50%;pointer-events:none}.orbit-a{width:560px;height:560px}.orbit-b{width:400px;height:400px;border-color:#14B8A632}.float-label{position:absolute;background:#fff;border:1px solid #dce3eb;box-shadow:0 14px 30px #14213D12;padding:10px 14px;font-size:9px;letter-spacing:.18em;font-weight:800}.label-one{top:18%;left:7%}.label-two{right:1%;top:46%}.label-three{bottom:13%;left:18%}.hero-index{position:absolute;bottom:25px;right:6vw;font-size:10px;letter-spacing:.15em;color:var(--silver);display:flex;align-items:center;gap:12px}.hero-index span{width:44px;height:1px;background:#b6c1ce}
.hero-copy>*{opacity:0;transform:translateY(20px);animation:heroIn .75s cubic-bezier(.2,.7,.2,1) forwards}.hero-copy>.eyebrow{animation-delay:.1s}.hero-copy>h1{animation-delay:.22s}.hero-copy>.hero-lead{animation-delay:.36s}.hero-copy>.hero-actions{animation-delay:.5s}.hero-mark{opacity:0;transform:scale(.88) rotate(-2deg);animation:markIn 1.1s .28s cubic-bezier(.17,.75,.25,1) forwards}.orbit-a{animation:orbitPulse 7s ease-in-out infinite}.orbit-b{animation:orbitPulse 7s 1.2s ease-in-out infinite reverse}.float-label{animation:labelFloat 5s ease-in-out infinite}.label-two{animation-delay:-1.8s}.label-three{animation-delay:-3.1s}.hero-sparks i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--teal);z-index:2;box-shadow:0 0 0 7px #14B8A612;animation:spark 5s ease-in-out infinite}.hero-sparks i:nth-child(1){left:16%;top:28%}.hero-sparks i:nth-child(2){right:12%;top:19%;animation-delay:-1s;background:var(--blue)}.hero-sparks i:nth-child(3){right:6%;bottom:25%;animation-delay:-2.4s}.hero-sparks i:nth-child(4){left:10%;bottom:18%;animation-delay:-3.3s;background:var(--blue)}.hero-sparks i:nth-child(5){right:20%;bottom:8%;animation-delay:-4.2s}
.button{position:relative;overflow:hidden}.button:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff32 48%,transparent 75%);transform:translateX(-130%);transition:transform .65s}.button:hover:after{transform:translateX(130%)}
.section-number{font-size:10px;letter-spacing:.23em;font-weight:800;color:var(--blue)}.statement{padding:130px clamp(24px,9vw,150px);display:grid;grid-template-columns:1fr 2.1fr;gap:60px;border-top:1px solid #e2e8ef}.statement h2,.section-heading h2,.future h2,.contact h2{font-size:clamp(35px,4vw,58px);line-height:1.08;letter-spacing:-.04em}.statement>div{max-width:790px}.statement>div>p{font-size:18px;color:#526173;max-width:700px}.statement>div>p:first-of-type{font-size:22px;color:var(--ink)}
.conviction{padding:120px clamp(24px,9vw,150px);background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 2.1fr;gap:60px;position:relative;overflow:hidden}.conviction:after{content:"";position:absolute;width:360px;height:360px;border:1px solid #ffffff15;border-radius:50%;right:-120px;top:-150px;box-shadow:0 0 0 70px #ffffff08}.conviction .section-number{color:#8fa6c9}.conviction .eyebrow{color:var(--teal)}.conviction h2{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.045em;max-width:800px;margin:28px 0 42px}.conviction-text{display:grid;grid-template-columns:1fr 1fr;gap:45px;max-width:820px}.conviction-text p{color:#c3cedd;font-size:17px}.conviction-text p:first-child{color:#fff;font-size:20px}.conviction-note{position:absolute;left:clamp(24px,9vw,150px);bottom:35px;font-size:9px;letter-spacing:.18em;color:#879ab7;text-transform:uppercase}
.order-visual{position:absolute;width:240px;height:170px;right:3.5vw;bottom:25px;opacity:.48}.order-visual i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px #14B8A615;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.order-visual i:nth-child(1){left:5px;top:15px;transform:translate(-50px,-20px)}.order-visual i:nth-child(2){left:110px;top:6px;transform:translate(40px,-45px)}.order-visual i:nth-child(3){right:5px;top:52px;transform:translate(60px,20px)}.order-visual i:nth-child(4){left:30px;bottom:12px;transform:translate(-55px,35px)}.order-visual i:nth-child(5){left:115px;bottom:28px;transform:translate(15px,70px)}.order-visual i:nth-child(6){right:12px;bottom:4px;transform:translate(70px,40px)}.conviction.revealed .order-visual i{transform:translate(0,0)}.order-visual span{position:absolute;height:1px;background:#14B8A670;transform-origin:left;transform:scaleX(0);transition:transform .9s .55s ease}.order-visual span:nth-of-type(1){width:110px;left:12px;top:21px;rotate:-5deg}.order-visual span:nth-of-type(2){width:115px;left:116px;top:14px;rotate:22deg}.order-visual span:nth-of-type(3){width:190px;left:35px;bottom:18px;rotate:-2deg}.conviction.revealed .order-visual span{transform:scaleX(1)}
.principles{padding:120px clamp(24px,6vw,92px);background:var(--mist)}.section-heading{display:grid;grid-template-columns:1fr 2.1fr;gap:60px;margin-bottom:65px}.section-heading h2{max-width:680px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff}.principle-grid article{padding:42px 38px;min-height:370px;border-right:1px solid #dce3eb;position:relative;transition:transform .35s,box-shadow .35s,background .35s;overflow:hidden}.principle-grid article:after{content:"";position:absolute;width:100px;height:100px;border:1px solid #2563EB25;border-radius:50%;right:-52px;bottom:-52px;transition:.4s}.principle-grid article:hover{transform:translateY(-10px);box-shadow:0 25px 50px #14213D14;z-index:2;background:#fff}.principle-grid article:hover:after{width:170px;height:170px;border-color:#14B8A645}.principle-grid article:last-child{border:0}.principle-grid article>span{position:absolute;right:28px;top:25px;font-size:10px;color:#9aa7b5}.principle-grid article>b{position:absolute;right:28px;bottom:22px;color:var(--teal);opacity:0;transform:translate(-8px,8px);transition:.3s}.principle-grid article:hover>b{opacity:1;transform:translate(0,0)}.principle-grid h3{font-size:26px;margin:35px 0 14px}.principle-grid p{color:#627082;font-size:15px}.mini-icon{height:62px;width:62px;margin-top:35px;position:relative;transition:transform .35s}.principle-grid article:hover .mini-icon{transform:rotate(-4deg) scale(1.08)}.mini-icon:before,.mini-icon:after{content:"";position:absolute}.square{border:2px solid var(--ink);box-shadow:8px 8px 0 #2563EB20}.links:before,.links:after{width:34px;height:34px;border:2px solid var(--blue);border-radius:50%}.links:after{left:24px;top:20px;border-color:var(--teal)}.open{border:2px solid var(--ink);border-top-color:transparent;transform:rotate(45deg)}.principle-grid article:hover .open{transform:rotate(52deg) scale(1.08)}.open:after{width:8px;height:8px;border-radius:50%;background:var(--teal);top:-5px;right:-5px}
.solution{background:#0E3053;color:#fff;padding:135px clamp(24px,8vw,130px) 115px;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;overflow:hidden;position:relative;background-image:radial-gradient(#007CB026 1px,transparent 1px);background-size:30px 30px}.solution:before{content:"";position:absolute;left:-5%;right:-5%;top:-62px;height:100px;background:var(--mist);border-radius:0 0 50% 50%;border-bottom:5px solid #F18701}.section-number.light{color:#8eb6d0}.product-kicker{font-size:10px;letter-spacing:.24em;color:#F18701;font-weight:800;margin-top:65px}.ventus-logo-white{display:block;width:min(390px,82%);height:auto;margin:24px 0 25px}.solution h3{font-size:27px;max-width:540px;line-height:1.35}.solution-copy>p:not(.section-number):not(.product-kicker){color:#c0d2df;max-width:590px}.button.white{background:#fff;color:#0E3053;padding:17px 21px;margin-top:22px}.button.white:hover{background:#F18701;color:#fff}.product-card{background:#fff;color:#0E3053;min-height:420px;padding:26px;box-shadow:30px 30px 0 #F18701;transform:rotate(2deg);display:flex;flex-direction:column;justify-content:space-between;transition:transform .5s,box-shadow .5s}.solution.revealed .product-card{animation:cardSettle .8s .25s both}.product-card:hover{transform:rotate(0) translateY(-8px);box-shadow:20px 26px 0 #F18701}.product-top,.product-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em}.product-center{text-align:center}.product-center img{width:85%;max-width:430px;height:auto}.product-center p{font-size:18px;font-weight:700;line-height:1.35;margin:30px auto 0;max-width:380px;color:#5d6d7d}
.future{padding:125px clamp(24px,9vw,150px);display:grid;grid-template-columns:1fr 2.1fr;gap:60px}.future>div{max-width:790px}.future .eyebrow{color:var(--teal)}.future h2{margin-top:28px}.future>div>p:last-child{max-width:650px;color:#5c697b;font-size:18px}.contact{padding:120px clamp(24px,8vw,130px);background:var(--mist);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start}.contact-intro{position:sticky;top:120px}.contact-mark{width:84px;height:auto;margin-bottom:25px}.contact h2{font-size:clamp(42px,5vw,68px);margin:25px 0}.contact-intro>p:not(.eyebrow){color:#647184}.contact-email{margin-top:42px;font-size:14px}.contact-email a{color:var(--blue);font-weight:700;border-bottom:1px solid #2563EB40}.contact-email a:hover{border-color:var(--blue)}.contact-form{background:#fff;padding:42px;box-shadow:0 24px 60px #14213D12;display:grid;grid-template-columns:1fr 1fr;gap:25px}.field{display:flex;flex-direction:column;gap:9px}.field-wide{grid-column:1/-1}.field label{font-size:12px;font-weight:800;letter-spacing:.02em}.field label span,.consent b{color:var(--blue)}.field label small{font-size:10px;font-weight:400;color:#7b8794;margin-left:6px}.field input,.field textarea{width:100%;border:1px solid #cbd4df;background:#fff;color:var(--ink);font:inherit;font-size:15px;padding:14px 15px;border-radius:0;outline:0;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:145px}.field input:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563EB12}.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:#b42318}.field-hint{font-size:10px;color:#7b8794;margin:0}.form-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;color:#647184}.consent input{margin-top:3px;accent-color:var(--blue)}.form-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.contact-form .button{border:0;cursor:pointer;font-family:inherit}.contact-form .button:disabled{opacity:.65;cursor:wait;transform:none}.form-status{font-size:13px;line-height:1.5;margin:0;flex:1;min-width:200px}.form-status.success{color:#087568}.form-status.error{color:#b42318}
footer{padding:60px clamp(24px,6vw,92px) 28px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;align-items:start;font-size:12px;color:#687687}.footer-logo{display:block;width:210px;height:auto}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links a:hover{color:var(--blue)}.copyright{grid-column:1/-1;border-top:1px solid #e1e7ee;padding-top:25px;margin-top:25px;font-size:10px}.footer-brand{color:var(--ink)}
.reveal-block>*:not(.order-visual){opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal-block.revealed>*:not(.order-visual){opacity:1;transform:translateY(0)}.reveal-block.revealed>*:nth-child(2){transition-delay:.1s}.reveal-block.revealed>*:nth-child(3){transition-delay:.18s}.principle-grid article:nth-child(2){transition-delay:.07s}.principle-grid article:nth-child(3){transition-delay:.14s}
.no-js .reveal-block>*{opacity:1!important;transform:none!important}
@keyframes heroIn{to{opacity:1;transform:translateY(0)}}@keyframes markIn{to{opacity:1;transform:scale(1) rotate(0)}}@keyframes orbitPulse{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.04);opacity:1}}@keyframes labelFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes spark{0%,100%{transform:translateY(0) scale(.8);opacity:.35}50%{transform:translateY(-16px) scale(1);opacity:1}}@keyframes cardSettle{from{opacity:0;transform:rotate(5deg) translateY(35px)}to{opacity:1;transform:rotate(2deg) translateY(0)}}
@media(max-width:850px){nav a:not(.nav-contact){display:none}.site-header{padding:0 20px}.hero{grid-template-columns:1fr;background:#fff;padding-top:70px}.hero-visual{height:420px}.hero-mark{width:300px}.orbit-a{width:390px;height:390px}.orbit-b{width:290px;height:290px}.statement,.section-heading,.future,.conviction,.contact{grid-template-columns:1fr;gap:25px}.contact-intro{position:static;margin-bottom:25px}.conviction-text{grid-template-columns:1fr;gap:8px}.conviction-note{position:static;grid-column:1/-1;margin:12px 0 0}.principle-grid{grid-template-columns:1fr}.principle-grid article{border-right:0;border-bottom:1px solid #dce3eb;min-height:auto}.solution{grid-template-columns:1fr}.product-card{margin-top:20px}.statement,.conviction,.principles,.solution,.future,.contact{padding-top:85px;padding-bottom:85px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:520px){.brand-logo{width:145px}.nav-contact{padding:10px 13px}h1{font-size:46px}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.hero-visual{height:340px}.hero-mark{width:240px}.orbit-a{width:310px;height:310px}.orbit-b{width:220px;height:220px}.float-label{display:none}.statement>div>p:first-of-type{font-size:19px}.product-card{min-height:340px}.product-center img{width:92%}.contact-form{padding:25px;grid-template-columns:1fr}.contact-form .field{grid-column:1/-1}.form-actions{align-items:stretch;flex-direction:column}.form-actions .button{width:100%}footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-copy>*,.hero-mark,.reveal-block>*{opacity:1!important;transform:none!important}}