:root{--bg:#07111e;--accent:#1177ff;--accent2:#f49b35;--ink:#eef6ff;--surface:color-mix(in srgb,var(--bg),white 7%);--line:color-mix(in srgb,var(--accent),transparent 58%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,select,input{font:inherit}.eyebrow,.collection small,.story small,.cta small{font-size:12px;font-weight:800;letter-spacing:.19em;color:var(--accent)}
.hero{position:relative;min-height:820px;overflow:hidden}.hero-copy{position:relative;z-index:4}.hero h1{margin:14px 0 20px;font-size:clamp(52px,7vw,108px);line-height:.91;letter-spacing:-.055em}.hero p{max-width:650px;font-size:19px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:14px;margin-top:30px}.hero-actions a,.hero-actions button{padding:15px 22px;border:1px solid var(--accent);background:var(--accent);color:var(--bg);font-weight:800;cursor:pointer}.hero-actions button{background:transparent;color:var(--ink)}
.slider-stage,.slide-media{position:absolute;inset:0}.slide-media{background-size:cover;background-position:center;opacity:0;transition:opacity .6s,transform .8s;transform:scale(1.035)}.slide-media.active{opacity:1;transform:scale(1)}.slider-counter{position:absolute;z-index:5;display:flex;align-items:end;gap:7px}.slider-counter b{font-size:42px}.slider-dots{position:absolute;z-index:5;display:flex;gap:8px}.slider-dots button{width:34px;height:4px;border:0;background:color-mix(in srgb,var(--ink),transparent 72%);cursor:pointer}.slider-dots button.active{background:var(--accent)}
.category-strip{display:grid;grid-template-columns:auto minmax(250px,1fr) 2fr;gap:34px;align-items:center;padding:42px 5vw;background:var(--surface);border-block:1px solid var(--line)}.category-strip>span{font-size:68px;font-weight:900;color:color-mix(in srgb,var(--accent),transparent 55%)}.category-strip h2{font-size:31px;margin:7px 0}.category-strip nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-strip nav a{padding:20px;border:1px solid var(--line);font-weight:800}
.collection{padding:110px 5vw}.collection>header{max-width:900px;margin-bottom:54px}.collection h2,.story h2,.cta h2{font-size:clamp(43px,6vw,78px);line-height:1;margin:12px 0 20px;letter-spacing:-.045em}.collection>header p,.story p{font-size:17px;line-height:1.75;max-width:720px;color:color-mix(in srgb,var(--ink),transparent 26%)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:.25s}.product-card:hover{transform:translateY(-7px);border-color:var(--accent)}.product-img{aspect-ratio:1.3;overflow:hidden;background:var(--surface)}.product-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s}.product-card:hover .product-img img{transform:scale(1.035)}.product-card>:not(.product-img){margin-left:24px;margin-right:24px}.product-card small{display:block;margin-top:22px;color:var(--accent);letter-spacing:.14em;font-weight:800}.product-card h3{font-size:25px;margin-top:8px}.product-card p{line-height:1.6;color:color-mix(in srgb,var(--ink),transparent 28%)}.product-card a{display:inline-block;margin-bottom:25px;color:var(--accent);font-weight:800}
.story{display:grid;grid-template-columns:.5fr 1.1fr 1fr;gap:50px;align-items:center;padding:100px 5vw;background:var(--surface)}.story-number{font-size:clamp(120px,18vw,260px);font-weight:900;line-height:.7;color:color-mix(in srgb,var(--accent),transparent 72%)}.story-image{min-height:470px;background-size:cover;background-position:center}.cta{padding:120px 5vw;text-align:center}.cta h2{max-width:900px;margin:15px auto 30px}.cta a{display:inline-block;padding:17px 28px;background:var(--accent);color:var(--bg);font-weight:800}
footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 5vw;border-top:1px solid var(--line);background:var(--surface)}footer img{width:245px;height:62px;object-fit:contain}footer p{color:color-mix(in srgb,var(--ink),transparent 35%)}footer a{color:var(--accent);font-weight:800}
.demo-switcher{position:fixed;right:18px;bottom:18px;z-index:1000}.switcher-toggle{display:none}.switcher-panel{display:flex;gap:9px;align-items:end;padding:12px;background:rgba(7,10,16,.9);border:1px solid rgba(255,255,255,.18);border-radius:15px;box-shadow:0 18px 65px rgba(0,0,0,.35);backdrop-filter:blur(18px);color:white}.switcher-panel label{display:grid;gap:5px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.switcher-panel select{min-width:145px;padding:10px 30px 10px 10px;border:1px solid rgba(255,255,255,.2);background:#111722;color:white}.switcher-panel>a{padding:11px 13px;background:var(--accent);color:var(--bg);font-size:12px;font-weight:800;border-radius:7px}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}.story-number{font-size:130px}.category-strip{grid-template-columns:1fr}.category-strip>span{display:none}.switcher-panel{display:none;position:absolute;right:0;bottom:50px;min-width:270px;align-items:stretch;flex-direction:column}.demo-switcher.open .switcher-panel{display:flex}.switcher-toggle{display:block;padding:13px 18px;border:0;border-radius:999px;background:var(--accent);color:var(--bg);font-weight:900}.switcher-panel select{width:100%}}
@media(max-width:620px){.hero{min-height:740px}.hero h1{font-size:48px}.hero p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.product-grid{grid-template-columns:1fr}.collection,.story,.cta{padding:75px 22px}.category-strip{padding:36px 22px}.category-strip nav{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}}