:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#020406;--bg-soft:#071017;--panel:#08141ccc;--panel-strong:#040c12eb;--border:#4ff3ff33;--border-strong:#4ff3ff80;--text:#e8ffff;--text-muted:#daffffad;--accent:#4ff3ff;--accent-strong:#7ff9ff;--danger:#ff7676;--shadow:0 24px 80px #00000075}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top,#4ff3ff1f,#0000 22%),linear-gradient(#03070a 0%,#020406 100%);margin:0;font-family:Segoe UI,Inter,SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}code{overflow-wrap:anywhere;border:1px solid var(--border);color:var(--accent-strong);background:#030b10d1;border-radius:18px;padding:1rem 1.2rem;font-size:.92rem;line-height:1.6;display:block}.shell{width:min(1180px,100vw - 40px);margin:0 auto}.button{border:1px solid var(--border-strong);letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 1.2rem;font-weight:600;transition:transform .18s,border-color .18s,background-color .18s,color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{color:var(--accent-strong);background:linear-gradient(90deg,#4ff3ff3d,#4ff3ff24)}.button--ghost{color:var(--text);background:#050d12b8}.section__header{gap:.9rem;max-width:760px;display:grid}.section__header--compact{max-width:660px}.section__header h2,.dashboard-warning h2,.dashboard-surface h2{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.04}.section__header p,.dashboard-warning p,.dashboard-surface p{color:var(--text-muted);margin:0;line-height:1.75}.section__eyebrow,.hero__eyebrow,.feature-panel__eyebrow,.connection-card__label,.dashboard-stat-card__label{color:var(--accent);text-transform:uppercase;letter-spacing:.22em;font-size:.78rem}.landing-page{background:radial-gradient(circle at 16% 12%,#4ff3ff1f,#0000 20%),radial-gradient(circle at 82% 24%,#4ff3ff17,#0000 18%),linear-gradient(#020406 0%,#03080c 42%,#020406 100%);padding-bottom:7rem;position:relative;overflow:hidden}.landing-page:before{content:"";opacity:.32;pointer-events:none;background-image:radial-gradient(#4ff3ff21 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.landing-page__aura{filter:blur(80px);opacity:.14;pointer-events:none;border-radius:999px;width:46vw;height:46vw;animation:14s ease-in-out infinite auraDrift;position:absolute}.landing-page__aura--left{background:#4ff3ffe6;top:18rem;left:-12vw}.landing-page__aura--right{background:#4ff3ffb3;animation-delay:-7s;top:62rem;right:-16vw}.hero{min-height:100svh;position:relative;overflow:hidden}.hero__scene{position:absolute;inset:0}.hero__content{z-index:1;min-height:100svh;padding:4rem 0 3rem;position:relative}.hero__layout{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:2rem;min-height:100svh;display:grid}.hero__brand,.hero__status,.status-pill{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020a0ea8;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .9rem;display:inline-flex}.hero__topline{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1rem;display:flex}.hero__brand{color:var(--accent-strong);letter-spacing:.18em;font-weight:700}.hero__status,.status-pill{color:var(--text-muted);font-size:.92rem}.hero__copy{z-index:1;max-width:720px;position:relative}.hero__copy h1{letter-spacing:-.04em;max-width:10ch;margin:0;font-size:clamp(3.1rem,8vw,6.4rem);line-height:.9}.hero__lead{max-width:620px;color:var(--text-muted);margin:1.2rem 0 0;font-size:1.02rem;line-height:1.8}.hero__actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.hero__route-badges,.hero__signal-strip{flex-wrap:wrap;gap:.75rem;display:flex}.hero__route-badges{margin-top:1.5rem}.hero__route-badges span,.hero__signal-strip span{min-height:40px;color:var(--accent-strong);letter-spacing:.08em;background:#040c1294;border:1px solid #4ff3ff38;border-radius:999px;align-items:center;padding:0 1rem;display:inline-flex}.hero__signal-strip{margin-top:1.8rem}.hero__signal-strip span{color:var(--text-muted);letter-spacing:.04em;font-size:.9rem}.hero__stack{align-items:start;gap:1.2rem;display:grid;position:relative}.logo-card,.feature-panel,.dashboard-hero,.dashboard-stat-card,.dashboard-surface,.dashboard-action-card,.dashboard-warning,.auth-card{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#061118b8,#02080ceb)}.logo-card{isolation:isolate;border-radius:40px;place-items:center;min-height:560px;padding:2rem;display:grid;position:relative;overflow:hidden}.logo-card:before{content:"";border:1px solid #4ff3ff1a;border-radius:32px;position:absolute;inset:6%}.logo-card__ring{border:1px solid #7ff9ff29;border-radius:999px;position:absolute}.logo-card__ring--outer{animation:8s ease-in-out infinite pulseRing;inset:12%}.logo-card__ring--inner{animation:8s ease-in-out -4s infinite pulseRing;inset:20%}.logo-card__image-wrap{z-index:1;aspect-ratio:1;width:min(100%,440px);animation:7s ease-in-out infinite floatPane;position:relative}.logo-card__image{object-fit:contain;filter:drop-shadow(0 0 28px #4ff3ff29)saturate(1.05);width:100%;height:100%}.hero__signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.signal-card{background:linear-gradient(#051018bd,#02090df0);border:1px solid #4ff3ff2e;border-radius:26px;gap:.55rem;min-height:170px;padding:1.2rem;animation:8s ease-in-out infinite floatPane;display:grid}.signal-card:nth-child(2){animation-delay:-3.2s}.signal-card__eyebrow{color:var(--accent);letter-spacing:.18em;font-size:.78rem}.signal-card strong{color:var(--accent-strong);font-size:1.45rem}.signal-card p{color:var(--text-muted);margin:0;line-height:1.7}.landing-section{z-index:1;padding-top:2.75rem;position:relative}.steps-grid,.feature-grid{gap:1rem;margin-top:1.6rem;display:grid}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-card{background:linear-gradient(#07121ac7,#030a0ff5);border:1px solid #4ff3ff29;border-radius:30px;gap:.9rem;min-height:220px;padding:1.35rem;display:grid;position:relative;overflow:hidden}.step-card:before,.feature-panel--interactive:before,.cta-panel:before,.system-panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 20%,#7ff9ff14,#0000 78%);animation:7s linear infinite sheen;position:absolute;inset:0;transform:translate(-100%)}.step-card__index{width:52px;height:52px;color:var(--accent-strong);border:1px solid #4ff3ff4d;border-radius:18px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex}.step-card h3,.feature-panel h3,.dashboard-action-card__title,.auth-card h1{margin:0;font-size:1.3rem}.step-card p,.feature-panel p,.dashboard-action-card p,.auth-card p{color:var(--text-muted);margin:0;line-height:1.7}.system-panel,.cta-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#061118bd,#02080cf5);border-radius:34px;gap:1.4rem;padding:1.7rem;display:grid;position:relative;overflow:hidden}.system-panel__intro{gap:.9rem;max-width:760px;display:grid}.system-panel__intro h2,.cta-panel h2{margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1.04}.system-panel__intro p,.cta-panel p{color:var(--text-muted);max-width:720px;margin:0;line-height:1.75}.feature-grid--dense{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.feature-panel{border-radius:28px;padding:1.35rem;position:relative;overflow:hidden}.feature-panel--interactive{transition:transform .2s,border-color .2s,box-shadow .2s}.feature-panel--interactive:hover{border-color:#7ff9ff61;transform:translateY(-4px);box-shadow:0 28px 80px #00000085}.landing-section--final{padding-bottom:2rem}.cta-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem}.cta-panel__actions{gap:.85rem;min-width:260px;display:grid}.auth-page,.dashboard-page{padding:2rem 0 4rem}.auth-card{border-radius:32px;max-width:720px;padding:1.8rem}.dashboard-hero{border-radius:32px;justify-content:space-between;gap:1.4rem;padding:1.6rem;display:flex}.dashboard-hero h1{margin:.5rem 0 0;font-size:clamp(2.2rem,5vw,4rem)}.dashboard-hero p{max-width:720px;color:var(--text-muted);margin:.9rem 0 0;line-height:1.7}.dashboard-hero__meta{min-width:280px;color:var(--text-muted);text-align:right;align-content:start;gap:.55rem;display:grid}.dashboard-hero__meta strong{color:var(--accent-strong);font-size:1.05rem}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.dashboard-stat-card{border-radius:24px;gap:.7rem;padding:1.35rem;display:grid}.dashboard-stat-card__value{font-size:clamp(1.4rem,3vw,2rem);line-height:1}.dashboard-stat-card__hint{color:var(--text-muted);margin:0;line-height:1.65}.dashboard-surface{border-radius:28px;gap:1.4rem;margin-top:1rem;padding:1.5rem;display:grid}.dashboard-surface__header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.connection-card{border:1px solid var(--border);background:#030a0fc7;border-radius:24px;gap:.75rem;padding:1.2rem;display:grid}.connection-card strong{font-size:1.25rem}.connection-card p{color:var(--text-muted);margin:0;line-height:1.7}.connection-card--wide{grid-column:1/-1}.dashboard-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.dashboard-action-card{border-radius:24px;gap:.9rem;padding:1.35rem;display:grid}.dashboard-action-card__cta{color:var(--accent-strong);font-weight:700}.dashboard-warning{border-radius:28px;gap:1rem;margin-top:1rem;padding:1.5rem;display:grid}.wire-scene{perspective:1100px;background:radial-gradient(circle,#4ff3ff1f,#0000 20%),linear-gradient(#0000002e,#000000e6);overflow:hidden}.wire-grid,.wire-vanishing-line,.wire-core-track,.wire-scan-line,.wire-segment,.wire-segment-ring,.wire-segment-rail{position:absolute}.wire-grid{transform-origin:top;background-image:linear-gradient(#4ff3ff14 1px,#0000 1px),linear-gradient(90deg,#4ff3ff14 1px,#0000 1px);background-size:80px 80px;inset:0;transform:perspective(900px)rotateX(80deg)translateY(38vh)scale(1.6)}.wire-vanishing-line{background:linear-gradient(#0000,#4ff3ff66,#0000);width:1px;height:100%;top:0;left:50%;transform:translate(-50%)}.wire-core-track{border-top:1px solid #4ff3ff73;border-bottom:1px solid #4ff3ff33;width:min(70vw,920px);height:6px;top:14%;left:50%;transform:translate(-50%)perspective(800px)rotateX(78deg);box-shadow:0 0 24px #4ff3ff33}.wire-segment{left:50%;top:var(--segment-top);width:100%;height:60px;animation:4.6s ease-in-out infinite wireFloat;animation-delay:var(--segment-delay);transform:translate(-50%)}.wire-segment-ring{width:min(40vw,460px);height:56px;transform:translate(-50%, -50%) perspective(760px) rotateX(76deg) scale(calc(1.2 + var(--segment-scale)));border:2px solid #4ff3ffc7;border-radius:999px;top:50%;left:50%;box-shadow:inset 0 0 16px #4ff3ff33,0 0 20px #4ff3ff1a}.wire-segment-rail{background:linear-gradient(90deg,#4ff3ffe6,#0000);width:min(18vw,210px);height:4px;top:50%;transform:translateY(-50%);box-shadow:0 0 16px #4ff3ff2e}.wire-segment-rail--left{left:calc(50% - min(20vw,240px))}.wire-segment-rail--right{right:calc(50% - min(20vw,240px));transform:translateY(-50%)rotate(180deg)}.wire-scan-line{background:linear-gradient(#0000,#4ff3ff24,#0000);height:20%;animation:5.8s linear infinite scan;top:-12%;left:0;right:0}@keyframes wireFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(calc(22px - 50%))translateY(-4px)}}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(120vh)}}@keyframes pulseRing{0%,to{opacity:.45;transform:scale(.98)}50%{opacity:.85;transform:scale(1.02)}}@keyframes floatPane{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes auraDrift{0%,to{transform:translate(0,0)}50%{transform:translate(2vw,-1.8rem)}}@keyframes sheen{0%{transform:translate(-100%)}to{transform:translate(140%)}}@media (max-width:960px){.steps-grid,.feature-grid,.dashboard-grid,.dashboard-actions,.connection-grid,.hero__layout,.cta-panel{grid-template-columns:1fr}.hero__stack{order:-1}.logo-card{min-height:420px}.hero__signal-grid{grid-template-columns:1fr 1fr}.dashboard-hero{flex-direction:column}.dashboard-hero__meta{text-align:left;min-width:0}}@media (max-width:640px){.shell{width:min(100vw - 24px,100%)}.hero__content{padding-top:4.5rem}.hero__copy h1{font-size:2.8rem}.hero__route-badges,.hero__signal-strip,.hero__signal-grid,.cta-panel__actions{grid-template-columns:1fr}.hero__signal-grid{display:grid}.logo-card{min-height:340px;padding:1.2rem}.button{width:100%}.hero__actions{display:grid}}
