body{background:var(--surface-page);color:var(--text-body)}.container{max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.container-narrow{max-width:var(--container-narrow);padding:0 var(--space-6);margin:0 auto}code.mono{font-family:var(--font-mono);color:var(--brand);font-size:.92em}.btn{align-items:center;gap:var(--space-2);font:var(--weight-medium) 15px var(--font-sans);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);border:none;padding:11px 22px;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn--cta{background:var(--cta);color:var(--on-cta)}.btn--cta:hover{background:var(--cta-hover);color:var(--on-cta)}.btn--violet{background:var(--brand);color:var(--on-brand)}.btn--violet:hover{background:var(--brand-hover);color:var(--on-brand)}.btn--ghost-dark{color:var(--on-midnight);border:1px solid var(--glass-border);background:0 0}.btn--ghost-dark:hover{color:var(--on-midnight);background:#ffffff14}.btn--ghost{color:var(--brand);border:1px solid var(--border-default);background:0 0}.btn--ghost:hover{background:var(--brand-subtle);color:var(--brand)}.nav{z-index:50;background:color-mix(in srgb, var(--surface-card) 86%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0}.nav__inner{align-items:center;gap:var(--space-6);height:64px;display:flex}.nav__brand{align-items:center;gap:var(--space-3);margin-right:auto;display:flex}.nav__brand:hover{text-decoration:none}.nav__brand img{height:26px;display:block}.nav__brand span{font:var(--weight-medium) 15px var(--font-display);color:var(--text-strong);letter-spacing:var(--tracking-tight)}.nav__links{align-items:center;gap:var(--space-5);display:flex}.nav__links a{font:var(--weight-regular) 14px var(--font-sans);color:var(--text-body)}.nav__links a:hover{color:var(--brand);text-decoration:none}.nav__links a.active{color:var(--brand);font-weight:var(--weight-medium)}.hero{background:var(--midnight);color:var(--on-midnight);overflow:hidden}.hero__inner{padding-block:var(--space-24);gap:var(--space-12);grid-template-columns:1.12fr 1fr;align-items:center;display:grid}.hero__inner>*{min-width:0}.hero__logo{height:34px;margin-bottom:var(--space-6);display:block}.hero h1{color:var(--on-midnight);font:var(--weight-medium) var(--text-4xl)/1.02 var(--font-display);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-5)}.hero h1 em{color:var(--violet-200);font-style:normal}.hero p.lead{font:var(--weight-light) var(--text-lg)/1.4 var(--font-sans);color:#fafbffb8;margin-bottom:var(--space-8);max-width:32ch}.hero__install{align-items:center;gap:var(--space-3);background:var(--glass-fill-strong);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur));max-width:480px;margin-bottom:var(--space-5);padding:10px 10px 10px 16px;display:flex}.hero__install-prompt{font:var(--weight-regular) 14px var(--font-mono);color:var(--violet-200);flex:none}.hero__install code{font:var(--weight-regular) 14px var(--font-mono);color:var(--on-midnight);white-space:nowrap;scrollbar-width:none;flex:1;overflow-x:auto}.hero__install code::-webkit-scrollbar{display:none}.hero__cta{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero__meta{margin-top:var(--space-10);gap:var(--space-6) var(--space-8);flex-wrap:wrap;display:flex}.hero__meta div{flex-direction:column;gap:2px;display:flex}.hero__meta b{font:var(--weight-medium) var(--text-2xl) var(--font-display);color:var(--on-midnight)}.hero__meta span{font:var(--weight-regular) 13px var(--font-sans);color:#fafbff8c}.hero__art{height:360px;position:relative}.hero__art .shape{background:var(--brand);position:absolute}.hero__art .blob1{border-radius:50%;width:220px;height:220px;top:8px;right:26px}.hero__art .blob2{opacity:.9;border-radius:0 0 150px 150px;width:150px;height:300px;top:-22px;left:36px}.hero__art .pane{background:var(--glass-fill-strong);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur));justify-content:center;gap:var(--space-3);padding:var(--space-8);flex-direction:column;display:flex;position:absolute;inset:36px}.hero__art .pane .row{align-items:center;gap:var(--space-3);display:flex}.hero__art .pane .dot{background:var(--whatsapp);border-radius:50%;flex:none;width:10px;height:10px}.hero__art .pane b{font:var(--weight-medium) 16px var(--font-sans);color:var(--on-midnight)}.hero__art .pane small{font:var(--weight-light) 13px/1.4 var(--font-sans);color:#fafbffb3}.section{padding:var(--space-20) 0}.section--sunken{background:var(--surface-sunken)}.section__head{max-width:62ch;margin-bottom:var(--space-10)}.overline{font:var(--overline-font);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--brand);margin-bottom:var(--space-3);display:block}.section h2{font:var(--weight-medium) var(--text-3xl)/1.08 var(--font-display);color:var(--text-strong);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3)}.section p.sub{font:var(--weight-light) var(--text-md)/1.5 var(--font-sans);color:var(--text-muted)}.grid{gap:var(--space-5);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);color:inherit;display:block}a.card:hover{box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.card__icon{border-radius:var(--radius-md);background:var(--brand);width:44px;height:44px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.card__icon img{filter:brightness(0)invert();width:26px;height:26px}.card h3{font:var(--weight-medium) var(--text-lg) var(--font-display);color:var(--text-strong);margin-bottom:var(--space-2)}.card p{font:var(--weight-light) 15px/1.5 var(--font-sans);color:var(--text-muted)}.card .meta{margin-top:var(--space-4);font:var(--weight-medium) 13px var(--font-mono);color:var(--brand)}.palette{gap:var(--space-3);grid-template-rows:1.15fr .65fr .65fr;grid-template-columns:1.35fr 1fr 1fr;height:440px;display:grid}.pal{border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs);flex-direction:column;gap:1px;min-height:0;display:flex}.pal b{font:var(--weight-medium) 14px var(--font-sans)}.pal__hex{font:var(--weight-regular) 11px var(--font-mono);opacity:.82}.pal__pct{font:var(--weight-medium) var(--text-3xl)/.9 var(--font-display);letter-spacing:var(--tracking-tight);margin-top:auto}.pal--white{grid-area:1/1/4/2}.pal--violet{grid-area:1/2/2/4}.pal--midnight{grid-area:2/2/4/3}.pal--orange{grid-area:2/3/3/4}.pal--lightblue{grid-area:3/3/4/4}.pal--orange .pal__pct,.pal--lightblue .pal__pct{font-size:var(--text-xl)}.page-intro{padding:var(--space-12) 0 var(--space-4)}.page-intro h1{font:var(--weight-medium) var(--text-3xl) var(--font-display);color:var(--text-strong);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3)}.page-intro p{font:var(--weight-light) var(--text-md)/1.5 var(--font-sans);color:var(--text-muted);max-width:62ch}.group-head{margin:var(--space-16) 0 var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.group-head:first-of-type{margin-top:var(--space-4)}.group-head h2{font:var(--weight-medium) var(--text-2xl) var(--font-display);color:var(--text-strong)}.group-head .count{font:var(--weight-regular) 13px var(--font-mono);color:var(--text-subtle)}.specimens{gap:var(--space-10);flex-direction:column;display:flex}.specimen__label{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.specimen__label h3{font:var(--weight-medium) var(--text-md) var(--font-display);color:var(--text-strong)}.specimen__label p{font:var(--weight-light) 14px/1.4 var(--font-sans);color:var(--text-muted)}.frame{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--surface-card);max-width:720px;overflow:hidden}.frame iframe{border:0;width:100%;display:block}.callout{background:var(--brand-subtle);border-left:3px solid var(--brand);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);margin:var(--space-5) 0}.callout p{color:var(--text-body);font:var(--weight-light) 15px/1.55 var(--font-sans);margin:0}.callout strong{font-weight:var(--weight-medium);color:var(--text-strong)}.callout--warn{background:var(--warning-soft);border-left-color:var(--cta)}.type-row{align-items:baseline;gap:var(--space-5);padding:var(--space-4) 0;border-top:1px solid var(--border-subtle);display:flex}.type-row .tag{font:var(--weight-regular) 12px var(--font-mono);color:var(--text-subtle);flex:none;width:120px}.glass-demo{border-radius:var(--radius-lg);height:300px;margin:var(--space-5) 0;background:var(--midnight);justify-content:center;align-items:center;gap:var(--space-8);display:flex;position:relative;overflow:hidden}.glass-demo .gshape{background:var(--brand);position:absolute}.glass-demo .gpane{background:var(--glass-fill-strong);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur));padding:var(--space-6) var(--space-8);color:var(--on-midnight);max-width:280px;position:relative}.glass-demo .gpane b{font:var(--weight-medium) 16px var(--font-sans);margin-bottom:4px;display:block}.glass-demo .gpane small{font:var(--weight-light) 13px/1.4 var(--font-sans);color:#fafbffb8}.kits{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.kit{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:var(--surface-card);color:inherit;transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);display:block;overflow:hidden}.kit:hover{box-shadow:var(--shadow-lg);text-decoration:none;transform:translateY(-2px)}.kit__preview{border-bottom:1px solid var(--border-subtle);background:var(--surface-sunken);height:260px;overflow:hidden}.kit__preview iframe{transform-origin:0 0;pointer-events:none;border:0;width:1280px;height:1000px;transform:scale(.46)}.kit__body{padding:var(--space-5) var(--space-6)}.kit__body h3{font:var(--weight-medium) var(--text-lg) var(--font-display);color:var(--text-strong);margin-bottom:4px}.kit__body p{font:var(--weight-light) 14px var(--font-sans);color:var(--text-muted)}.footer{background:var(--midnight);color:#fafbff99;padding:var(--space-16) 0;margin-top:var(--space-24)}.footer__inner{justify-content:space-between;gap:var(--space-8);flex-wrap:wrap;align-items:center;display:flex}.footer img{height:24px}.footer p{font:var(--weight-light) 13px/1.6 var(--font-sans);max-width:50ch}.footer a{color:var(--violet-200)}.tag{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--glass-fill-strong);border:1px solid var(--glass-border);color:var(--on-midnight);font:var(--weight-medium) 13px var(--font-sans);margin-bottom:var(--space-6);padding:6px 14px;display:inline-flex}.tag__dot{border-radius:var(--radius-circle);background:var(--whatsapp);flex:none;width:7px;height:7px}.hero__shape{opacity:.9;filter:brightness(0)saturate()invert(18%)sepia(89%)saturate(5400%)hue-rotate(254deg)brightness(95%)contrast(101%);position:absolute}.hero__shape--flower{opacity:.55;width:200px;top:-10px;right:0}.hero__shape--leaf{opacity:.7;width:120px;bottom:-6px;left:8px}.skillcard{background:var(--glass-fill-strong);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-highlight), var(--shadow-lg);-webkit-backdrop-filter:blur(var(--glass-blur));padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex;position:absolute;inset:30px 0 30px 24px}.skillcard__bar{gap:7px;display:flex}.skillcard__bar span{border-radius:var(--radius-circle);background:color-mix(in srgb, var(--on-midnight) 32%, transparent);width:10px;height:10px}.skillcard__code{font:var(--weight-regular) 13px/1.7 var(--font-mono);color:color-mix(in srgb, var(--on-midnight) 90%, transparent);white-space:pre-wrap;word-break:break-word;margin:0}.skillcard__code .c-key{color:var(--violet-200)}.skillcard__code .c-cmt{color:#fafbff80}.skillcard__code .c-str{color:var(--lightblue-300)}.skillcard__out{align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--glass-border);margin-top:auto;display:flex}.skillcard__check{border-radius:var(--radius-xs);background:var(--whatsapp);width:28px;height:28px;color:var(--on-brand);font-weight:var(--weight-bold);flex:none;justify-content:center;align-items:center;display:flex}.skillcard__out b{font:var(--weight-medium) 14px var(--font-sans);color:var(--on-midnight);display:block}.skillcard__out small{font:var(--weight-light) 12px var(--font-sans);color:color-mix(in srgb, var(--on-midnight) 65%, transparent)}.chapter{color:var(--on-brand);position:relative;overflow:hidden}.chapter--violet{background:var(--brand)}.chapter--midnight{background:var(--midnight)}.chapter--orange{background:var(--cta)}.chapter--lightblue{background:var(--lightblue-300);color:var(--midnight)}.chapter__inner{padding-block:var(--space-20);max-width:72ch;position:relative}.chapter h2{font:var(--weight-medium) var(--text-3xl)/1.08 var(--font-display);letter-spacing:var(--tracking-tight);margin:var(--space-3) 0 var(--space-5);color:inherit}.chapter h2 em{color:inherit;font-style:italic}.chapter p{font:var(--weight-light) var(--text-lg)/1.4 var(--font-sans);color:inherit}.chapter code.mono{color:inherit;background:var(--glass-fill-strong);border-radius:var(--radius-xs);padding:1px 7px}.ghost-n{top:50%;right:var(--space-10);font:var(--weight-medium) clamp(160px, 22vw, 320px)/1 var(--font-display);letter-spacing:var(--tracking-tight);color:color-mix(in srgb, currentColor 22%, transparent);user-select:none;pointer-events:none;position:absolute;transform:translateY(-50%)}.pill-overline{border-radius:var(--radius-pill);background:var(--glass-fill-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur));font:var(--overline-font);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:inherit;margin-bottom:var(--space-5);align-items:center;padding:9px 20px;display:inline-flex}.chapter--lightblue .pill-overline{background:var(--glass-fill-frost);border-color:var(--glass-border-frost)}.overline--invert{color:var(--violet-100)}.dna-block{margin-bottom:var(--space-12)}.dna-block__label{margin-bottom:var(--space-5)}.dna-block__label h3{font:var(--weight-medium) var(--text-lg) var(--font-display);color:var(--text-strong);margin-bottom:var(--space-1)}.dna-block__label p{font:var(--weight-light) 15px/1.5 var(--font-sans);color:var(--text-muted);max-width:56ch}.dna-grid{gap:var(--space-6);margin-bottom:var(--space-12);grid-template-columns:1fr 1fr;display:grid}.dna-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.dna-card .glass-demo{height:220px;margin:0}.type-spec{gap:var(--space-6);align-items:center;display:flex}.type-spec__big{font:var(--weight-medium) 96px var(--font-display);color:var(--brand);line-height:.9}.type-rows{flex:1}.type-rows .type-row:first-child{border-top:0}.tag-mono{font:var(--weight-regular) 12px var(--font-mono);color:var(--text-subtle);flex:none;width:116px}.shapes-strip{gap:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.shapes-strip img{object-fit:contain;filter:brightness(0)saturate()invert(18%)sepia(89%)saturate(5400%)hue-rotate(254deg)brightness(95%)contrast(101%);width:64px;height:64px}.picons{background:var(--midnight);border-radius:var(--radius-xl);padding:var(--space-8);gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid;position:relative;overflow:hidden}.picons__bloom{border-radius:var(--radius-circle);background:var(--brand);width:320px;height:320px;position:absolute;top:-90px;left:38%}.picon{background:var(--glass-fill-strong);border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur));padding:var(--space-5);position:relative}.picon img{filter:brightness(0)invert();width:38px;height:38px;margin-bottom:var(--space-3);display:block}.picon b{font:var(--weight-medium) 15px var(--font-sans);color:var(--on-midnight);margin-bottom:var(--space-1);display:block}.picon p{font:var(--weight-light) 13px/1.5 var(--font-sans);color:color-mix(in srgb, var(--on-midnight) 70%, transparent)}.logogrid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.logogrid figure{border-radius:var(--radius-lg);height:150px;box-shadow:var(--shadow-xs);justify-content:center;align-items:center;margin:0;display:flex;position:relative;overflow:hidden}.logogrid figure>img:not(.logogrid__bg){height:32px;position:relative}.logogrid figcaption{bottom:var(--space-3);text-align:center;font:var(--weight-regular) 11px var(--font-mono);color:color-mix(in srgb, var(--on-brand) 78%, transparent);position:absolute;left:0;right:0}.logogrid__bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.logogrid__photo:after{content:"";background:color-mix(in srgb, var(--midnight) 38%, transparent);position:absolute;inset:0}.logogrid__photo>img:not(.logogrid__bg),.logogrid__photo figcaption{z-index:1}.cite{margin:var(--space-16) 0 0;text-align:center}.cite blockquote{margin:0 auto var(--space-3);max-width:24ch;font:var(--weight-light) var(--text-2xl)/1.15 var(--font-sans);color:var(--text-strong);letter-spacing:var(--tracking-tight)}.cite blockquote em{color:var(--brand);font-style:normal}.cite figcaption{font:var(--weight-regular) 12px var(--font-mono);color:var(--text-subtle)}.demo{gap:var(--space-8);grid-template-columns:320px 1fr;align-items:center;display:grid}.wa{border-radius:var(--radius-xl);width:320px;box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle);background:var(--surface-card);justify-self:center;overflow:hidden}.wa__bar{background:var(--whatsapp-700);color:var(--on-brand);padding:var(--space-4);align-items:center;gap:var(--space-3);display:flex}.wa__avatar{border-radius:var(--radius-circle);background:#ffffff2e;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.wa__avatar img{width:20px;height:20px}.wa__bar b{font:var(--weight-bold) 15px var(--font-sans);line-height:1.2;display:block}.wa__bar small{font:12px var(--font-sans);opacity:.85}.wa__thread{padding:var(--space-4) var(--space-3);gap:var(--space-2);background:#ece5dd;flex-direction:column;min-height:320px;display:flex}.wa__b{max-width:82%;font:13.5px/1.4 var(--font-sans);color:#0b141a;border-radius:10px;padding:8px 11px;box-shadow:0 1px 1px #00000014}.wa__b--bot{background:var(--neutral-0);align-self:flex-start}.wa__b--me{background:#dcf8c6;align-self:flex-end}.shot{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.shot img{object-fit:cover;width:100%;height:360px;display:block}.glasschip{align-items:center;gap:var(--space-2);background:var(--glass-fill-frost);border:1px solid var(--glass-border-frost);border-radius:var(--glass-radius-sm);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur));font:var(--weight-medium) 14px var(--font-sans);color:var(--brand);padding:9px 13px;display:inline-flex;position:absolute}.glasschip--tr{top:18px;right:18px}.glasschip--bl{bottom:18px;left:18px}.glasschip__ico{border-radius:var(--radius-xs);background:var(--brand);width:26px;height:26px;color:var(--on-brand);flex:none;justify-content:center;align-items:center;font-size:14px;display:flex}.demo__foot{margin-top:var(--space-8);text-align:center;font:var(--weight-light) var(--text-md) var(--font-sans);color:var(--text-muted)}.demo__foot a{color:var(--brand);font-weight:var(--weight-medium)}.steps{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.step{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.step__n{border-radius:var(--radius-circle);background:var(--brand);width:34px;height:34px;color:var(--on-brand);font:var(--weight-medium) 16px var(--font-mono);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.step h3{font:var(--weight-medium) var(--text-md) var(--font-display);color:var(--text-strong);margin-bottom:var(--space-2)}.step p{font:var(--weight-light) 15px/1.5 var(--font-sans);color:var(--text-muted)}.codeblock{background:var(--midnight);color:#fafbffeb;border-radius:var(--radius-lg);padding:var(--space-6);font:var(--weight-regular) 13.5px/1.9 var(--font-mono);box-shadow:var(--shadow-md);margin:0;overflow-x:auto}.codeblock .c-cmt{color:#fafbff80}.codeblock .c-str{color:var(--lightblue-300)}.roadmap{margin-top:var(--space-5);font:var(--weight-light) 15px var(--font-sans);color:var(--text-muted)}.roadmap b{font-weight:var(--weight-medium);color:var(--text-body)}.spine{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.track{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-width:0;padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.track__n{font:var(--weight-regular) 13px var(--font-mono);color:var(--text-subtle);margin-bottom:var(--space-5)}.track h3{font:var(--weight-medium) var(--text-xl) var(--font-display);color:var(--text-strong);margin-bottom:var(--space-1)}.track__pkg{font:var(--weight-regular) 12px var(--font-mono);color:var(--brand);margin-bottom:var(--space-4);display:block}.track p{font:var(--weight-light) 14px/1.55 var(--font-sans);color:var(--text-muted);margin-bottom:var(--space-5)}.track .cmd{margin-top:auto}.track__link{margin-top:var(--space-4);font:var(--weight-medium) 13px var(--font-mono);color:var(--brand);display:inline-block}.cmd{align-items:center;gap:var(--space-3);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 8px 8px 14px;display:flex}.cmd code{font:var(--weight-regular) 13px var(--font-mono);color:var(--text-strong);white-space:nowrap;scrollbar-width:none;flex:1;overflow-x:auto}.cmd code::-webkit-scrollbar{display:none}.cmd__copy{cursor:pointer;background:var(--brand);color:var(--on-brand);font:var(--weight-medium) 12px var(--font-sans);border-radius:var(--radius-pill);transition:background var(--dur-fast) var(--ease-out);border:none;flex:none;padding:7px 13px}.cmd__copy:hover{background:var(--brand-hover)}.cmd__copy.copied{background:var(--success)}.install-note{font:var(--weight-light) 15px var(--font-sans);color:var(--text-muted);margin:0 0 var(--space-3)}.prompt{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--midnight);overflow:hidden}.prompt__bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--glass-border);background:#ffffff0a;display:flex}.prompt__file{font:var(--weight-regular) 12.5px var(--font-mono);color:#fafbff99;margin-right:auto}.prompt__raw{font:var(--weight-regular) 12.5px var(--font-sans);color:#fafbffb8;border:1px solid var(--glass-border);border-radius:var(--radius-pill);padding:6px 12px}.prompt__raw:hover{color:var(--on-midnight);background:#ffffff14;text-decoration:none}.prompt__body{max-height:30rem;padding:var(--space-6);color:#fafbffe6;font:var(--weight-regular) 13px/1.75 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0;overflow:auto}.prompt__body:focus-visible{outline:2px solid var(--violet-200);outline-offset:-2px}.prompt__notes{gap:var(--space-5);margin-top:var(--space-6);margin-bottom:var(--space-10);grid-template-columns:repeat(3,1fr);display:grid}.prompt__notes p{font:var(--weight-light) 14px/1.6 var(--font-sans);color:var(--text-muted);margin:0}.prompt__notes b{font-weight:var(--weight-medium);color:var(--text-strong);margin-bottom:4px;display:block}.prompt__notes em{color:var(--brand);font-style:normal}.hero__install--light{background:var(--surface-card);border-color:var(--border-default);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none}.hero__install--light code{color:var(--text-strong)}.hero__install--light .hero__install-prompt{color:var(--brand)}@media (width<=940px){.spine{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){html.has-js [data-reveal]{opacity:.001;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transform:translateY(18px)}html.has-js [data-reveal].is-revealed{opacity:1;transform:none}}.catalog{gap:var(--space-12);padding-bottom:var(--space-20);grid-template-columns:220px minmax(0,1fr);align-items:start;display:grid}.catnav{max-height:calc(100vh - 110px);position:sticky;top:88px;overflow-y:auto}.catnav__group{margin-bottom:var(--space-5);flex-direction:column;display:flex}.catnav__cat{justify-content:space-between;align-items:baseline;gap:var(--space-2);font:var(--weight-medium) 14px var(--font-display);color:var(--text-strong);padding:6px 0;display:flex}.catnav__cat:hover{color:var(--brand);text-decoration:none}.catnav__cat.active{color:var(--brand)}.catnav__cat .count{font:var(--weight-regular) 11px var(--font-mono);color:var(--text-subtle)}.catnav__item{font:var(--weight-light) 14px var(--font-sans);color:var(--text-muted);padding:4px 0 4px var(--space-3);border-left:1px solid var(--border-subtle)}.catnav__item:hover{color:var(--brand);border-left-color:var(--brand);text-decoration:none}.catmain{min-width:0}.catgroup{scroll-margin-top:88px}.catgroup .group-head{align-items:baseline;gap:var(--space-3);display:flex}.catentry{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);margin-bottom:var(--space-8);scroll-margin-top:88px}.catentry__head{justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.catentry__head h3{font:var(--weight-medium) var(--text-xl) var(--font-display);color:var(--text-strong);margin-bottom:var(--space-1)}.catentry__head p{font:var(--weight-light) 14px/1.5 var(--font-sans);color:var(--text-muted);max-width:58ch}.catentry__tools{align-items:center;gap:var(--space-2);flex:none;display:flex}.catseg{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:3px;display:inline-flex}.catseg button{cursor:pointer;color:var(--text-muted);font:var(--weight-medium) 13px var(--font-sans);border-radius:var(--radius-pill);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;padding:6px 14px}.catseg button.active{background:var(--surface-card);color:var(--brand);box-shadow:var(--shadow-xs)}.catfull{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-card);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.catfull:hover{color:var(--brand);border-color:var(--brand)}.catprev{min-height:130px;padding:var(--space-8);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.catprev--empty{font:var(--weight-light) 14px var(--font-sans);color:var(--text-subtle)}.catprev__row{gap:var(--space-3);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.catcode{position:relative}.catcode pre{background:var(--midnight);color:#fafbffeb;border-radius:var(--radius-md);padding:var(--space-5);font:var(--weight-regular) 13px/1.8 var(--font-mono);min-height:130px;margin:0;overflow-x:auto}.catcode__copy{top:var(--space-3);right:var(--space-3);position:absolute}.catcopy{cursor:pointer;background:var(--brand);color:var(--on-brand);font:var(--weight-medium) 12px var(--font-sans);border-radius:var(--radius-pill);transition:background var(--dur-fast) var(--ease-out);border:none;flex:none;padding:6px 12px}.catcopy:hover{background:var(--brand-hover)}.catcopy.copied{background:var(--success)}.catsurfaces{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.catsurface{align-items:center;gap:var(--space-3);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:7px 8px 7px 12px;display:flex}.catsurface__label{flex-direction:column;flex:none;width:150px;display:flex}.catsurface__label b{font:var(--weight-medium) 12px var(--font-sans);color:var(--text-strong)}.catsurface__label span{font:var(--weight-regular) 10px var(--font-mono);color:var(--text-subtle)}.catsurface code{font:var(--weight-regular) 12px var(--font-mono);color:var(--text-body);white-space:nowrap;scrollbar-width:none;flex:1;overflow-x:auto}.catsurface code::-webkit-scrollbar{display:none}.catprops{margin-top:var(--space-4)}.catprops summary{cursor:pointer;font:var(--weight-medium) 13px var(--font-sans);color:var(--text-strong);padding:var(--space-2) 0}.catprops__count{font:var(--weight-regular) 11px var(--font-mono);color:var(--text-subtle);margin-left:var(--space-2)}.catprops table{border-collapse:collapse;width:100%;margin-top:var(--space-2);display:block;overflow-x:auto}.catprops th{text-align:left;font:var(--weight-medium) 12px var(--font-sans);color:var(--text-subtle);text-transform:uppercase;letter-spacing:var(--tracking-caps);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default)}.catprops td{font:var(--weight-light) 13px/1.5 var(--font-sans);color:var(--text-body);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);vertical-align:top}.catprops td code{font:var(--weight-regular) 12px var(--font-mono);color:var(--brand)}.catenum{background:var(--brand-subtle);border-radius:var(--radius-xs);margin:1px 4px 1px 0;padding:1px 6px;display:inline-block}.catprops--none{font:var(--weight-light) 13px var(--font-sans);color:var(--text-subtle);margin-top:var(--space-4)}.catmodal{z-index:100;background:var(--surface-page);flex-direction:column;display:flex;position:fixed;inset:0}.catmodal__bar{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.catmodal__bar b{font:var(--weight-medium) var(--text-lg) var(--font-display);color:var(--text-strong)}.catmodal__bar button{border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-body);font:var(--weight-medium) 13px var(--font-sans);border-radius:var(--radius-pill);cursor:pointer;padding:7px 14px}.catmodal__bar button:hover{color:var(--brand);border-color:var(--brand)}.catmodal__body{padding:var(--space-10);flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.catmodal__body .catprev{width:100%;max-width:980px;min-height:320px}@media (width<=940px){.catalog{grid-template-columns:minmax(0,1fr)}.catnav{max-height:none;position:static}.catnav__group{gap:var(--space-3);margin-right:var(--space-4);flex-flow:wrap;display:inline-flex}.catnav__item{display:none}.catsurface__label{width:110px}.hero__inner,.grid--2,.grid--3,.grid--4,.kits{grid-template-columns:1fr}.hero__art{height:280px}.nav__links a:not(.btn){display:none}.dna-grid,.demo,.steps{grid-template-columns:1fr}.picons{grid-template-columns:1fr 1fr}.ghost-n{right:var(--space-4);opacity:.6;font-size:120px}.palette{grid-template-rows:none;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(112px,auto);height:auto}.pal--white,.pal--violet,.pal--midnight,.pal--orange,.pal--lightblue{grid-area:auto}.pal--white{grid-column:span 2}.pal__pct{font-size:var(--text-2xl)}.logogrid{grid-template-columns:1fr 1fr}@media (width<=560px){.picons,.logogrid{grid-template-columns:1fr}}.demo .wa{width:100%;max-width:320px}.type-spec{gap:var(--space-4);flex-wrap:wrap}.type-spec__big{font-size:64px}.type-rows{flex-basis:100%;min-width:0}.type-row{flex-wrap:wrap}.tag-mono{width:100%}}.nav__links a.btn--violet,.nav__links a.btn--violet:hover{color:var(--on-brand)}.skillcard__check--fail{background:var(--danger)}.finding-status{color:var(--danger);font-weight:var(--weight-medium)}.cta-band{background:var(--brand);color:var(--on-brand)}.cta-band__inner{padding-block:var(--space-20);justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.cta-band h2{color:var(--on-brand);font:var(--weight-medium) var(--text-3xl)/1.08 var(--font-display);letter-spacing:var(--tracking-tight);max-width:20ch}.cta-band p{color:#ffffffd1;font:var(--weight-light) var(--text-md)/1.5 var(--font-sans);margin-top:var(--space-3);max-width:46ch}.btn--on-violet{background:var(--on-brand);color:var(--brand)}.btn--on-violet:hover{color:var(--brand);background:#ffffffe6}.gcard{background:var(--glass-fill);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-highlight), var(--shadow-lg);-webkit-backdrop-filter:blur(var(--glass-blur));padding:var(--space-8);color:var(--on-midnight);position:relative}.gbtn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;font:var(--weight-medium) 15px var(--font-sans);border-radius:var(--radius-pill);cursor:pointer;color:var(--on-midnight);background:var(--glass-fill-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur));transition:background var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);padding:12px 20px;display:inline-flex}.gbtn:hover:not(:disabled){background:#ffffff29;transform:translateY(-1px)}.gbtn:disabled{opacity:.6;cursor:progress}.gbtn svg{flex:none}.gbtn--ghost{background:0 0}.login-stage{background:var(--midnight);min-height:100vh;padding:var(--space-6);place-items:center;display:grid;position:relative;overflow:hidden}.login-shape{background:var(--brand);border-radius:32px;position:absolute}.login-shape--a{opacity:.85;width:300px;height:300px;top:-60px;right:12%;transform:rotate(18deg)}.login-shape--b{opacity:.6;width:220px;height:380px;bottom:-80px;left:8%;transform:rotate(-12deg)}.login-holder{width:min(400px,100vw - 32px);position:relative}.login-back{top:var(--space-6);left:var(--space-6);z-index:2;color:#ffffffb3;font:var(--weight-regular) 13px var(--font-mono);position:absolute}.login-back:hover{color:var(--on-midnight);text-decoration:none}.login{flex-direction:column;gap:12px;display:flex}.login h1{font:var(--weight-medium) 24px var(--font-display);color:var(--on-midnight);margin:6px 0 0}.login p{font:var(--weight-light) 15px/1.5 var(--font-sans);color:#ffffffd9;margin:0 0 6px}.login__actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}.login__note{margin:0;font-size:13px}.login__note--error{color:#ff9b93}.login__fine{font:var(--weight-regular) 11px var(--font-mono);color:#ffffff80;margin-top:var(--space-2)}.console{background:var(--surface-page);min-height:100vh}.console__bar{background:var(--midnight);color:var(--on-midnight)}.console__bar-inner{align-items:center;gap:var(--space-4);height:64px;display:flex}.console__bar img{height:24px}.console__bar b{font:var(--weight-medium) 15px var(--font-display);color:var(--on-midnight)}.console__bar .who{align-items:center;gap:var(--space-4);min-width:0;margin-left:auto;display:flex}.console__bar .who span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--weight-regular) 13px var(--font-mono);color:#ffffffb3;overflow:hidden}.console__body{padding-block:var(--space-10)}.console__head{margin-bottom:var(--space-6)}.console__head h1{font:var(--weight-medium) var(--text-2xl) var(--font-display);color:var(--text-strong)}.console__head p{font:var(--weight-light) 15px var(--font-sans);color:var(--text-muted);margin-top:var(--space-1)}.stat-row{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.stat{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs)}.stat b{font:var(--weight-medium) var(--text-2xl) var(--font-display);color:var(--text-strong);display:block}.stat span{font:var(--weight-regular) 12px var(--font-mono);color:var(--text-subtle)}.table-wrap{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.exec-table{border-collapse:collapse;width:100%}.exec-table th{text-align:left;font:var(--weight-medium) 11px var(--font-sans);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-subtle);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);background:var(--surface-sunken)}.exec-table td{font:var(--weight-light) 13px var(--font-sans);color:var(--text-body);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.exec-table tr:last-child td{border-bottom:none}.exec-table .mono{font-family:var(--font-mono);color:var(--text-muted)}.pill{border-radius:var(--radius-pill);font:var(--weight-medium) 11px var(--font-mono);padding:2px 9px;display:inline-block}.pill--pass{background:var(--success-soft);color:var(--success-700)}.pill--fail{background:var(--danger-soft);color:var(--danger-700)}.pill--muted{background:var(--surface-sunken);color:var(--text-muted)}.pill--deep{background:var(--brand-subtle);color:var(--brand-active)}.empty-note,.center-note{padding:var(--space-16) var(--space-6);text-align:center;color:var(--text-muted);font:var(--weight-light) 15px var(--font-sans)}.dash-guard{text-align:center;max-width:440px;margin:12vh auto}.dash-guard h1{color:var(--on-midnight);font:var(--weight-medium) var(--text-xl) var(--font-display);margin-bottom:var(--space-3)}.dash-guard p{color:#ffffffd9;font:var(--weight-light) 15px/1.5 var(--font-sans);margin-bottom:var(--space-5)}.console-stage{background:var(--midnight);place-items:start center;min-height:100vh;display:grid}@media (width<=720px){.stat-row{grid-template-columns:1fr 1fr}.cta-band__inner{flex-direction:column;align-items:flex-start}.table-wrap{overflow-x:auto}.prompt__bar{flex-wrap:wrap}.prompt__file{flex:1 0 100%;margin-right:0}.prompt__notes{grid-template-columns:1fr}.prompt__body{max-height:22rem;padding:var(--space-4);font-size:12px}.console__bar-inner{min-width:0}.console__bar b{display:none}.console__bar .who{gap:var(--space-3)}.console__bar .who span{flex:0 auto;min-width:9ch;max-width:45vw}}@media (width<=420px){.console__bar .who span{display:none}}