: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: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:61.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:var(--surface)}.footer-inner{width:min(var(--wrap-wide),calc(100% - 2rem));margin:0 auto;padding:var(--space-5) 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4) var(--space-6)}.footer-brand{display:flex;gap:var(--space-3);max-width:34rem}.footer-brand svg{width:2rem;height:2rem;flex:none}.footer-brand p,.footer-meta p{margin:0;color:var(--muted);font-size:.9rem}.footer-brand .footer-title{color:var(--text);font-weight:800;font-size:1rem}.footer-meta{display:grid;gap:var(--space-1);align-content:center}.home{display:grid;gap:var(--space-7)}.hero{position:relative;overflow:hidden;display:grid;gap:var(--space-6);align-items:center;padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl);color:var(--on-dark);background:radial-gradient(circle at 85% 20%,rgba(115,199,218,.22),transparent 45%),radial-gradient(circle at 10% 110%,rgba(11,95,115,.55),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)}.eyebrow{margin:0 0 var(--space-3);color:var(--accent);font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hero h1{margin:0 0 var(--space-4);color:var(--on-dark);font-size:clamp(2rem,1.2rem + 3.5vw,3.25rem);line-height:1.1;letter-spacing:-.01em}.hero-lead{margin:0 0 var(--space-5);max-width:34rem;color:var(--on-dark-muted);font-size:1.125rem}.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}.hero-actions .button:hover{transform:translateY(-1px);box-shadow:0 .5rem 1.25rem #73c7da40}.hero-actions .button.ghost{background:transparent;color:var(--on-dark);border:1px solid var(--accent)}.hero-actions .button.ghost:hover{background:#73c7da1f;box-shadow:none}.hero :focus-visible{outline-color:var(--focus-dark)}.hero-art{position:relative;display:none;place-items:center;aspect-ratio:1;width:min(100%,18rem);justify-self:center}.ring{position:absolute;inset:0;border:1px solid rgba(115,199,218,.35);border-radius:50%}.ring-2{inset:14%;border-color:#73c7da80}.ring-3{inset:28%;border-style:dashed}.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)}.scan-line{position:absolute;left:18%;right:18%;top:20%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:scan 3.2s ease-in-out infinite alternate}@keyframes scan{to{top:78%}}@media(min-width:56rem){.hero{grid-template-columns:1.4fr 1fr;padding:var(--space-7) var(--space-7)}.hero-art{display:grid}}.home-section h2,.privacy h2{margin:0 0 var(--space-4);font-size:1.5rem}.features,.steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr))}.feature{padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.feature:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-2)}.feature h3,.step h3{margin:var(--space-3) 0 var(--space-2);font-size:1.0625rem}.feature p,.step p{margin:0;color:var(--muted)}.feature-icon,.stage-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius);background:var(--tone-accent-bg);color:var(--accent)}.feature-icon .icon,.stage-icon .icon{width:1.5rem;height:1.5rem}.pipeline{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));counter-reset:etapa}.stage{counter-increment:etapa;position:relative;padding:var(--space-4);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.stage:after{content:counter(etapa);position:absolute;top:var(--space-3);right:var(--space-4);color:var(--muted);font-weight:800;font-size:1.25rem}.stage h3{margin:var(--space-3) 0 var(--space-1);font-size:1rem}.stage p{margin:0;color:var(--muted);font-size:.95rem}.desktop-app{display:grid;gap:var(--space-5);padding:var(--space-5);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-1)}.desktop-status{display:grid;gap:var(--space-2);align-content:center;justify-items:start;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--card-2)}.desktop-status p{margin:0}@media(min-width:56rem){.desktop-app{grid-template-columns:1.6fr 1fr}}.hero-note{margin:var(--space-4) 0 0;color:var(--on-dark-muted);font-size:.875rem}.steps{counter-reset:paso;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))}.step{counter-increment:paso;position:relative;padding:var(--space-5);padding-top:var(--space-6);background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius-lg)}.step:before{content:counter(paso);display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--primary);color:var(--on-primary);font-weight:700}.privacy{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--info-bg);border-left:6px solid var(--accent)}.privacy p{margin:0;max-width:48rem}@media(prefers-reduced-motion:reduce){.scan-line{animation:none;top:50%}.feature,.hero-actions .button{transition:none}.feature:hover,.hero-actions .button:hover{transform:none}}@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}.demo-zone{padding:var(--space-5);border:2px dashed var(--tone-warn-fill);border-radius:var(--radius-xl);background:var(--surface)}.demo-note{display:flex;gap:var(--space-2);align-items:flex-start;margin:0 0 var(--space-4);color:var(--muted)}.demo-note .icon{margin-top:.2rem;color:var(--tone-warn-fill)}.demo-zone .kpi-icon{background:var(--tone-warn-bg);color:var(--tone-warn-fill)}.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)}.device-card.preview{width:min(20rem,100%);margin:var(--space-4) auto 0;padding:var(--space-4);text-align:left;border:2px dashed var(--tone-warn-fill);border-radius:var(--radius-lg);background:var(--card-2)}.device-card.preview p{margin:var(--space-1) 0 0}.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 dashed var(--line);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)}
