:root{--bg: #161826;--bg-deep: #101120;--text: #e9e9ed;--muted: #9ba0b4;--accent: #9184d9;--lav: #d2cefd;--foot: #6e7288;--card: #1c2036;--line: #2e3350;--panel: #20243d;--maxw: 1180px;--radius: 14px;--font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--lav)}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}.nav{position:sticky;top:0;z-index:20;background:#161826db;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;gap:18px;height:62px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.14em;font-size:13px;text-decoration:none;color:var(--text)}.brand img{width:26px;height:26px}.nav-links{margin-left:auto;display:flex;gap:22px}.nav-links a{color:var(--muted);text-decoration:none;font-size:14px}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text)}@media(max-width:720px){.nav-links{display:none}}.hero{padding:92px 0 72px;background:radial-gradient(1100px 520px at 15% -10%,#24244a 0%,transparent 62%),var(--bg);border-bottom:1px solid var(--line)}.hero h1{font-size:clamp(38px,6.2vw,68px);line-height:1.08;font-weight:600;margin:0 0 26px;letter-spacing:-.02em}.hero p{font-size:clamp(16px,1.7vw,19px);color:var(--muted);max-width:62ch;margin:0 0 34px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-block;padding:12px 22px;border-radius:10px;text-decoration:none;font-size:15px;font-weight:600;border:1px solid var(--line);color:var(--text);background:var(--card)}.btn:hover,.btn:focus-visible{border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#14152a}.btn-primary:hover,.btn-primary:focus-visible{background:var(--lav);border-color:var(--lav)}section{padding:76px 0}.section-head{margin-bottom:40px}.section-head h2{font-size:clamp(26px,3.2vw,34px);font-weight:600;margin:0 0 12px;letter-spacing:-.01em}.section-head p{color:var(--muted);margin:0;max-width:72ch}.loop{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.loop{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.loop{grid-template-columns:1fr}}.loop-step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.loop-step .n{font-size:13px;font-weight:700;color:var(--accent);letter-spacing:.16em}.loop-step h3{margin:10px 0 4px;font-size:19px;font-weight:600}.loop-step .who{font-size:13px;color:var(--lav);margin-bottom:10px}.loop-step p{margin:0;font-size:14px;color:var(--muted)}.product{border-top:1px solid var(--line)}.product-head{display:flex;align-items:flex-start;gap:22px;margin-bottom:26px;flex-wrap:wrap}.product-mark{width:62px;height:62px;flex:none}.product-title h2{margin:0;font-size:clamp(30px,4vw,42px);font-weight:600;letter-spacing:-.02em}.product-title .kind{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.badge{display:inline-block;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.badge-live{border-color:#2f6d52;color:#7fd6a8;background:#16281f}.badge-building{border-color:#6b5a2a;color:#e2c37c;background:#26200f}.product-body{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:start}@media(max-width:860px){.product-body{grid-template-columns:1fr}}.product-body .tagline{font-style:italic;color:var(--lav);font-size:17px;margin:0 0 16px}.product-body .summary{color:var(--muted);margin:0 0 22px}.points{list-style:none;margin:0;padding:0}.points li{position:relative;padding-left:22px;margin-bottom:14px;font-size:15px;color:var(--muted)}.points li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:2px;background:var(--accent)}.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}@media(max-width:640px){.shots{grid-template-columns:1fr}}.shot{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.shot img{width:100%;height:auto;border-bottom:1px solid var(--line);max-height:300px;object-fit:cover;object-position:top center}.shot figcaption{padding:12px 15px;font-size:13px;color:var(--foot)}.services{background:var(--bg-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-rows{display:grid;gap:0;margin-top:26px}.service-row{display:grid;grid-template-columns:320px 1fr;gap:22px;padding:20px 0;border-top:1px solid var(--line)}@media(max-width:700px){.service-row{grid-template-columns:1fr;gap:6px}}.service-row strong{font-weight:600}.service-row span{color:var(--muted)}footer{padding:46px 0 60px;color:var(--foot);font-size:14px}.footer-inner{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.footer-inner .sep{margin-left:auto}footer a{color:var(--muted);text-decoration:none;margin-left:18px}footer a:hover,footer a:focus-visible{color:var(--text)}a:focus-visible,button:focus-visible{outline:2px solid var(--lav);outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:var(--card);padding:10px 16px;border-radius:8px;border:1px solid var(--accent)}
