/* A continuous midnight canvas, from the opening light to the final invitation. */
:root{--canvas:#02060f;--glass-line:#b9dafc30;--copy:#bccbde;--warm:#f5b869;--cool:#70c7ff}
body{background:var(--canvas);color:#f6f8ff}main{background:radial-gradient(ellipse 75% 20% at 75% 39%,#07375d55,transparent 85%),radial-gradient(ellipse 80% 18% at 22% 73%,#00345a50,transparent 85%),#02060f}
.experience,.orchestrate,.build{background:transparent;border-radius:0;margin:0;isolation:isolate;overflow:visible}
.experience{padding:130px 0 100px;color:#f6f8ff}
.experience:before{content:'';position:absolute;pointer-events:none;inset:-180px 0 -100px;background:linear-gradient(180deg,#02060f00,#02060fa6 30%,#02060f00 95%),url('https://d2ol7oe51mr4n9.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/130837c4-0244-4f37-9c61-8d801d93fd29.jpg') center top/cover;opacity:.11;mask-image:linear-gradient(transparent,#000 20%,#000 65%,transparent);z-index:0}
.hero-veil{background:radial-gradient(ellipse 74% 35% at 50% 30%,#02061070,transparent 90%),linear-gradient(180deg,#02060f35 0%,#02060f14 55%,#02060f35 75%,#02060f 100%)}
.kicker.blue,.chapter .kicker{color:#94badb;font-family:'Sora','Be Vietnam Pro',sans-serif;font-size:10px;letter-spacing:2.8px;line-height:1.6}
.experience h2,.orchestrate h2,.build h2{font-family:'Sora','Be Vietnam Pro',sans-serif;font-size:clamp(38px,4vw,58px);font-weight:400;font-variation-settings:'wght' 424;letter-spacing:-.045em;line-height:1.14;color:#f5f8ff}
.experience h2{max-width:900px;margin-bottom:75px}.experience h2 .quik{font-family:'Be Vietnam Pro',sans-serif;font-size:inherit;color:#409cff;font-weight:700}.experience h2 .quik span{color:#ffb668}.dot{color:#ffad57}
.product-row{border-color:var(--glass-line);min-height:280px;padding:40px 0;transition:border-color .3s}
.product-row:last-child{border-color:var(--glass-line)}.product-row:hover{border-color:#80c4fa66}
.number{font-family:'Sora','Be Vietnam Pro',sans-serif;color:#7b9dbb;font-size:24px;font-weight:300}
.product-title{font-family:'Sora','Be Vietnam Pro',sans-serif;font-weight:400;font-variation-settings:'wght' 506;font-size:30px;letter-spacing:-1.2px;color:#f1f6ff;transition:color .2s}.product-title span{color:#8cd7ff}.product-row:hover .product-title{color:#b9e5ff}.product-row p{color:#b9c9dc;line-height:1.7;font-size:15px;margin-top:12px}.product-links{gap:0 18px;margin-top:15px}.product-links button{color:#a6d7fb;font-size:12px;letter-spacing:0;min-height:44px}.product-links button:hover{color:#fff}
.product-art{height:250px}.product-halo{inset:15% -5%;background:radial-gradient(ellipse,#0a9aff27,transparent 70%);filter:blur(16px)}
.experience .product-row .product-art img{filter:drop-shadow(0 20px 25px #0006);transform:translateY(calc(var(--drift,0px) + var(--hover-rise,0px)));transition:transform .5s cubic-bezier(.2,.7,.3,1),filter .4s}.experience .product-row:hover .product-art img{--hover-rise:-4px;filter:drop-shadow(0 20px 28px #008dff24)}
.orchestrate{color:white;padding:125px 0 120px}.orchestrate:before{content:'';position:absolute;inset:-90px 0;background:radial-gradient(ellipse at 22% 52%,#03699b2e,transparent 65%);pointer-events:none;z-index:0}.ai-copy h2{font-size:clamp(36px,3.4vw,49px);line-height:1.14}.ai-copy>p{font-family:'Sora','Be Vietnam Pro',sans-serif;color:var(--copy);font-size:16px;line-height:1.7;margin-top:22px}.ai-grid{gap:55px}.architecture{margin-top:35px}.tower-aura{background:radial-gradient(ellipse,#00a4ff22,transparent 72%)}.tower-figure img{transform:translateY(var(--drift,0px));transition:transform .55s ease;filter:drop-shadow(0 22px 32px #0008)}
.layer>span:last-child{background:#041323c7;box-shadow:0 0 10px 5px #041323c7}.layer small{color:#96b3ce}.layer-node{background:#06182b;border-color:#78c5ff66}.layer[aria-pressed=true] .layer-node{background:#edb272;color:#03101e;border-color:#ffdfb4;box-shadow:0 0 22px #ffb36345}.layer:before{background:#86cfff;opacity:.4}.layer-info{border-left-color:#76c8ff80!important;color:#b2c9de!important}.architecture-note{color:#829bb5}
.workspace{background:linear-gradient(130deg,#16355499,#041120d9 68%,#061a2ac9);border:1px solid #b7d9f34d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px #fff2,0 30px 70px #0006,0 0 70px #007cbe0a;border-radius:18px;padding:26px}.ws-heading strong{font-family:'Sora','Be Vietnam Pro',sans-serif;font-weight:500;font-size:26px}.ws-heading small{color:#91adc7}.preview-label{color:#83acc8;font-size:8px;letter-spacing:1.4px}.ws-nav button{color:#a6bfd5;border-radius:8px}.ws-nav button[aria-selected=true]{background:linear-gradient(100deg,#69c0ff24,#fff1);border-color:#b2def96b;box-shadow:inset 0 1px #fff2}.ws-content{background:#0313218c;border:1px solid #b2d6f321;border-radius:11px}.agent{background:linear-gradient(130deg,#b1dcff0d,#1e466a29);border-color:#c1e2fc24;border-radius:9px}.agent:hover{border-color:#91d4ff70}.agent-icon{background:radial-gradient(circle at 35% 25%,#c6eaff,#4387ad 60%,#12324b);box-shadow:inset 0 1px #fff8,0 3px 12px #0005}.play{border-color:#aacfe45c;color:#d0e8f7;background:linear-gradient(120deg,#fff1,#b0ceee09);border-radius:30px;min-height:40px}.play:hover{border-color:#d6effa}.workflow-note{color:#9fbad0}.ws-trust{color:#a4b9cc}.step.pending{color:#efbb7b}.step.done{color:#84e4df}
.build{padding:125px 0 105px;min-height:650px;color:#f6f8ff;overflow:hidden}.build:before{content:'';position:absolute;inset:-80px 0;background:radial-gradient(ellipse 80% 60% at 90% 60%,#17385044,transparent 70%);pointer-events:none}.office{left:34%;top:0;opacity:.32;filter:saturate(.5);mask-image:linear-gradient(90deg,transparent,#000 65%);background-position:center}.office:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#02060f 0%,#02060f00 35%,#02060f00 65%,#02060f 100%)}.build-copy h2{max-width:850px}.build-copy>p{font-family:'Sora','Be Vietnam Pro',sans-serif;color:var(--copy);font-size:16px;line-height:1.7;max-width:700px;margin-top:25px}.capabilities{margin-top:30px;gap:25px}.capabilities span{color:#b9cee0;border-color:#c5e2f333;font-size:12px;line-height:1.6}.build-cta{margin-top:72px;gap:30px}.build-cta h3{font-family:'Sora','Be Vietnam Pro',sans-serif;font-weight:400;font-variation-settings:'wght' 424;font-size:45px;letter-spacing:-.055em}.build .primary{position:relative;min-height:50px;padding:14px 27px;border:1px solid #d7e7f77d;background:linear-gradient(180deg,#ffffff13,#ffffff06),linear-gradient(90deg,#f6c78e24,#c4e9ff12);color:#fff;backdrop-filter:blur(22px);box-shadow:inset 0 1px #fff4,0 0 30px #8fc9ff12;border-radius:40px;font-family:'Sora','Be Vietnam Pro',sans-serif;font-size:15px;font-weight:400}.build .primary:hover{box-shadow:inset 0 1px #fff6,0 0 34px #f6c78e30;border-color:#e5f1ff}.image-note{color:#8399ae;font-size:8px}
footer{background:#02060f;color:#9fbbd3;border-color:#b6daf322;padding-top:32px;padding-bottom:32px}.footer-brand .vinatti{color:#edf5ff}.footer-brand .quik{color:#409cff}.footer-links a,.footer-links button{color:#a8c3da}.footer-links a:hover,.footer-links button:hover{color:white}
.journey{opacity:1;z-index:1}.journey svg{overflow:visible}.r-shadow{stroke:#000;opacity:.6;stroke-width:24;transform:translate(0,9px)}.r-glow{stroke-width:22;opacity:.38}.r-silver{stroke-width:12;opacity:.65}.r-reflection{stroke-width:3;opacity:.6;transform:translateX(-1px)}.r-blue{stroke-width:2.4;transform:translateX(-5px);filter:drop-shadow(0 0 5px #00aaff)}.r-orange{stroke:#f6b36b;stroke-width:1.6;transform:translateX(5px);filter:drop-shadow(0 0 5px #ff9c43)}.r-active{fill:none;stroke:#d8f7ff;stroke-width:2.4;opacity:.95;filter:drop-shadow(0 0 7px #00c3ff);stroke-dasharray:0 100000}#spark{fill:#ffe6b7;r:4px;filter:drop-shadow(0 0 7px #ffb059);transition:opacity .25s}
.scroll-progress{position:fixed;top:0;left:0;right:0;z-index:25;height:2px;pointer-events:none}.scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#efb46d,#82dcff 55%,#138cff);transform:scaleX(0);transform-origin:left;box-shadow:0 0 10px #00aaff88}
/* Reveal is progressive enhancement; content is visible without script. */
.motion-ready .will-reveal{opacity:0;translate:0 16px;transition:opacity .65s ease,translate .75s cubic-bezier(.2,.75,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .will-reveal.shown{opacity:1;translate:0 0}.motion-ready .product-row.will-reveal{transition-delay:0ms}
@media(max-width:1200px){.ai-grid{gap:30px}.product-title{font-size:27px}.workspace{padding:20px}.build-copy h2{max-width:750px}}
@media(max-width:950px){.experience{padding-top:105px;padding-bottom:75px}.orchestrate{padding-top:100px;padding-bottom:95px}.ai-grid{gap:30px}.ai-copy h2{font-size:40px}.ai-copy>p{font-size:15px}.architecture{margin-top:0}.ai-copy .architecture-note{margin-top:10px}.workspace{margin-top:15px;padding:24px}.build{padding-top:105px;min-height:620px}.build h2{font-size:46px}.office{left:28%;opacity:.3}.product-title{font-size:25px}}
@media(max-width:700px){.experience{padding:80px 0 60px}.experience h2{font-size:35px;line-height:1.17;margin-bottom:40px}.kicker.blue,.chapter .kicker{font-size:9px;letter-spacing:2px}.product-row{min-height:0;padding:32px 0;border-color:#a7c9e82b}.number{font-size:20px}.product-title{font-size:23px;letter-spacing:-.8px;line-height:1.25}.product-row p{font-size:14px;margin-top:10px}.product-art{height:310px;margin:12px 0 10px}.product-links{margin-top:5px;gap:0 17px}.product-links button{font-size:11px;min-height:44px}.experience .product-row .product-art img{height:110%;width:120%;filter:drop-shadow(0 18px 20px #0006)}.orchestrate{padding:85px 0 75px}.ai-copy h2{font-size:35px;line-height:1.17}.ai-copy>p{font-size:14px;line-height:1.75;margin-top:20px}.architecture{margin-top:26px;min-height:330px}.tower-figure{height:330px}.tower-select .layer small{font-size:9px}.layer>span:last-child{background:#041323d9;box-shadow:0 0 8px 3px #041323d9}.ai-copy .layer-info{margin-top:10px;font-size:12px!important}.architecture-note{font-size:9px;line-height:1.8}.workspace{padding:15px;border-radius:13px;margin-top:15px}.ws-heading strong{font-size:24px}.ws-heading small{font-size:8px}.ws-content{border-radius:8px}.ws-nav button{font-size:10px;min-height:44px}.ws-trust{font-size:8px;line-height:1.7}.build{padding:90px 0 85px;min-height:680px}.build h2{font-size:35px;line-height:1.17}.build-copy>p{font-size:14px;line-height:1.75;max-width:340px}.office{left:0;top:200px;opacity:.28;mask-image:linear-gradient(0deg,#000,#000 40%,transparent 95%)}.capabilities{gap:13px}.capabilities span{font-size:10px;padding-right:13px}.build-cta{margin-top:65px;gap:23px}.build-cta h3{font-size:36px}.build .primary{font-size:14px;min-height:48px}.r-silver{stroke-width:8}.r-glow{stroke-width:15;opacity:.3}.r-reflection{stroke-width:2}.r-blue{stroke-width:1.8;transform:translateX(-3px)}.r-orange{stroke-width:1.2;transform:translateX(3px)}.r-active{stroke-width:1.8}.r-shadow{stroke-width:14}#spark{r:3px}.experience:before{inset:-90px 0 -50px;background-size:auto 110%;opacity:.08}footer{padding:28px 20px}}
@media(max-width:380px){.experience h2,.ai-copy h2,.build h2{font-size:32px}.product-title{font-size:21px}.product-art{height:280px}.architecture,.tower-figure{min-height:290px;height:290px}.tower-select .layer small{display:none}.build-cta h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .will-reveal{opacity:1;translate:none;transition:none}.experience .product-row .product-art img,.tower-figure img{transform:none!important}#spark,.r-active{display:none}.scroll-progress span{box-shadow:none}*,*:before,*:after{animation:none!important;transition:none!important}}
.experience,.orchestrate,.build{isolation:auto}
.will-reveal:focus-within{opacity:1!important;translate:none!important;transition:none!important}
dialog{background:linear-gradient(135deg,#0b2236f7,#030d1bf7);color:#edf5ff;border-color:#bad9ed55;backdrop-filter:blur(25px);box-shadow:inset 0 1px #fff1,0 35px 100px #0009}dialog::backdrop{background:#010712cc;backdrop-filter:blur(12px)}dialog p{color:#b7cbdc}dialog input,dialog select,dialog textarea{background:#071829;border-color:#a5cbe438;color:#f2f7ff}dialog input::placeholder,dialog textarea::placeholder{color:#8199b1}dialog .form-notice{color:#8faac1}dialog .draft-ready{color:#b6def5}dialog .consent button{color:#a7dafb}dialog .primary{border-color:#c5e0f17a;background:linear-gradient(110deg,#e7c39625,#b5dfff17);box-shadow:inset 0 1px #fff3;color:white}dialog .product-links button{color:#a6d7fb}
@media(max-width:700px){.ai-copy .layer-info{max-width:calc(100% - 10px);padding-right:12px;overflow-wrap:anywhere}.build-cta{width:100%;align-items:flex-start;flex-direction:column}.build-cta h3{max-width:100%;font-size:clamp(30px,8.3vw,35px);white-space:normal}}
.journey use{stroke-linecap:round;stroke-linejoin:round}.journey{mask-image:linear-gradient(180deg,#000 0%,#000 95%,transparent 100%)}
/* Home positioning, updated to the approved ecosystem message. */
.hero-content{padding-top:clamp(130px,20vh,220px)}.hero-eyebrow{font-family:'Sora','Be Vietnam Pro',sans-serif;font-size:9px;font-weight:400;letter-spacing:3.4px;line-height:1.7;color:#b4c3d4;margin-bottom:18px}.hero h1{font-weight:500;font-variation-settings:'wght' 531}.hero .actions{margin-top:clamp(42px,7vh,72px)}.hero-features{margin-top:clamp(42px,7.5vh,80px)}
@media(max-width:850px){.hero-content{padding-top:145px}.hero-eyebrow{font-size:8px;letter-spacing:2.6px}.hero .actions{margin-top:48px}.hero-features{margin-top:48px}}
@media(max-width:600px){.hero-content{padding-top:135px}.hero-eyebrow{font-size:7px;letter-spacing:2.3px;margin-bottom:18px}.hero h1{font-size:clamp(24px,6.8vw,30px);line-height:1.18;letter-spacing:-.045em}.hero p{font-size:12px;line-height:1.55;margin-top:22px;max-width:370px}.hero .actions{margin-top:34px}.hero .primary{font-size:14px;min-width:230px}.hero-features{margin-top:32px;font-size:9px;gap:0 16px}.hero-features li{gap:7px}.hero-features a{min-height:44px}}
.brand-phrase{white-space:nowrap}
/* Four capability areas, with the existing 3D scenes preserved. */
.experience h2{margin-bottom:24px}.ecosystem-intro{font-family:'Sora','Be Vietnam Pro',sans-serif;font-size:15px;line-height:1.8;color:#aebfd2;max-width:790px;margin:0 0 60px}.group-scopes{display:flex;flex-wrap:wrap;gap:6px 17px;list-style:none;padding:0;margin:15px 0 0;font-size:10px;line-height:1.7;color:#91b6d3}.group-scopes li:before{content:'·';color:#efbb7b;margin-right:7px}.product-row p{max-width:470px}.ai-copy h2{font-size:clamp(34px,3vw,46px)}.ai-copy>p{max-width:550px}.ai-enquiry{display:block;grid-column:1/-1;justify-self:start;text-align:left;color:#bddff3;font-family:'Sora','Be Vietnam Pro',sans-serif;font-size:12px;line-height:1.6;padding:14px 0 5px;margin-top:8px;border-bottom:1px solid #b0d6ed55;min-height:44px}.ai-enquiry:hover{color:white;border-color:#e4f4ff}.ws-heading{flex-wrap:wrap;gap:8px 16px}.ws-heading strong{font-size:24px}.ws-heading small{font-size:8px}.build-copy>p{max-width:710px}.build-cta{flex-wrap:wrap}.build-cta h3{font-size:40px}
@media(max-width:950px){.ecosystem-intro{font-size:14px;margin-bottom:45px}.ai-copy h2{font-size:37px}.ai-enquiry{margin-top:0}.ws-heading strong{font-size:26px}}
@media(max-width:700px){.experience h2{margin-bottom:22px}.ecosystem-intro{font-size:13px;line-height:1.8;margin-bottom:35px}.product-row p{font-size:13px;line-height:1.8}.group-scopes{font-size:10px;gap:4px 14px;margin-top:13px}.product-art{margin-top:16px}.ai-copy h2{font-size:32px;line-height:1.2}.ai-copy>p{font-size:13px;line-height:1.8}.ai-enquiry{font-size:11px;margin-top:8px}.ws-heading strong{font-size:23px}.ws-heading small{font-size:8px}.build-copy>p{font-size:13px;line-height:1.8}.build-cta h3{font-size:clamp(29px,8vw,34px)}}
@media(min-width:701px) and (max-width:950px){.ecosystem-intro{max-width:570px}}

/* Mobile composition: readable copy, uncropped renders and a reserved light rail. */
@media(max-width:700px){
 .wrap{padding-left:22px;padding-right:32px;min-width:0}
 .header-inner{padding:0 14px;gap:7px}.header-inner .vinatti{font-size:23px}.header-inner .quik{font-size:27px}.header-inner .brand-divider{margin:0 1px}.languages{margin-left:auto;gap:2px}#menu{margin-left:0;flex-shrink:0}.header-inner .vmark{transform:scale(.85);margin-right:-3px}
 .hero{height:auto;min-height:100svh;max-height:none}.hero-content{height:auto;min-height:100svh;padding:125px 24px 28px}.hero h1{font-size:clamp(25px,6.8vw,39px);max-width:100%;overflow-wrap:normal}.hero-second{white-space:normal}.hero-eyebrow{max-width:100%;line-height:1.9}.hero p{font-size:13px;max-width:100%;line-height:1.7}.hero p br{display:none}.brand-phrase{white-space:normal}.hero .actions{width:100%;flex-wrap:wrap;margin-top:32px}.hero .primary{min-width:0;max-width:100%;font-size:14px;padding:14px 23px;gap:22px}.hero-features{width:100%;max-width:380px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;font-size:10px;margin-top:30px;text-align:left}.hero-features li{min-width:0;align-items:flex-start}.hero-features a{line-height:1.6;display:flex;align-items:center}.hero-bottom{margin-top:38px;flex-wrap:wrap;max-width:100%;gap:12px}
 .experience,.orchestrate{padding-top:68px;padding-bottom:55px}.experience h2,.ai-copy h2,.build h2{font-size:clamp(28px,7.6vw,39px);line-height:1.22;letter-spacing:-.04em;max-width:100%;overflow-wrap:break-word}.ecosystem-intro{font-size:14px;line-height:1.8;margin-bottom:32px}.kicker{max-width:100%;gap:12px}.kicker span{flex:1;max-width:90px;min-width:20px}
 .product-row{grid-template-columns:24px minmax(0,1fr);gap:12px;padding:30px 0 24px}.number{font-size:17px;padding-top:3px}.product-copy{min-width:0}.product-title{font-size:clamp(20px,5.6vw,28px);line-height:1.3;letter-spacing:-.65px;gap:10px;align-items:flex-start;overflow-wrap:break-word}.product-title span{flex:0 0 18px;font-size:21px}.product-row p{font-size:14px;line-height:1.8}.group-scopes{font-size:11px;line-height:1.7;gap:6px 13px}
 .product-art{grid-column:1/-1;width:100%;height:auto;aspect-ratio:1/1;margin:18px 0 4px}.experience .product-row .product-art img{width:110%;height:110%;max-width:none;object-fit:contain;left:50%;top:50%;transform:none;filter:drop-shadow(0 15px 20px #0005)}.product-links{grid-column:1/-1;justify-content:center;gap:2px 18px;margin-top:0}.product-links button{font-size:12px;line-height:1.6;white-space:normal;text-align:left}
 .ai-grid,.ai-copy{min-width:0}.ai-copy>p{font-size:14px;line-height:1.8;max-width:100%}.architecture{display:flex;flex-direction:column;min-height:0;height:auto;margin-top:15px;gap:0}.tower-figure{width:100%;height:auto;min-height:0;aspect-ratio:1/1}.tower-figure img{width:112%;height:112%;max-width:none;left:50%;top:50%;transform:none!important;filter:drop-shadow(0 18px 25px #0006)}.tower-indicator{right:23%;top:26%}.tower-select{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;gap:10px;padding:0;margin-top:4px}.tower-select .layer{padding:12px 10px;min-height:90px;gap:8px;align-items:flex-start;border:1px solid #a5d8fc26;border-radius:10px;background:linear-gradient(130deg,#12344a77,#05101d99)}.layer:before{display:none}.layer-node{width:21px;height:21px;margin-top:1px}.layer>span:last-child{min-width:0;box-shadow:none;background:none;font-size:11px;overflow-wrap:break-word}.tower-select .layer small{display:block;font-size:10px;line-height:1.6;color:#a7c3d9}.layer[aria-pressed=true]{border-color:#e9b77288;background:linear-gradient(130deg,#694b2429,#0d233888)}.ai-copy .layer-info{min-height:0;max-width:100%;margin:22px 0 12px;padding-right:0;font-size:13px!important;line-height:1.8}.architecture-note{font-size:10px;max-width:100%;line-height:1.8}.ai-enquiry{font-size:12px;margin-top:12px}
 .workspace{min-width:0;width:100%;padding:15px;margin-top:10px}.ws-heading{gap:8px}.ws-heading strong{font-size:22px;max-width:100%;line-height:1.4}.ws-heading small{font-size:10px;line-height:1.6}.preview-label{font-size:9px;letter-spacing:.8px}.ws-nav{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:10px}.ws-nav button{min-width:0;font-size:11px;padding:10px;white-space:normal}.ws-content{padding:12px;min-height:0}.agent-list{flex-direction:column;gap:8px}.agent{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:10px;align-items:center;padding:12px}.agent-icon{grid-column:1;grid-row:1/4;margin:0;width:32px;height:32px}.agent strong,.agent small,.agent-status{grid-column:2;font-size:11px;line-height:1.6}.agent small,.agent-status{font-size:10px;margin-top:2px}.workflow{gap:3px}.step{min-width:0;font-size:10px;line-height:1.5;overflow-wrap:break-word}.step small{font-size:9px}.workflow-note{font-size:11px;line-height:1.8}.ws-trust{flex-wrap:wrap;justify-content:flex-start;gap:8px 14px;font-size:9px;line-height:1.8}
 .build{padding:68px 0 80px;min-height:0}.build-copy>p{max-width:100%;font-size:14px;line-height:1.8}.capabilities{flex-wrap:wrap;gap:14px 18px}.capabilities span{font-size:11px;line-height:1.7;flex:1 1 110px}.build-cta{margin-top:42px;gap:24px}.build-cta h3{font-size:clamp(27px,7.8vw,36px);line-height:1.25}.image-note{right:32px}.office{top:200px}.footer-brand{flex-wrap:wrap}.footer-links{flex-wrap:wrap;justify-content:center;gap:8px 18px}footer{gap:18px;padding:26px 24px}.r-glow{stroke-width:12;opacity:.25}.r-silver{stroke-width:6;opacity:.6}.r-reflection{stroke-width:1.5}.r-blue{stroke-width:1.8;transform:translateX(-2.5px)}.r-orange{stroke-width:1.4;transform:translateX(2.5px)}.r-shadow{stroke-width:10}
 nav.open{padding:30px 24px}nav.open a{width:100%;font-size:22px;line-height:1.5;overflow-wrap:break-word}dialog{padding:40px 22px 24px}dialog h2{font-size:28px;line-height:1.2;overflow-wrap:break-word}
}
@media(max-width:350px){.header-inner{gap:4px;padding:0 10px}.header-inner .vinatti{font-size:21px}.header-inner .quik{font-size:24px}.languages button{min-width:26px}.header-inner .brand-divider{display:none}.hero-content{padding-left:20px;padding-right:20px}.tower-select{grid-template-columns:1fr}.tower-select .layer{min-height:68px}.product-title{font-size:20px}.wrap{padding-left:20px;padding-right:30px}}

@media(max-width:700px){.hero-features li{white-space:normal}.hero-features a{min-width:0;overflow-wrap:break-word}.hero-bottom{position:relative;left:auto;bottom:auto;transform:none;translate:none;width:100%;padding:0;margin-top:36px}.hero-rule{height:25px}.motion-toggle{position:static;transform:none;margin:6px 0 0;min-height:44px;order:3}.hero-bottom>a{margin:0}.hero-content{padding-bottom:24px}}

/* Sculpture-following mobile light keeps its glow behind glass and clear of copy. */
@media(max-width:700px){.r-glow{stroke-width:16;opacity:.32}.r-silver{stroke-width:7;opacity:.64}.r-reflection{stroke-width:2;opacity:.7}.r-blue{stroke-width:2;transform:translateX(-3px)}.r-orange{stroke-width:1.5;transform:translateX(3px)}}

/* Short scroll-led glints. No perpetual animation or mobile backdrop rasterization. */
.r-active-warm{fill:none;stroke:#ffb36c;stroke-width:3.6;stroke-linecap:round;stroke-dasharray:0 100000;opacity:0;filter:drop-shadow(0 0 4px #ff9b4b)}
@media(max-width:700px){.r-active{stroke:#c3efff;stroke-width:2.2;filter:drop-shadow(0 0 3px #43bcff)}.r-active-warm{stroke-width:4;filter:none}#spark{r:2.5px;filter:drop-shadow(0 0 4px #b7eaff);transition:none}.workspace{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(135deg,#0b2438f5,#04111ff5)}.product-art,.tower-figure{perspective:none}.r-shadow{filter:none}.motion-ready .will-reveal{transition:opacity .45s ease,translate .55s ease}}
@media(prefers-reduced-motion:reduce){.r-active-warm,.r-active,#spark{display:none!important}}

@media(max-width:700px){.r-active{filter:none}.r-glow{filter:none;stroke-width:14;opacity:.18}}

/* Shared scroll light: static glass, lightweight luminous strokes on every screen. */
.r-active,.r-active-warm{filter:none}.r-active{stroke:#cef3ff;stroke-width:2.6}.r-active-warm{stroke:#ffb366;stroke-width:4.3}.r-glow{filter:none;stroke-width:19;opacity:.17}.r-shadow{filter:none}.experience .product-row .product-art img{transform:translateY(var(--hover-rise,0px))}.tower-figure img{transform:none}.workspace{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(130deg,#0c263de8,#041120f2 68%,#061a2aeb)}
@media(max-width:700px){.r-active{stroke-width:2.2}.r-active-warm{stroke-width:4}.r-glow{stroke-width:14;opacity:.18}}

/* One quiet light field bridges Home and the ecosystem, without scroll compositing. */
.hero-veil{background:radial-gradient(ellipse 74% 35% at 50% 30%,#02061070,transparent 90%),linear-gradient(180deg,#02060f35 0%,#02060f14 52%,#02060f66 78%,#02060fe8 94%,#02060f 100%)}
.experience:before{inset:-120px 0 auto;height:440px;background:radial-gradient(ellipse 38% 55% at 94% 32%,#147cbb20,transparent 72%),radial-gradient(ellipse 28% 45% at 87% 22%,#e5a56410,transparent 75%);opacity:1;mask-image:linear-gradient(transparent,#000 28%,#000 65%,transparent)}
.journey{mask-image:linear-gradient(180deg,transparent var(--ribbon-fade-start,0px),#000 var(--ribbon-fade-end,160px),#000 calc(100% - 100px),transparent 100%)}
@media(max-width:700px){.hero-veil{background:radial-gradient(ellipse 90% 40% at 50% 30%,#02061050,transparent 90%),linear-gradient(180deg,#02060f35 0%,#02060f14 55%,#02060f70 80%,#02060ff2 96%,#02060f 100%)}.experience:before{inset:-85px 0 auto;height:290px;background:radial-gradient(ellipse 55% 70% at 100% 32%,#147cbb1c,transparent 72%),radial-gradient(ellipse 30% 50% at 90% 23%,#e5a5640d,transparent 75%)}}

.experience:before{inset:0 0 auto;height:340px;mask-image:linear-gradient(transparent,#000 35%,#000 60%,transparent)}
@media(max-width:700px){.experience:before{inset:0 0 auto;height:240px}}
.hero:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:85px;z-index:1;pointer-events:none;background:linear-gradient(transparent,#02060f 65%,#02060f)}
.experience{background:linear-gradient(180deg,#02060f 0px,#02060f00 220px)}
/* Preserve the new Vinatti story while the same ribbon passes through it. */
.signature{z-index:0}.sig-stage[data-active="0"]{background:linear-gradient(180deg,#02060f 0px,#304256 45px,#d4dde7 105px,#f3f6fb 160px)!important}.sig-seam{display:none}
#portfolio{background:linear-gradient(180deg,#030c1d 0px,#02060f00 220px)}
@media(max-width:850px){.signature .sig-stage{background:linear-gradient(180deg,#02060f 0px,#34475e 55px,#dce4ed 125px,#f3f6fb 180px)!important}.signature .sig-top{color:#dce9fa}.signature .sig-top a{color:#dce9fa}}
#experience.signature{z-index:0}

/* A lighter optical cable stays luminous on both white About and navy sections. */
.r-shadow{stroke-width:7;opacity:.1;transform:translate(0,3px)}.r-silver{stroke-width:4;opacity:.36}.r-reflection{stroke-width:1;opacity:.65}.r-blue{stroke:#008cff;stroke-width:2;transform:translateX(-2.2px);filter:drop-shadow(0 0 4px #00aaff)}.r-orange{stroke:#ff8500;stroke-width:1.8;transform:translateX(2.2px);filter:drop-shadow(0 0 4px #ff9c43)}
