:root{--bg:#050713;--panel:#0b1020;--panel2:#11162a;--text:#f5f7ff;--muted:#aeb6cc;--blue:#2bb7ff;--violet:#9e5dff;--gold:#ddb96b;--line:rgba(107,159,255,.24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#101a39 0,#050713 32%);color:var(--text);font:16px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:15px 4vw;background:rgba(5,7,19,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:9px;font-size:1.3rem;font-weight:750;letter-spacing:-.03em}.logo>span:last-child>span{background:linear-gradient(90deg,var(--blue),var(--violet));background-clip:text;color:transparent}.logo-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--violet));color:#050713;box-shadow:0 0 24px rgba(113,87,255,.45)}nav{display:flex;align-items:center;gap:24px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}nav a:hover{color:#7fcbff}.nav-cta,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 19px;border-radius:999px;border:1px solid rgba(105,185,255,.45)}.nav-cta,.primary{background:linear-gradient(115deg,#147ec9,#7e48e8);font-weight:700}.secondary{background:rgba(9,13,28,.72)}.menu{display:none;background:none;color:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px}.section{padding:95px max(5vw,24px)}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:48px;padding:60px max(4vw,24px)}.eyebrow{margin:0 0 16px;color:#68c7ff;font-size:.78rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.hero h1,.section h2{font-size:clamp(2.4rem,5vw,5.6rem);font-weight:750;letter-spacing:-.055em;line-height:.95;margin:.15em 0 .35em}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#7ad6ff,#a666ff);background-clip:text;color:transparent}.lead{max-width:680px;color:var(--muted);font-size:1.24rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.image-button{position:relative;padding:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#080b17;color:white;cursor:zoom-in;box-shadow:0 25px 90px rgba(0,0,0,.36)}.image-button img{width:100%;height:auto;object-fit:contain}.image-button span{position:absolute;left:16px;bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(5,7,19,.85);border:1px solid var(--line);font-size:.76rem}.image-button:hover{border-color:#6ccaff;transform:translateY(-2px)}.section-head{max-width:980px;margin:0 auto 44px;text-align:center}.section-head h2{font-size:clamp(2.2rem,4vw,4.5rem)}.section-head>p:last-child{color:var(--muted);font-size:1.1rem}.journey{display:grid;grid-template-columns:repeat(4,1fr);max-width:1220px;margin:auto;background:var(--line);gap:1px;border:1px solid var(--line)}.journey article{padding:28px;background:linear-gradient(150deg,#0d1427,#080c18)}.journey b{color:var(--violet);font-size:.82rem}.journey h3{font-size:1.35rem;margin:.6rem 0}.journey p{color:var(--muted);margin:0}.prompts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1100px;margin:34px auto 0}.prompts button{color:#dbe9ff;background:#0d1427;border:1px solid var(--line);border-radius:999px;padding:12px 16px}.products{background:linear-gradient(180deg,rgba(12,20,42,.7),rgba(5,7,19,0))}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:1280px;margin:auto}.product-grid>a,.product-grid>article{min-height:230px;padding:25px;background:linear-gradient(145deg,#111a31,#090d1a);border:1px solid var(--line);border-radius:18px}.product-grid>a:hover{border-color:#6ccaff;transform:translateY(-4px)}.product-grid span{display:grid;place-items:center;width:49px;height:49px;border-radius:14px;background:linear-gradient(135deg,rgba(43,183,255,.24),rgba(158,93,255,.28));color:#91ddff;font-weight:800}.product-grid h3{font-size:1.35rem;margin:18px 0 8px}.product-grid p{color:var(--muted);margin:0}.feature{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:50px;background:linear-gradient(135deg,#07101f,#101b35)}.feature.reverse{grid-template-columns:.75fr 1.25fr;background:linear-gradient(225deg,#0e0b1d,#17112e)}.feature.reverse>div{order:2}.feature h2,.building h2{font-size:clamp(2.4rem,4vw,4.7rem)}.feature p,.building p{color:var(--muted);font-size:1.08rem}.device-section{background:radial-gradient(circle at 50% 100%,rgba(89,75,255,.18),transparent 55%)}.devices{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1200px;margin:auto}.devices article{text-align:center;padding:28px 18px;border:1px solid var(--line);border-radius:20px;background:#0a0f1e}.devices span{font-size:3rem;color:#73ceff}.devices h3{margin:8px 0}.devices p{color:var(--muted)}.provider-section{background:#070a14}.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1250px;margin:auto}.roles article{padding:28px;border-top:2px solid var(--violet);background:#0d1221}.roles p{color:var(--muted)}.roles a{color:#79d2ff;font-weight:700}.wide-diagram{display:block;max-width:1250px;margin:35px auto 0}.building{display:grid;grid-template-columns:.65fr 1.35fr;gap:45px;align-items:center;background:linear-gradient(140deg,#12101b,#081326)}.enter{text-align:center;background:radial-gradient(circle at 50% 50%,rgba(50,119,255,.25),transparent 48%)}.enter h2{font-size:clamp(2.6rem,5vw,5.5rem)}.enter .actions{justify-content:center}footer{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:38px 5vw;border-top:1px solid var(--line);color:var(--muted)}dialog{width:min(96vw,1500px);max-width:none;border:1px solid var(--line);border-radius:18px;background:#050713;color:white;padding:44px 12px 18px}dialog::backdrop{background:rgba(0,0,0,.9)}dialog img{width:100%;height:auto}dialog p{text-align:center;color:var(--muted)}.close{position:absolute;right:13px;top:8px;border:0;background:none;color:#fff;font-size:2rem;cursor:pointer}
@media(max-width:980px){nav{display:none;position:absolute;top:64px;left:0;right:0;padding:22px;background:#070a15;flex-direction:column;align-items:stretch}nav.open{display:flex}.menu{display:block}.hero,.feature,.feature.reverse,.building{grid-template-columns:1fr}.feature.reverse>div{order:0}.journey,.roles{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.devices{grid-template-columns:repeat(2,1fr)}.hero{padding-top:42px}.hero-copy{text-align:center}.hero .actions{justify-content:center}.lead{margin-inline:auto}.image-button span{position:static;display:block;border:0;border-top:1px solid var(--line);border-radius:0}.hero h1,.section h2{line-height:1.02}}
@media(max-width:600px){.section{padding:68px 20px}.hero{padding:42px 18px 68px}.journey,.roles,.product-grid,.devices{grid-template-columns:1fr}.product-grid>a,.product-grid>article{min-height:0}.topbar{padding:12px 16px}.secondary,.primary{width:100%}footer{align-items:flex-start;flex-direction:column}.image-button{border-radius:13px}.section-head{text-align:left}.section-head .eyebrow{text-align:left}}
@media(prefers-reduced-motion:no-preference){a,button,.image-button{transition:.2s ease}.logo-mark{animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 34px rgba(113,87,255,.8)}}}