:root{
  --bg:#03060b;--bg-soft:#070b12;--panel:#0b111b;--panel-2:#0e1623;--text:#f5f8ff;--muted:#8996aa;--muted-2:#627086;
  --blue:#22d3ee;--cyan:#67e8f9;--violet:#69ebff;--line:rgba(142,195,203,.15);--line-bright:rgba(54,202,230,.32);
  --radius:20px;--container:1240px;--shadow:0 36px 100px rgba(0,0,0,.46)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Plus Jakarta Sans","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");opacity:.025}
a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.section{position:relative;padding:130px 0}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:12px;left:12px;z-index:999;padding:10px 14px;background:#fff;color:#000;transform:translateY(-160%)}.skip-link:focus{transform:none}
:focus-visible{outline:2px solid #58e9ff;outline-offset:3px}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.eyebrow{margin:0 0 22px;color:#27dff5;font-size:11px;line-height:1.2;font-weight:750;letter-spacing:.22em}.section h2,.intro h2,.download-heading h2,.final-cta h2{margin:0;font-size:clamp(43px,6vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:650}.section h2 span,.intro h2 span,.discord-copy h2 span{color:#23d7ef}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:700;letter-spacing:.01em;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button svg{width:17px;height:17px}.button-primary{background:linear-gradient(120deg,#00aacf,#16d0e7);color:#fff;box-shadow:0 12px 35px rgba(0,196,226,.22),inset 0 1px rgba(255,255,255,.24)}.button-primary:hover{box-shadow:0 16px 46px rgba(0,199,232,.34),inset 0 1px rgba(255,255,255,.24)}.button-ghost,.button-glass{border-color:var(--line-bright);background:rgba(8,16,29,.58);backdrop-filter:blur(12px);color:#dbf6fa}.button-mini{min-height:38px;padding:0 16px;font-size:11px}.text-link{display:inline-flex;align-items:center;gap:10px;margin-top:18px;color:#e4ecf8;font-size:13px;font-weight:700}.text-link svg{width:16px;transition:transform .2s}.text-link:hover svg{transform:translateX(4px)}

/* Header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:90;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{background:rgba(3,6,11,.78);border-color:var(--line);backdrop-filter:blur(18px)}.nav-shell{height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:19px;font-weight:760;letter-spacing:-.04em}.brand img{width:38px;height:32px;object-fit:contain}.brand>span>span{color:#2ee3ff}.nav-shell nav{display:flex;align-items:center;gap:34px}.nav-shell nav a,.nav-dashboard{position:relative;color:#aab6c8;font-size:12px;font-weight:600}.nav-shell nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:#40e6ff;transition:.2s}.nav-shell nav a:hover{color:#fff}.nav-shell nav a:hover:after{right:0}.nav-actions{display:flex;align-items:center;gap:18px}.nav-dashboard{color:#d4e9ec}.menu-button{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#0a101a;padding:10px}.menu-button span{display:block;width:100%;height:1px;background:#fff;margin:4px 0;transition:.2s}

/* Hero */
.hero{position:relative;min-height:940px;height:100svh;overflow:hidden;display:flex;align-items:center;background:#03060b}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.9) contrast(1.08)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,10,.94) 0%,rgba(2,5,10,.76) 38%,rgba(3,7,13,.15) 64%,rgba(3,6,11,.45) 100%),linear-gradient(0deg,#03060b 0%,transparent 25%,rgba(3,6,11,.35) 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(78,205,225,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(78,205,225,.06) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,#000,transparent 68%);opacity:.48}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:24px;padding-top:66px}.hero-copy{max-width:680px}.release-pill{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:0 13px;border:1px solid var(--line-bright);border-radius:30px;background:rgba(5,12,22,.7);backdrop-filter:blur(14px);color:#b8d4d8;font-size:10px;font-weight:700;letter-spacing:.08em}.release-pill i{width:1px;height:13px;background:var(--line-bright)}.release-pill svg{width:14px;margin-left:4px}.live-dot{width:6px;height:6px;border-radius:50%;background:#48e7ff;box-shadow:0 0 0 5px rgba(72,231,255,.1),0 0 16px #4ae7ff}.hero h1{margin:28px 0 26px;font-size:clamp(64px,7.3vw,112px);line-height:.87;font-weight:700;letter-spacing:-.075em;text-wrap:balance}.hero h1 span{background:linear-gradient(100deg,#fff,#94eaf7 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:570px;color:#aac5c9;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:34px}.hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#8390a4;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.08em}.hero-trust span{display:flex;align-items:center;gap:6px}.hero-trust svg{width:13px;height:13px;color:#55e8ff}.hero-orbit{position:relative;min-height:610px;display:grid;place-items:center}.hero-mark{position:relative;z-index:2;width:min(110%,620px);transform:translateX(5%);filter:drop-shadow(0 42px 45px rgba(0,0,0,.54))}.hero-mark img{display:block;width:100%;height:auto}.mark-glow{position:absolute;inset:20% 12%;border-radius:50%;background:#00ddff;filter:blur(90px);opacity:.24}.orbit-ring{position:absolute;border:1px solid rgba(59,229,255,.16);border-radius:50%;transform:rotate(-14deg)}.ring-one{width:580px;height:580px}.ring-two{width:730px;height:440px;border-style:dashed;opacity:.55}.floating-chip{position:absolute;z-index:3;display:grid;grid-template-columns:36px 1fr;gap:0 10px;align-items:center;min-width:155px;padding:11px 13px;border:1px solid rgba(126,226,241,.23);border-radius:11px;background:rgba(7,14,24,.78);box-shadow:0 18px 45px rgba(0,0,0,.35);backdrop-filter:blur(14px)}.floating-chip span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:rgba(44,227,255,.14);color:#64eaff}.floating-chip b{font-size:10px;line-height:1.2}.floating-chip small{color:#708095;font-size:9px}.chip-performance{top:23%;right:-3%}.chip-control{bottom:17%;left:5%}.scroll-cue{position:absolute;z-index:3;bottom:28px;left:50%;display:flex;align-items:center;gap:13px;color:#768398;font-size:8px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transform:translateX(-50%) rotate(90deg);transform-origin:center}.scroll-cue i{width:36px;height:1px;background:linear-gradient(90deg,#2fe3ff,transparent)}

/* Intro + ticker */
.signal-strip{overflow:hidden;border-block:1px solid var(--line);background:#050912}.signal-track{display:flex;width:max-content;animation:ticker 32s linear infinite}.signal-track span{display:flex;align-items:center;gap:30px;padding:20px 30px;color:#8591a4;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.signal-track i{width:4px;height:4px;border-radius:50%;background:#25e2ff;box-shadow:0 0 10px #26e2ff}@keyframes ticker{to{transform:translateX(-50%)}}
.intro{padding:150px 0}.intro-layout{display:grid;grid-template-columns:1.05fr .75fr;gap:13%;align-items:end}.intro h2 span{color:#33e4ff}.intro-copy{padding-bottom:4px}.intro-copy p{color:var(--muted);font-size:14px}.intro-copy .lead{margin-top:0;color:#e7edf6;font-size:19px;line-height:1.55}

/* Product app preview */
.product-section{overflow:hidden;background:linear-gradient(#050912,#070c14 55%,#03060b)}.product-halo{position:absolute;width:900px;height:600px;left:50%;top:40%;transform:translate(-50%,-50%);background:rgba(16,223,255,.12);filter:blur(120px);border-radius:50%}.section-heading{position:relative;z-index:2;margin-bottom:70px}.section-heading.split{display:grid;grid-template-columns:1fr 400px;align-items:end;gap:60px}.section-heading.split>p{margin:0 0 3px;color:var(--muted);font-size:14px}.section-heading.centered{text-align:center}.section-heading.compact{margin-bottom:56px}.control-stage{position:relative;z-index:2;max-width:1100px;margin:auto;border:1px solid rgba(122,199,211,.25);border-radius:16px;background:#080d15;box-shadow:0 42px 120px rgba(0,0,0,.55),0 0 80px rgba(25,224,255,.08);overflow:hidden}.control-topbar{height:50px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);background:#0d141f}.window-controls{display:flex;gap:6px}.window-controls i{width:7px;height:7px;border-radius:50%;background:#364154}.window-controls i:first-child{background:#35c0d5}.control-title{display:flex;align-items:center;gap:7px;color:#b8d1d5;font-size:10px}.control-title img{object-fit:contain}.demo-badge{justify-self:end;padding:4px 8px;border:1px solid rgba(48,227,255,.28);border-radius:4px;color:#65eaff;background:rgba(39,226,255,.08);font-size:8px;font-weight:800;letter-spacing:.12em}.control-body{min-height:580px;display:grid;grid-template-columns:185px 1fr}.control-sidebar{display:flex;flex-direction:column;padding:25px 13px 16px;border-right:1px solid var(--line);background:#070b12}.sidebar-logo{display:grid;place-items:center;height:76px;margin-bottom:22px}.sidebar-logo img{width:58px;height:auto;filter:drop-shadow(0 10px 18px rgba(11,222,255,.25))}.side-item{width:100%;display:flex;align-items:center;gap:11px;padding:10px;border:0;border-radius:7px;background:transparent;color:#69778c;text-align:left;font-size:10px;cursor:pointer}.side-item svg{width:15px;height:15px}.side-item.active,.side-item:hover{background:rgba(37,226,255,.1);color:#9df2ff}.sidebar-spacer{flex:1}.control-main{min-width:0;padding:35px 38px;background:radial-gradient(circle at 70% -10%,rgba(21,205,233,.11),transparent 45%),#090e17}.control-welcome{display:flex;justify-content:space-between;gap:20px;align-items:center}.micro-label{color:#4fd7ec;font-size:8px;font-weight:800;letter-spacing:.18em}.control-welcome h3{margin:5px 0 2px;font-size:23px;letter-spacing:-.035em}.control-welcome p,.tweak-list-head p{margin:0;color:#718096;font-size:10px}.system-ready{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid rgba(67,230,255,.15);border-radius:8px;background:rgba(7,18,28,.5)}.system-ready>span{width:7px;height:7px;border-radius:50%;background:#4dd8ad;box-shadow:0 0 14px #4dd8ad}.system-ready small,.control-stats small{display:block;color:#617086;font-size:7px;font-weight:800;letter-spacing:.12em}.system-ready b{display:block;color:#a9e6d3;font-size:10px}.control-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.control-stats article{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:8px;background:rgba(13,21,33,.8)}.stat-icon{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:7px}.stat-icon svg{width:17px}.stat-icon.blue{color:#5ce9ff;background:rgba(39,226,255,.12)}.stat-icon.violet{color:#8cf0ff;background:rgba(92,233,255,.12)}.stat-icon.cyan{color:#52d1f3;background:rgba(51,188,236,.1)}.control-stats b{display:block;overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.control-stats em{grid-column:2;color:#4dd8ad;font-size:7px;font-style:normal}.tweak-list-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 8px}.tweak-list-head h4{margin:0;font-size:13px}.tweak-list-head>span{color:#718096;font-size:8px}.tweak-list-head>span b{color:#68ebff}.tweak-card{display:grid;grid-template-columns:38px 1fr auto 34px;align-items:center;gap:13px;padding:12px;border-bottom:1px solid rgba(142,191,199,.11);transition:opacity .18s,transform .18s}.tweak-card[hidden]{display:none}.tweak-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#0d1622;color:#6bebff}.tweak-icon svg{width:17px}.tweak-card b{display:block;font-size:10px}.tweak-card p{margin:2px 0 0;color:#68768b;font-size:8px}.risk-tag{padding:3px 6px;border-radius:4px;font-size:7px;font-weight:800;letter-spacing:.08em}.risk-tag.low{color:#67cbb3;background:rgba(45,190,150,.08)}.risk-tag.medium{color:#deb276;background:rgba(206,144,55,.09)}.toggle{width:32px;height:18px;padding:2px;border:1px solid #2c474b;border-radius:20px;background:#172a2d;cursor:pointer}.toggle i{display:block;width:12px;height:12px;border-radius:50%;background:#718096;transition:.2s}.toggle[aria-checked=true]{border-color:#30cfe8;background:#17bcd5}.toggle[aria-checked=true] i{transform:translateX(12px);background:white}.preview-notice{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-top:1px solid var(--line);background:#080c13;color:#5f6d81;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.preview-notice svg{width:12px}

/* Bento */
.capabilities{background:#03060b}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.bento-card{position:relative;min-height:390px;padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 70% 0,rgba(36,204,230,.09),transparent 45%),linear-gradient(145deg,#0b1018,#060a10);overflow:hidden}.bento-card:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px rgba(255,255,255,.025);pointer-events:none}.bento-wide{grid-column:span 2;min-height:360px;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.bento-card h3{position:relative;z-index:2;margin:14px 0 13px;max-width:470px;font-size:29px;line-height:1.12;letter-spacing:-.04em}.bento-card p{position:relative;z-index:2;max-width:520px;margin:0;color:var(--muted);font-size:13px}.card-number{color:#4ec9dc;font:800 9px/1 monospace;letter-spacing:.12em}.layers-visual{position:relative;height:250px;perspective:500px}.layers-visual span{position:absolute;left:50%;top:50%;width:310px;height:120px;display:grid;place-items:center;border:1px solid rgba(80,232,255,.3);border-radius:14px;background:linear-gradient(135deg,rgba(25,168,190,.16),rgba(9,18,31,.74));color:#4cd3e8;font:800 9px monospace;letter-spacing:.18em;transform:translate(-50%,-50%) rotateX(62deg) rotateZ(-18deg);box-shadow:0 20px 50px rgba(0,0,0,.32)}.layers-visual span:nth-child(1){transform:translate(-50%,-100%) rotateX(62deg) rotateZ(-18deg);opacity:.45}.layers-visual span:nth-child(2){transform:translate(-50%,-72%) rotateX(62deg) rotateZ(-18deg);opacity:.7}.layers-visual span:nth-child(3){transform:translate(-50%,-44%) rotateX(62deg) rotateZ(-18deg)}.layers-visual i{position:absolute;width:100px;height:100px;left:50%;top:50%;border-radius:50%;background:#17e0ff;filter:blur(60px);opacity:.3}.pulse-visual{position:relative;height:155px;margin:25px -34px 0;background:linear-gradient(rgba(75,184,201,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(75,184,201,.07) 1px,transparent 1px);background-size:30px 30px}.pulse-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#0a1019 45%,transparent);transform:skewX(-28deg)}.pulse-visual i{position:absolute;z-index:2;bottom:35px;width:1px;background:#21e1ff;box-shadow:0 0 8px #21e1ff}.pulse-visual i:nth-child(1){left:30%;height:45px}.pulse-visual i:nth-child(2){left:50%;height:92px}.pulse-visual i:nth-child(3){left:70%;height:65px}.pulse-visual b{position:absolute;z-index:3;left:50%;bottom:29px;width:13px;height:13px;border-radius:50%;background:#fff;border:4px solid #1bd0ec;box-shadow:0 0 20px #20e1ff;transform:translateX(-50%)}.undo-visual{height:155px;display:grid;place-items:center;margin-top:25px}.undo-visual:before,.undo-visual:after{content:"";position:absolute;width:165px;height:165px;border:1px solid rgba(61,221,246,.17);border-radius:50%}.undo-visual:after{width:105px;height:105px;border-style:dashed}.undo-visual svg{position:relative;z-index:2;width:45px;height:45px;color:#55e8ff;filter:drop-shadow(0 0 20px #17d3f0)}.process-card{margin-top:0}.process-list{display:grid;gap:10px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#080d15}.process-list span{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(128,189,198,.1);border-radius:7px;background:#0c131e;color:#91a0b5;font:10px monospace}.process-list i{width:6px;height:6px;border-radius:50%;background:#4a5668}.process-list i.blue{background:#2ee3ff;box-shadow:0 0 10px #2ee3ff}.process-list b,.process-list em{color:#5bca9c;font-size:7px;font-style:normal}.process-list em{color:#67768c}

/* Benchmark */
.benchmark-section{overflow:hidden;background:radial-gradient(circle at 85% 50%,rgba(16,223,255,.14),transparent 37%),#070b12}.benchmark-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.benchmark-copy>p:not(.eyebrow){color:var(--muted);font-size:14px}.metric-tabs{display:inline-flex;gap:4px;margin-top:22px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#070c14}.metric-tabs button{min-width:58px;padding:7px 12px;border:0;border-radius:5px;background:transparent;color:#738198;font-size:9px;font-weight:800;cursor:pointer}.metric-tabs button.active{background:#17c2dc;color:white;box-shadow:0 6px 16px rgba(12,184,211,.25)}.metric-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.metric-form label{color:#8492a7;font-size:9px;font-weight:700}.metric-form label span{float:right;color:#536176}.metric-form input{width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:7px;outline:0;background:#080e17;color:#fff}.metric-form input:focus{border-color:#2ed6f0}.form-note{font-size:9px!important}.benchmark-visual{position:relative;min-height:500px;padding:28px;border:1px solid var(--line-bright);border-radius:18px;background:linear-gradient(150deg,rgba(15,26,43,.94),rgba(5,9,15,.96));box-shadow:var(--shadow);overflow:hidden}.benchmark-visual:before{content:"";position:absolute;width:250px;height:250px;right:-40px;top:-60px;background:#11dfff;filter:blur(100px);opacity:.22}.benchmark-head{position:relative;display:flex;justify-content:space-between;color:#60718a;font-size:8px;font-weight:800;letter-spacing:.14em}.live-indicator{display:flex;align-items:center;gap:6px;color:#52d6aa}.live-indicator i{width:5px;height:5px;border-radius:50%;background:#52d6aa;box-shadow:0 0 10px #52d6aa}.metric-summary{position:relative;display:flex;justify-content:space-between;align-items:end;margin:54px 0 44px}.metric-summary small{display:block;color:#63728a;font-size:8px;font-weight:800;letter-spacing:.14em}.metric-summary strong{font-size:70px;line-height:1;letter-spacing:-.07em}.metric-summary>span{color:#75849a;font-size:10px}.bars{position:relative;z-index:2;display:grid;gap:25px}.bar-row{display:grid;grid-template-columns:58px 1fr 70px;gap:12px;align-items:center;color:#69788d;font-size:8px;font-weight:800}.bar-row>div{height:12px;border-radius:10px;background:#111a28;overflow:hidden}.bar-row i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#34585e,#729fa6);transition:width .5s ease}.bar-row.after i{background:linear-gradient(90deg,#12dcfb,#4be7ff);box-shadow:0 0 22px #1ce1ff}.bar-row b{text-align:right;color:#c7dcdf;font-size:11px}.chart-grid{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;inset:210px 28px 58px}.chart-grid i{border-left:1px solid rgba(125,189,199,.07)}.chart-grid i:last-child{border-right:1px solid rgba(125,189,199,.07)}.benchmark-visual>p{position:absolute;bottom:22px;left:28px;color:#536176;font-size:8px}

/* Safety */
.safety-section{overflow:hidden;padding-top:150px}.safety-glow{position:absolute;width:700px;height:700px;top:-210px;left:50%;transform:translateX(-50%);border-radius:50%;background:#0cb4ce;filter:blur(170px);opacity:.1}.safety-lockup{position:relative;max-width:800px;margin:0 auto 80px;text-align:center}.shield-mark{position:relative;width:82px;height:82px;display:grid;place-items:center;margin:0 auto 35px;border:1px solid rgba(54,224,250,.25);border-radius:25px;background:linear-gradient(145deg,#0e1a2a,#070c13);transform:rotate(45deg)}.shield-mark svg{width:32px;height:32px;color:#58e9ff;transform:rotate(-45deg);filter:drop-shadow(0 0 14px #24d4ef)}.shield-mark i{position:absolute;inset:-12px;border:1px solid rgba(55,214,239,.09);border-radius:32px}.safety-lockup>p:last-child{max-width:650px;margin:26px auto 0;color:var(--muted);font-size:14px}.safety-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.safety-grid article{padding:37px 32px;border-right:1px solid var(--line)}.safety-grid article:last-child{border-right:0}.safety-grid article>span{color:#3fc7dc;font:800 9px monospace}.safety-grid h3{margin:20px 0 10px;font-size:18px}.safety-grid p{margin:0;color:var(--muted);font-size:12px}.expert-warning{display:flex;align-items:flex-start;gap:18px;margin-top:30px;padding:20px 24px;border:1px solid rgba(225,167,79,.22);border-radius:10px;background:rgba(111,72,17,.07)}.expert-warning>div{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid #b98641;border-radius:50%;color:#dba85f}.expert-warning p{margin:0;color:#a6957d;font-size:11px}.expert-warning strong{display:block;margin-bottom:3px;color:#dbc39f;font-size:12px}

/* Discord */
.discord-section{padding-top:90px}.discord-card{min-height:620px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:80px;padding:80px!important;border:1px solid rgba(116,228,245,.24);border-radius:26px;background:radial-gradient(circle at 80% 30%,rgba(77,196,214,.2),transparent 42%),linear-gradient(140deg,#0d1122,#070a13 60%);overflow:hidden}.discord-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:30px;border:1px solid rgba(128,238,255,.3);border-radius:15px;background:rgba(86,204,222,.13);color:#8ff0ff}.discord-icon svg{width:26px;height:26px}.discord-copy h2{font-size:clamp(43px,5vw,68px)}.discord-copy>p:not(.eyebrow){color:#919bb0;font-size:14px}.discord-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.discord-actions .text-link{margin:0}.bot-window{padding:24px;border:1px solid rgba(130,210,222,.24);border-radius:17px;background:rgba(9,11,21,.88);box-shadow:0 35px 80px rgba(0,0,0,.35);transform:rotate(1.5deg)}.bot-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line)}.bot-head>div{display:flex;align-items:center;gap:10px}.bot-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#111a2b;overflow:hidden}.bot-avatar img{width:34px;height:auto}.bot-head p,.bot-message>div>p{margin:0;line-height:1.2}.bot-head b,.bot-message b{font-size:11px}.bot-head small,.bot-message small{display:block;color:#6e7b90;font-size:7px}.online-dot{display:flex;align-items:center;gap:6px;color:#5bd4a5;font-size:7px;font-weight:800}.online-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#5bd4a5}.bot-message{display:flex;gap:12px;margin:24px 0}.bot-avatar.small{flex:0 0 30px;width:30px;height:30px}.bot-avatar.small img{width:27px}.bot-message>div{flex:1}.bot-message>div>p{display:flex;align-items:center;gap:7px}.bot-message>div>p small{display:inline}.bot-embed{position:relative;margin-top:7px;padding:17px 18px;border-radius:5px;background:#111624;overflow:hidden}.bot-embed>i{position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#5fd9ec,#2de3ff)}.bot-embed>strong{font-size:12px}.bot-embed>p{margin:4px 0 15px;color:#7e899d;font-size:9px}.bot-embed>div{display:flex;gap:50px}.bot-embed span{display:grid;color:#606d82;font-size:7px}.bot-embed span b{margin-top:3px;color:#c5dadd}.bot-embed .status-ok{color:#5bd4a5}.bot-embed button{margin-top:16px;padding:7px 12px;border:0;border-radius:4px;background:#5865f2;color:white;font-size:8px}.bot-command{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#0b101b}.bot-command>span{display:grid;place-items:center;width:25px;height:25px;border-radius:5px;background:#5865f2;font-weight:800}.bot-command p{margin:0;line-height:1.3}.bot-command b{display:block;font-size:9px}.bot-command small{color:#69778b;font-size:7px}

/* Download / FAQ / footer */
.download-section{background:linear-gradient(#03060b,#070b12)}.download-heading{text-align:center;margin-bottom:55px}.download-heading>p:last-child{color:#7e8b9e;font-size:11px}.download-panel{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:35px;padding:32px;border:1px solid var(--line-bright);border-radius:17px;background:linear-gradient(120deg,#0d1623,#080d15);box-shadow:var(--shadow)}.download-product{display:flex;align-items:center;gap:22px}.download-product img{width:90px;height:auto;filter:drop-shadow(0 15px 22px rgba(10,185,212,.24))}.download-product small,.download-meta small{display:block;color:#596a82;font-size:7px;font-weight:800;letter-spacing:.14em}.download-product h3{margin:3px 0 0;font-size:24px}.download-product p{margin:0;color:#76859a;font-size:10px}.download-meta{display:flex;gap:28px}.download-meta b{display:block;font-size:10px}.download-button[aria-disabled=true],a[aria-disabled=true]{cursor:not-allowed}.download-button[aria-disabled=true]{filter:saturate(.3);box-shadow:none}.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.install-steps article{display:flex;gap:20px}.install-steps article>span{color:#47e6ff;font:800 10px monospace}.install-steps h3{margin:0 0 8px;font-size:15px}.install-steps p{margin:0;color:#78869a;font-size:11px}.faq-section{border-top:1px solid var(--line);background:#070b12}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.faq-layout>div:first-child>p:last-child{color:var(--muted);font-size:13px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:22px 0;list-style:none;cursor:pointer;font-size:14px;font-weight:650}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#5fdff3;font-size:20px;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0 0 22px;color:#8190a5;font-size:12px;line-height:1.8}.final-cta{position:relative;min-height:620px;display:grid;place-items:center;overflow:hidden;text-align:center}.final-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,199,232,.12),transparent 35%),linear-gradient(#03060b,#06101a,#03060b);opacity:.58}.final-cta .container{position:relative}.final-cta img{width:90px;height:auto;filter:drop-shadow(0 0 30px rgba(27,225,255,.42))}.final-cta .eyebrow{margin-top:15px}.final-cta h2{margin-bottom:32px;font-size:clamp(50px,6vw,80px)}footer{padding:70px 0 25px;border-top:1px solid var(--line);background:#03060b}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px;padding-bottom:55px}.footer-brand{margin-bottom:10px}.footer-grid>div:first-child p{color:#68768a;font-size:11px}.footer-grid h3{margin:0 0 16px;color:#5e6c80;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer-grid>div:not(:first-child) a{color:#9aa7b9;font-size:11px}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid var(--line);color:#4f5c6f;font-size:9px}

/* Reveal / responsive */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}[data-reveal].visible{opacity:1;transform:none}.hero [data-reveal]{transition-delay:.1s}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}
@media (max-width:1050px){.hero-content{grid-template-columns:1fr}.hero-orbit{position:absolute;right:-18%;width:62%;opacity:.58}.hero-copy{position:relative;z-index:4}.chip-performance{right:4%}.chip-control{left:4%}.section-heading.split{grid-template-columns:1fr 330px}.control-body{grid-template-columns:135px 1fr}.side-item span{display:none}.control-sidebar{align-items:center}.side-item{justify-content:center}.sidebar-logo{height:60px}.benchmark-layout{gap:45px}.discord-card{gap:40px;padding:55px!important}.download-panel{grid-template-columns:1fr auto}.download-meta{display:none}}
@media (max-width:760px){.container{width:min(100% - 30px,var(--container))}.section{padding:90px 0}.nav-shell{height:66px}.site-header{background:rgba(3,6,11,.74);backdrop-filter:blur(16px)}.nav-shell nav{display:none;position:absolute;top:66px;left:0;right:0;padding:20px 22px;border-bottom:1px solid var(--line);background:rgba(4,8,14,.97)}.nav-shell nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.nav-dashboard{display:none}.menu-button{display:block}.nav-actions{gap:10px}.brand{font-size:16px}.brand img{width:32px}.hero{height:auto;min-height:850px;padding:120px 0 100px}.hero-content{padding-top:0}.hero-media img{object-position:64% center}.hero-media:after{background:linear-gradient(90deg,rgba(2,5,10,.91),rgba(2,5,10,.35)),linear-gradient(0deg,#03060b 0%,transparent 35%,rgba(3,6,11,.25) 100%)}.hero-grid{background-size:44px 44px}.hero h1{font-size:clamp(54px,16vw,76px)}.hero-copy>p{max-width:440px;font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-actions .button{width:min(100%,300px)}.hero-trust{display:grid;gap:8px}.hero-orbit{right:-45%;top:150px;width:95%;min-height:500px;opacity:.33}.floating-chip{display:none}.orbit-ring{width:480px;height:480px}.ring-two{width:560px;height:350px}.scroll-cue{display:none}.signal-track span{padding:17px 23px}.intro{padding:100px 0}.intro-layout,.section-heading.split,.benchmark-layout,.discord-card,.faq-layout{grid-template-columns:1fr;gap:42px}.intro-layout{align-items:start}.intro-copy .lead{font-size:17px}.section-heading{margin-bottom:45px}.section-heading.split>p{max-width:500px}.control-stage{margin-inline:-6px}.control-topbar{grid-template-columns:1fr auto}.control-title{display:none}.control-body{grid-template-columns:55px 1fr;min-height:560px}.control-sidebar{padding:16px 8px}.sidebar-logo{height:45px;margin-bottom:12px}.sidebar-logo img{width:38px}.control-main{padding:24px 14px}.system-ready{display:none}.control-stats{grid-template-columns:1fr 1fr}.control-stats article:nth-child(3){display:none}.tweak-card{grid-template-columns:34px 1fr 32px;padding-inline:4px}.tweak-card .risk-tag{display:none}.tweak-card p{font-size:7px}.preview-notice{padding:0 10px;text-align:center}.bento-grid{grid-template-columns:1fr}.bento-wide{grid-column:auto;grid-template-columns:1fr;gap:25px;min-height:480px}.bento-card{min-height:350px;padding:28px}.bento-card h3{font-size:25px}.layers-visual{height:190px}.layers-visual span{width:240px}.process-card{min-height:420px}.metric-summary strong{font-size:56px}.benchmark-visual{min-height:460px}.safety-grid{grid-template-columns:1fr}.safety-grid article{border-right:0;border-bottom:1px solid var(--line);padding-inline:10px}.safety-grid article:last-child{border-bottom:0}.expert-warning{padding:17px}.discord-card{padding:38px 24px!important;border-radius:18px}.discord-actions{align-items:flex-start;flex-direction:column}.bot-window{padding:16px;transform:none}.bot-embed>div{gap:30px}.download-panel{grid-template-columns:1fr;justify-items:start}.download-meta{display:flex;flex-wrap:wrap}.download-button{width:100%}.install-steps{grid-template-columns:1fr;gap:26px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{align-items:flex-start;flex-direction:column}}
@media (max-width:420px){.button-mini{display:none}.hero{min-height:810px}.hero h1{font-size:53px}.release-pill span:nth-of-type(3),.release-pill i{display:none}.control-stats{grid-template-columns:1fr}.control-stats article:nth-child(2){display:none}.download-meta{gap:17px}.footer-grid{grid-template-columns:1fr 1fr}}

/* V1.0 product-aligned additions */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand>small{margin-left:2px;padding:2px 5px;border-radius:4px;background:#101722;color:#66758a;font-size:7px;letter-spacing:.06em}.language-picker select{height:34px;padding:0 25px 0 10px;border:1px solid var(--line);border-radius:7px;background:#08101a;color:#b8d5d9;font-size:10px;font-weight:800;cursor:pointer}.hero h1 span{background:linear-gradient(100deg,#fff,#71edff 72%);-webkit-background-clip:text;background-clip:text}.mark-glow{background:#00cfea}.live-dot{background:#20def3;box-shadow:0 0 0 5px rgba(32,222,243,.1),0 0 16px #20def3}.button-discord{background:#5865f2;color:#fff;border:0;box-shadow:0 14px 36px rgba(88,101,242,.3)}
.button-discord:hover{background:#6b77f5}
.button-discord svg{width:17px;height:17px;flex:none;fill:currentColor}
.signal-track i{background:#1fdef3;box-shadow:0 0 10px #1fdef3}

.tweak-app{position:relative;z-index:2;display:grid;grid-template-columns:205px 1fr;min-height:690px;border:1px solid rgba(78,155,177,.28);border-radius:14px;background:#080c12;box-shadow:0 45px 130px #0009,0 0 90px rgba(0,204,232,.07);overflow:hidden}.tweak-app-sidebar{display:flex;flex-direction:column;padding:14px 11px;background:#080c12;border-right:1px solid #13282b}.tweak-app-brand{display:flex;align-items:center;gap:8px;padding:0 3px 15px;color:#ff4665;font-size:12px}.tweak-app-brand img{width:28px;height:28px;object-fit:contain}.tweak-app-brand small{margin-left:auto;padding:2px 5px;border-radius:4px;background:#111820;color:#687688;font-size:7px}.app-search{display:flex;gap:8px;padding:9px 11px;margin-bottom:10px;border-radius:7px;background:#11161f;color:#58687b;font-size:9px}.tweak-app-sidebar nav{display:grid;gap:3px}.tweak-app-sidebar nav button{display:flex;gap:11px;align-items:center;padding:9px 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:#94b8bd;text-align:left;font-size:9px}.tweak-app-sidebar nav button.active{border-color:rgba(0,218,241,.2);background:rgba(0,204,228,.09);color:#fff;box-shadow:inset 2px 0 #18dcef}.app-score{margin-top:auto;padding:12px;border-radius:8px;background:#0c1118}.app-score>span{display:flex;justify-content:space-between;color:#5f728a;font-size:7px}.app-score>span b{color:#18e99b;font-size:10px}.app-score>i{display:block;height:3px;margin:8px 0 10px;border-radius:3px;background:linear-gradient(90deg,#15d7ed 100%,#1a2d30 0)}.app-score small{color:#7d91a8;font-size:7px}.tweak-app-main{padding:26px;background:radial-gradient(circle at 8% 0,rgba(0,207,231,.08),transparent 42%),#0b0f15}.app-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px}.app-heading>div:first-child>span{color:#12def1;font-size:7px;font-weight:800}.app-heading h3{margin:2px 0;font-size:21px}.app-heading p{margin:0;color:#668098;font-size:8px}.app-actions{display:flex;align-items:center;gap:8px}.app-actions button,.quick-card button{min-height:32px;padding:0 15px;border:1px solid #273d40;border-radius:8px;background:#10151d;color:#a7cbd0;font-size:8px}.app-actions .cyan,.quick-card button:first-of-type{border:0;background:linear-gradient(100deg,#18d8ee,#06aeca);color:white}.app-overview{display:grid;grid-template-columns:1.55fr .9fr;gap:12px}.profile-card,.quick-card,.telemetry-card{border:1px solid #243b3f;border-radius:12px;background:#0c1118}.profile-card{display:flex;align-items:center;gap:30px;min-height:248px;padding:25px}.score-ring{position:relative;display:grid;place-items:center;flex:0 0 125px;width:125px;height:125px;border:10px solid #1bc9e3;border-radius:50%;box-shadow:inset 0 0 0 6px #111924,0 0 25px rgba(0,219,243,.13)}.score-ring:after{content:"";position:absolute;inset:-10px;border:2px solid #52e9fa;border-left-color:transparent;border-radius:50%;transform:rotate(25deg)}.score-ring strong{font-size:28px;line-height:1}.score-ring small{color:#5d7087;font-size:7px}.profile-card>div:last-child{min-width:0;flex:1}.profile-card>div>small,.quick-card>small{color:#587088;font-size:7px}.profile-card h4{margin:2px 0;color:#15e49a;font-size:20px}.profile-card p{margin:0 0 10px;color:#7f8fa3;font-size:8px}.profile-card span{display:grid;grid-template-columns:100px 1fr 28px;align-items:center;gap:8px;margin:5px 0;color:#9bbbc0;font-size:7px}.profile-card span i{height:4px;border-radius:4px;background:#1b2d30;overflow:hidden}.profile-card span i b{display:block;height:100%;border-radius:inherit;background:#14c8dc}.profile-card span em{color:#708499;font-style:normal;text-align:right}.quick-card{padding:24px}.quick-card h4{margin:4px 0 18px;font-size:13px}.quick-card button{display:block;width:100%;margin-bottom:8px}.telemetry-card{display:grid;grid-template-columns:1fr 1.35fr;gap:25px;margin-top:12px;padding:20px}.mini-gauges{display:flex;justify-content:space-around;gap:10px}.mini-gauges>span{display:grid;place-items:center;gap:7px}.mini-gauges i{position:relative;display:grid;place-items:center;width:82px;height:82px;border:7px solid #1c2e31;border-top-color:#15d7ee;border-radius:50%;font-style:normal;transform:rotate(calc(var(--value) * 2.7deg))}.mini-gauges i>*{transform:rotate(calc(var(--value) * -2.7deg))}.mini-gauges i.warn{border-top-color:#ffb83d;border-left-color:#ffb83d}.mini-gauges b{font-size:19px}.mini-gauges i small{color:#617184;font-size:7px}.mini-gauges em{color:#73879d;font-size:7px;font-style:normal}.spark-lines>span{display:block;color:#60768d;font-size:7px}.spark-lines svg{width:100%;height:65px;stroke:#14d9ee;stroke-width:2;fill:none}.spark-lines svg:last-child{height:38px}

.results-section{background:radial-gradient(circle at 50% 10%,rgba(0,203,229,.11),transparent 38%),#060a10}.results-head{display:grid;grid-template-columns:1fr 400px;gap:70px;align-items:end;margin-bottom:55px}.results-head>p{margin:0;color:var(--muted);font-size:13px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.result-grid article{position:relative;padding:40px 34px;border-right:1px solid var(--line);overflow:hidden}.result-grid article:last-child{border:0}.result-grid small{color:#697b91;font-size:8px;font-weight:800;letter-spacing:.12em}.result-grid strong{display:block;margin:20px 0 8px;font-size:clamp(44px,5vw,72px);line-height:1;color:#21d9ed;letter-spacing:-.06em}.result-grid p{margin:0;color:#7b8a9e;font-size:10px}.result-grid i{position:absolute;width:80px;height:80px;right:-20px;bottom:-35px;border:12px solid rgba(24,217,237,.06);border-radius:50%}.results-proof{text-align:center;color:#607086;font-size:10px;margin-top:24px}.portal-showcase{background:#060a10}.portal-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portal-cards>a{position:relative;min-height:330px;padding:34px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0d141d,#080c12);transition:.25s;overflow:hidden}.portal-cards>a:after{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-80px;border:1px solid rgba(20,210,235,.08);border-radius:50%}.portal-cards>a:hover{transform:translateY(-5px);border-color:rgba(38,211,235,.3)}.portal-cards>a>span{display:grid;place-items:center;width:45px;height:45px;margin-bottom:45px;border:1px solid rgba(22,210,235,.23);border-radius:12px;background:rgba(0,199,226,.08);color:#22d8ec}.portal-cards small{color:#5e728a;font-size:8px;letter-spacing:.13em}.portal-cards h3{margin:8px 0;font-size:27px}.portal-cards p{max-width:440px;color:#7d8ca0;font-size:12px}.portal-cards b{position:absolute;bottom:30px;color:#b9d5d9;font-size:10px}.faq-list summary>span:first-child{color:inherit;font-size:14px}.faq-list summary>b{color:#20d8ec;font-size:20px;font-weight:400;transition:.2s}.faq-list details[open] summary>b{transform:rotate(45deg)}

@media(max-width:1050px){.tweak-app{grid-template-columns:150px 1fr}.tweak-app-sidebar nav button{font-size:8px}.app-overview{grid-template-columns:1fr}.quick-card{display:none}.telemetry-card{grid-template-columns:1fr}.app-actions button:not(.cyan){display:none}}
@media(max-width:760px){.language-picker select{height:38px}.nav-actions .language-picker{margin-left:auto}.tweak-app{grid-template-columns:48px 1fr;min-height:610px;margin-inline:-7px}.tweak-app-sidebar{padding:10px 5px}.tweak-app-brand b,.tweak-app-brand small,.app-search,.tweak-app-sidebar nav button span,.app-score{display:none}.tweak-app-brand{justify-content:center;padding-bottom:18px}.tweak-app-brand img{width:31px}.tweak-app-sidebar nav button{justify-content:center;padding:10px 5px}.tweak-app-main{padding:18px 12px}.app-heading{align-items:flex-start}.app-actions .cyan{max-width:110px;padding:0 8px}.profile-card{min-height:230px;padding:18px;gap:16px}.score-ring{flex-basis:88px;width:88px;height:88px;border-width:7px}.score-ring strong{font-size:20px}.profile-card h4{font-size:15px}.profile-card span{grid-template-columns:77px 1fr 24px}.telemetry-card{padding:15px}.mini-gauges i{width:65px;height:65px}.mini-gauges b{font-size:15px}.spark-lines{display:none}.results-head{grid-template-columns:1fr;gap:25px}.result-grid,.portal-cards{grid-template-columns:1fr}.result-grid article{border-right:0;border-bottom:1px solid var(--line)}.result-grid article:last-child{border-bottom:0}.portal-cards>a{min-height:310px}}

/* Multi-page site */
.nav-shell nav a.active{color:#fff}.nav-shell nav a.active:after{right:0}.home-paths{background:radial-gradient(circle at 50% 0,rgba(0,199,232,.08),transparent 42%),#050910}.page-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.page-card{position:relative;min-height:310px;padding:34px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0d151f,#070b11);overflow:hidden;transition:.3s ease}.page-card:after{content:"";position:absolute;width:200px;height:200px;right:-90px;top:-90px;border:1px solid rgba(35,216,239,.12);border-radius:50%}.page-card:hover{transform:translateY(-7px);border-color:rgba(35,216,239,.38);box-shadow:0 28px 60px rgba(0,0,0,.32)}.page-card>span,.module-grid article>b,.method-grid article>span{color:#27dff5;font:750 11px monospace}.page-card h3{margin:70px 0 10px;font-size:27px;letter-spacing:-.03em}.page-card p{max-width:310px;color:#8492a6;font-size:14px}.page-card b{position:absolute;bottom:32px;color:#dcf3f7;font-size:12px}.account-cta{background:#050910}.account-orbit{position:relative;min-height:300px;display:grid;place-items:center}.account-orbit img{position:relative;z-index:2;width:230px;filter:drop-shadow(0 20px 35px rgba(0,170,220,.28))}.account-orbit i{position:absolute;width:310px;height:310px;border:1px solid rgba(30,211,239,.18);border-radius:50%}.account-orbit i:last-child{width:390px;height:220px;border-style:dashed;transform:rotate(-14deg)}
.subhero{position:relative;min-height:650px;padding:190px 0 110px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 25%,rgba(0,196,229,.16),transparent 28%),linear-gradient(140deg,#04070c,#08101a 60%,#03060b)}.subhero:after{content:"D";position:absolute;right:7%;top:45%;transform:translateY(-50%);color:transparent;font-size:min(45vw,600px);font-weight:900;line-height:1;-webkit-text-stroke:1px rgba(38,208,235,.08)}.subhero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(80,188,205,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(80,188,205,.045) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.subhero .container{position:relative;z-index:2}.subhero h1{max-width:950px;margin:0;font-size:clamp(58px,8vw,108px);line-height:.92;letter-spacing:-.07em}.subhero h1 span{color:#23d7ef}.subhero .container>p:last-child{max-width:690px;margin-top:28px;color:#9eacbe;font-size:17px;line-height:1.75}.results-subhero{background:radial-gradient(circle at 75% 35%,rgba(0,218,238,.15),transparent 31%),linear-gradient(140deg,#04070c,#071018)}.safety-subhero{background:radial-gradient(circle at 72% 35%,rgba(70,230,255,.16),transparent 31%),linear-gradient(140deg,#04070c,#080b16)}.download-subhero{background:radial-gradient(circle at 72% 35%,rgba(35,216,239,.17),transparent 31%),linear-gradient(140deg,#04070c,#07111a)}
.app-window{display:grid;grid-template-columns:225px 1fr;min-height:670px;border:1px solid rgba(58,186,212,.25);border-radius:18px;background:#080d13;box-shadow:0 42px 100px rgba(0,0,0,.48);overflow:hidden}.app-window aside{display:flex;flex-direction:column;padding:22px 16px;background:#060a0f;border-right:1px solid #17292c}.app-brand{display:flex;align-items:center;gap:9px;padding:0 4px 24px}.app-brand img{width:32px}.app-brand b{font-size:14px}.app-brand small{margin-left:auto;color:#64758a;font-size:9px}.app-window aside nav{display:grid;gap:5px}.app-window aside nav span{padding:10px 12px;border:1px solid transparent;border-radius:7px;color:#91a1b6;font-size:12px}.app-window aside nav .active{border-color:rgba(27,209,235,.28);background:rgba(15,177,207,.1);color:#fff}.app-health{margin-top:auto;padding:15px;border-radius:9px;background:#0a1017}.app-health small{font-size:9px;color:#74859b}.app-health b{float:right;color:#28e4a5}.app-health i{display:block;height:4px;margin:9px 0;background:#1b3033;border-radius:9px}.app-health i:after{content:"";display:block;width:100%;height:100%;background:#1cd3e8;border-radius:inherit}.app-health span{font-size:10px;color:#8bb0b6}.app-content{padding:32px}.app-content>header{display:flex;justify-content:space-between;gap:20px;align-items:start}.app-content header small,.app-profile small,.app-telemetry small{font-size:9px;color:#4c91aa;letter-spacing:.08em}.app-content header h2{margin:3px 0;font-size:29px}.app-content header p{margin:0;color:#7e91a8;font-size:12px}.app-content header>span{font-size:10px;color:#39d5a0}.app-profile{display:grid;grid-template-columns:135px 1fr;align-items:center;gap:28px;margin-top:26px;padding:35px;border:1px solid #22393c;border-radius:14px;background:#090f15}.big-score{width:118px;height:118px;display:grid;place-items:center;border:10px solid #1bc7e2;border-radius:50%;box-shadow:0 0 35px rgba(0,197,226,.16)}.big-score b{font-size:33px;grid-row:1;margin-top:22px}.big-score small{grid-row:2;margin-top:-30px}.app-profile h3{margin:4px 0;color:#24dfa1;font-size:25px}.app-profile p{color:#91a0b3;font-size:12px}.app-profile label{display:grid;grid-template-columns:130px 1fr 36px;gap:10px;align-items:center;margin:8px 0;color:#a4b2c4;font-size:10px}.app-profile label i{height:5px;background:#203437;border-radius:9px}.app-profile label i b{display:block;height:100%;background:#20cde5;border-radius:inherit}.app-profile em{font-style:normal;color:#60758b}.app-telemetry{display:grid;grid-template-columns:repeat(3,90px) 1fr;gap:18px;margin-top:16px;padding:25px;border-radius:14px;background:#0a0e14}.app-telemetry article{display:grid;place-items:center;align-content:center;width:86px;height:86px;border:7px solid #243a3d;border-top-color:#21d1e8;border-radius:50%}.app-telemetry article b{font-size:20px}.app-telemetry article small{font-size:7px}.app-chart{min-width:0}.app-chart svg{width:100%;height:70px}.app-chart path{fill:none;stroke:#19d6ed;stroke-width:2}.module-grid,.method-grid,.requirement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.module-grid article,.method-grid article,.requirement-grid article{padding:34px;background:#070b12}.module-grid h3,.method-grid h3{margin:40px 0 8px;font-size:20px}.module-grid p,.method-grid p,.requirement-grid p{margin:0;color:#8190a4;font-size:13px;line-height:1.7}
.methodology{background:#050910}.method-grid article{min-height:260px}.method-grid article span{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid rgba(35,216,239,.25);border-radius:50%}.honesty-note,.release-note{margin-top:40px;padding:30px;border:1px solid rgba(255,185,68,.25);border-radius:14px;background:rgba(255,169,31,.05)}.honesty-note b,.release-note small{color:#ffc260;font-size:11px;letter-spacing:.12em}.honesty-note p,.release-note p{margin:8px 0 0;color:#a3adba;font-size:13px}.safety-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:center;margin-top:70px}.safety-flow article{display:flex;gap:17px;padding:26px;border:1px solid var(--line);border-radius:14px;background:#090e15}.safety-flow article>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#16cde5;color:#001015;font-weight:800}.safety-flow small{color:#65768b;font-size:9px}.safety-flow h3{margin:3px 0 5px;font-size:17px}.safety-flow p{margin:0;color:#8090a4;font-size:12px}.safety-flow>i{width:25px;height:1px;background:#2f7180}
/* Smooth FAQ accordion */
.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 2px;border:0;background:none;color:#f5f8ff;text-align:left;cursor:pointer;font-size:16px;font-weight:650}.faq-item button b{position:relative;width:22px;height:22px;flex:0 0 22px}.faq-item button b:before,.faq-item button b:after{content:"";position:absolute;left:3px;right:3px;top:10px;height:2px;background:#24dcef;border-radius:3px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.faq-item button b:after{transform:rotate(90deg)}.faq-item.open button b:after{transform:rotate(180deg)}.faq-item.open button b:before{transform:rotate(180deg)}.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1),opacity .28s ease}.faq-item.open .faq-answer{grid-template-rows:1fr;opacity:1}.faq-answer>div{overflow:hidden}.faq-answer p{margin:0;padding:0 46px 26px 2px;color:#91a0b4;font-size:14px;line-height:1.8}
.requirement-grid{margin-top:45px}.requirement-grid article small{color:#5f748c;font-size:9px;letter-spacing:.12em}.requirement-grid strong{display:block;margin:12px 0 6px;font-size:18px}.release-note{border-color:var(--line-bright);background:rgba(0,196,229,.04)}.release-note small{color:#24dcef}.release-note h2{margin-top:10px;font-size:30px}
/* Legal */
.legal-main{padding:150px 0 100px;background:radial-gradient(circle at 15% 10%,rgba(0,199,232,.08),transparent 28%),#04070c}.legal-layout{display:grid;grid-template-columns:270px minmax(0,820px);gap:90px;align-items:start}.legal-layout>aside{position:sticky;top:120px}.legal-layout aside h1{margin:0 0 18px;font-size:45px;letter-spacing:-.05em}.legal-layout aside>p:last-of-type{color:#8090a4;font-size:13px}.legal-layout aside nav{display:grid;margin-top:30px;border-top:1px solid var(--line)}.legal-layout aside nav a{padding:13px 0;border-bottom:1px solid var(--line);color:#8494a7;font-size:12px}.legal-layout aside nav a.active{color:#28dcef}.legal-document{padding:45px;border:1px solid var(--line);border-radius:18px;background:#080d14}.legal-document section{padding:28px 0;border-bottom:1px solid var(--line)}.legal-document section:last-child{border-bottom:0}.legal-document h2{margin:0 0 13px;font-size:21px;letter-spacing:-.02em}.legal-document p,.legal-document address{margin:0;color:#a1adbd;font-size:14px;line-height:1.85;font-style:normal}.legal-document a{color:#3ddcf0;text-decoration:underline;text-underline-offset:3px}.legal-updated{font-size:11px!important;color:#64768c!important}.legal-alert{padding:20px;border:1px solid rgba(255,91,105,.35);border-radius:10px;background:rgba(255,73,88,.07)}.legal-alert b{color:#ff8190}.legal-alert p{margin-top:6px;font-size:12px}.legal-missing{color:#ff8392!important}.legal-source{margin-top:20px;padding:24px!important;border:1px solid rgba(255,184,70,.18)!important;border-radius:10px;background:rgba(255,178,50,.035)}
@media(max-width:900px){.page-card-grid,.module-grid,.method-grid,.requirement-grid{grid-template-columns:1fr}.app-window{grid-template-columns:64px 1fr}.app-window aside{padding:16px 8px}.app-brand b,.app-brand small,.app-window aside nav span:not(.active){font-size:0}.app-window aside nav span{padding:11px 6px;text-align:center}.app-window aside nav span:first-letter{font-size:15px}.app-health{display:none}.app-content{padding:22px}.app-telemetry{grid-template-columns:repeat(3,1fr)}.app-chart{grid-column:1/-1}.legal-layout{grid-template-columns:1fr;gap:35px}.legal-layout>aside{position:static}.safety-flow{grid-template-columns:1fr}.safety-flow>i{width:1px;height:20px;margin:auto}.page-card{min-height:270px}.page-card h3{margin-top:40px}}
@media(max-width:600px){.subhero{min-height:570px;padding:145px 0 80px}.subhero h1{font-size:clamp(47px,15vw,70px)}.subhero .container>p:last-child{font-size:15px}.app-window{margin-inline:-10px}.app-content>header>span{display:none}.app-profile{grid-template-columns:1fr;padding:20px}.big-score{width:95px;height:95px}.app-profile label{grid-template-columns:100px 1fr 32px}.app-telemetry article{width:63px;height:63px;border-width:5px}.app-telemetry article b{font-size:15px}.app-telemetry article small{display:none}.legal-document{padding:24px 20px}.safety-flow article{padding:20px}.faq-item button{font-size:14px}.page-card-grid{gap:12px}}
@media(max-width:420px){.language-picker select{width:52px}.profile-card{display:block}.score-ring{margin:0 auto 15px}.mini-gauges>span:nth-child(3){display:none}}

/* V1.0 hero refresh: code-native backdrop, no wallpaper */
[data-i18n],[data-i18n-html]{overflow-wrap:normal;word-break:normal;hyphens:none}.language-picker select{width:auto;min-width:108px;font-size:11px}.hero{background:#02050a}.hero-media{overflow:hidden;background:radial-gradient(circle at 82% 48%,rgba(0,206,235,.12),transparent 26%),radial-gradient(circle at 56% 12%,rgba(40,166,185,.13),transparent 30%),linear-gradient(135deg,#02050a 0%,#06101a 54%,#02050a 100%)}.hero-media:before{content:"";position:absolute;inset:-35% -10%;background:conic-gradient(from 215deg at 70% 50%,transparent 0 36%,rgba(26,220,242,.09) 40%,transparent 46% 100%);filter:blur(20px);animation:hero-drift 16s ease-in-out infinite alternate}.hero-media:after{background:linear-gradient(90deg,rgba(2,5,10,.94) 0%,rgba(2,5,10,.72) 39%,rgba(2,5,10,.12) 67%,rgba(2,5,10,.46) 100%),linear-gradient(0deg,#03060b 0%,transparent 31%,rgba(3,6,11,.25) 100%)}.hero-aurora{position:absolute;display:block;border-radius:50%;filter:blur(1px);opacity:.7}.aurora-one{width:650px;height:650px;right:4%;top:12%;border:1px solid rgba(33,220,241,.17);box-shadow:inset 0 0 120px rgba(0,194,224,.05),0 0 120px rgba(0,191,220,.04)}.aurora-two{width:880px;height:390px;right:-6%;top:31%;border:1px dashed rgba(103,235,255,.13);transform:rotate(-13deg)}.hero-beam{position:absolute;right:-15%;bottom:16%;width:72%;height:1px;background:linear-gradient(90deg,transparent,#1eddf2 48%,transparent);box-shadow:0 0 32px #00ccea;opacity:.28;transform:rotate(-8deg)}.hero-content{grid-template-columns:.92fr 1.08fr}.hero-copy{position:relative;z-index:5}.hero-orbit{transform:translateX(15%)}.hero-mark{width:min(118%,690px);transform:translateX(8%);filter:drop-shadow(0 46px 60px rgba(0,0,0,.64)) drop-shadow(0 0 34px rgba(0,184,236,.14))}.mark-glow{inset:17% 7%;opacity:.2}.ring-one{width:630px;height:630px}.ring-two{width:790px;height:470px}.chip-performance{right:-5%}.chip-control{left:2%}@keyframes hero-drift{to{transform:translate3d(-3%,2%,0) rotate(4deg)}}
@media(max-width:1050px){.hero-content{grid-template-columns:1fr}.hero-orbit{transform:translateX(8%)}.language-picker select{min-width:96px}}
@media(max-width:760px){.hero-media:after{background:linear-gradient(90deg,rgba(2,5,10,.94),rgba(2,5,10,.44)),linear-gradient(0deg,#03060b 0%,transparent 38%)}.hero-orbit{right:-42%;transform:translateX(4%)}.hero-mark{transform:translateX(12%)}.language-picker select{width:74px;min-width:74px;padding-inline:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-media:before{animation:none}}

/* Homepage motion and control-loop showcase */
.scroll-progress{position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#1be1f4,#37e4ff 58%,#70ecff);box-shadow:0 0 18px rgba(27,225,244,.65);transform:scaleX(var(--scroll-progress,0));transform-origin:left;will-change:transform}
html.smooth-wheel-active{scroll-behavior:auto}
.site-header,.button,.page-card,.signal-console{will-change:transform}
.site-header.scrolled .nav-shell{height:70px}.nav-shell{transition:height .35s cubic-bezier(.2,.8,.2,1)}
.hero-media{transform:translate3d(0,var(--hero-scroll,0px),0);will-change:transform}.hero-grid{transform:translate3d(0,var(--grid-scroll,0px),0);will-change:transform}
.hero-orbit{transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) translateX(15%);will-change:transform}
.hero-mark img{animation:logo-float 6s ease-in-out infinite;will-change:transform}.ring-one{animation:orbit-spin 34s linear infinite}.ring-two{animation:orbit-spin-reverse 42s linear infinite}.chip-performance{animation:chip-float 4.8s ease-in-out infinite}.chip-control{animation:chip-float 5.4s ease-in-out -1.7s infinite}.live-dot{animation:live-pulse 2s ease-out infinite}
.hero-copy.visible .release-pill{animation:hero-rise .7s .03s both}.hero-copy.visible h1{animation:hero-rise .9s .12s both}.hero-copy.visible>p{animation:hero-rise .8s .24s both}.hero-copy.visible .hero-actions{animation:hero-rise .8s .34s both}.hero-copy.visible .hero-trust{animation:hero-rise .8s .44s both}@keyframes hero-rise{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}
@keyframes logo-float{50%{transform:translate3d(0,-11px,0) scale(1.012)}}@keyframes orbit-spin{to{transform:rotate(346deg)}}@keyframes orbit-spin-reverse{to{transform:rotate(-374deg)}}@keyframes chip-float{50%{transform:translate3d(0,-9px,0)}}@keyframes live-pulse{50%{box-shadow:0 0 0 9px rgba(32,222,243,0),0 0 23px #20def3}}

.signal-strip{position:relative;isolation:isolate;background:linear-gradient(90deg,#03070c,#07121c 50%,#03070c)}.signal-strip:before,.signal-strip:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:min(12vw,150px);pointer-events:none}.signal-strip:before{left:0;background:linear-gradient(90deg,#03070c,transparent)}.signal-strip:after{right:0;background:linear-gradient(-90deg,#03070c,transparent)}.signal-track{display:flex;width:max-content;animation:ticker 23s linear infinite;will-change:transform}.signal-group{display:flex;flex:none}.signal-track span{position:relative;padding:22px 38px;color:#9cbdc2;transition:color .25s,text-shadow .25s}.signal-track span:hover{color:#effcff;text-shadow:0 0 16px rgba(31,222,243,.55)}.signal-track i{animation:signal-pulse 1.8s ease-in-out infinite}.signal-track span:nth-child(2n) i{animation-delay:-.9s}@keyframes ticker{to{transform:translate3d(-50%,0,0)}}@keyframes signal-pulse{50%{transform:scale(2.2);opacity:.35}}

[data-reveal]{transform:translate3d(0,34px,0) scale(.985);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.16,1,.3,1)}[data-reveal].visible{transform:translate3d(0,0,0) scale(1)}.page-card-grid .page-card:nth-child(2){transition-delay:.09s}.page-card-grid .page-card:nth-child(3){transition-delay:.18s}
.button{position:relative;overflow:hidden}.button:after{content:"";position:absolute;inset:-2px;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.25),transparent);transform:translateX(-180%) skewX(-20deg);transition:transform .65s ease}.button:hover:after{transform:translateX(340%) skewX(-20deg)}
.page-card{--spot-x:50%;--spot-y:50%}.page-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(320px circle at var(--spot-x) var(--spot-y),rgba(30,215,240,.13),transparent 55%);opacity:0;transition:opacity .3s}.page-card:hover:before{opacity:1}.page-card>*{position:relative;z-index:1}

.control-loop{overflow:hidden;background:radial-gradient(circle at 78% 45%,rgba(20,196,226,.11),transparent 31%),linear-gradient(180deg,#03060b,#060c13 48%,#03070c)}.control-loop:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(82,180,195,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(82,180,195,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 50%,transparent)}.control-loop-grid{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:8%}.control-loop-copy>p:not(.eyebrow){max-width:530px;color:var(--muted);font-size:15px}.loop-steps{display:grid;margin-top:38px;border-top:1px solid var(--line)}.loop-steps article{display:grid;grid-template-columns:36px 1fr;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}.loop-steps article>b{color:#2bd9ed;font:800 10px/1.7 Consolas,monospace}.loop-steps h3{margin:0 0 4px;font-size:16px}.loop-steps p{margin:0;color:#75869a;font-size:12px;line-height:1.65}
.signal-console{--tilt-x:0deg;--tilt-y:0deg;position:relative;min-height:590px;padding:29px;border:1px solid rgba(72,194,219,.28);border-radius:22px;background:linear-gradient(145deg,rgba(13,24,35,.97),rgba(5,10,16,.98));box-shadow:0 42px 100px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.035);overflow:hidden;transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .18s ease-out,border-color .3s;transform-style:preserve-3d}.signal-console:hover{border-color:rgba(56,220,240,.46)}.console-glow{position:absolute;width:370px;height:370px;right:-140px;top:-150px;border-radius:50%;background:#00bddd;filter:blur(110px);opacity:.13;pointer-events:none}.signal-console>header{position:relative;display:flex;justify-content:space-between;align-items:center;padding-bottom:23px;border-bottom:1px solid var(--line)}.signal-console>header span{display:flex;align-items:center;gap:9px;color:#90b5bb;font-size:9px;font-weight:800;letter-spacing:.13em}.signal-console>header span i{width:6px;height:6px;border-radius:50%;background:#28e7af;box-shadow:0 0 13px #28e7af;animation:signal-pulse 1.8s ease-in-out infinite}.signal-console>header small{color:#536b81;font-size:9px}.console-score{position:relative;display:flex;justify-content:space-between;align-items:center;padding:38px 6px 29px}.console-score>div:first-child small{display:block;color:#55838a;font-size:9px;font-weight:800;letter-spacing:.12em}.console-score strong{font-size:82px;line-height:1;letter-spacing:-.08em;background:linear-gradient(135deg,#fff,#69eaf8);-webkit-background-clip:text;background-clip:text;color:transparent}.console-score>div:first-child span{color:#5d7185;font-size:12px}.console-ring{position:relative;display:grid;place-items:center;width:125px;height:125px;border:1px solid rgba(31,213,235,.19);border-radius:50%;background:radial-gradient(circle,rgba(19,205,228,.1),transparent 67%)}.console-ring:before,.console-ring i{content:"";position:absolute;border-radius:50%}.console-ring:before{inset:11px;border:7px solid #192d30;border-top-color:#1fd9ec;border-right-color:#1fd9ec;animation:orbit-spin 7s linear infinite}.console-ring i{inset:26px;border:1px dashed rgba(75,228,242,.28);animation:orbit-spin-reverse 10s linear infinite}.console-ring b{font-size:10px;letter-spacing:.12em}.console-meters{display:grid;gap:17px;padding:22px;border:1px solid var(--line);border-radius:12px;background:rgba(4,10,16,.58)}.console-meters article>span{display:flex;justify-content:space-between;margin-bottom:7px;color:#7890a5;font-size:9px}.console-meters em{color:#29dff0;font-style:normal}.console-meters article>i{display:block;height:5px;border-radius:5px;background:#172a2d;overflow:hidden}.console-meters article>i b{display:block;width:var(--meter);height:100%;border-radius:inherit;background:linear-gradient(90deg,#129dc4,#21e1ee);box-shadow:0 0 15px rgba(28,218,235,.35);transform-origin:left;animation:meter-load 1.5s cubic-bezier(.16,1,.3,1) both}@keyframes meter-load{from{transform:scaleX(0)}}
.console-wave{position:relative;margin-top:24px;padding:17px 18px 5px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:linear-gradient(rgba(52,146,160,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(52,146,160,.04) 1px,transparent 1px);background-size:24px 24px}.console-wave span{color:#527d84;font-size:8px;font-weight:800;letter-spacing:.13em}.console-wave svg{display:block;width:100%;height:78px}.console-wave path{fill:none;stroke:#20ddec;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(32,221,236,.55));stroke-dasharray:900;animation:trace-draw 3.8s ease-in-out infinite}.console-wave>i{position:absolute;top:0;bottom:0;width:90px;background:linear-gradient(90deg,transparent,rgba(24,218,237,.07),transparent);animation:console-scan 4s linear infinite}@keyframes trace-draw{0%{stroke-dashoffset:900}45%,100%{stroke-dashoffset:0}}@keyframes console-scan{from{left:-100px}to{left:100%}}
.signal-console:not(.visible) .console-ring:before,.signal-console:not(.visible) .console-ring i,.signal-console:not(.visible) .console-meters article>i b,.signal-console:not(.visible) .console-wave path,.signal-console:not(.visible) .console-wave>i{animation-play-state:paused}

.hero h1 .hero-line{display:block;width:max-content;max-width:100%;white-space:nowrap;background:none;color:var(--text);-webkit-text-fill-color:initial}.hero h1 .hero-accent{background:linear-gradient(100deg,#fff,#71edff 72%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.console-score>div:first-child{display:flex;align-items:baseline;min-width:0;flex-wrap:wrap}.console-score>div:first-child small{flex:0 0 100%}.console-score>div:first-child span{margin-left:7px}
html[lang="de"] .hero h1,html[lang="cs"] .hero h1{max-width:760px;font-size:clamp(56px,5.8vw,88px);line-height:.91;letter-spacing:-.065em}
@media(max-width:1120px){.nav-shell{height:66px}.site-header{background:rgba(3,6,11,.78);backdrop-filter:blur(16px)}.nav-shell nav{display:none;position:absolute;top:66px;left:0;right:0;padding:22px;border-bottom:1px solid var(--line);background:rgba(4,8,14,.98)}.nav-shell nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.nav-dashboard{display:none}.menu-button{display:block}.nav-actions{gap:10px}.button-mini{display:none}.brand{font-size:16px}.brand img{width:32px}}
@media(max-width:1050px){.hero-orbit{transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) translateX(8%)}html[lang="de"] .hero h1,html[lang="cs"] .hero h1{font-size:clamp(50px,6.5vw,68px);max-width:760px}.control-loop-grid{grid-template-columns:1fr;gap:70px}.control-loop-copy{max-width:720px}.signal-console{min-height:auto}}
@media(max-width:760px){.site-header.scrolled .nav-shell{height:62px}.hero-orbit{transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) translateX(4%)}html[lang="de"] .hero h1,html[lang="cs"] .hero h1{font-size:clamp(45px,13.8vw,58px);line-height:.93}.signal-track{animation-duration:17s}.signal-track span{padding:18px 26px}.control-loop-grid{gap:50px}.signal-console{padding:20px;border-radius:17px}.console-score strong{font-size:64px}.console-ring{width:96px;height:96px}.console-meters{padding:17px}.control-loop-copy>p:not(.eyebrow){font-size:14px}}
@media(max-width:420px){html[lang="de"] .hero h1,html[lang="cs"] .hero h1{font-size:45px}.console-score{padding-inline:0}.console-ring{width:84px;height:84px}.signal-console>header b{max-width:185px;display:block}.control-loop{padding-top:105px}}

/* Rechtstexte zweisprachig: Deutsch bei lang="de", sonst Englisch (i18n.js setzt das lang-Attribut). */
html:not([lang="de"]) .lang-de{display:none!important}html[lang="de"] .lang-en{display:none!important}
/* Aufzaehlungen und Absatzabstand in Rechtstexten; Hinweis auf den Haftungsausschluss beim Download */
.legal-document ul{margin:10px 0 12px;padding-left:20px;color:#a1adbd;font-size:14px;line-height:1.85}.legal-document li::marker{color:#3ddcf0}.legal-document p+p,.legal-document ul+p{margin-top:10px}
.download-legal{margin-top:10px!important}.download-legal a{color:#3ddcf0;text-decoration:underline;text-underline-offset:3px}

/* Pricing page, the four-card home grid and the admin entry that only signed-in admins see */
.pricing-subhero{background:radial-gradient(circle at 74% 32%,rgba(105,235,255,.16),transparent 31%),linear-gradient(140deg,#04070c,#080d1a)}
.nav-admin{display:inline-flex;align-items:center;padding:6px 13px;border:1px solid rgba(35,216,239,.38);border-radius:999px;background:rgba(12,26,38,.75);color:#7ff0ff;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.nav-admin:hover{border-color:rgba(35,216,239,.72);color:#c2fbff}
.page-card-grid.four{grid-template-columns:repeat(4,1fr)}
.page-card-grid.four .page-card:nth-child(4){transition-delay:.27s}
.page-card-grid.four .page-card{min-height:350px}
.page-card-grid.four .page-card h3{font-size:24px}
.page-card-grid.four .page-card p{max-width:none;margin-bottom:34px}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.price-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:34px 30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0d151f,#070b11);transition:.3s ease}
.price-card:hover{transform:translateY(-6px);border-color:rgba(35,216,239,.36);box-shadow:0 28px 60px rgba(0,0,0,.32)}
.price-card.featured{border-color:rgba(35,216,239,.42);background:linear-gradient(145deg,#102c30,#070d14)}
.price-flag{position:absolute;top:18px;right:18px;padding:5px 10px;border:1px solid rgba(35,216,239,.3);border-radius:999px;color:#27dff5;font:750 10px monospace;letter-spacing:.08em}
.price-card header small{color:#27dff5;font:750 11px monospace;letter-spacing:.1em}
.price-card h2{margin:9px 0 0;font-size:26px;letter-spacing:-.02em}
.price-tag{display:flex;align-items:baseline;gap:6px;margin:0}
.price-tag b{font-size:52px;font-weight:700;line-height:1;letter-spacing:-.04em}
.price-tag span{font-size:22px;color:#27dff5}
.price-meta{margin:0;color:#8190a4;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.price-copy{flex:1;margin:0;color:#8492a6;font-size:14px;line-height:1.7}
.price-card .button{width:100%}
.price-legal{max-width:760px;margin:24px auto 0;text-align:center;color:#627086;font-size:13px;line-height:1.7}
.price-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:26px}
.pricing-steps .honesty-note{margin-top:26px}
.honesty-note a{color:#3ddcf0;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.page-card-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.price-grid{grid-template-columns:1fr;max-width:470px;margin:0 auto}}
@media(max-width:760px){.page-card-grid.four{grid-template-columns:1fr}.price-card{padding:28px 24px}.price-actions .button{width:100%}}

/* API documentation page */
.legal-layout>aside,.legal-layout>article{min-width:0}
.api-base{margin-top:22px}
.api-base small{display:block;margin-bottom:6px;color:#627086;font-size:10px;font-weight:700;letter-spacing:.12em}
.legal-document code,.api-base code{display:inline-block;max-width:100%;padding:2px 6px;border:1px solid var(--line);border-radius:6px;background:#070c13;color:#7ff0ff;font-size:12.5px;overflow-wrap:anywhere;word-break:break-word}
.api-table{width:100%;margin:14px 0 4px;border:1px solid var(--line);border-collapse:collapse;font-size:13px}
.api-table th{padding:10px 12px;border-bottom:1px solid var(--line);color:#7c8aa0;font-size:10px;font-weight:700;letter-spacing:.1em;text-align:left;text-transform:uppercase}
.api-table td{padding:10px 12px;border-bottom:1px solid rgba(142,195,203,.08);color:#a1adbd;vertical-align:top}
.api-table tr:last-child td{border-bottom:0}
.api-table td:first-child{color:#dcf3f7;white-space:nowrap}
@media(max-width:640px){.api-table{display:block;overflow-x:auto}}


/* ============================================================================
   Mobile hardening + control-center driven components.
   Appended last on purpose: these rules correct the older breakpoints above
   instead of replacing them, so nothing else has to be rewritten.
   ========================================================================= */

/* --- 1. Never scroll sideways -------------------------------------------- */
html { overflow-x: clip; }
body { overflow-x: clip; }
/* Decorative layers must not widen the page on a narrow screen. */
.hero, .subhero, .section, footer { overflow-x: clip; }
img, svg, video, canvas { max-width: 100%; }

/* --- 2. Website banner (Settings -> Website & branding) ------------------- */
.site-banner {
  position: relative;
  z-index: 91;
  padding: 9px 0;
  border-bottom: 1px solid var(--line);
  background: #0a1622;
  color: #cff0f5;
  font-size: 13px;
  line-height: 1.45;
  padding-top: max(9px, env(safe-area-inset-top));
}
.site-banner .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 14px; text-align: center; }
.site-banner a { color: #fff; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.site-banner.level-info { background: linear-gradient(90deg, #08202e, #0a1622); border-bottom-color: rgba(59,229,255,0.4); }
.site-banner.level-success { background: linear-gradient(90deg, #07231b, #0a1622); border-bottom-color: rgba(46, 230, 168, 0.4); }
.site-banner.level-warning { background: linear-gradient(90deg, #2a2008, #0a1622); border-bottom-color: rgba(255, 190, 77, 0.45); color: #ffdfa6; }
.site-banner.level-critical { background: linear-gradient(90deg, #2b0e14, #140a10); border-bottom-color: rgba(255, 95, 116, 0.5); color: #ffc3cc; }
/* The fixed header sits below the banner while the page is at the top. */
.site-header.has-banner { top: 42px; }
.site-header.has-banner.scrolled { top: 0; }
@media (max-width: 760px) { .site-header.has-banner { top: 0; } .site-banner { position: static; } }

.footer-support {
  display: inline-block;
  margin-top: 14px;
  color: var(--cyan);
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* --- 3. Maintenance page -------------------------------------------------- */
.maintenance-page { display: grid; place-items: center; min-height: 100dvh; margin: 0; }
.maintenance-shell { width: min(560px, calc(100% - 32px)); padding: 40px 0; }
.maintenance-card {
  padding: clamp(28px, 6vw, 48px);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(160deg, var(--panel-2), var(--panel));
  box-shadow: var(--shadow);
  text-align: center;
}
.maintenance-card img { width: 64px; height: auto; margin-bottom: 20px; }
.maintenance-eyebrow { margin: 0 0 10px; color: var(--cyan); font-size: 11px; font-weight: 800; letter-spacing: 0.2em; }
.maintenance-card h1 { margin: 0 0 14px; font-size: clamp(26px, 6vw, 36px); line-height: 1.15; letter-spacing: -0.03em; }
.maintenance-copy { margin: 0 auto 26px; max-width: 46ch; color: var(--muted); font-size: 15px; line-height: 1.7; }
.maintenance-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 22px; }
.maintenance-card small { color: var(--muted-2); font-size: 12px; letter-spacing: 0.08em; }

/* --- 4. Touch targets and native behaviour ------------------------------- */
a, button, select, summary, [role="button"] { -webkit-tap-highlight-color: rgba(36, 221, 245, 0.16); }
button, [role="button"], .button { touch-action: manipulation; }
:where(a, button, select, input, textarea):focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; border-radius: 6px; }

@media (pointer: coarse) {
  /* iOS zooms a form in when its text is under 16px. */
  input, textarea { font-size: 16px; }
  .menu-button, .language-picker select, .nav-actions .button { min-height: 44px; }
  /* The picker keeps a thumb-sized target but stays narrow enough to read its label. */
  .language-picker select {
    width: auto !important;
    min-width: 0 !important;
    height: 44px;
    padding-inline: 12px 30px !important;
    font-size: 13px !important;
  }
  .nav-shell nav a, .footer-grid a, .footer-bottom a { min-height: 44px; display: flex; align-items: center; }
  .footer-grid a { padding: 2px 0; }
  /* Hover-only flourishes have no place on a touch screen. */
  [data-tilt], .page-card { transform: none !important; }
}

/* --- 5. Navigation drawer ------------------------------------------------ */
/* Declared before the breakpoint below, which switches it on. */
.nav-mobile-actions { display: none; }

@media (max-width: 1120px) {
  .menu-button {
    position: relative;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 11px;
  }
  .menu-button span {
    position: absolute;
    left: 12px;
    width: 20px;
    height: 2px;
    margin: 0;
    border-radius: 2px;
    background: #fff;
    transition: transform 0.22s cubic-bezier(0.22, 0.68, 0.32, 1), opacity 0.16s;
  }
  .menu-button span:first-child { transform: translateY(-4px); }
  .menu-button span:last-child { transform: translateY(4px); }
  .menu-button[aria-expanded="true"] span:first-child { transform: rotate(45deg); }
  .menu-button[aria-expanded="true"] span:last-child { transform: rotate(-45deg); }

  .nav-shell nav {
    top: 100%;
    max-height: calc(100dvh - 70px);
    padding: 18px 22px calc(26px + env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #05080d;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.7);
  }
  .nav-shell nav.open { gap: 2px; }
  .nav-shell nav a {
    width: 100%;
    padding: 12px 4px;
    border-bottom: 1px solid rgba(142,195,203,0.08);
    font-size: 16px;
  }
  .nav-shell nav a:last-of-type { border-bottom: 0; }
  .nav-shell nav a.active { color: var(--cyan); }

  /* Sign-in and Download move into the drawer, where there is room for them. */
  .nav-mobile-actions { display: flex; gap: 10px; width: 100%; margin-top: 16px; }
  .nav-mobile-actions .button { flex: 1; justify-content: center; min-height: 46px; }
  body.nav-open { overflow: hidden; }
}

/* --- 6. Hero and sections on small screens -------------------------------- */
@media (max-width: 760px) {
  .section { padding: 72px 0; }
  .container { width: min(100% - 32px, var(--container)); }

  .hero {
    height: auto;
    min-height: 0;
    padding: calc(96px + env(safe-area-inset-top)) 0 64px;
  }
  .hero h1 { font-size: clamp(38px, 11.5vw, 56px); line-height: 1.02; }
  .hero-copy > p { max-width: 38ch; font-size: 15px; }
  .hero-actions { gap: 12px; }
  .hero-actions .button { width: 100%; min-height: 52px; }
  .hero-trust { gap: 6px; font-size: 13px; }

  /* The orbit used to hang far outside the viewport; it now stays inside it. */
  .hero-orbit {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    min-height: 0;
    margin-top: 44px;
    opacity: 0.5;
    transform: none !important;
  }
  .orbit-ring { width: min(330px, 84vw); height: min(330px, 84vw); }
  .ring-two { width: min(380px, 92vw); height: min(240px, 60vw); }
  .hero-mark { transform: none !important; }
  .hero-mark img { width: min(260px, 66vw); height: auto; }

  .page-title h1, .subhero h1 { overflow-wrap: break-word; }
  .signal-track span { padding: 14px 18px; font-size: 12px; }

  /* A full-screen blur on every scroll frame is what makes phones stutter. */
  .site-header { backdrop-filter: blur(10px); }
  .bento-card, .price-card, .page-card { transform: none !important; }
}

@media (max-width: 520px) {
  .container { width: calc(100% - 28px); }
  .section { padding: 60px 0; }
  .hero h1 { font-size: clamp(34px, 12vw, 46px); }
  .release-pill { font-size: 11px; }
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .footer-grid > div:first-child { grid-column: auto; }
  .brand small { display: none; }
}

/* --- 7. Anything that scrolls sideways does it smoothly ------------------- */
.data-table-wrap, .api-table, [data-native-scroll] {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

/* --- 8. Respect the user's motion setting on every new component --------- */
@media (prefers-reduced-motion: reduce) {
  .site-banner, .menu-button span, .nav-shell nav { transition: none !important; }
}

/* Impressum: Beschriftung ueber einer Anschrift, Zwischenueberschrift, Schlusszeile */
.legal-document .legal-label{margin:0 0 8px!important;color:#64768c!important;font-size:10.5px!important;font-weight:800;letter-spacing:.14em}
.legal-document address+p{margin-top:14px}
.legal-document h3{margin:22px 0 8px;font-size:15px;letter-spacing:-.01em;color:#dbecef}
.legal-document section h3:first-of-type{margin-top:18px}
.legal-closing{margin-top:28px!important;color:#8fa0b4!important;font-size:13px!important}


/* ============================================================================
   Kasse, Rückkehrseite und die Bestandteile der Rechtsseiten, die der Shop
   mitbringt (Widerrufsformular, Paket-Fakten).
   ========================================================================= */

.checkout-main { padding: 150px 0 100px; background: radial-gradient(circle at 18% 8%, rgba(0, 199, 232, .08), transparent 30%), #04070c; }
.checkout-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 48px; align-items: start; }

/* ---------------------------------------------------------------- Formular */
.checkout-form h1 { margin: 6px 0 10px; font-size: clamp(30px, 4vw, 44px); letter-spacing: -.04em; }
.checkout-intro { max-width: 60ch; color: #8fa0b4; font-size: 15px; line-height: 1.75; }
.checkout-form form { margin-top: 34px; }

.checkout-block { margin: 0 0 22px; padding: 26px; border: 1px solid var(--line); border-radius: 16px; background: #080d14; }
.checkout-block legend { padding: 0 10px; margin-left: -10px; color: #64768c; font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.checkout-empty { color: #ff9aa8; font-size: 14px; }

/* Zahlungswege als große, gut treffbare Flächen statt winziger Radiobuttons. */
.pay-options { display: grid; gap: 10px; margin-top: 16px; }
.pay-option { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: start; padding: 16px 18px; border: 1px solid var(--line); border-radius: 12px; background: #0a111a; cursor: pointer; transition: border-color .15s, background .15s; }
.pay-option:hover { border-color: rgba(54, 202, 230, .4); background: #0c1622; }
.pay-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.pay-mark { position: relative; width: 20px; height: 20px; margin-top: 2px; border: 2px solid #33555a; border-radius: 50%; transition: border-color .15s; }
.pay-option input:checked + .pay-mark { border-color: var(--cyan); }
.pay-option input:checked + .pay-mark::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: var(--cyan); }
.pay-option input:focus-visible + .pay-mark { box-shadow: 0 0 0 3px rgba(36, 221, 245, .3); }
.pay-option:has(input:checked) { border-color: rgba(54, 202, 230, .55); background: #0c1a24; }
.pay-body b { display: block; font-size: 15px; }
.pay-body small { display: block; margin-top: 4px; color: #8496aa; font-size: 12.5px; line-height: 1.6; }

/* Pflicht-Häkchen: bewusst groß, weil an ihnen der Vertragsschluss hängt. */
.consent-row { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: start; margin-top: 16px; cursor: pointer; }
.consent-row input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.consent-mark { position: relative; width: 22px; height: 22px; margin-top: 1px; border: 2px solid #33555a; border-radius: 6px; background: #0a111a; transition: border-color .15s, background .15s; }
.consent-row input:checked + .consent-mark { border-color: var(--cyan); background: var(--cyan); }
.consent-row input:checked + .consent-mark::after { content: ""; position: absolute; left: 6px; top: 2px; width: 6px; height: 11px; border: solid #04121a; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); }
.consent-row input:focus-visible + .consent-mark { box-shadow: 0 0 0 3px rgba(36, 221, 245, .3); }
.consent-row > span:last-child { color: #a1adbd; font-size: 13.5px; line-height: 1.75; }
.consent-row a { color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }
.consent-highlight { padding: 16px; border: 1px solid rgba(255, 184, 70, .28); border-radius: 12px; background: rgba(255, 178, 50, .05); }

.checkout-submit { margin-top: 28px; }
.checkout-button { width: 100%; min-height: 56px; font-size: 15px; }
.checkout-submit output { display: block; min-height: 22px; margin-top: 12px; color: #7ff0c9; font-size: 13.5px; }
.checkout-submit output.error { color: #ff9aa8; }
.checkout-hint { margin-top: 10px; color: #64768c; font-size: 12.5px; line-height: 1.7; }

/* ------------------------------------------------------------ Zusammenfassung */
.checkout-summary { position: sticky; top: 120px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(160deg, var(--panel-2), var(--panel)); }
.checkout-summary h2 { margin: 0 0 20px; font-size: 18px; }
.summary-row { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 12px; font-size: 14px; }
.summary-note { padding-bottom: 14px; color: #8496aa; font-size: 12.5px; }
.summary-total { display: flex; justify-content: space-between; gap: 16px; padding: 16px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 16px; }
.summary-total b { font-size: 22px; letter-spacing: -.02em; }
.summary-vat { margin: 12px 0 0; color: #64768c; font-size: 12px; line-height: 1.6; }
.summary-facts { margin: 22px 0 0; padding: 0; list-style: none; display: grid; gap: 16px; }
.summary-facts b { display: block; color: #dbecef; font-size: 12.5px; }
.summary-facts span { display: block; margin-top: 4px; color: #8496aa; font-size: 12.5px; line-height: 1.65; }
.summary-facts a { color: var(--cyan); }
.summary-account { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); }
.summary-account span { display: block; color: #64768c; font-size: 10.5px; font-weight: 800; letter-spacing: .14em; }
.summary-account b { display: block; margin-top: 6px; font-size: 15px; }
.summary-account small { display: block; margin-top: 4px; color: #64768c; font-size: 12px; }

/* --------------------------------------------------------- Rückkehrseite */
.return-layout { display: grid; place-items: center; }
.return-card { width: min(680px, 100%); padding: clamp(28px, 5vw, 48px); border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(160deg, var(--panel-2), var(--panel)); box-shadow: var(--shadow); }
.return-state { text-align: center; }
.return-icon { display: block; width: 62px; height: 62px; margin: 0 auto 20px; border-radius: 50%; border: 2px solid var(--cyan); }
.return-state[data-state="paid"] .return-icon { border-color: #2ee6a8; background: radial-gradient(circle, rgba(46, 230, 168, .22), transparent 70%); }
.return-state[data-state="pending"] .return-icon { border-color: #ffbe4d; border-right-color: transparent; animation: return-spin 1.1s linear infinite; }
.return-state[data-state="failed"] .return-icon,
.return-state[data-state="cancelled"] .return-icon { border-color: #ff5f74; background: radial-gradient(circle, rgba(255, 95, 116, .18), transparent 70%); }
@keyframes return-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .return-state[data-state="pending"] .return-icon { animation: none; } }
.return-card h1 { margin: 0 0 12px; font-size: clamp(26px, 4vw, 36px); letter-spacing: -.03em; }
.return-state p { margin: 0 auto; max-width: 46ch; color: #8fa0b4; font-size: 15px; line-height: 1.75; }
.return-facts { display: grid; gap: 0; margin: 30px 0; padding: 0; }
.return-facts > div { display: flex; justify-content: space-between; gap: 20px; padding: 13px 0; border-top: 1px solid var(--line); font-size: 13.5px; }
.return-facts dt { color: #64768c; }
.return-facts dd { margin: 0; color: #dbecef; text-align: right; overflow-wrap: anywhere; }
.return-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.return-actions .button { flex: 1; min-width: 190px; justify-content: center; }
.return-support { margin-top: 22px; color: #64768c; font-size: 12.5px; line-height: 1.7; }

/* ------------------------------------------------------- Rechtsseiten-Teile */
.withdrawal-form { margin: 18px 0; padding: 24px; border: 1px dashed var(--line-bright); border-radius: 12px; background: #070c13; }
.withdrawal-form p { font-size: 13.5px !important; }
.withdrawal-blank { color: #64768c !important; letter-spacing: .04em; }
.withdrawal-hint { margin-top: 14px !important; color: #8496aa !important; font-size: 13px !important; }
.legal-document ol { margin: 10px 0 12px; padding-left: 22px; color: #a1adbd; font-size: 14px; line-height: 1.85; }
.legal-document ol li::marker { color: var(--cyan); }
.price-facts { margin: 6px 0 14px; color: #8496aa; font-size: 12.5px; }
.price-alt { display: block; margin-top: 10px; color: #8496aa; font-size: 12.5px; text-decoration: underline; text-underline-offset: 3px; }
.price-legal a { color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }

/* ------------------------------------------------------------- Handy */
@media (max-width: 1050px) {
  .checkout-layout { grid-template-columns: 1fr; gap: 32px; }
  .checkout-summary { position: static; order: -1; }
}
@media (max-width: 760px) {
  .checkout-main { padding: 110px 0 70px; }
  .checkout-block { padding: 20px 18px; }
  .return-actions .button { min-width: 0; width: 100%; }
}

/* ============================================================================
   Bestellbestaetigung (§ 312f BGB). Auf dem Bildschirm eine Karte wie der Rest
   der Kasse, auf Papier ein schlichter schwarz-auf-weisser Beleg.
   ========================================================================= */
.receipt-layout { display: grid; place-items: center; }
.receipt { width: min(820px, 100%); padding: clamp(28px, 5vw, 52px); border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(160deg, var(--panel-2), var(--panel)); box-shadow: var(--shadow); }

.receipt-head { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; align-items: flex-start; padding-bottom: 26px; border-bottom: 1px solid var(--line); }
.receipt-head h1 { margin: 6px 0 8px; font-size: clamp(24px, 3.4vw, 34px); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.receipt-date { color: #8496aa; font-size: 13px; }
.receipt-status { padding: 7px 14px; border: 1px solid var(--line-bright); border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.receipt-status[data-status="paid"] { border-color: rgba(46, 230, 168, .45); color: #7ff0c9; }
.receipt-status[data-status="pending"] { border-color: rgba(255, 190, 77, .45); color: #ffd18a; }
.receipt-status[data-status="failed"],
.receipt-status[data-status="cancelled"] { border-color: rgba(255, 95, 116, .45); color: #ff9aa8; }

.receipt-parties { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 28px; padding: 26px 0; border-bottom: 1px solid var(--line); }
.receipt h2 { margin: 0 0 10px; color: #64768c; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.receipt-parties p { color: #a1adbd; font-size: 14px; line-height: 1.7; }
.receipt-parties strong { color: #dbecef; }
.receipt-small { color: #64768c; font-size: 12.5px; line-height: 1.65; }

.receipt-table { width: 100%; margin: 26px 0 0; border-collapse: collapse; font-size: 14px; }
.receipt-table th { padding: 0 0 12px; color: #64768c; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-align: left; }
.receipt-table td { padding: 16px 0; border-top: 1px solid var(--line); color: #a1adbd; vertical-align: top; }
.receipt-table .right { text-align: right; font-variant-numeric: tabular-nums; }
.receipt-table tfoot th { padding: 16px 0; border-top: 1px solid var(--line-bright); color: #dbecef; font-size: 15px; letter-spacing: 0; }
.receipt-table tfoot td { border-top: 1px solid var(--line-bright); font-size: 18px; color: #fff; }
.receipt-vat { margin-top: 10px; }

.receipt-facts { display: grid; gap: 0; margin: 26px 0 0; padding: 0; }
.receipt-facts > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; padding: 13px 0; border-top: 1px solid var(--line); font-size: 13.5px; }
.receipt-facts dt { color: #64768c; }
.receipt-facts dd { margin: 0; color: #dbecef; text-align: right; overflow-wrap: anywhere; }

.receipt-legal { margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--line); }
.receipt-legal p { margin-bottom: 12px; color: #a1adbd; font-size: 13.5px; line-height: 1.8; }
.receipt-legal a { color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }
.receipt-legal blockquote { margin: 14px 0; padding: 16px 18px; border-left: 2px solid var(--cyan); background: #070c13; color: #dbecef; font-size: 13.5px; line-height: 1.75; }

.receipt-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.receipt-actions .button { flex: 1; min-width: 200px; justify-content: center; }

/* Auf Papier zaehlt Lesbarkeit, nicht das Farbschema. */
@media print {
  header, footer, .no-print, .subhero-grid { display: none !important; }
  body { background: #fff !important; color: #000 !important; }
  .checkout-main { padding: 0 !important; background: none !important; }
  .receipt { width: 100%; padding: 0; border: 0; border-radius: 0; background: none !important; box-shadow: none; }
  .receipt h1, .receipt-parties strong, .receipt-facts dd, .receipt-table tfoot td, .receipt-legal blockquote { color: #000 !important; }
  .receipt-date, .receipt-small, .receipt h2, .receipt-facts dt, .receipt-parties p, .receipt-legal p, .receipt-table td, .receipt-table th { color: #333 !important; }
  .receipt-head, .receipt-parties, .receipt-table td, .receipt-table tfoot th, .receipt-table tfoot td, .receipt-facts > div, .receipt-legal { border-color: #bbb !important; }
  .receipt-legal blockquote { background: #f4f4f4 !important; border-left-color: #666 !important; }
  .receipt-status { border-color: #666 !important; color: #000 !important; }
  .receipt-legal a { color: #000 !important; }
}

@media (max-width: 620px) {
  /* Drei Spalten passen auf einem Handy nicht nebeneinander, ohne dass der Text bricht.
     Die Zeile wird deshalb zu einem kleinen Block gestapelt. */
  .receipt-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .receipt-table tr { display: block; }
  .receipt-table tbody td { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; border: 0; }
  .receipt-table tbody td:first-child { display: block; padding-top: 16px; border-top: 1px solid var(--line); }
  .receipt-table tbody td:nth-child(2)::before { content: "Umfang"; color: #64768c; }
  .receipt-table tbody td:last-child { padding-bottom: 16px; }
  .receipt-table tbody td:last-child::before { content: "Betrag"; color: #64768c; }
  .receipt-table tfoot tr { display: flex; justify-content: space-between; gap: 16px; }
  .receipt-table tfoot th, .receipt-table tfoot td { display: block; }
  .receipt-facts > div { flex-direction: column; gap: 4px; }
  .receipt-facts dd { text-align: left; }
  .receipt-actions .button { flex: 1 1 100%; min-width: 0; }
}

/* ============================================================================
   V4-BILDSPRACHE FÜR DIE ÖFFENTLICHE SEITE

   Dieser Block liegt am Dateiende und zieht die gewachsenen Einzelstile der
   Inhaltsseiten auf die Vorlage aus "DarkTweak Redesign v4" zusammen. Er
   folgt denselben drei Regeln wie das Portal:

   1. EINE KARTE FÜR ALLES. Vorher hatte fast jedes Raster eine eigene Fläche,
      Kantenfarbe und Rundung — Modulkarten anders als Methodenkarten, die
      wieder anders als die Anforderungen. Jetzt teilen sie sich denselben
      Verlauf, dieselbe Kante und dieselbe Rundung.
   2. NUMMERN SIND MARKEN, KEIN FLIESSTEXT. Ein Schritt trägt sein Zeichen in
      einem cyanfarbenen Feld, nicht als graue Ziffer daneben.
   3. TYPO ENGER, FARBE RUHIGER. Überschriften laufen auf -.045em zusammen,
      Fließtext bleibt bei zwei Grautönen statt bei fünf.

   Die Rechtsseiten (Impressum, Datenschutz, AGB, Widerruf, Haftungsausschluss)
   sind bewusst ausgenommen — ihr Inhalt und ihre Gestaltung bleiben, wie sie
   sind.
   ========================================================================= */

:root {
  --v4-card: linear-gradient(180deg, #0d1418, #080e11);
  --v4-card-soft: linear-gradient(180deg, #0c1317, #080e11);
  --v4-edge: rgba(255, 255, 255, .08);
  --v4-inset: inset 0 1px rgba(255, 255, 255, .06);
  --v4-accent: #22d3ee;
  --v4-accent-soft: #67e8f9;
  --v4-ink: #e7f2f5;
  --v4-ink-2: #aab3c4;
  --v4-ink-3: #98a2b3;
  --v4-ink-4: #7e879a;
}

/* ------------------------------------------------------------- Kopfbereiche */
.eyebrow {
  color: var(--v4-accent-soft);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.subhero { padding: 80px 0 56px; }
.subhero h1,
.hero h1 { font-weight: 800; letter-spacing: -.045em; }
.subhero h1 { font-size: clamp(36px, 4.4vw, 60px); line-height: 1.05; }
.subhero > .container > p:last-child { max-width: 620px; color: var(--v4-ink-2); font-size: 17px; line-height: 1.72; }
.section-heading h2,
.section-heading.split h2 { font-weight: 800; letter-spacing: -.04em; }
.section-heading.split > p { color: var(--v4-ink-2); font-size: 15px; line-height: 1.72; }

/* ------------------------------------------------------------------- Karten */
/* Eine Fläche, eine Kante, eine Rundung — für jedes Raster auf jeder Seite. */
.page-card,
.module-grid article,
.method-grid article,
.result-grid article,
.requirement-grid article,
.install-steps article,
.safety-grid article,
.safety-flow article,
.faq-item,
.honesty-note,
.release-note {
  border: 1px solid var(--v4-edge);
  border-radius: 18px;
  background: var(--v4-card-soft);
  box-shadow: var(--v4-inset);
}
.page-card,
.result-grid article,
.requirement-grid article { background: var(--v4-card); }

.module-grid article,
.method-grid article,
.install-steps article,
.safety-flow article { border-radius: 16px; }

/* Das Raster der Sicherheitsseite war eine geteilte Leiste mit Trennstrichen.
   v4 stellt dort einzelne Karten nebeneinander. */
.safety-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px;
  border-block: 0;
}
.safety-grid article { padding: 26px; border-right: 1px solid var(--v4-edge); }
.safety-grid article:last-child { border-right: 1px solid var(--v4-edge); }

.module-grid article,
.method-grid article,
.install-steps article { padding: 26px; }
.result-grid article,
.requirement-grid article { padding: 30px; }

/* ------------------------------------------------------------ Nummernfelder */
/* Jede Schrittnummer sitzt im selben cyanfarbenen Feld. Die Raster benutzen
   dafür unterschiedliche Elemente, deshalb die lange Auswahl. */
.card-number,
.method-grid article > span,
.install-steps article > span,
.safety-grid article > span,
.module-grid article > b {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: color-mix(in srgb, var(--v4-accent) 14%, transparent);
  color: var(--v4-accent-soft);
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
}
.method-grid article > span,
.install-steps article > span,
.safety-grid article > span { border-radius: 50%; width: 34px; height: 34px; }

.module-grid article h3,
.method-grid article h3,
.install-steps article h3,
.safety-grid article h3,
.safety-flow article h3 {
  margin: 18px 0 9px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.025em;
}
.module-grid article p,
.method-grid article p,
.install-steps article p,
.safety-grid article p,
.safety-flow article p {
  margin: 0;
  color: var(--v4-ink-3);
  font-size: 13.5px;
  line-height: 1.7;
}

/* ------------------------------------------------------------- Ergebnisse */
.result-grid article strong {
  display: block;
  margin: 16px 0 10px;
  font-size: clamp(38px, 4.6vw, 58px);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.05em;
  color: var(--v4-accent-soft);
  font-variant-numeric: tabular-nums;
}
.result-grid article small { color: var(--v4-ink-4); font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.result-grid article p { margin: 0; color: var(--v4-ink-3); font-size: 13px; line-height: 1.65; }

/* Der Hinweis vor dem Vergleich steht in v4 warm, nicht cyan: er ist eine
   Einschränkung, keine Werbefläche. */
.honesty-note {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  border-color: rgba(232, 163, 61, .24);
  border-radius: 16px;
  background: rgba(232, 163, 61, .06);
  box-shadow: none;
}
.honesty-note b { display: block; margin-bottom: 5px; color: #ffd69e; font-size: 14px; }
.honesty-note p { margin: 0; color: #c0ab8c; font-size: 13.5px; line-height: 1.72; }

/* -------------------------------------------------------------- Download */
.requirement-grid article strong { display: block; margin: 12px 0 8px; font-size: 18px; font-weight: 700; letter-spacing: -.025em; }
.requirement-grid article small { color: var(--v4-ink-4); font-size: 11.5px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.requirement-grid article p { margin: 0; color: var(--v4-ink-3); font-size: 13px; line-height: 1.7; }
.release-note {
  padding: 28px;
  border-color: rgba(103, 232, 249, .22);
  border-radius: 16px;
  background: color-mix(in srgb, var(--v4-accent) 6%, transparent);
  box-shadow: none;
}
.release-note small { color: var(--v4-accent-soft); font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.release-note h2 { margin: 12px 0 8px; font-size: 22px; font-weight: 700; letter-spacing: -.03em; }
.release-note p { max-width: 660px; margin: 0; color: var(--v4-ink-2); font-size: 14px; line-height: 1.75; }

/* ------------------------------------------------------------------- FAQ */
/* Die globale h2-Regel geht bis 78px. In der schmalen linken Spalte der
   FAQ-Seite zerriss das die Zeile in Einzelwoerter - v4 setzt hier 38px. */
.faq-layout h2 { font-size: clamp(25px, 3vw, 38px); line-height: 1.12; letter-spacing: -.04em; font-weight: 800; }
.faq-layout > div:first-child > p:last-child { max-width: 360px; margin-top: 16px; color: var(--v4-ink-2); font-size: 15px; line-height: 1.72; }
.faq-layout { gap: 50px; }

.faq-item { border-radius: 14px; background: rgba(255, 255, 255, .02); box-shadow: none; }
.faq-item button { padding: 20px 22px; font-size: 15px; font-weight: 600; }
.faq-answer p { color: var(--v4-ink-3); font-size: 14px; line-height: 1.76; }

/* Module, Methode und Anforderungen lagen als geteilte Leisten mit
   Haarlinien-Trennern vor (gap:1px auf eingefaerbtem Grund), die Ergebnisse
   als Leiste mit Rahmen oben und unten. v4 stellt ueberall freie Karten. */
.module-grid,
.method-grid,
.requirement-grid {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 14px;
  border: 0;
  background: none;
}
.result-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  border-block: 0;
}
/* Die Kartenfuellung stand vorher als Vollton in derselben Regel. */
.module-grid article,
.method-grid article,
.requirement-grid article { background: var(--v4-card-soft); }
.requirement-grid article { background: var(--v4-card); }

/* Der deaktivierte Download wurde bisher nur entfaerbt (filter:saturate) und
   sah dadurch aus wie ein kaputter Knopf. v4 gibt ihm einen eigenen Zustand:
   sichtbar vorhanden, sichtbar nicht anklickbar. */
.download-button[aria-disabled="true"],
.button-primary[aria-disabled="true"] {
  border: 1px solid rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .05);
  color: var(--v4-ink-4);
  filter: none;
  box-shadow: none;
}

/* ------------------------------------------------- Startseite nach v4 */
/* Drei nummerierte Karten und eine zentrierte Abschlussbox - so endet die
   Startseite im Entwurf. Beides ersetzt, was vorher dort stand. */
.feature-section { padding-top: 70px; padding-bottom: 100px; }
.feature-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 16px; }
.feature-cards article {
  padding: 30px;
  border: 1px solid var(--v4-edge);
  border-radius: 18px;
  background: var(--v4-card);
  box-shadow: var(--v4-inset);
  transition: border-color .25s, transform .25s;
}
.feature-cards article:hover { border-color: rgba(103, 232, 249, .3); transform: translateY(-3px); }
.feature-number {
  display: grid; place-items: center;
  width: 40px; height: 40px;
  border-radius: 11px;
  background: color-mix(in srgb, var(--v4-accent) 14%, transparent);
  color: var(--v4-accent-soft);
  font-size: 15px; font-weight: 700;
}
.feature-cards h3 { margin: 22px 0 10px; font-size: 20px; font-weight: 700; letter-spacing: -.03em; line-height: 1.25; }
.feature-cards p { margin: 0; color: #94a7ad; font-size: 14px; line-height: 1.7; }

.closing-section { padding-top: 0; padding-bottom: 110px; }
.closing-cta {
  position: relative;
  overflow: hidden;
  padding: 64px 48px;
  border: 1px solid rgba(103, 232, 249, .18);
  border-radius: 24px;
  background: linear-gradient(180deg, #0b1317, #080e11);
  text-align: center;
}
/* Der Schein sitzt ueber der Kante, nicht dahinter - sonst verschluckt ihn
   der Rahmen an der Oberkante. */
.closing-cta::before {
  content: "";
  position: absolute;
  top: -180px; left: 50%;
  width: 760px; height: 400px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at center, color-mix(in srgb, var(--v4-accent) 16%, transparent), transparent 66%);
  pointer-events: none;
}
.closing-cta > * { position: relative; }
.closing-cta h2 { margin: 0; font-size: clamp(26px, 3.2vw, 40px); line-height: 1.12; font-weight: 800; letter-spacing: -.04em; }
.closing-cta p { max-width: 520px; margin: 16px auto 30px; color: #9fb1b8; font-size: 15.5px; line-height: 1.72; }
.closing-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }

@media (max-width: 760px) {
  .feature-section { padding-bottom: 70px; }
  .closing-cta { padding: 44px 24px; border-radius: 18px; }
  .closing-section { padding-bottom: 80px; }
}

/* ----------------------------------------------------------------- Preise */
.plan-grid article,
.pricing-grid article {
  border: 1px solid var(--v4-edge);
  border-radius: 18px;
  background: var(--v4-card);
  box-shadow: var(--v4-inset);
}

/* --------------------------------------------------------------- Schmaler */
@media (max-width: 760px) {
  .subhero { padding: 56px 0 40px; }
  .safety-grid { grid-template-columns: minmax(0, 1fr); }
  .safety-grid article { border-right: 1px solid var(--v4-edge); }
}

/* ------------------------------------------------- Control Center (Produkt) */
/* Die Nachbildung der Tool-Oberflaeche aus dem v4-Entwurf. Sie ist bewusst
   breiter als der uebrige Inhalt: das Fenster soll wirken wie ein Fenster,
   nicht wie ein Bild in einer Textspalte. Alle Zahlen darin sind Beispielwerte
   aus einer optimierten Leerlauf-Sitzung - die Bildunterschrift sagt das auch,
   und sie darf nicht verschwinden. */
.deck-section { padding-top: 0; padding-bottom: 90px; }
.container-wide { width: min(100% - 40px, 1560px); margin: 0 auto; }

.deck {
  position: relative;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 18px;
  background: #070d10;
  box-shadow: 0 50px 130px rgba(0, 0, 0, .66), inset 0 1px rgba(255, 255, 255, .06);
  overflow: hidden;
}
/* Der Lichtstrich an der Oberkante - im Entwurf laeuft er langsam auf und ab. */
.deck-beam {
  position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(34, 211, 238, .6), transparent);
  animation: deck-glow 4s ease-in-out infinite;
}
@keyframes deck-glow { 50% { opacity: .5; } }

.deck-top {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px;
  padding: 11px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  background: linear-gradient(180deg, #0b1418, #091116);
}
.deck-brand { display: flex; align-items: center; gap: 9px; }
.deck-brand img { width: 20px; height: 20px; object-fit: contain; }
.deck-brand b { font-size: 13.5px; font-weight: 800; letter-spacing: -.02em; white-space: nowrap; }
.deck-brand small { color: #67e8f9; font-size: 10px; font-weight: 700; }
.deck-search {
  flex: 1; min-width: 150px; max-width: 380px;
  display: flex; align-items: center; gap: 9px;
  padding: 8px 13px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 10px;
  background: rgba(255, 255, 255, .03);
  color: #5f747c; font-size: 12px; white-space: nowrap;
}
.deck-top-right { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-left: auto; }
.deck-state { display: flex; align-items: center; gap: 7px; color: #c3d4d9; font-size: 11px; font-weight: 700; white-space: nowrap; }
.deck-state > i { width: 6px; height: 6px; border-radius: 50%; background: #34d399; box-shadow: 0 0 8px #34d399; }
.deck-score {
  display: flex; align-items: center; gap: 9px;
  padding: 6px 12px;
  border: 1px solid rgba(52, 211, 153, .28);
  border-radius: 10px;
  background: rgba(52, 211, 153, .08);
  white-space: nowrap;
}
.deck-score small { color: #8fa3aa; font-size: 11px; font-weight: 600; }
.deck-score b { color: #34d399; font-size: 13px; font-weight: 800; }
.deck-score > i { width: 40px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, #34d399 96%, rgba(255, 255, 255, .1) 96%); }
.deck-avatar { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #22d3ee; color: #04171c; font-size: 11px; font-weight: 800; }

.deck-body { display: grid; grid-template-columns: 96px minmax(0, 1fr); }
.deck-rail {
  display: flex; flex-direction: column; gap: 2px;
  padding: 12px 8px;
  border-right: 1px solid rgba(255, 255, 255, .07);
  background: #091014;
}
.deck-rail > div {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  padding: 9px 6px;
  border-radius: 9px;
  color: #8fa3aa;
}
.deck-rail > div > span { font-size: 14px; }
.deck-rail small { font-size: 9.5px; font-weight: 600; white-space: nowrap; }
.deck-rail .active { background: rgba(34, 211, 238, .12); color: #67e8f9; }

.deck-main { padding: 20px 22px 24px; background: radial-gradient(760px 300px at 8% 0%, rgba(34, 211, 238, .07), transparent 70%); }
.deck-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px; }
.deck-chip { display: inline-block; padding: 5px 11px; border-radius: 999px; background: rgba(34, 211, 238, .12); color: #67e8f9; font-size: 10.5px; font-weight: 700; }
.deck-head h3 { margin: 12px 0 5px; font-size: 25px; font-weight: 800; letter-spacing: -.04em; }
.deck-head p { margin: 0; color: #8fa3aa; font-size: 12.5px; line-height: 1.6; }
.deck-pills { display: flex; flex-wrap: wrap; gap: 7px; }
.deck-pills span { padding: 6px 11px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 999px; background: rgba(255, 255, 255, .03); color: #8fa3aa; font-size: 11px; font-weight: 600; white-space: nowrap; }

.deck-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(168px, 1fr)); gap: 10px; margin-top: 18px; }
.deck-metrics article { padding: 15px; border: 1px solid rgba(255, 255, 255, .07); border-radius: 13px; background: linear-gradient(180deg, #0c1418, #0a1014); }
.deck-metrics article > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.deck-metrics small { color: #7f959d; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.deck-metrics b { display: block; margin: 9px 0 7px; font-size: 23px; font-weight: 800; letter-spacing: -.04em; }
.deck-metrics > article > i { display: block; height: 4px; border-radius: 4px; background: linear-gradient(90deg, #22d3ee var(--fill), rgba(255, 255, 255, .07) var(--fill)); }
.deck-note { display: block; margin-top: 9px; color: #6d8088; font-size: 10.5px; letter-spacing: 0; text-transform: none; }
.deck-tag { padding: 3px 8px; border-radius: 999px; background: rgba(255, 255, 255, .06); color: #8fa3aa; font-size: 9.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.deck-tag.ok { background: rgba(52, 211, 153, .12); color: #34d399; }

.deck-charts { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px; margin-top: 10px; }
.deck-chart { position: relative; padding: 15px; border: 1px solid rgba(255, 255, 255, .07); border-radius: 13px; background: linear-gradient(180deg, #0c1418, #0a1014); overflow: hidden; }
.deck-chart > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.deck-chart small { color: #7f959d; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.deck-avg { color: #34d399 !important; font-size: 10.5px !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap; }
.deck-chart svg { display: block; width: 100%; height: 70px; margin-top: 10px; }
.deck-sweep { position: absolute; top: 0; bottom: 0; left: 0; width: 110px; background: linear-gradient(90deg, transparent, rgba(34, 211, 238, .09), transparent); animation: deck-sweep 7s linear infinite; }
.deck-sweep.green { background: linear-gradient(90deg, transparent, rgba(52, 211, 153, .08), transparent); animation-duration: 9s; }
@keyframes deck-sweep { from { transform: translateX(-120%); } to { transform: translateX(320%); } }

.deck-quick { padding: 16px; border: 1px solid rgba(103, 232, 249, .22); border-radius: 13px; background: linear-gradient(180deg, rgba(34, 211, 238, .08), rgba(255, 255, 255, .015)); }
.deck-quick > small { display: block; color: #7f959d; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.deck-quick > b { display: block; margin: 7px 0 13px; font-size: 16px; font-weight: 700; letter-spacing: -.03em; }
.deck-quick-main { display: block; padding: 13px; border-radius: 11px; background: #22d3ee; color: #04171c; font-size: 13px; font-weight: 800; text-align: center; box-shadow: 0 12px 30px rgba(34, 211, 238, .26); }
.deck-quick > div { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 8px; }
.deck-quick > div span { flex: 1; min-width: 120px; padding: 11px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 10px; background: rgba(255, 255, 255, .03); color: #dceaee; font-size: 12px; font-weight: 600; text-align: center; }

.deck-bottom { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 10px; margin-top: 10px; }
.deck-profile { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; padding: 18px; border: 1px solid rgba(255, 255, 255, .07); border-radius: 13px; background: linear-gradient(180deg, #0c1418, #0a1014); }
.deck-ring { position: relative; display: grid; place-items: center; flex: 0 0 112px; width: 112px; height: 112px; border-radius: 50%; background: conic-gradient(#34d399 96%, rgba(255, 255, 255, .07) 0); }
.deck-ring > div { display: grid; place-items: center; width: 88px; height: 88px; border-radius: 50%; background: #0a1014; }
.deck-ring b { font-size: 27px; font-weight: 800; letter-spacing: -.04em; }
.deck-ring small { color: #7f959d; font-size: 10px; }
.deck-profile > div:last-child { flex: 1; min-width: 200px; }
.deck-profile > div:last-child > small { color: #7f959d; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.deck-profile > div:last-child > b { display: block; margin: 6px 0 3px; color: #34d399; font-size: 18px; font-weight: 700; letter-spacing: -.03em; }
.deck-profile > div:last-child > p { margin: 0 0 13px; color: #8fa3aa; font-size: 12px; }
.deck-bars { display: grid; gap: 8px; }
.deck-bars > div { display: grid; grid-template-columns: 118px minmax(0, 1fr) 36px; gap: 10px; align-items: center; }
.deck-bars small { color: #c3d4d9; font-size: 11.5px; white-space: nowrap; }
.deck-bars small:last-child { color: #7f959d; font-size: 11px; text-align: right; font-variant-numeric: tabular-nums; }
.deck-bars i { display: block; height: 5px; border-radius: 5px; background: linear-gradient(90deg, #22d3ee var(--fill), rgba(255, 255, 255, .08) var(--fill)); }

.deck-info { padding: 16px; border: 1px solid rgba(255, 255, 255, .07); border-radius: 13px; background: linear-gradient(180deg, #0c1418, #0a1014); }
.deck-info small { color: #67e8f9; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.deck-info b { display: block; margin: 8px 0 6px; font-size: 14.5px; font-weight: 700; letter-spacing: -.02em; }
.deck-info p { margin: 0; color: #8fa3aa; font-size: 11.5px; line-height: 1.65; }

.deck-caption { margin: 16px 0 0; color: #6d8088; font-size: 12px; }

@media (max-width: 900px) {
  .deck-body { grid-template-columns: 64px minmax(0, 1fr); }
  .deck-rail small { display: none; }
  .deck-bars > div { grid-template-columns: 90px minmax(0, 1fr) 34px; }
}
@media (max-width: 620px) {
  .deck-main { padding: 16px 14px 18px; }
  .deck-head h3 { font-size: 21px; }
  .deck-pills { display: none; }
  .deck-profile { gap: 16px; }
  .deck-ring { flex-basis: 92px; width: 92px; height: 92px; }
  .deck-ring > div { width: 72px; height: 72px; }
}

/* ------------------------------------------------ Einsendungen (Ergebnisse) */
/* Die Tabelle aus dem v4-Entwurf. Sie zeigt dieselben Zahlen, aus denen die
   Mittelwerte darueber entstehen - ohne Konto- oder Nutzerbezug. Gibt es noch
   keine angenommene Einsendung, bleibt der ganze Block verborgen (hidden im
   Markup, das Skript hebt es erst auf, wenn Daten da sind). */
.submission-log {
  margin-top: 60px;
  border: 1px solid var(--v4-edge);
  border-radius: 18px;
  background: #080e11;
  overflow: hidden;
}
.submission-log[hidden] { display: none; }
.submission-log-head {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--v4-edge);
}
.submission-log-head b { font-size: 16px; font-weight: 700; letter-spacing: -.02em; }
.submission-log-head span { color: var(--v4-ink-4); font-size: 12px; font-weight: 600; white-space: nowrap; }
.submission-log-row {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) .8fr .6fr .6fr .6fr;
  gap: 14px; align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, .05);
}
.submission-log-row:last-child { border-bottom: 0; }
.submission-log-header {
  color: var(--v4-ink-4);
  font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
}
.submission-log-row b { display: block; font-size: 13.5px; font-weight: 600; overflow-wrap: anywhere; }
.submission-log-row > span { color: var(--v4-ink-2); font-size: 13px; }
.submission-log-row .good { color: #34d399; font-weight: 600; font-variant-numeric: tabular-nums; }
.submission-log-row .accent { color: var(--v4-accent-soft); font-weight: 600; font-variant-numeric: tabular-nums; }

@media (max-width: 760px) {
  .submission-log-row { grid-template-columns: minmax(0, 1fr) .7fr .7fr; }
  .submission-log-row > span:nth-child(2) { display: none; }
  .submission-log-header > span:nth-child(2) { display: none; }
  .submission-log-row > span:nth-child(4) { display: none; }
  .submission-log-header > span:nth-child(4) { display: none; }
  .submission-log-head, .submission-log-row { padding-inline: 16px; }
}

/* ── v4 Startseiten-Feinschliff: umlaufende Ring-Punkte, Neon-Logo, Halo ── */
.orbit-dot{position:absolute;z-index:2;display:grid;pointer-events:none;transform:rotate(-14deg)}
.orbit-dot::before{content:"";display:block;border-radius:50%}
.orbit-dot-one{width:630px;height:630px;place-items:start center;animation:orbit-spin 34s linear infinite}
.orbit-dot-one::before{width:8px;height:8px;background:#22d3ee;box-shadow:0 0 4px #fff,0 0 18px #22d3ee}
.orbit-dot-two{width:790px;height:470px;place-items:end center;animation:orbit-spin-reverse 42s linear infinite}
.orbit-dot-two::before{width:6px;height:6px;background:#34d399;box-shadow:0 0 14px #34d399}
.hero-mark{animation:mark-neon 4.6s ease-in-out infinite}
.mark-glow{animation:mark-halo 5s ease-in-out infinite}
@keyframes mark-neon{0%,100%{filter:drop-shadow(0 46px 60px rgba(0,0,0,.64)) drop-shadow(0 0 18px rgba(34,211,238,.18))}50%{filter:drop-shadow(0 46px 60px rgba(0,0,0,.64)) drop-shadow(0 0 46px rgba(34,211,238,.5))}}
@keyframes mark-halo{0%,100%{transform:scale(1);opacity:.16}50%{transform:scale(1.12);opacity:.32}}
@media(max-width:1050px){.orbit-dot-one{width:calc(630px * .82);height:calc(630px * .82)}.orbit-dot-two{width:calc(790px * .82);height:calc(470px * .82)}}
@media(max-width:760px){.orbit-dot{display:none}}

/* Gutschein in der Kasse */
.coupon-row { display: flex; gap: 10px; }
.coupon-input { flex: 1; min-width: 0; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line); background: #04070c; color: inherit; font: 700 15px/1.2 "JetBrains Mono", Consolas, monospace; letter-spacing: .08em; text-transform: uppercase; outline: none; transition: border-color .2s; }
.coupon-input:focus { border-color: rgba(0, 199, 232, .6); }
.coupon-apply { white-space: nowrap; }
.coupon-message { display: block; min-height: 18px; margin-top: 8px; font-size: 13px; color: #8fa0b4; }
.coupon-message.ok { color: #2ee6a4; }
.coupon-message.error { color: #ff9aa8; }
.summary-discount b { color: #2ee6a4; }
@media (max-width: 520px) { .coupon-row { flex-direction: column; } }

/* --- Header v2: kompakte Leiste --------------------------------------------
   Home steckt im Logo, Download im Button rechts, Admin ist ein Icon, die Sprache
   ein kurzer Kuerzel-Umschalter. So passt alles auf eine Zeile ohne Umbruch. */
.nav-shell{gap:24px}
.nav-shell nav{gap:28px}
.nav-shell nav a,.nav-dashboard{font-size:13px;white-space:nowrap}
.nav-shell nav a.active{color:#fff}
.nav-shell nav a.active:after{right:0}
.nav-mobile-only{display:none!important}
.nav-actions{gap:12px}
.nav-actions .language-picker select{width:74px!important;min-width:0!important;height:34px;padding:0 24px 0 12px!important;border-radius:8px;font-size:11px;letter-spacing:.06em}
.nav-admin-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(35,216,239,.3);border-radius:8px;background:rgba(12,26,38,.6);color:#7ff0ff;transition:border-color .2s,color .2s}
.nav-admin-icon:hover{border-color:rgba(35,216,239,.7);color:#c2fbff}
.nav-admin-icon svg{width:17px;height:17px}
.nav-actions .nav-download{min-height:36px;padding:0 16px;font-size:12px}
@media(max-width:1280px){.nav-shell nav{gap:20px}}
@media(max-width:1120px){.nav-mobile-only{display:flex!important}}

/* --- Impressum v2: ein Dokument, Abschnitte untereinander (Text unveraendert) ---- */
.legal-main-imprint{position:relative;overflow:hidden;background:radial-gradient(900px 500px at 12% 0%,rgba(0,199,232,.12),transparent 60%),radial-gradient(700px 500px at 95% 30%,rgba(120,100,255,.08),transparent 60%),#04070c}
.legal-main-imprint:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,200,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,255,.03) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 30% 0%,#000 20%,transparent 70%);pointer-events:none}
.legal-main-imprint .legal-layout{position:relative;grid-template-columns:250px minmax(0,860px);gap:64px}
.legal-main-imprint .legal-layout>aside{position:relative;top:0;align-self:start}
.legal-main-imprint aside h1{background:linear-gradient(135deg,#fff 30%,#7cc8ff 75%,#a48cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.legal-main-imprint aside nav{gap:2px;border-top:0}
.legal-main-imprint aside nav a{position:relative;padding:10px 14px;border:0;border-radius:10px;font-size:13px;transition:background .2s,color .2s}
.legal-main-imprint aside nav a:hover{background:rgba(255,255,255,.04);color:#e4eef8}
.legal-main-imprint aside nav a.active{background:rgba(34,211,238,.08);color:#7ff0ff}
.legal-main-imprint aside nav a.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:#22d3ee;box-shadow:0 0 12px #22d3ee}
.legal-document.legal-imprint{counter-reset:legal;padding:14px 48px 40px;border-color:rgba(142,195,203,.14);border-radius:22px;background:linear-gradient(180deg,rgba(12,19,29,.92),rgba(7,11,17,.96));box-shadow:0 40px 100px rgba(0,0,0,.35)}
.legal-imprint>.legal-updated{display:inline-block;margin:26px 0 6px!important;padding:5px 12px;border:1px solid var(--line);border-radius:999px}
.legal-imprint section{counter-increment:legal;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px;padding:32px 0!important}
.legal-imprint section>*{grid-column:2}
.legal-imprint section:before{content:counter(legal,decimal-leading-zero);grid-column:1;grid-row:1/span 30;align-self:start;margin-top:2px;padding:4px 0;border:1px solid rgba(34,211,238,.25);border-radius:8px;background:rgba(34,211,238,.07);color:#5fe6f7;font:800 11px/1.4 "JetBrains Mono",Consolas,monospace;text-align:center}
.legal-imprint section h2{font-size:20px;line-height:1.3}
.legal-imprint address strong{color:#f1f7ff}
.legal-imprint>.legal-closing{margin:8px 0 0!important;padding:20px 24px;border:1px solid rgba(34,211,238,.22);border-radius:14px;background:linear-gradient(120deg,rgba(34,211,238,.08),rgba(120,100,255,.05))}
@media(max-width:900px){.legal-main-imprint .legal-layout{grid-template-columns:1fr;gap:30px}.legal-main-imprint .legal-layout>aside{position:static}}
@media(max-width:600px){.legal-document.legal-imprint{padding:6px 18px 24px}.legal-imprint section{grid-template-columns:1fr}.legal-imprint section:before{grid-row:auto;justify-self:start;width:36px;margin-bottom:10px}.legal-imprint section>*{grid-column:1}}
/* Seiten, deren Ueberschriften schon "1." oder "§ 1" tragen, bekommen keine zweite Nummer. */
.legal-own-numbers section{display:block}
.legal-own-numbers section:before{content:none}
.legal-own-numbers section h2{position:relative;padding-left:18px}
.legal-own-numbers section h2:before{content:"";position:absolute;left:0;top:.35em;bottom:.35em;width:3px;border-radius:3px;background:linear-gradient(#22d3ee,#818cf8)}
.legal-main-imprint .legal-layout{grid-template-columns:310px minmax(0,860px);gap:56px}.legal-main-imprint aside h1{font-size:30px;line-height:1.1;letter-spacing:-.04em;overflow-wrap:break-word}@media(max-width:900px){.legal-main-imprint .legal-layout{grid-template-columns:1fr}}