:root{--navy:#071629;--blue:#09284a;--orange:#f37021;--ice:#e8f2f7;--ink:#0b1725;--muted:#667382;--line:#dbe3e8;--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}button{font:inherit}.site-header{height:84px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:20;color:#fff}.brand{display:flex;align-items:center;gap:20px}.brand img{width:150px;height:42px;object-fit:contain}.brand span{font-size:10px;letter-spacing:.26em;border-left:1px solid #ffffff44;padding-left:20px}.site-header nav{display:flex;gap:34px;align-items:center;font-size:13px}.site-header nav>a:not(.nav-cta){color:#d6e3ec}.nav-cta,.primary-button,.light-button{display:inline-flex;align-items:center;gap:12px;background:var(--orange);color:#fff;padding:15px 21px;font-weight:700}.menu-button{display:none;background:none;border:0;color:#fff}.hero{min-height:800px;height:100vh;background:radial-gradient(circle at 70% 45%,#133c63 0,#071a2e 32%,#051322 65%);color:#fff;position:relative;overflow:hidden;display:grid;grid-template-columns:44% 56%;align-items:center;padding:100px clamp(24px,7vw,110px) 60px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff0c 50%,transparent 50.2%),linear-gradient(#ffffff08 1px,transparent 1px);background-size:100% 100%,100% 110px;pointer-events:none}.hero-copy{position:relative;z-index:4;max-width:650px}.kicker{font-size:11px;letter-spacing:.22em;font-weight:700;display:flex;align-items:center;gap:10px;margin:0 0 28px}.kicker>span{width:32px;height:2px;background:var(--orange)}.hero h1{font-size:clamp(72px,9vw,142px);line-height:.82;letter-spacing:-.07em;margin:0;font-weight:800}.hero h1 em{color:var(--orange);font-style:normal}.hero-lead{max-width:580px;color:#bfd0dc;font-size:18px;line-height:1.7;margin:38px 0}.hero-actions{display:flex;gap:26px;align-items:center}.primary-button{padding:18px 24px}.text-button{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#dce8ef}.hero-product{position:relative;z-index:2;height:650px;display:flex;align-items:center;justify-content:center}.hero-product img{position:relative;z-index:3;width:min(830px,92%);mix-blend-mode:screen;filter:drop-shadow(0 35px 55px #000a)}.sun-disc{position:absolute;width:530px;height:530px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe4b3 0,#ffa34d 16%,#e75e16 42%,#9a2e00 63%,transparent 67%);opacity:.78;right:-2%;top:0}.screen-glow{position:absolute;width:68%;height:42%;background:#2294ec66;filter:blur(65px);z-index:1}.hero-tag{position:absolute;z-index:5;border:1px solid #ffffff40;background:#051322cc;backdrop-filter:blur(8px);padding:10px 14px;font-size:11px;letter-spacing:.08em;display:flex;align-items:center;gap:8px}.hero-tag svg{width:15px;color:var(--orange)}.tag-a{left:5%;top:23%}.tag-b{right:1%;bottom:27%}.tag-c{left:12%;bottom:18%}.hero-index{position:absolute;bottom:28px;right:5vw;display:flex;gap:10px;align-items:baseline;color:#90a7b8}.hero-index strong{font-size:28px;color:#fff}.hero-index span{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.intro-band{background:var(--ice);padding:100px clamp(24px,8vw,130px);display:grid;grid-template-columns:.7fr 1.5fr 1fr;gap:50px;align-items:end}.intro-band>p{color:var(--orange);font-size:13px;font-weight:700}.intro-band h2,.sizes h2,.applications h2,.cta-section h2{font-size:clamp(40px,5vw,72px);line-height:1.04;letter-spacing:-.05em;margin:0}.intro-band h2 span{color:#7b8a96}.intro-stats{display:flex;gap:40px;border-left:1px solid #b9c8d1;padding-left:40px}.intro-stats div{display:flex;flex-direction:column;gap:8px}.intro-stats strong{font-size:26px}.intro-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#73818b}.feature-story{display:grid;grid-template-columns:56% 44%;background:#f7f9fa}.visual-column{position:relative}.visual-stage{position:sticky;top:0;height:100vh;min-height:700px;background:linear-gradient(145deg,#061321,#0b2844);display:flex;align-items:center;justify-content:center;overflow:hidden}.visual-stage:before{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 90px #ffffff05,0 0 0 180px #ffffff03}.product-view{width:86%;max-height:72%;object-fit:contain;mix-blend-mode:screen;position:relative;z-index:2;filter:drop-shadow(0 25px 45px #000b);animation:viewIn .55s ease}.view-3{width:95%}.view-4{height:82%;width:50%}@keyframes viewIn{from{opacity:0;transform:scale(.94) rotateY(-8deg)}to{opacity:1;transform:scale(1)}}.stage-label{position:absolute;left:5%;top:8%;color:#fff;display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.stage-label svg{color:var(--orange)}.view-label{position:absolute;left:5%;bottom:7%;color:#7890a3;font-size:10px;letter-spacing:.22em}.feature-progress{position:absolute;right:4%;top:50%;display:flex;flex-direction:column;gap:11px}.feature-progress button{width:5px;height:28px;border:0;background:#ffffff28;padding:0;cursor:pointer;transition:.3s}.feature-progress button.active{background:var(--orange);height:48px}.focus-marker{position:absolute;z-index:6;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:8px}.focus-marker i{display:block;width:14px;height:14px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 9px #f3702133,0 0 22px #f37021}.focus-marker:after{content:"";height:1px;width:80px;background:linear-gradient(90deg,var(--orange),transparent);position:absolute;left:10px}.focus-marker span{margin-left:90px;white-space:nowrap;background:#071629d9;padding:8px}.marker-display{left:35%;top:45%}.marker-glass{right:22%;top:35%}.marker-top{left:50%;top:24%}.marker-fans{right:13%;top:39%}.marker-side{left:54%;top:35%}.marker-touch{left:50%;bottom:31%}.story-column{background:#fff}.feature-copy{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:90px clamp(45px,7vw,110px);border-bottom:1px solid var(--line);opacity:.42;transition:.45s}.feature-copy.active{opacity:1}.feature-number{color:var(--orange);font-size:12px;letter-spacing:.2em}.feature-icon{width:42px;height:42px;margin:42px 0 24px;color:#173e5f}.feature-eyebrow{font-size:11px!important;text-transform:uppercase;letter-spacing:.16em;color:var(--orange)!important;font-weight:700}.feature-copy h3{font-size:clamp(40px,4vw,68px);line-height:1;letter-spacing:-.05em;margin:12px 0 28px}.feature-copy>p:last-child{font-size:17px;line-height:1.8;color:var(--muted);max-width:560px}.sizes{background:var(--orange);color:#fff;min-height:760px;padding:110px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.kicker.dark>span{background:#fff}.sizes-copy>p:last-child{max-width:580px;line-height:1.8;color:#ffe0cc;margin-top:36px}.size-visual{display:flex;flex-direction:column;align-items:center;gap:45px}.monitor-outline{width:min(560px,90%);aspect-ratio:16/9;border:13px solid #101923;border-radius:10px;background:#0a1724;box-shadow:18px 24px 0 #ad3e08,0 25px 65px #76250066;display:grid;place-items:center}.monitor-outline div{font-size:clamp(30px,4vw,64px);font-weight:800;text-align:center;line-height:.85;letter-spacing:-.06em}.monitor-outline span{color:var(--orange)}.size-ruler{width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff66;padding-top:15px}.size-ruler span{font-size:12px;opacity:.55}.size-ruler span.selected{font-size:26px;opacity:1;font-weight:800}.applications{padding:120px clamp(24px,7vw,110px);background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:80px}.section-heading h2{max-width:860px}.application-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.application-grid article{min-height:330px;padding:36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.25s}.application-grid article:hover{background:var(--navy);color:#fff;transform:translateY(-6px)}.application-grid article>svg{color:var(--orange);width:34px;height:34px}.application-grid article>span{position:absolute;right:28px;top:32px;font-size:11px;color:#8996a0}.application-grid h3{margin:95px 0 16px;font-size:22px}.application-grid p{color:#75818b;line-height:1.65;font-size:14px}.cta-section{padding:110px clamp(24px,7vw,110px);background:var(--blue);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}.cta-section>div:last-child>p{color:#c2d1dc;line-height:1.8;max-width:520px}.light-button{margin-top:25px;background:#fff;color:var(--navy)}footer{background:#030b13;color:#8393a0;min-height:150px;padding:38px clamp(24px,7vw,110px);display:flex;align-items:center;gap:50px;font-size:12px}footer img{width:150px}footer p{flex:1}footer div{display:flex;gap:30px}footer a:hover{color:#fff}
@media(max-width:1000px){.site-header nav{display:none;position:absolute;left:20px;right:20px;top:75px;background:#071629;padding:24px;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.menu-button{display:block}.hero{height:auto;min-height:900px;grid-template-columns:1fr;padding-top:150px}.hero-product{position:absolute;right:-25%;bottom:0;width:90%;opacity:.55}.hero-copy{align-self:start}.intro-band{grid-template-columns:1fr}.intro-stats{border-left:0;padding-left:0}.feature-story{grid-template-columns:1fr}.visual-stage{height:58vh;min-height:500px;z-index:5}.feature-copy{min-height:75vh}.sizes{grid-template-columns:1fr}.section-heading{display:block}.application-grid{grid-template-columns:repeat(2,1fr)}.cta-section{grid-template-columns:1fr;gap:45px}}
@media(max-width:620px){.site-header{height:72px;padding:0 18px}.brand img{width:122px}.brand span{display:none}.hero{min-height:760px;padding:120px 22px 40px}.hero h1{font-size:72px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-product{width:120%;right:-50%;bottom:-5%;height:420px}.hero-tag{display:none}.intro-band,.sizes,.applications,.cta-section{padding:75px 22px}.intro-stats{gap:22px;flex-wrap:wrap}.visual-stage{min-height:420px;height:52vh}.stage-label{top:6%}.product-view{width:94%}.focus-marker span{display:none}.feature-copy{padding:70px 25px;min-height:68vh}.application-grid{grid-template-columns:1fr}.cta-section h2,.sizes h2,.applications h2,.intro-band h2{font-size:42px}.size-ruler span:nth-child(even){display:none}footer{padding:32px 22px;align-items:flex-start;flex-direction:column;gap:18px}footer div{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.feature-icon{font-size:36px;line-height:42px;font-weight:700}
.application-grid article>b{color:var(--orange);font-size:28px}