:root{color-scheme:light;--bg: #f3f6fa;--bg-glow: rgba(14, 116, 144, .08);--surface: #ffffff;--card: #ffffff;--card-2: #f6f9fc;--text: #0f1a2b;--muted: #475569;--line: #d8e0ea;--link: #0b5f73;--link-strong: #084a5a;--primary: #0b5f73;--primary-hover: #084a5a;--on-primary: #ffffff;--accent: #0e7490;--accent-2: #0f766e;--focus: #0b5f73;--header-bg: rgba(255, 255, 255, .9);--shadow-1: 0 1px 2px rgba(15, 26, 43, .06), 0 1px 3px rgba(15, 26, 43, .08);--shadow-2: 0 .75rem 2rem rgba(15, 26, 43, .12);--tone-ok-text: #14532d;--tone-ok-bg: #dcfce7;--tone-ok-fill: #16a34a;--tone-warn-text: #78350f;--tone-warn-bg: #fef3c7;--tone-warn-fill: #d97706;--tone-danger-text: #7f1d1d;--tone-danger-bg: #fee2e2;--tone-danger-fill: #dc2626;--tone-muted-text: #334155;--tone-muted-bg: #e2e8f0;--tone-muted-fill: #94a3b8;--tone-accent-text: #0b4f60;--tone-accent-bg: #e0f4f8;--tone-accent-fill: #0891b2;--error: var(--tone-danger-text);--error-bg: var(--tone-danger-bg);--info-bg: var(--tone-accent-bg);--graphite: #0b1220;--graphite-2: #17243a;--on-dark: #f0f4f8;--on-dark-muted: #d5dee6;--focus-dark: #f7fbff;--cyan: #22d3ee;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius: .5rem;--radius-lg: .875rem;--radius-xl: 1.25rem;--wrap-wide: 76rem;--control: 2.75rem;font-family:Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;font-size:100%;line-height:1.55}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0b1220;--bg-glow: rgba(34, 211, 238, .07);--surface: #111c2e;--card: #17243a;--card-2: #1c2b44;--text: #e6edf6;--muted: #a3b3c7;--line: #2a3d5a;--link: #67e8f9;--link-strong: #a5f3fc;--primary: #22d3ee;--primary-hover: #67e8f9;--on-primary: #062832;--accent: #22d3ee;--accent-2: #14b8a6;--focus: #a5f3fc;--header-bg: rgba(11, 18, 32, .88);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 .75rem 2rem rgba(0, 0, 0, .45);--tone-ok-text: #86efac;--tone-ok-bg: rgba(34, 197, 94, .14);--tone-ok-fill: #22c55e;--tone-warn-text: #fcd34d;--tone-warn-bg: rgba(245, 158, 11, .14);--tone-warn-fill: #f59e0b;--tone-danger-text: #fca5a5;--tone-danger-bg: rgba(239, 68, 68, .16);--tone-danger-fill: #ef4444;--tone-muted-text: #cbd5e1;--tone-muted-bg: rgba(148, 163, 184, .16);--tone-muted-fill: #64748b;--tone-accent-text: #a5f3fc;--tone-accent-bg: rgba(34, 211, 238, .12);--tone-accent-fill: #22d3ee}}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1220;--bg-glow: rgba(34, 211, 238, .07);--surface: #111c2e;--card: #17243a;--card-2: #1c2b44;--text: #e6edf6;--muted: #a3b3c7;--line: #2a3d5a;--link: #67e8f9;--link-strong: #a5f3fc;--primary: #22d3ee;--primary-hover: #67e8f9;--on-primary: #062832;--accent: #22d3ee;--accent-2: #14b8a6;--focus: #a5f3fc;--header-bg: rgba(11, 18, 32, .88);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 .75rem 2rem rgba(0, 0, 0, .45);--tone-ok-text: #86efac;--tone-ok-bg: rgba(34, 197, 94, .14);--tone-ok-fill: #22c55e;--tone-warn-text: #fcd34d;--tone-warn-bg: rgba(245, 158, 11, .14);--tone-warn-fill: #f59e0b;--tone-danger-text: #fca5a5;--tone-danger-bg: rgba(239, 68, 68, .16);--tone-danger-fill: #ef4444;--tone-muted-text: #cbd5e1;--tone-muted-bg: rgba(148, 163, 184, .16);--tone-muted-fill: #64748b;--tone-accent-text: #a5f3fc;--tone-accent-bg: rgba(34, 211, 238, .12);--tone-accent-fill: #22d3ee}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(60rem 30rem at 85% -10%,var(--bg-glow),transparent 70%),var(--bg);color:var(--text);overflow-wrap:anywhere}img,svg{max-width:100%;height:auto}a{color:var(--link)}a:hover{text-decoration-thickness:2px}:focus{outline:3px solid var(--focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.reveal-anchor{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden}.skip{position:absolute;left:50%;top:var(--space-3);transform:translate(-50%,-200%);background:var(--surface);color:var(--text);padding:var(--space-2) var(--space-3);z-index:5;border-radius:var(--radius)}.skip:focus{transform:translate(-50%)}.shell{min-height:100vh;display:flex;flex-direction:column}.wrap{flex:1 0 auto;width:min(40rem,calc(100% - 2rem));margin:var(--space-5) auto var(--space-6);align-self:center}.wrap-wide{width:min(var(--wrap-wide),calc(100% - 2rem))}h1{font-size:1.75rem;line-height:1.2;letter-spacing:-.01em;margin:0 0 var(--space-4)}h1:focus,h1:focus-visible{outline:none}h2{font-size:1.2rem;line-height:1.3;margin:var(--space-5) 0 var(--space-3)}h3{font-size:1.0625rem;margin:0 0 var(--space-2)}p,li{font-size:1rem}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:.9rem;margin:0}.panel,.notice,.error,form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4)}form.bare{background:transparent;border:0;padding:0}.notice{background:var(--tone-accent-bg);color:var(--text);border-color:transparent}.error{background:var(--error-bg);color:var(--error);border-color:transparent}.stack{display:grid;gap:var(--space-3)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}label{display:grid;gap:var(--space-1);font-weight:600}input,select,button{font:inherit;color:var(--text);min-height:var(--control);border-radius:var(--radius)}input,select{width:100%;padding:var(--space-2) var(--space-3);border:2px solid var(--muted);background:var(--surface);transition:border-color .15s ease}input:hover,select:hover{border-color:var(--accent)}input[aria-invalid=true]{border-color:var(--tone-danger-fill);scroll-margin-bottom:4rem}main#contenido:focus{outline:none}main#contenido:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button,.button{min-height:var(--control);border-radius:var(--radius);border:1px solid transparent;background:var(--primary);color:var(--on-primary);padding:var(--space-2) var(--space-4);font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background-color .15s ease,border-color .15s ease,transform .15s ease}button:hover:not(:disabled),.button:hover{background:var(--primary-hover)}button.quiet,a.quiet{background:transparent;color:var(--link);border:1px solid var(--link)}button.quiet:hover:not(:disabled){background:var(--tone-accent-bg)}button.quiet.danger{color:var(--tone-danger-text);border-color:var(--tone-danger-fill)}button.quiet.danger:hover:not(:disabled){background:var(--tone-danger-bg)}button:disabled{background:var(--tone-muted-bg);color:var(--tone-muted-text);border-color:transparent;cursor:not-allowed;opacity:1}.link-button{min-height:auto;padding:0;background:none;border:0;color:var(--link);text-decoration:underline;font-weight:600}.link-button:hover:not(:disabled){background:none}.icon{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.field-error{color:var(--error);font-weight:600;margin:0}.password-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.password-row input{flex:1 1 12rem}dialog{width:min(28rem,calc(100% - 2rem));border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);color:var(--text);background:var(--card);box-shadow:var(--shadow-2)}dialog::backdrop{background:#060c1699}html[data-scaled] dialog{position:fixed;width:min(28rem,calc(var(--vv-width) - 2rem));max-height:calc(var(--vv-height) - 2rem);margin:0;left:calc(var(--vv-left) + 1rem);top:calc(var(--vv-top) + 1rem);overflow:auto}@media(max-width:40rem){h1{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.top{background:var(--header-bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow-1);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}.top-inner{display:flex;align-items:center;gap:var(--space-3) var(--space-5);width:min(var(--wrap-wide),calc(100% - 2rem));margin:0 auto;padding:var(--space-3) 0}.brand{display:flex;align-items:center;gap:var(--space-2);color:var(--text);text-decoration:none;font-weight:800;font-size:1.0625rem;letter-spacing:.01em;white-space:nowrap}.brand svg{width:2rem;height:2rem;flex:none}.brand-accent{color:var(--accent)}.shield-outer{fill:var(--primary)}.shield-inner{fill:var(--tone-accent-fill);opacity:.55}.menu-toggle{display:none;margin-left:auto;background:transparent;color:var(--text);border:1px solid var(--line);padding:var(--space-2);width:var(--control)}.menu-toggle:hover:not(:disabled){background:var(--tone-accent-bg)}.menu-toggle .icon{width:1.4rem;height:1.4rem}.nav-area{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin-left:auto}.nav a,.account-panel a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control);padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--muted);text-decoration:none;font-weight:600}.nav a:hover,.account-panel a:hover{background:var(--tone-accent-bg);color:var(--text)}.nav a[aria-current=page],.account-panel a[aria-current=page]{background:var(--tone-accent-bg);color:var(--text);font-weight:700;box-shadow:inset 0 -3px 0 var(--accent)}.nav a.nav-cta{background:var(--primary);color:var(--on-primary);padding-inline:var(--space-4)}.nav a.nav-cta:hover{background:var(--primary-hover);color:var(--on-primary)}.nav a.nav-cta[aria-current=page]{box-shadow:inset 0 -3px 0 var(--on-primary)}.session-area{display:flex;align-items:center;gap:var(--space-2)}.session-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:999px;background:var(--tone-ok-bg);color:var(--tone-ok-text);font-size:.85rem;font-weight:700;white-space:nowrap}.dot{width:.55rem;height:.55rem;border-radius:50%;background:currentColor;flex:none}.account-menu{position:relative}.account-toggle{background:transparent;color:var(--text);border:1px solid var(--line);padding-inline:var(--space-3)}.account-toggle:hover:not(:disabled),.account-toggle[aria-expanded=true]{background:var(--tone-accent-bg)}.account-toggle.active{border-color:var(--accent)}.account-toggle .chevron{transition:transform .15s ease}.account-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}.account-panel{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:4;min-width:14rem;margin:0;padding:var(--space-2);list-style:none;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.account-panel[hidden]{display:none}.account-panel a{display:flex;width:100%}.nav-exit{background:transparent;color:var(--link);border:1px solid var(--link);padding:var(--space-2) var(--space-3)}.nav-exit:hover:not(:disabled){background:var(--tone-accent-bg)}@media(min-width:64rem)and (min-height:40rem){.top{position:sticky;top:0;z-index:3}html{scroll-padding-top:5rem}}@media(max-width:71.99rem){.top-inner{flex-wrap:wrap}.menu-toggle{display:inline-flex}.nav-area{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-2) 0 var(--space-3);border-top:1px solid var(--line)}.nav-area.open{display:flex}.nav{flex-direction:column;align-items:stretch;margin-left:0}.nav a{width:100%}.session-area{flex-direction:column;align-items:stretch;padding-top:var(--space-3);border-top:1px solid var(--line)}.session-chip{align-self:flex-start}.account-toggle,.nav-exit{width:100%;justify-content:flex-start}.account-toggle .chevron{margin-left:auto}.account-panel{position:static;margin-top:var(--space-2);box-shadow:none}}.site-footer{margin-top:auto;border-top:1px solid var(--line);background:linear-gradient(90deg,transparent,var(--tone-accent-bg),transparent) top / 100% 1px no-repeat,var(--surface)}.footer-inner{width:min(var(--wrap-wide),calc(100% - 2rem));margin:0 auto;padding:var(--space-6) 0 var(--space-5);display:grid;gap:var(--space-5) var(--space-6)}.footer-brand{display:flex;gap:var(--space-3);max-width:26rem}.footer-brand svg{width:2.25rem;height:2.25rem;flex:none}.footer-brand p,.footer-col li{margin:0;color:var(--muted);font-size:.9rem}.footer-brand .footer-title{margin-bottom:var(--space-1);color:var(--text);font-weight:800;font-size:1.05rem}.footer-heading{margin:0 0 var(--space-3);color:var(--text);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.footer-col ul{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.footer-col a{display:inline-flex;align-items:center;min-height:1.75rem;color:var(--muted);text-decoration:none;font-weight:600}.footer-col a:hover,.footer-col a[aria-current=page]{color:var(--link);text-decoration:underline}.footer-tags{margin:var(--space-3) 0 0;padding:0;list-style:none}.footer-brand .footer-tags,.footer-col .footer-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.footer-brand .footer-tags li,.footer-tags li{padding:.15rem var(--space-3);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.8rem;font-weight:600}.footer-bottom{width:min(var(--wrap-wide),calc(100% - 2rem));margin:0 auto;padding:var(--space-4) 0 var(--space-5);border-top:1px solid var(--line)}.footer-bottom p{margin:0;color:var(--muted);font-size:.85rem}@media(min-width:40rem){.footer-inner{grid-template-columns:1fr 1fr}}@media(min-width:64rem){.footer-inner{grid-template-columns:1.6fr .8fr 1fr 1fr}}.home{display:grid;gap:clamp(3rem,2rem + 3vw,5rem)}.home>*{min-width:0}.wrap:has(>div>.home){width:100%;margin-top:0}.home>:not(.hero){width:min(var(--wrap-wide),calc(100% - 2rem));margin-inline:auto}.band,.download-band{--accent: var(--cyan);--primary: var(--cyan);--primary-hover: #67e8f9;--on-primary: #062832;--tone-accent-fill: var(--cyan);--tone-accent-bg: rgba(34, 211, 238, .12);--text: var(--on-dark);--muted: #b7c4d3;--line: rgba(240, 244, 248, .14);--card: rgba(240, 244, 248, .04);--link: #67e8f9;--focus: var(--focus-dark);color:var(--on-dark)}.hero{position:relative;overflow:hidden;display:grid;gap:var(--space-6);align-items:center;min-height:calc(100vh - 4.35rem);min-height:calc(100svh - 4.35rem);align-content:center;padding-block:clamp(2.5rem,1.5rem + 4vw,5rem);padding-inline:max(1.25rem,calc((100% - var(--wrap-wide)) / 2));color:var(--on-dark);background:radial-gradient(circle at 78% 30%,rgba(34,211,238,.18),transparent 42%),radial-gradient(circle at 5% 110%,rgba(20,184,166,.32),transparent 50%),repeating-linear-gradient(0deg,rgba(240,244,248,.035) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(240,244,248,.035) 0 1px,transparent 1px 32px),var(--graphite)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.6),transparent)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-1) var(--space-3);border:1px solid rgba(34,211,238,.35);border-radius:999px;background:#22d3ee14;color:var(--cyan);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hero h1{display:grid;gap:var(--space-2);margin:0 0 var(--space-4);color:var(--on-dark)}.hero-name{color:var(--cyan);font-size:clamp(1.05rem,.9rem + .6vw,1.35rem);font-weight:800;letter-spacing:.02em}.hero-title{font-size:clamp(2.1rem,1.2rem + 3.4vw,3.6rem);font-weight:800;line-height:1.05;letter-spacing:-.025em}.hero-accent{color:var(--cyan);background:linear-gradient(90deg,#22d3ee,#5eead4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{margin:0 0 var(--space-5);max-width:36rem;color:var(--on-dark-muted);font-size:clamp(1rem,.95rem + .3vw,1.15rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-actions .button{padding-inline:var(--space-5);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.hero-actions .button:hover{transform:translateY(-1px);box-shadow:0 .5rem 1.5rem #22d3ee47}.hero-actions .button.ghost{background:#f0f4f80a;color:var(--on-dark);border:1px solid rgba(34,211,238,.6)}.hero-actions .button.ghost:hover{background:#22d3ee1f;box-shadow:none}.hero :focus-visible{outline-color:var(--focus-dark)}.hero-checks{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin:var(--space-5) 0 0;padding:0;list-style:none}.hero-checks li{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--on-dark-muted);font-size:.9rem}.hero-checks .icon{color:#5eead4}.hero-copy{position:relative;z-index:1;animation:rise .6s ease-out both}.hero-art{position:relative;width:min(100%,30rem);justify-self:center}.hero-svg{display:block;width:100%;height:auto;overflow:visible}@media(min-width:56rem){.hero{grid-template-columns:1.08fr .92fr}}.ring{position:absolute;inset:0;border:1px solid rgba(115,199,218,.35);border-radius:50%}.ring-2{inset:14%;border-color:#73c7da80}.hero-shield{position:relative;width:45%;height:auto;filter:drop-shadow(0 0 1.5rem rgba(115,199,218,.45))}.hero-shield .shield-outer{fill:var(--accent)}.hero-shield .shield-inner{fill:var(--graphite-2)}.hero.page-hero{min-height:0;padding-block:clamp(2.5rem,1.5rem + 3vw,4.5rem)}.page-hero h1{font-size:clamp(2rem,1.3rem + 2.6vw,3.1rem);font-weight:800;line-height:1.1;letter-spacing:-.02em}.page-hero .hero-lead{margin-bottom:0}.page-hero-art{position:relative;display:none;place-items:center;width:min(100%,15rem);aspect-ratio:1;justify-self:center}.page-hero-art .ring-1{border-style:solid;animation:breathe 4s ease-in-out infinite}.page-hero-icon{display:grid;place-items:center;width:46%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,var(--cyan),#5eead4);color:#062832;box-shadow:0 0 2.5rem #22d3ee66}.page-hero-icon .icon{width:48%;height:48%}@media(min-width:56rem){.hero.page-hero{grid-template-columns:1.6fr .6fr}.page-hero-art{display:grid}}.ha-trace path{fill:none;stroke:#73c7da42;stroke-width:1.5}.ha-trace circle{fill:#73c7da8c}.ha-lane{fill:none;stroke:#f0f4f838;stroke-width:2;stroke-linecap:round;stroke-dasharray:1 9}.ha-lane-ok{stroke:#4ade808c}.ha-lane-warn{stroke:#fbbf248c}.ha-file{transform:translate(28px,199px);animation:ha-feed 4.8s linear infinite}.ha-file-2{transform:translate(86px,199px);animation-delay:-1.6s}.ha-file-3{transform:translate(144px,199px);animation-delay:-3.2s}.ha-file-body{fill:#17243a;stroke:var(--cyan);stroke-width:1.5}.ha-file-fold{fill:none;stroke:var(--cyan);stroke-width:1.5}.ha-file-lines{stroke:#f0f4f88c;stroke-width:1.5;stroke-linecap:round}.ha-ring{fill:none}.ha-ring-outer{stroke:#73c7da4d;stroke-dasharray:3 9}.ha-ring-mid{stroke:#73c7da38}.ha-ring-inner{stroke:#22d3ee8c;stroke-width:1.5}.ha-orbit,.ha-ring-outer{transform-box:view-box;transform-origin:290px 200px;animation:ha-spin 48s linear infinite}.ha-ring-outer{animation-direction:reverse;animation-duration:90s}.ha-node,.ha-shield-outer{fill:var(--cyan)}.ha-shield-inner{fill:#0f1b2d}.ha-scan{fill:#22d3ee99;animation:ha-scan 3.2s ease-in-out infinite alternate}.ha-shield-check{fill:none;stroke:var(--cyan);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.ha-pulse-in{fill:var(--cyan)}.ha-pulse-ok{fill:#4ade80}.ha-pulse-warn{fill:#fbbf24}.ha-out-ok circle{fill:#4ade8024;stroke:#4ade80;stroke-width:1.5}.ha-out-ok path{fill:none;stroke:#4ade80;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.ha-out-warn rect{fill:#fbbf2424;stroke:#fbbf24;stroke-width:1.5}.ha-out-warn circle,.ha-out-warn path{fill:none;stroke:#fbbf24;stroke-width:2;stroke-linecap:round}.ha-chip rect{fill:#0f1b2df0;stroke:#73c7da73}.ha-chip text{fill:#e6edf6;font-size:13px;font-weight:600}.ha-chip-dot{fill:var(--cyan)}@keyframes ha-feed{0%{transform:translate(12px,199px);opacity:0}15%,80%{opacity:1}to{transform:translate(196px,199px);opacity:0}}@keyframes ha-spin{to{transform:rotate(360deg)}}@keyframes ha-scan{to{transform:translateY(124px)}}@keyframes rise{0%{opacity:0;transform:translateY(.75rem)}}@media(max-width:40rem){.eyebrow{font-size:.7rem;letter-spacing:.04em}}.section-intro{max-width:46rem;margin:0 0 var(--space-6)}.kicker{margin:0 0 var(--space-2);color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section-intro h2,.download-band h2{margin:0;font-size:clamp(1.6rem,1.2rem + 1.5vw,2.3rem);line-height:1.15;letter-spacing:-.02em;scroll-margin-top:3rem}.section-lead{margin:var(--space-3) 0 0;color:var(--muted);font-size:1.05rem}.features{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(15.5rem,100%),1fr))}.feature{position:relative;padding:var(--space-5);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature:before{content:"";position:absolute;inset:0 var(--space-5) auto;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;transition:opacity .2s ease}.feature:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-2)}.feature:hover:before{opacity:1}.feature h3{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);font-size:1.0625rem}.feature p{margin:0;color:var(--muted)}.feature-tag{padding:.1rem var(--space-2);border-radius:999px;background:var(--tone-accent-bg);color:var(--tone-accent-text);font-size:.75rem;font-weight:700}.feature-icon,.mini-icon{display:grid;place-items:center;flex:none;border-radius:var(--radius);background:var(--tone-accent-bg);color:var(--accent)}.feature-icon{width:3rem;height:3rem;background:linear-gradient(135deg,var(--tone-accent-bg),transparent),var(--tone-accent-bg)}.feature-icon .icon{width:1.6rem;height:1.6rem}.mini-icon{width:2.25rem;height:2.25rem}.mini-icon .icon{width:1.2rem;height:1.2rem}.flow{display:grid;gap:var(--space-5)}.flow-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.flow-step{position:relative}.flow-step:not(:last-child):after{content:"";position:absolute;left:2.35rem;top:100%;width:2px;height:var(--space-3);background:var(--line)}.flow-step.active:not(:last-child):after{background:var(--accent)}.flow-step button{position:relative;width:100%;height:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;justify-content:start;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;font-weight:400;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.flow-step button:hover:not(:disabled){background:var(--card);border-color:var(--accent);transform:translateY(-1px)}.flow-step.active button,.flow-step.active button:hover:not(:disabled){background:var(--tone-accent-bg);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.flow-index{position:absolute;top:var(--space-2);right:var(--space-3);color:var(--muted);font-size:.8rem;font-weight:800}.flow-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--card-2);border:1px solid var(--line);color:var(--accent)}.flow-step.active .flow-icon{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.flow-icon .icon{width:1.35rem;height:1.35rem}.flow-text{display:grid;gap:.1rem;padding-right:var(--space-4)}.flow-title{font-weight:700;line-height:1.25}.flow-short{color:var(--muted);font-size:.875rem;line-height:1.35}.flow-detail{display:grid;gap:var(--space-5);align-items:center;padding:clamp(1.25rem,1rem + 1.5vw,2rem);border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(circle at 0% 0%,var(--tone-accent-bg),transparent 55%),var(--card);box-shadow:var(--shadow-1)}.flow-detail-art{position:relative;display:grid;place-items:center;width:7rem;aspect-ratio:1;border-radius:50%;background:var(--tone-accent-bg);color:var(--accent)}.flow-detail-art .icon{width:3rem;height:3rem}.flow-detail-ring{position:absolute;inset:-.5rem;border:1px solid var(--accent);border-radius:50%;opacity:.35;animation:breathe 3s ease-in-out infinite}.flow-detail-copy{animation:rise .35s ease-out both}.flow-detail-kicker{margin:0 0 var(--space-1);color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.flow-detail h3{margin:0 0 var(--space-2);font-size:1.35rem}.flow-detail p{margin:0;max-width:44rem}.flow-points{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:var(--space-4) 0 0;padding:0;list-style:none}.flow-points li{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:.95rem}.flow-points .icon{color:var(--accent)}.flow-points.verdicts{gap:var(--space-2)}.verdict{padding:var(--space-1) var(--space-3);border-radius:999px;font-weight:700}.flow-points .verdict-0{background:var(--tone-ok-bg);color:var(--tone-ok-text)}.flow-points .verdict-1{background:var(--tone-warn-bg);color:var(--tone-warn-text)}.flow-points .verdict-2{background:var(--tone-danger-bg);color:var(--tone-danger-text)}.flow-points .verdict-3{background:var(--tone-muted-bg);color:var(--tone-muted-text)}.flow-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}@media(max-width:39.99rem){.flow-detail-art{width:4.5rem}.flow-detail-art .icon{width:2rem;height:2rem}}@media(min-width:40rem){.flow-detail{grid-template-columns:auto 1fr;gap:var(--space-6)}}@media(min-width:72rem){.flow-steps{grid-template-columns:repeat(6,1fr)}.flow-step:not(:last-child):after{left:100%;top:2.6rem;width:var(--space-3);height:2px}.flow-step button{grid-template-columns:1fr;align-content:start;justify-items:start;padding:var(--space-4)}.flow-text{padding-right:0}}.band{position:relative;overflow:hidden;padding:clamp(1.5rem,1rem + 3vw,3.5rem);border-radius:var(--radius-xl);background:radial-gradient(circle at 100% 0%,rgba(34,211,238,.16),transparent 45%),radial-gradient(circle at 0% 100%,rgba(20,184,166,.2),transparent 45%),repeating-linear-gradient(90deg,rgba(240,244,248,.03) 0 1px,transparent 1px 40px),var(--graphite);box-shadow:var(--shadow-2)}.arch{display:grid;gap:var(--space-4);align-items:stretch}.arch-zone{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card)}.arch-zone.local{border-top:3px solid var(--cyan)}.arch-zone.web{border-top:3px solid #5eead4}.arch-zone h3{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:1.2rem}.arch-zone h3 .icon{color:var(--accent)}.arch-caption{margin:var(--space-1) 0 var(--space-4);color:var(--muted);font-size:.9rem}.arch-zone ul,.showcase-highlights{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.arch-zone li,.showcase-highlights li{display:flex;align-items:center;gap:var(--space-3)}.arch-zone li strong,.showcase-highlights li strong{display:block;color:var(--text)}.arch-zone li span:last-child,.showcase-highlights li span:last-child{color:var(--muted);font-size:.9rem;line-height:1.4}.arch-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.arch-line{width:2px;height:1.25rem;background:linear-gradient(var(--cyan),#5eead4);opacity:.6}.arch-pill{padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:999px;background:#22d3ee14;color:var(--on-dark-muted);font-size:.8rem;font-weight:700;white-space:nowrap}.arch-ai{display:flex;align-items:flex-start;gap:var(--space-3);margin:var(--space-5) 0 0;padding:var(--space-4);border-radius:var(--radius-lg);background:#22d3ee14;color:var(--on-dark-muted)}.arch-ai .icon{flex:none;width:1.5rem;height:1.5rem;color:var(--cyan)}.arch-ai strong{color:var(--on-dark)}@media(min-width:56rem){.arch{grid-template-columns:1fr auto 1fr}.arch-link{flex-direction:row}.arch-line{width:1.5rem;height:2px;background:linear-gradient(90deg,var(--cyan),#5eead4)}}.structures-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr))}.structure-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.structure-card header{display:flex;align-items:center;gap:var(--space-3)}.structure-card h3{margin:0;font-size:1.15rem}.structure-card>p{margin:0;color:var(--muted)}.structure-icon{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:var(--radius);background:var(--primary);color:var(--on-primary)}.structure-icon .icon{width:1.45rem;height:1.45rem}.structure-rule{margin:0;color:var(--accent);font-size:.85rem;font-weight:700}.structure-cost{margin:auto 0 0;padding-top:var(--space-3);border-top:1px solid var(--line);color:var(--muted);font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.8rem}.queue-viz,.stack-viz,.dict-viz{padding:var(--space-3);border-radius:var(--radius);background:var(--card-2);border:1px solid var(--line)}.queue-viz{display:grid;gap:var(--space-2)}.viz-ends{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.queue-lane,.stack-column{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.queue-lane{grid-template-columns:repeat(5,minmax(0,1fr))}.queue-lane .viz-block{flex-direction:column;overflow-wrap:normal;justify-content:center;min-height:4rem;padding:var(--space-2) var(--space-1);font-size:.7rem;line-height:1.2;text-align:center}.queue-lane .viz-block .icon{width:1.25rem;height:1.25rem}.viz-slot{min-height:2.4rem;border:1px solid var(--line);border-radius:var(--radius);background:repeating-linear-gradient(135deg,transparent 0 6px,var(--tone-muted-bg) 6px 7px);opacity:.7}.queue-lane .viz-slot{min-height:4rem}.viz-capacity{margin:0;color:var(--muted);font-size:.75rem;text-align:center}.viz-block{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:.8rem;font-weight:600;animation:pop-in .3s ease-out both}.viz-block .icon{color:var(--accent)}.viz-block.first,.viz-block.top{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.stack-column .viz-block{min-height:2.4rem;padding-block:var(--space-2)}.viz-tag{margin-left:auto;padding:0 var(--space-2);border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:.7rem;font-weight:800}.viz-status{min-height:2.8em;margin:0;font-size:.9rem}.viz-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip-button{min-height:var(--control);padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:999px;background:var(--card-2);color:var(--text);font-size:.875rem;font-weight:600}.chip-button:hover:not(:disabled){background:var(--tone-accent-bg);border-color:var(--accent)}.chip-button.selected,.chip-button.selected:hover:not(:disabled){background:var(--tone-accent-bg);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.dict-viz{display:grid;gap:var(--space-3)}.dict-query{display:inline-flex;align-items:center;gap:var(--space-2);justify-self:start;padding:var(--space-1) var(--space-3);border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:.85rem;font-weight:700}.dict-query code{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.dict-table{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}.dict-table li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:.85rem;transition:border-color .2s ease,background-color .2s ease}.dict-table code{color:var(--muted);font-family:ui-monospace,Cascadia Code,Consolas,monospace}.dict-table li.hit{border-color:var(--tone-danger-fill);background:var(--tone-danger-bg);color:var(--tone-danger-text);font-weight:700;animation:pop-in .3s ease-out both}.dict-table li.hit code{color:inherit}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}}@keyframes breathe{50%{transform:scale(1.06);opacity:.6}}.showcase{display:grid;gap:var(--space-5);align-items:center}.showcase-stage{display:grid;gap:var(--space-3);min-width:0}.showcase-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.showcase-frame{position:relative;margin:0;padding:var(--space-2);border-radius:var(--radius-lg);background:linear-gradient(160deg,#1c2b44,var(--graphite));box-shadow:0 1.5rem 3rem #0b122047,0 0 0 1px #22d3ee2e}.showcase-frame:after{content:"";position:absolute;inset:auto var(--space-2) var(--space-2);height:3.5rem;border-radius:0 0 var(--radius) var(--radius);background:linear-gradient(transparent,#111820f2);pointer-events:none}.showcase-frame img{display:block;width:100%;height:auto;border-radius:var(--radius);animation:fade-in .3s ease-out both}.showcase-copy h3{margin:0 0 var(--space-2);font-size:1.35rem}.showcase-copy>p{margin:0 0 var(--space-5);color:var(--muted)}.showcase-kicker{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.showcase-highlights{grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr))}@keyframes fade-in{0%{opacity:0}}@media(min-width:64rem){.showcase{grid-template-columns:1.5fr 1fr;gap:var(--space-7)}.showcase-highlights{grid-template-columns:1fr}}.principles{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));margin:0;padding:0;list-style:none}.principles li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card)}.principles h3{margin:0 0 var(--space-1);font-size:1rem}.principles p{margin:0;color:var(--muted);font-size:.95rem}.honest-note{display:flex;align-items:flex-start;gap:var(--space-2);margin:var(--space-5) 0 0;color:var(--muted);font-size:.9rem}.honest-note .icon{flex:none;margin-top:.2rem;color:var(--accent)}.download-band{display:grid;gap:var(--space-5);padding:clamp(1.5rem,1rem + 2.5vw,2.75rem);border-radius:var(--radius-xl);background:radial-gradient(circle at 100% 0%,rgba(34,211,238,.22),transparent 50%),linear-gradient(135deg,#0f1b2d,var(--graphite));box-shadow:var(--shadow-2)}.download-main{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-5)}.download-main>div{flex:1 1 18rem}.download-badge{display:grid;place-items:center;width:4.5rem;height:4.5rem;flex:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--cyan),#5eead4);color:#062832}.download-badge .icon{width:2.4rem;height:2.4rem}.download-lead{margin:var(--space-3) 0 var(--space-4);color:var(--on-dark-muted);max-width:40rem}.download-reqs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));gap:var(--space-2) var(--space-4);margin:0;padding:0;list-style:none}.download-reqs li{display:flex;align-items:center;gap:var(--space-2);color:var(--on-dark-muted);font-size:.9rem}.download-reqs .icon{color:var(--cyan)}.download-side{display:grid;gap:var(--space-3);align-content:center;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:#f0f4f80a}.download-steps{display:grid;gap:var(--space-2);margin:0 0 var(--space-2);padding:0;list-style:none;counter-reset:paso}.download-steps li{counter-increment:paso;display:flex;align-items:center;gap:var(--space-3);color:var(--on-dark);font-size:.95rem}.download-steps li:before{content:counter(paso);display:grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;border-radius:50%;border:1px solid var(--cyan);color:var(--cyan);font-size:.85rem;font-weight:800}.download-account{justify-self:center;color:var(--link);font-size:.9rem;font-weight:600}@media(min-width:64rem){.download-band{grid-template-columns:1.6fr 1fr;align-items:center}}.faq{display:grid;gap:var(--space-2)}@media(min-width:64rem){.faq-section{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-7);align-items:start}}.faq details{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);transition:border-color .15s ease,box-shadow .15s ease}.faq details[open]{border-color:var(--accent);box-shadow:var(--shadow-1)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:3.25rem;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:700;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--link)}.faq-chevron{flex:none;color:var(--accent);transition:transform .2s ease}.faq details[open] .faq-chevron{transform:rotate(180deg)}.faq details p{margin:0;padding:0 var(--space-5) var(--space-4);color:var(--muted);max-width:48rem}@media(prefers-reduced-motion:no-preference){html:has(.home){scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){.ha-pulses{display:none}.feature:hover,.hero-actions .button:hover,.flow-step button:hover:not(:disabled){transform:none}}.explore{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));margin:0;padding:0;list-style:none}.explore-card{display:flex;flex-direction:column;gap:var(--space-2);height:100%;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-1);color:var(--text);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.explore-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-2)}.explore-card .feature-icon{margin-bottom:var(--space-2)}.explore-title{font-size:1.0625rem;font-weight:800}.explore-text{flex:1;color:var(--muted);font-size:.95rem}.explore-more{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--link);font-size:.9rem;font-weight:700}.explore-card:hover .explore-more .icon{transform:translate(3px)}.explore-more .icon{transition:transform .2s ease}.info-cards{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr));margin:0;padding:0;list-style:none}.info-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-1)}.info-card h3{margin:0 0 var(--space-1);font-size:1rem}.info-card p{margin:0;color:var(--muted);font-size:.95rem}.band .info-card{box-shadow:none}@media(min-width:64rem){.split-section{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-7);align-items:start}.split-section .section-intro{margin-bottom:0}}.zone-card{display:grid;gap:var(--space-4)}.zone-card p{margin:0}.verdict-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));margin:0;padding:0;list-style:none}.verdict-card{display:grid;gap:var(--space-3);justify-items:start;align-content:start;padding:var(--space-5);border:1px solid var(--line);border-top-width:4px;border-radius:var(--radius-lg);background:var(--card)}.verdict-card p{margin:0;color:var(--muted)}.verdict-card.tone-ok{border-top-color:var(--tone-ok-fill)}.verdict-card.tone-warn{border-top-color:var(--tone-warn-fill)}.verdict-card.tone-danger{border-top-color:var(--tone-danger-fill)}.verdict-card.tone-muted{border-top-color:var(--tone-muted-fill)}.timeline{position:relative;display:grid;gap:var(--space-5);margin:0;padding:0;list-style:none}.timeline li{position:relative;padding-left:3.75rem}.timeline li:not(:last-child):after{content:"";position:absolute;left:1.375rem;top:2.9rem;bottom:calc(-1 * var(--space-5) + .25rem);width:2px;background:linear-gradient(var(--accent),var(--line))}.timeline-icon{position:absolute;left:0;top:0;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--primary);color:var(--on-primary)}.timeline h3{margin:.55rem 0 var(--space-1);font-size:1.05rem}.timeline p{margin:0;color:var(--muted)}@media(min-width:56rem){.timeline{grid-auto-flow:column;grid-auto-columns:1fr}.timeline li{padding-left:0;padding-top:3.75rem}.timeline li:not(:last-child):after{left:3.25rem;right:calc(-1 * var(--space-5) + .5rem);top:1.375rem;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,var(--accent),var(--line))}.timeline h3{margin-top:0}}.structure-table{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr));margin:0;padding:0;list-style:none}.structure-table li{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius-lg);background:var(--card)}.structure-table h3{margin:0;font-size:1rem}.structure-table p{margin:0;color:var(--muted);font-size:.95rem}.structure-table .structure-cost{margin-top:auto}.install-steps{margin-top:var(--space-4)}.install-steps li{align-items:flex-start}.faq-group-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.faq-group-head h2{margin:0;font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem)}.next-page{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) clamp(1.25rem,1rem + 2vw,2.5rem);border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(circle at 100% 0%,var(--tone-accent-bg),transparent 60%),var(--card)}.next-page-text{margin:0;max-width:40rem;font-size:1.05rem}@media(min-width:62rem){.nav-area:has(.session-area) .nav{margin-inline:auto}}.page-head{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.page-head h1{margin:0}.page-head.plain{display:block;margin-bottom:0}.page-head.plain h1{margin-bottom:var(--space-4)}.page-icon{display:grid;place-items:center;width:3rem;height:3rem;flex:none;border-radius:var(--radius-lg);background:var(--tone-accent-bg);color:var(--accent)}.page-icon .icon{width:1.5rem;height:1.5rem}.page-subtitle{margin:var(--space-1) 0 0;color:var(--muted)}.page-grid{display:grid;gap:var(--space-5)}.two-col{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr));align-items:start}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-1)}.card h2{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);font-size:1.125rem}.card h2 .icon,.card h3 .icon{color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15rem .6rem;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}.tone-ok{--tone-text: var(--tone-ok-text);--tone-bg: var(--tone-ok-bg);--tone-fill: var(--tone-ok-fill)}.tone-warn{--tone-text: var(--tone-warn-text);--tone-bg: var(--tone-warn-bg);--tone-fill: var(--tone-warn-fill)}.tone-danger{--tone-text: var(--tone-danger-text);--tone-bg: var(--tone-danger-bg);--tone-fill: var(--tone-danger-fill)}.tone-muted{--tone-text: var(--tone-muted-text);--tone-bg: var(--tone-muted-bg);--tone-fill: var(--tone-muted-fill)}.tone-accent{--tone-text: var(--tone-accent-text);--tone-bg: var(--tone-accent-bg);--tone-fill: var(--tone-accent-fill)}.badge{color:var(--tone-text);background:var(--tone-bg)}.callout{display:flex;gap:var(--space-3);align-items:flex-start;margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--tone-bg);color:var(--text);border-left:4px solid var(--tone-fill)}.callout .icon{margin-top:.2rem;color:var(--tone-fill)}.skeleton{display:grid;gap:var(--space-2)}.skeleton span{display:block;height:.9rem;border-radius:var(--radius);background:linear-gradient(90deg,var(--line),var(--card-2),var(--line));background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton span:nth-child(2){width:80%}.skeleton span:nth-child(3){width:60%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(10rem,100%),1fr));gap:var(--space-3);margin:var(--space-3) 0}.meta div{padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--card-2)}.meta dt{font-size:.8rem;color:var(--muted);font-weight:600}.meta dd{margin:0;font-weight:700}.dashboard{display:grid;gap:var(--space-6)}.dashboard h2{margin:0 0 var(--space-3)}.section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.section-head h2{margin:0}.welcome{display:grid;gap:var(--space-5);align-items:center;padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl);color:var(--on-dark);background:radial-gradient(circle at 90% 0%,rgba(34,211,238,.25),transparent 45%),radial-gradient(circle at 0% 120%,rgba(20,184,166,.35),transparent 55%),repeating-linear-gradient(0deg,rgba(240,244,248,.04) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(240,244,248,.04) 0 1px,transparent 1px 32px),var(--graphite);box-shadow:var(--shadow-2)}.welcome h1{color:var(--on-dark);font-size:clamp(1.75rem,1.2rem + 2.4vw,2.6rem);margin:0 0 var(--space-2)}.welcome .eyebrow{margin:0 0 var(--space-2);color:var(--cyan);font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.welcome-lead{margin:0 0 var(--space-4);max-width:44rem;color:var(--on-dark-muted)}.welcome :focus-visible{outline-color:var(--focus-dark)}.welcome-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.welcome .button{background:var(--cyan);color:#062832}.welcome .button:hover{background:#67e8f9}.welcome .button.ghost{background:transparent;color:var(--on-dark);border:1px solid var(--cyan)}.welcome .button.ghost:hover{background:#22d3ee1f}.api-status{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-1) var(--space-3);border-radius:999px;font-size:.9rem;font-weight:700;background:#f0f4f814;color:var(--on-dark)}.api-status.tone-ok .dot{color:#4ade80}.api-status.tone-danger .dot{color:#f87171}.api-status.tone-muted .dot{color:#94a3b8}.api-status .link-button{color:var(--cyan)}@media(min-width:56rem){.welcome{grid-template-columns:1fr auto;padding:var(--space-6) var(--space-7)}.welcome-actions{flex-direction:column}}.kpi-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr))}.kpi{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);transition:transform .15s ease,border-color .15s ease}.kpi:hover{transform:translateY(-2px);border-color:var(--accent)}.kpi p{margin:0}.kpi-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex:none;border-radius:var(--radius);background:var(--tone-accent-bg);color:var(--accent)}.kpi-label{color:var(--muted);font-size:.875rem;font-weight:600}.kpi-value{font-size:1.5rem;font-weight:800;letter-spacing:-.01em}.kpi-note{color:var(--muted);font-size:.8rem}.app-preview-lead{margin:0 0 var(--space-4);max-width:44rem}.app-preview-grid{display:grid;gap:var(--space-4);align-items:start}.app-preview-copy{display:grid;gap:var(--space-4)}.app-preview-copy .card h3{margin:0 0 var(--space-3)}.verdict-scale{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.verdict-scale li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.verdict-scale li span:last-child{color:var(--muted);font-size:.9rem}.layer-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.layer-chips li{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:999px;background:var(--card-2);font-size:.875rem;font-weight:600}.layer-chips .icon{color:var(--accent)}.layer-note{margin:var(--space-3) 0 0;font-size:.9rem}@media(min-width:64rem){.app-preview-grid{grid-template-columns:1.3fr 1fr}}.chart-grid{display:grid;gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr))}.chart-card.wide{grid-column:1 / -1}.chart{margin:0}.chart svg{display:block;width:100%;max-height:14rem}.chart-gridline{stroke:var(--line);stroke-dasharray:3 4}.chart-bar{fill:var(--tone-fill)}.hbar-track,.donut-track{fill:var(--card-2)}.donut-track{fill:none;stroke:var(--card-2);stroke-width:18}.donut-segment{fill:none;stroke:var(--tone-fill);stroke-width:18}.chart-value,.chart-label,.donut-caption{fill:var(--muted);font-size:11px;font-weight:600}.chart-value{fill:var(--text)}.donut-total{fill:var(--text);font-size:20px;font-weight:800}.donut-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.donut-wrap svg{width:9rem;max-height:none}.legend{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);flex:1;min-width:11rem}.legend li{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-2);align-items:center;font-size:.9rem}.swatch{width:.75rem;height:.75rem;border-radius:3px;background:var(--tone-fill)}.legend-value{color:var(--muted);font-variant-numeric:tabular-nums}.chart-table{margin-top:var(--space-3);font-size:.9rem}.chart-table summary{cursor:pointer;color:var(--link);font-weight:600;min-height:1.75rem}.chart-table table{width:100%;border-collapse:collapse;margin-top:var(--space-2)}.chart-table caption{text-align:left;color:var(--muted);padding-bottom:var(--space-1)}.chart-table th,.chart-table td{text-align:left;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--line)}.chart-table td{text-align:right;font-variant-numeric:tabular-nums}.activity{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.activity li{display:flex;gap:var(--space-2);align-items:flex-start;color:var(--muted);font-size:.95rem}.activity .icon{margin-top:.15rem;color:var(--tone-warn-fill)}.structures{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr))}.structure h3{display:flex;align-items:center;gap:var(--space-2)}.structure p{margin:var(--space-3) 0 0;color:var(--muted)}.lane{list-style:none;margin:var(--space-3) 0 0;padding:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2);border-radius:var(--radius);background:var(--card-2)}.lane li{padding:var(--space-1) var(--space-3);border-radius:var(--radius);background:var(--card);border:1px solid var(--line);font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem}.lane .lane-out,.lane .lane-in,.lane .lane-top{font-family:inherit;font-weight:700;border-color:var(--accent);color:var(--accent)}.lane-stack{flex-direction:column}.modules{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr))}.modules li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.modules li>span:not(.badge){flex:1;font-weight:600}.modules .icon{color:var(--accent)}.quick-actions{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr))}.quick{display:flex;align-items:center;gap:var(--space-3);min-height:3.5rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--card);color:var(--text);font-weight:700;text-decoration:none;box-shadow:var(--shadow-1);transition:border-color .15s ease,transform .15s ease}.quick:hover{border-color:var(--accent);transform:translateY(-2px)}.quick .icon{color:var(--accent);width:1.4rem;height:1.4rem}.profile-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.avatar{display:grid;place-items:center;width:4rem;height:4rem;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#062832;font-size:1.4rem;font-weight:800}.profile-id{flex:1;min-width:12rem}.profile-id p{margin:0}.profile-name{font-size:1.35rem;font-weight:800}.profile-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings{display:grid;gap:var(--space-5)}.settings>p{margin:0}.field-row{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr))}.field{display:grid;gap:var(--space-1);align-content:start}.theme-preview{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.swatch-card{display:grid;place-items:end start;width:7rem;height:4.5rem;padding:var(--space-2);border-radius:var(--radius);border:1px solid var(--line);font-size:.8rem;font-weight:700}.swatch-card.light{background:linear-gradient(#fff 40%,#e0f4f8 40%);color:#0f1a2b}.swatch-card.dark{background:linear-gradient(#17243a 40%,#0b1220 40%);color:#e6edf6}.consent-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr))}.consent-card{margin:0;display:grid;gap:var(--space-3);align-content:start}.consent-card legend{float:left;width:100%;padding:0;font-size:1.125rem;font-weight:800}.consent-card p{margin:0}.consent-head{display:flex;align-items:center;justify-content:space-between}.consent-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius);background:var(--tone-accent-bg);color:var(--accent)}.consent-status{font-weight:700}.download-hero{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:flex-start}.download-icon{display:grid;place-items:center;width:5rem;height:5rem;flex:none;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--tone-accent-bg),var(--card-2));color:var(--accent)}.download-icon .icon{width:2.5rem;height:2.5rem}.download-copy{flex:1;min-width:min(18rem,100%);display:grid;gap:var(--space-3)}.download-copy p,.download-copy .section-head{margin:0}.download-ready{display:grid;gap:var(--space-2);justify-items:start}.download-ready p{margin:0}.hash{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.checklist li{display:flex;gap:var(--space-2);align-items:flex-start}.checklist .icon{margin-top:.2rem;color:var(--accent)}.device-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr))}.device-card h2{margin:var(--space-3) 0 var(--space-1)}.device-card>p{margin:0;color:var(--muted)}.device-top{display:flex;align-items:center;justify-content:space-between}.device-top .icon{width:1.75rem;height:1.75rem;color:var(--accent)}.empty-points{display:grid;gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none;text-align:left}.empty-points li{display:flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:.95rem}.empty-points .icon{color:var(--accent)}.device-name{font-weight:800}.empty-state{display:grid;justify-items:center;text-align:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:var(--radius-xl);background:var(--card)}.empty-state h2{margin:var(--space-2) 0 0}.empty-state>p{max-width:34rem;margin:0}.empty-icon{display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:50%;background:var(--tone-accent-bg);color:var(--accent)}.empty-icon .icon{width:2.2rem;height:2.2rem}.settings-section>.field{max-width:28rem}.hero,.auth-aside{--accent: var(--cyan);--primary: var(--cyan);--primary-hover: #67e8f9;--on-primary: #062832;--tone-accent-fill: var(--cyan)}.auth{display:grid;gap:var(--space-5);width:min(64rem,100%);margin:0 auto;align-items:stretch}.auth-card{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-6) var(--space-5);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-2)}.auth-card h1{margin:0}.auth-card form{background:transparent;border:0;padding:0}.auth-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:var(--radius-lg);background:var(--tone-accent-bg);color:var(--accent)}.auth-icon .icon{width:1.5rem;height:1.5rem}.auth-subtitle{margin:0 0 var(--space-2);color:var(--muted)}.auth-aside{position:relative;overflow:hidden;display:grid;align-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl);color:var(--on-dark);background:radial-gradient(circle at 80% 10%,rgba(34,211,238,.25),transparent 45%),radial-gradient(circle at 10% 110%,rgba(20,184,166,.35),transparent 55%),repeating-linear-gradient(0deg,rgba(240,244,248,.04) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(240,244,248,.04) 0 1px,transparent 1px 32px),var(--graphite)}.auth-aside p{margin:0}.auth-art{position:relative;display:grid;place-items:center;width:7rem;aspect-ratio:1}.auth-art .hero-shield{width:55%}.auth-eyebrow{color:var(--cyan);font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.auth-claim{font-size:1.5rem;font-weight:800;line-height:1.25}.auth-points{list-style:none;margin:var(--space-2) 0 0;padding:0;display:grid;gap:var(--space-3)}.auth-points li{display:flex;gap:var(--space-2);align-items:flex-start;color:var(--on-dark-muted)}.auth-points .icon,.auth-note .icon{margin-top:.2rem;color:var(--cyan)}.auth-note{display:flex;gap:var(--space-2);align-items:flex-start;margin-top:var(--space-3)!important;padding:var(--space-3);border-radius:var(--radius);background:#f0f4f814;color:var(--on-dark-muted);font-size:.9rem}@media(min-width:56rem){.auth{grid-template-columns:1fr 1.1fr}.auth-aside{order:-1;padding:var(--space-7) var(--space-6)}.auth-card{padding:var(--space-7) var(--space-6)}}@media(max-width:40rem){.auth-art{display:none}.auth-card{padding:var(--space-5) var(--space-4)}}button.block,.button.block{width:100%}.spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line)}.auth-links a{display:inline-flex;align-items:center;min-height:var(--control);font-weight:600}.auth-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.auth-steps li{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);border-radius:var(--radius);background:var(--card-2)}.auth-steps .icon{margin-top:.2rem;color:var(--accent)}.strength{display:grid;gap:var(--space-1);margin-top:calc(-1 * var(--space-2))}.strength-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1)}.strength-bars span{height:.35rem;border-radius:999px;background:var(--line)}.strength-bars span.on{background:var(--tone-fill)}.button.ghost-light{background:transparent;color:var(--link);border:1px solid var(--link)}.button.ghost-light:hover{background:var(--tone-accent-bg)}.consent-accept{display:flex;align-items:flex-start;gap:var(--space-3);min-height:var(--control)}.consent-accept input[type=checkbox]{flex:0 0 auto;width:1.25rem;height:1.25rem;min-height:1.25rem;margin-top:.2rem;accent-color:var(--link)}