.icon-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;align-items:center;padding:56px 56px 64px;border-radius:var(--radius-2xl);background:radial-gradient(ellipse 70% 80% at 100% 50%,rgba(47,55,255,.12),transparent 65%),hsla(0,0%,100%,.02);border:1px solid var(--border-default);overflow:hidden;isolation:isolate}@media (max-width:900px){.icon-hero{grid-template-columns:1fr;padding:32px 24px 40px}}.icon-hero .canvas{position:relative;aspect-ratio:1;max-width:480px;margin:0 auto;background:repeating-linear-gradient(0deg,hsla(0,0%,100%,.04) 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,hsla(0,0%,100%,.04) 0 1px,transparent 1px 24px),rgba(0,0,0,.18);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.icon-hero .canvas svg.glyph{position:absolute;inset:16%;width:68%;height:68%;stroke:#fff;fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.icon-hero .canvas svg.glyph circle:not([data-fill]),.icon-hero .canvas svg.glyph ellipse,.icon-hero .canvas svg.glyph path{stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 2.2s cubic-bezier(.22,1,.36,1) .2s}.icon-hero.is-revealed .canvas svg.glyph circle:not([data-fill]),.icon-hero.is-revealed .canvas svg.glyph ellipse,.icon-hero.is-revealed .canvas svg.glyph path{stroke-dashoffset:0}.icon-hero .canvas svg.glyph circle[data-fill]{fill:#fff;opacity:0;transition:opacity .6s ease 1.8s}.icon-hero.is-revealed .canvas svg.glyph circle[data-fill]{opacity:1}.icon-hero .canvas .corner{position:absolute;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-300)}.icon-hero .canvas .corner.tl{top:10px;left:12px}.icon-hero .canvas .corner.br{bottom:10px;right:12px}.icon-hero .canvas .corner.tr{top:10px;right:12px}.icon-hero .canvas .corner.bl{bottom:10px;left:12px}.icon-hero .copy h3{font-size:clamp(26px,3vw,36px);letter-spacing:-.022em;font-weight:600;line-height:1.12;margin:0 0 16px}.icon-hero .copy p{font-size:15px;line-height:1.6;color:var(--fg-secondary);margin:0 0 22px}.icon-hero .copy ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--fg-muted);text-transform:uppercase}.icon-hero .copy ul li:before{content:"→ ";color:var(--blue-300)}.icon-hero .copy ul li b{color:var(--fg-default);font-weight:500}.icon-rules{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:1000px){.icon-rules{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.icon-rules{grid-template-columns:1fr}}.icon-rule{padding:22px 22px 24px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.02);display:flex;flex-direction:column;gap:12px}.icon-rule .ix{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--blue-300);text-transform:uppercase}.icon-rule h5{font-size:16px;font-weight:600;letter-spacing:-.008em;margin:0;color:var(--fg-default)}.icon-rule p{font-size:13px;color:var(--fg-secondary);line-height:1.55;margin:0}.icon-rule .demo{background:rgba(0,0,0,.18);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:14px;display:grid;place-items:center;min-height:90px}.icon-rule .demo svg{width:48px;height:48px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:#fff}.icon-rule .demo .pair{display:flex;gap:24px;align-items:center}.icon-rule .demo .pair svg{width:36px;height:36px}.icon-rule .demo .pair svg.bad{color:var(--orange-300)}.icon-rule .demo .pair .sep{font-family:var(--font-mono);font-size:14px;color:var(--fg-muted)}.icon-section{border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.icon-section .head{padding:16px 22px;background:hsla(0,0%,100%,.025);border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:baseline}.icon-section .head .name{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-300)}.icon-section .head .meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--fg-muted)}.icon-section .grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:0;gap:0}@media (max-width:1100px){.icon-section .grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:720px){.icon-section .grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.icon-section .grid{grid-template-columns:repeat(3,1fr)}}.icon-section .cell{padding:22px 12px 18px;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;gap:8px;background:hsla(0,0%,100%,.02);transition:background .2s ease;cursor:default}.icon-section .cell:hover{background:hsla(0,0%,100%,.05)}.icon-section .cell .glyph{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.icon-section .cell .glyph svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--fg-default)}.icon-section .cell .name{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-muted);text-align:center}.size-row{display:flex;align-items:flex-end;gap:32px;padding:36px 40px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.02);flex-wrap:wrap}.size-row .spec{display:flex;flex-direction:column;align-items:center;gap:10px}.size-row .spec svg{stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:#fff}.size-row .spec .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.size-row .spec .lbl b{color:var(--fg-default);font-weight:500}.pairing-demo{margin-top:18px;display:flex;flex-direction:column;gap:12px}.pairing-demo .row{padding:14px 18px;border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;align-items:center;gap:12px;background:hsla(0,0%,100%,.02)}.pairing-demo .row svg{stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pairing-demo .row .pair-12 svg{width:14px;height:14px;color:var(--fg-muted)}.pairing-demo .row .pair-12+.pair-12-txt{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--fg-muted);text-transform:uppercase}.pairing-demo .row .pair-16 svg{width:16px;height:16px}.pairing-demo .row .pair-16+.pair-16-txt{font-size:14px;color:var(--fg-default)}.pairing-demo .row .pair-24 svg{width:22px;height:22px}.pairing-demo .row .pair-24+.pair-24-txt{font-size:16px;font-weight:500;color:var(--fg-default);letter-spacing:-.005em}.icon-donts{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:900px){.icon-donts{grid-template-columns:repeat(2,1fr)}}.icon-dont{border:1px solid var(--border-default);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.02);overflow:hidden}.icon-dont .stage{position:relative;height:120px;display:grid;place-items:center;background:repeating-linear-gradient(0deg,hsla(0,0%,100%,.03) 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,hsla(0,0%,100%,.03) 0 1px,transparent 1px 24px),rgba(0,0,0,.18);border-bottom:1px solid var(--border-subtle)}.icon-dont .stage:after{content:"";position:absolute;left:18%;right:18%;top:50%;height:2px;background:var(--orange-500);transform:rotate(-10deg);z-index:2}.icon-dont .stage svg{width:48px;height:48px}.icon-dont .meta{padding:12px 16px 16px}.icon-dont .x{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-300);margin-bottom:4px}.icon-dont h5{font-size:13.5px;font-weight:600;letter-spacing:-.005em;margin:0 0 2px;color:var(--fg-default)}.icon-dont p{font-size:11.5px;color:var(--fg-muted);line-height:1.45;margin:0}.dataviz-foundations{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}.dv-foundation{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:0;gap:0;border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;background:radial-gradient(ellipse 70% 100% at 100% 0,rgba(47,55,255,.06),transparent 65%),hsla(0,0%,100%,.02)}@media (max-width:820px){.dv-foundation{grid-template-columns:1fr}.dv-foundation .stage{border-right:0!important;border-bottom:1px solid var(--border-subtle)}}.dv-foundation .stage{position:relative;min-height:280px;padding:32px 36px;background:rgba(0,0,0,.18);border-right:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center}.dv-foundation .stage.daylight{background:#fff}.dv-foundation .info{padding:32px 36px;display:flex;flex-direction:column;gap:14px}.dv-foundation .info .ix{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-300)}.dv-foundation .info h3{font-size:26px;letter-spacing:-.02em;font-weight:600;margin:0 0 4px;color:var(--fg-default)}.dv-foundation .info .gloss{font-size:14px;line-height:1.6;color:var(--fg-secondary);margin:0}.dv-foundation .info .rules{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-gap:8px;gap:8px}.dv-foundation .info .rules li{display:grid;grid-template-columns:20px 1fr;font-size:12.5px;color:var(--fg-secondary);line-height:1.5;grid-gap:8px;gap:8px;align-items:baseline}.dv-foundation .info .rules li:before{content:"→";color:var(--blue-300);font-family:var(--font-mono);font-size:12px}.dv-foundation .info .where{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--fg-muted);text-transform:uppercase}.dv-foundation .info .where b{color:var(--fg-default);font-weight:500;display:block;font-family:var(--font-sans);font-size:12.5px;letter-spacing:-.005em;text-transform:none;margin-top:4px}.dv-spark{width:100%;max-width:460px;height:200px}.dv-spark .grid-h{stroke:rgba(0,0,0,.06);stroke-width:1}.dv-foundation .stage.nightfall .dv-spark .grid-h{stroke:hsla(0,0%,100%,.06)}.dv-spark .axis{stroke:rgba(0,0,0,.18);stroke-width:1}.dv-foundation .stage.nightfall .dv-spark .axis{stroke:hsla(0,0%,100%,.22)}.dv-spark .tick{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;fill:#767781;text-transform:uppercase}.dv-foundation .stage.nightfall .dv-spark .tick{fill:hsla(0,0%,100%,.55)}.dv-spark .area{fill:rgba(26,60,179,.1);opacity:0;transition:opacity .8s ease 1.6s}.dv-foundation.is-revealed .dv-spark .area{opacity:1}.dv-spark .line{fill:none;stroke:#1a3cb3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 1.8s cubic-bezier(.22,1,.36,1) .2s}.dv-foundation.is-revealed .dv-spark .line{stroke-dashoffset:0}.dv-spark .anchor{fill:#1a3cb3;stroke:#fff;stroke-width:2;opacity:0;transition:opacity .6s ease 1.8s}.dv-foundation.is-revealed .dv-spark .anchor{opacity:1}.dv-spark .anchor-label{font-family:var(--font-sans);font-size:13px;font-weight:600;fill:#000;text-anchor:end;opacity:0;transition:opacity .6s ease 2s}.dv-foundation.is-revealed .dv-spark .anchor-label{opacity:1}.dv-dim{width:100%;max-width:420px;grid-gap:14px}.dv-dim,.dv-dim .row{display:grid;gap:14px}.dv-dim .row{grid-template-columns:80px 1fr 36px;align-items:center;grid-gap:14px}.dv-dim .row .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.55)}.dv-foundation .stage.daylight .dv-dim .row .label{color:#767781}.dv-dim .row .bar-track{height:18px;background:hsla(0,0%,100%,.06);border-radius:3px;position:relative;overflow:hidden}.dv-foundation .stage.daylight .dv-dim .row .bar-track{background:rgba(0,0,0,.05)}.dv-dim .row .bar-fill{height:100%;background:#fff;border-radius:3px;width:0;transition:width 1.6s cubic-bezier(.22,1,.36,1)}.dv-foundation.is-revealed .dv-dim .row .bar-fill{width:var(--w,70%)}.dv-foundation.is-revealed .dv-dim .row:first-child .bar-fill{transition-delay:.3s}.dv-foundation.is-revealed .dv-dim .row:nth-child(2) .bar-fill{transition-delay:.5s}.dv-foundation.is-revealed .dv-dim .row:nth-child(3) .bar-fill{transition-delay:.7s}.dv-foundation.is-revealed .dv-dim .row:nth-child(4) .bar-fill{transition-delay:.9s}.dv-dim .row .pct{font-family:var(--font-mono);font-size:11px;color:hsla(0,0%,100%,.78);text-align:right}.dv-foundation .stage.daylight .dv-dim .row .pct{color:#000}.dv-flow{width:100%;max-width:460px;height:220px}.dv-flow .dot{fill:hsla(0,0%,100%,.16);transition:fill .4s ease}.dv-flow .dot.active{fill:#fff}.dv-foundation .stage.daylight .dv-flow .dot{fill:#dadadd}.dv-foundation .stage.daylight .dv-flow .dot.active{fill:#000}.dv-flow .label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;fill:hsla(0,0%,100%,.55)}.dv-foundation .stage.daylight .dv-flow .label{fill:#767781}.dv-flow .path{fill:none;stroke:hsla(0,0%,100%,.18);stroke-width:1.5;stroke-dasharray:3 4}.dv-foundation .stage.daylight .dv-flow .path{stroke:#dadadd}.dv-flow .progress{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset 2.2s cubic-bezier(.22,1,.36,1) .2s}.dv-foundation .stage.daylight .dv-flow .progress{stroke:#000}.dv-foundation.is-revealed .dv-flow .progress{stroke-dashoffset:200}.dv-flow .pulse{fill:#69fdf8;filter:drop-shadow(0 0 8px rgba(105,253,248,.6));opacity:0;transition:opacity .6s ease 2.2s}.dv-foundation.is-revealed .dv-flow .pulse{opacity:1;animation:dvFlowPulse 2.4s ease-in-out 2.4s infinite}@keyframes dvFlowPulse{0%,to{transform:translateX(0)}50%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.dv-dim .row .bar-fill,.dv-flow .progress,.dv-flow .pulse,.dv-spark .anchor,.dv-spark .anchor-label,.dv-spark .area,.dv-spark .line{transition:none!important;animation:none!important}.dv-foundation .dv-spark .line{stroke-dashoffset:0!important}.dv-foundation .dv-spark .anchor,.dv-foundation .dv-spark .anchor-label,.dv-foundation .dv-spark .area{opacity:1!important}.dv-foundation .dv-dim .row .bar-fill{width:var(--w,70%)!important}.dv-foundation .dv-flow .progress{stroke-dashoffset:200!important}.dv-foundation .dv-flow .pulse{opacity:1!important}}.trend-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:900px){.trend-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.trend-row{grid-template-columns:1fr}}.trend-card{border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:22px;background:hsla(0,0%,100%,.02);display:flex;flex-direction:column;gap:12px}.trend-card .ix{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-300)}.trend-card .glyph{font-size:36px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:baseline;gap:8px;color:var(--fg-default)}.trend-card .glyph .delta{font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--green-300);font-weight:400}.trend-card .glyph .delta.down{color:var(--orange-300)}.trend-card .glyph .delta.flat,.trend-card .name{color:var(--fg-muted)}.trend-card .name{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.trend-card .desc{font-size:12.5px;color:var(--fg-secondary);line-height:1.5;margin:0}.compare-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:820px){.compare-row{grid-template-columns:1fr}}.compare-card{padding:28px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.02)}.compare-card h4{font-size:17px;font-weight:600;letter-spacing:-.012em;margin:0 0 18px;color:var(--fg-default)}.compare-card .stacked{display:grid;grid-gap:10px;gap:10px}.compare-card .stacked .row{display:grid;grid-template-columns:90px 1fr;grid-gap:12px;gap:12px;align-items:center}.compare-card .stacked .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.compare-card .stacked .stack{display:flex;height:22px;border-radius:3px;overflow:hidden;background:hsla(0,0%,100%,.06)}.compare-card .stacked .seg{display:flex;align-items:center;padding:0 8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:hsla(0,0%,100%,.8);white-space:nowrap;transform:scaleX(0);transform-origin:left;transition:transform 1.6s cubic-bezier(.22,1,.36,1)}.compare-card.is-revealed .stacked .seg{transform:scaleX(1)}.compare-card.is-revealed .stacked .row:first-child .seg{transition-delay:.2s}.compare-card.is-revealed .stacked .row:nth-child(2) .seg{transition-delay:.35s}.compare-card.is-revealed .stacked .row:nth-child(3) .seg{transition-delay:.5s}.compare-card.is-revealed .stacked .row:nth-child(4) .seg{transition-delay:.65s}.compare-card .grouped{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:14px;gap:14px;align-items:end;height:200px;border-bottom:1px solid var(--border-subtle);padding-bottom:12px}.compare-card .grouped .group{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;align-items:end;height:100%}.compare-card .grouped .bar{background:var(--blue-400);border-radius:2px 2px 0 0;height:var(--h,60%);transform:scaleY(0);transform-origin:bottom;transition:transform 1.4s cubic-bezier(.22,1,.36,1)}.compare-card .grouped .bar.b{background:var(--blue-200)}.compare-card.is-revealed .grouped .bar{transform:scaleY(1)}.compare-card.is-revealed .grouped .group:first-child .bar{transition-delay:.2s}.compare-card.is-revealed .grouped .group:nth-child(2) .bar{transition-delay:.35s}.compare-card.is-revealed .grouped .group:nth-child(3) .bar{transition-delay:.5s}.compare-card.is-revealed .grouped .group:nth-child(4) .bar{transition-delay:.65s}.compare-card .grouped-labels{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:14px;gap:14px;padding-top:10px;text-align:center}.compare-card .grouped-labels,.compare-card .legend{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--fg-muted);text-transform:uppercase}.compare-card .legend{display:flex;gap:16px;margin-top:14px}.compare-card .legend span{display:inline-flex;align-items:center;gap:6px}.compare-card .legend span:before{content:"";width:10px;height:10px;border-radius:2px;background:var(--blue-400)}.compare-card .legend span.b:before{background:var(--blue-200)}@media (prefers-reduced-motion:reduce){.compare-card .grouped .bar,.compare-card .stacked .seg{transform:none!important;transition:none!important}}.empty-state{padding:56px 56px 60px;border-radius:var(--radius-2xl);background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(47,55,255,.12),transparent 65%),hsla(0,0%,100%,.02);border:1px solid var(--border-default);text-align:center;position:relative;overflow:hidden}.empty-state .scene{width:200px;height:200px;margin:0 auto 28px;position:relative}.empty-state .scene svg{width:100%;height:100%;overflow:visible}.empty-state .scene .ring{fill:none;stroke:rgba(133,160,255,.32);stroke-width:1;transform-origin:center;transform-box:fill-box;animation:spin 24s linear infinite}.empty-state .scene .ring.r2{animation:spin 16s linear infinite reverse;stroke:rgba(195,179,255,.24)}.empty-state .scene .pulse{fill:#fff;animation:emptyPulse 2.8s ease-in-out infinite}@keyframes emptyPulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.empty-state h3{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.022em;font-weight:600;margin:0 0 10px;color:var(--fg-default)}.empty-state p{font-size:14.5px;color:var(--fg-secondary);line-height:1.55;margin:0;max-width:44ch;margin-inline:auto}.empty-state .meta{margin-top:32px;display:inline-block;padding:6px 12px;border:1px solid rgba(133,160,255,.32);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-300)}@media (prefers-reduced-motion:reduce){.empty-state .scene .pulse,.empty-state .scene .ring{animation:none!important}}.viz-donts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media (max-width:820px){.viz-donts{grid-template-columns:1fr}}.viz-dont{border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;background:hsla(0,0%,100%,.02)}.viz-dont .stage{height:160px;display:grid;place-items:center;padding:18px;position:relative;border-bottom:1px solid var(--border-subtle);background:rgba(0,0,0,.18)}.viz-dont .stage .viz-art{position:relative;z-index:1}.viz-dont .stage .viz-strike{stroke:var(--orange-500);stroke-width:2;stroke-linecap:round}.viz-dont .meta{padding:14px 18px 18px}.viz-dont .x{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-300);margin-bottom:4px}.viz-dont h5{font-size:14px;font-weight:600;letter-spacing:-.005em;margin:0 0 4px;color:var(--fg-default)}.viz-dont p{font-size:12px;color:var(--fg-muted);line-height:1.5;margin:0}.dvm-foundations{display:flex;flex-direction:column;gap:20px}.dvm-card{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--border-default,#26262b);border-radius:16px;overflow:hidden;background:var(--bg-surface,#131316)}[data-theme=dark] .dvm-card{background:#0b0e20;border-color:#1c2140}.dvm-stage{position:relative;display:flex;flex-direction:column;padding:22px 24px;min-height:320px;--dvm-surface:#0e1124;--dvm-fg:#fff;--dvm-muted:#8e90a6;--dvm-faint:#5c5e78;--dvm-border:#23284a;--dvm-border-strong:#2f3559;--dvm-bg-muted:#181c33;--dvm-ac:#6f8dff;--dvm-ac-strong:#adc2ff;--dvm-col-1:#4658ff;--dvm-col-2:#6f8dff;--dvm-col-3:#b3c7ff;--dvm-actual:#85a0ff;--dvm-plan:#2e3358;--dvm-range:#3a4170;--dvm-track:hsla(0,0%,100%,.06);--dvm-py:#4658ff;--dvm-fc:#6f8dff;--dvm-good:#8bea9d;--dvm-good-bg:#0f2d17;--dvm-bad:#ff9494;--dvm-bad-bg:#2c0f0f;--dvm-grid:#222845;--dvm-axis:#3d4569;--dvm-tip-bg:#fff;--dvm-tip-fg:#1b1d26;--dvm-cat2:#c2b3ff;background:var(--dvm-surface);transition:background .2s ease}.dvm-stage[data-mode=light]{--dvm-surface:#fff;--dvm-fg:#000;--dvm-muted:#767781;--dvm-faint:#93949d;--dvm-border:#e9e9ec;--dvm-border-strong:#dadadd;--dvm-bg-muted:#f7f7f8;--dvm-ac:#2f37ff;--dvm-ac-strong:#1644d0;--dvm-col-1:#2f37ff;--dvm-col-2:#566aff;--dvm-col-3:#85a0ff;--dvm-actual:#85a0ff;--dvm-plan:#d5e1ff;--dvm-range:#c7d5ff;--dvm-track:rgba(0,0,0,.05);--dvm-py:#85a0ff;--dvm-fc:#85a0ff;--dvm-good:#29be47;--dvm-good-bg:#ddfbe2;--dvm-bad:#ff2323;--dvm-bad-bg:#fdd;--dvm-grid:#e9e9ec;--dvm-axis:#b9bac0;--dvm-tip-bg:#1b1d26;--dvm-tip-fg:#fff;--dvm-cat2:#8452ff}.dvm-tabs{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.dvm-tabset{display:inline-flex;padding:3px;gap:2px;border-radius:8px;border:1px solid var(--dvm-border);background:var(--dvm-bg-muted)}.dvm-tabset button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:transparent;font-family:var(--font-mono,"DM Mono",monospace);font-size:11px;letter-spacing:.04em;color:var(--dvm-muted);padding:5px 12px;border-radius:6px;line-height:1;transition:background .14s ease,color .14s ease}.dvm-tabset button:hover{color:var(--dvm-fg)}.dvm-tabset button.active{background:var(--dvm-ac);color:#fff}.dvm-stage[data-mode=light] .dvm-tabset button.active{color:#fff}.dvm-preview{flex:1 1;display:flex;align-items:center;justify-content:center}.dvm-kpi{background:var(--dvm-surface);border:1px solid var(--dvm-border);border-radius:8px;display:flex;flex-direction:column;transition:border-color .16s ease}.dvm-kpi:hover{border-color:var(--dvm-border-strong)}.dvm-khead{display:flex;align-items:center;justify-content:space-between}.dvm-ktitle{font-family:var(--font-sans,"DM Sans",sans-serif);color:var(--dvm-muted);line-height:1.5}.dvm-kglyph{color:var(--dvm-muted);display:grid;place-items:center}.dvm-kglyph .material-icons{font-size:20px}.dvm-kmetric{font-family:var(--font-mono,"DM Mono",monospace);color:var(--dvm-fg);line-height:1;letter-spacing:-.01em}.dvm-kind{display:inline-flex;align-items:center;gap:1px;padding:1px 4px 1px 2px;border-radius:4px;font-family:var(--font-sans,"DM Sans",sans-serif);font-weight:500;font-size:12px;line-height:1.5;white-space:nowrap}.dvm-kind .material-icons{font-size:16px}.dvm-kind.up{background:var(--dvm-good-bg);color:var(--dvm-good)}.dvm-kcap{font-family:var(--font-sans,"DM Sans",sans-serif);font-size:12px;color:var(--dvm-faint);line-height:1.5}.dvm-kchart{width:100%}.dvm-kpi.s{width:257px;padding:18px 18px 12px;gap:10px}.dvm-kpi.s .dvm-ktitle{font-size:14px}.dvm-kpi.s .dvm-kbody{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.dvm-kpi.s .dvm-kfigs{display:flex;flex-direction:column;gap:6px}.dvm-kpi.s .dvm-krow{display:flex;align-items:center;gap:6px}.dvm-kpi.s .dvm-kmetric{font-size:28px}.dvm-kpi.s .dvm-kchart{width:94px;height:52px;flex:0 0 94px}.dvm-card[data-key=trellis] .dvm-kpi.s .dvm-kchart{width:110px;height:62px;flex:0 0 110px}.dvm-kpi.m{width:257px;padding:18px;gap:6px}.dvm-kpi.m .dvm-ktitle{font-size:16px}.dvm-kpi.m .dvm-kchart{height:132px}.dvm-kpi.m .dvm-kfoot{display:flex;align-items:flex-end;justify-content:space-between;padding-top:10px}.dvm-kpi.m .dvm-kfigs{display:flex;align-items:flex-end;gap:6px}.dvm-kpi.m .dvm-kmetric{font-size:34px}.dvm-kpi.m .dvm-ksub{display:flex;flex-direction:column;gap:4px;font-family:var(--font-sans,"DM Sans",sans-serif);font-size:13px;color:var(--dvm-faint);line-height:1}.dvm-kpi.m .dvm-kside{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.dvm-kpi.l{width:100%;max-width:526px;padding:18px;gap:10px}.dvm-kpi.l .dvm-ktitle{font-size:16px}.dvm-kpi.l .dvm-kchart{height:118px}.dvm-card[data-key=barvar] .dvm-kpi.l .dvm-kchart,.dvm-card[data-key=colvar] .dvm-kpi.l .dvm-kchart,.dvm-card[data-key=line] .dvm-kpi.l .dvm-kchart{height:156px}.dvm-card[data-key=gauge] .dvm-kpi.l .dvm-kchart{height:176px}.dvm-card[data-key=ibcs] .dvm-kpi.m .dvm-kchart{height:188px}.dvm-card[data-key=ibcs] .dvm-kpi.l .dvm-kchart{height:196px}.dvm-kpi.l .dvm-kfoot{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.dvm-kpi.l .dvm-kpair{display:flex;align-items:center;gap:0}.dvm-kpi.l .dvm-kstat{display:flex;align-items:flex-end;gap:8px;padding-right:24px}.dvm-kpi.l .dvm-kstat+.dvm-kstat{padding-left:24px;border-left:1px solid var(--dvm-border)}.dvm-kpi.l .dvm-kmetric{font-size:24px}.dvm-kpi.l .dvm-kratio{display:flex;flex-direction:column;gap:3px;font-family:var(--font-mono,"DM Mono",monospace);font-size:11px;line-height:1.1;color:var(--dvm-muted)}.dvm-kpi.l .dvm-kratio b{color:var(--dvm-fg);font-weight:500}.dvm-kpi.l .dvm-kside{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.ib{width:100%;font-family:var(--font-sans,"DM Sans",sans-serif)}.ib-mono{font-family:var(--font-mono,"DM Mono",monospace)}.ib .ib-row,.ib-head{display:grid;align-items:center}.ib-head{font-family:var(--font-mono,"DM Mono",monospace);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--dvm-muted);padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid var(--dvm-border)}.ib-head span,.ib-row>span{text-align:right}.ib-head span:first-child,.ib-row .ib-label{text-align:left}.ib-m .ib-head,.ib-m .ib-row{grid-template-columns:1fr 1fr 1fr .9fr 1.1fr 1.4fr;gap:6px}.ib-m .ib-row{font-size:11px;padding:5px 0}.ib-l .ib-head,.ib-l .ib-row{grid-template-columns:1.3fr .9fr .9fr .9fr .8fr 1fr 1.6fr;gap:8px}.ib-l .ib-row{font-size:12px;padding:6px 0}.ib-row .ib-ac{color:var(--dvm-fg);font-weight:500}.ib-row .ib-ac,.ib-row .ib-mut{font-family:var(--font-mono,"DM Mono",monospace)}.ib-row .ib-label,.ib-row .ib-mut{color:var(--dvm-muted)}.ib-row .ib-label{font-family:var(--font-sans,"DM Sans",sans-serif);white-space:nowrap}.ib-total{border-top:1px solid var(--dvm-border)}.ib-total .ib-ac,.ib-total .ib-label{color:var(--dvm-fg);font-weight:600}.ib-bar{position:relative;height:9px;border-radius:3px;background:transparent;display:flex;align-items:center}.ib-bar>span{display:block;height:100%;border-radius:3px}.ib-bar .ib-dot{position:absolute;right:18%;width:7px;height:7px;border-radius:9999px}.ib-s{display:flex;flex-direction:column;gap:6px;justify-content:center;height:100%}.ib-s .ib-row{display:block}.ib-s .ib-bar{height:8px}.dvm-info{padding:26px 28px;display:flex;flex-direction:column}.dvm-info .ix{font-family:var(--font-mono,"DM Mono",monospace);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-300,#85a0ff);margin-bottom:14px}.dvm-info h3{font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--fg-default,#fff);margin:0 0 12px}.dvm-info .gloss,.dvm-info h3{font-family:var(--font-sans,"DM Sans",sans-serif)}.dvm-info .gloss{font-size:14.5px;line-height:1.55;color:var(--fg-secondary,#b9bac0);margin:0 0 20px}.dvm-info .rules{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:10px}.dvm-info .rules li{position:relative;padding-left:28px;font-family:var(--font-sans,"DM Sans",sans-serif);font-size:13.5px;line-height:1.4;color:var(--fg-secondary,#b9bac0)}.dvm-info .rules li:before{content:"→";position:absolute;left:0;color:var(--blue-300,#85a0ff)}.dvm-info .rules li:before,.dvm-info .where{font-family:var(--font-mono,"DM Mono",monospace)}.dvm-info .where{margin-top:auto;padding-top:18px;border-top:1px solid var(--border-subtle,#1b1b1f);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted,#767781);display:flex;flex-direction:column;gap:7px}.dvm-info .where b{font-family:var(--font-sans,"DM Sans",sans-serif);font-size:14px;letter-spacing:0;text-transform:none;font-weight:500;color:var(--fg-default,#fff)}@media (max-width:900px){.dvm-card{grid-template-columns:1fr}.dvm-stage{min-height:280px}}.grid-demo{position:relative;padding:32px 32px 36px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:radial-gradient(ellipse 80% 100% at 50% 0,rgba(47,55,255,.06),transparent 65%),hsla(0,0%,100%,.02);overflow:hidden}.grid-demo .head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.grid-demo .head .l{color:var(--blue-300)}.grid-demo .head .r{color:var(--fg-muted)}.grid-demo .ruler{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:12px;gap:12px;margin-bottom:14px}.grid-demo .ruler .col{height:12px;background:rgba(133,160,255,.1);border-top:1px solid rgba(133,160,255,.32);border-bottom:1px solid rgba(133,160,255,.32);position:relative}.grid-demo .ruler .col:after{content:attr(data-n);position:absolute;top:100%;left:50%;transform:translate(-50%,4px);font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--fg-muted)}.grid-demo .examples{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:12px;gap:12px;margin-top:28px}.grid-demo .examples .blk{background:rgba(133,160,255,.12);border:1px solid rgba(133,160,255,.28);border-radius:var(--radius-sm);padding:18px 14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--blue-300);text-align:center;text-transform:uppercase;opacity:0;transform:scale(.96);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.grid-demo.is-revealed .examples .blk{opacity:1;transform:scale(1)}.grid-demo.is-revealed .examples .blk:first-child{transition-delay:.15s}.grid-demo.is-revealed .examples .blk:nth-child(2){transition-delay:.25s}.grid-demo.is-revealed .examples .blk:nth-child(3){transition-delay:.35s}.grid-demo.is-revealed .examples .blk:nth-child(4){transition-delay:.45s}.grid-demo.is-revealed .examples .blk:nth-child(5){transition-delay:.55s}.grid-demo .examples .span-12{grid-column:span 12}.grid-demo .examples .span-8{grid-column:span 8}.grid-demo .examples .span-6{grid-column:span 6}.grid-demo .examples .span-4{grid-column:span 4}.grid-demo .examples .span-3{grid-column:span 3}@media (max-width:720px){.grid-demo .ruler{grid-template-columns:repeat(6,1fr)}.grid-demo .ruler .col:nth-child(n+7){display:none}}.spacing-scale{display:grid;grid-gap:0;gap:0;border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.spacing-scale .row{display:grid;grid-template-columns:90px 1fr 100px;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-subtle);grid-gap:24px;gap:24px}.spacing-scale .row:last-child{border-bottom:0}.spacing-scale .row.head{background:hsla(0,0%,100%,.025);padding:12px 24px}.spacing-scale .row.head>div{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.spacing-scale .token{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--blue-300)}.spacing-scale .bar{height:12px;background:var(--blue-400);border-radius:2px;width:0;transition:width 1.4s cubic-bezier(.22,1,.36,1)}.spacing-scale.is-revealed .row[data-i="1"] .bar{width:4px;transition-delay:.1s}.spacing-scale.is-revealed .row[data-i="2"] .bar{width:8px;transition-delay:.16s}.spacing-scale.is-revealed .row[data-i="3"] .bar{width:12px;transition-delay:.22s}.spacing-scale.is-revealed .row[data-i="4"] .bar{width:16px;transition-delay:.28s}.spacing-scale.is-revealed .row[data-i="5"] .bar{width:24px;transition-delay:.34s}.spacing-scale.is-revealed .row[data-i="6"] .bar{width:32px;transition-delay:.4s}.spacing-scale.is-revealed .row[data-i="7"] .bar{width:48px;transition-delay:.46s}.spacing-scale.is-revealed .row[data-i="8"] .bar{width:64px;transition-delay:.52s}.spacing-scale.is-revealed .row[data-i="9"] .bar{width:80px;transition-delay:.58s}.spacing-scale.is-revealed .row[data-i="10"] .bar{width:96px;transition-delay:.64s}.spacing-scale .pixels{font-family:var(--font-mono);font-size:12px;text-align:right}.spacing-scale .pixels,.spacing-scale .pixels b{color:var(--fg-default)}.spacing-scale .pixels em{font-style:normal;color:var(--fg-muted);margin-left:8px;font-size:11px}@media (prefers-reduced-motion:reduce){.spacing-scale .bar{transition:none!important}.grid-demo .examples .blk{opacity:1!important;transform:none!important;transition:none!important}}.bp-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:1000px){.bp-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.bp-row{grid-template-columns:1fr}}.bp-card{border:1px solid var(--border-default);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.02);overflow:hidden}.bp-card .stage{position:relative;height:200px;padding:16px;background:rgba(0,0,0,.18);display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--border-subtle);overflow:hidden}.bp-card .device{position:relative;border:1.5px solid hsla(0,0%,100%,.3);border-radius:6px;background:hsla(0,0%,100%,.04);display:flex;flex-direction:column;gap:4px;padding:5px}.bp-card .device .slot{background:rgba(133,160,255,.4);border-radius:1px;height:6px}.bp-card.mobile .device{width:50px;height:88px}.bp-card.mobile .device .slot,.bp-card.mobile .device .slot.wide{width:100%}.bp-card.tablet .device{width:96px;height:76px}.bp-card.tablet .device .slot.split{display:flex;gap:4px;height:6px;background:transparent}.bp-card.tablet .device .slot.split>span{flex:1 1;background:rgba(133,160,255,.4);border-radius:1px}.bp-card.desktop .device{width:140px;height:88px}.bp-card.desktop .device .slot.cols{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:4px;gap:4px;height:24px;background:transparent}.bp-card.desktop .device .slot.cols>span{background:rgba(133,160,255,.4);border-radius:1px}.bp-card.wide .device{width:170px;height:92px}.bp-card.wide .device .slot.cols{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px;height:28px;background:transparent}.bp-card.wide .device .slot.cols>span{background:rgba(133,160,255,.4);border-radius:1px}.bp-card .info{padding:16px 18px 18px}.bp-card .info .name{font-size:14px;font-weight:600;letter-spacing:-.005em;color:var(--fg-default);margin-bottom:4px}.bp-card .info .range{font-size:11px;color:var(--blue-300);margin-bottom:8px}.bp-card .info .meta,.bp-card .info .range{font-family:var(--font-mono);letter-spacing:.06em}.bp-card .info .meta{font-size:10px;color:var(--fg-muted);text-transform:uppercase;border-top:1px solid var(--border-subtle);padding-top:8px;margin-top:8px}.bp-card .info .meta b{color:var(--fg-default);font-weight:500}.container-strip{position:relative;display:grid;grid-gap:14px;gap:14px;padding:32px 32px 38px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.02)}.container-strip .row{position:relative;height:36px;background:hsla(0,0%,100%,.04);border-radius:4px;overflow:hidden}.container-strip .row .fill{height:100%;background:rgba(133,160,255,.18);border-left:2px solid rgba(133,160,255,.6);border-right:2px solid rgba(133,160,255,.6);display:flex;align-items:center;padding:0 14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--blue-300);text-transform:uppercase;width:0;margin:0 auto;transition:width 1.6s cubic-bezier(.22,1,.36,1)}.container-strip.is-revealed .row[data-c=narrow] .fill{width:45%;transition-delay:.2s}.container-strip.is-revealed .row[data-c=default] .fill{width:68%;transition-delay:.4s}.container-strip.is-revealed .row[data-c=wide] .fill{width:86%;transition-delay:.6s}.container-strip.is-revealed .row[data-c=full] .fill{width:100%;transition-delay:.8s}.container-strip .row .meta{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--fg-muted);text-transform:uppercase}.card-grid-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}@media (max-width:1000px){.card-grid-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.card-grid-row{grid-template-columns:1fr}}.cg-card{padding:20px 20px 22px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.02)}.cg-card .head{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-300);margin-bottom:4px}.cg-card h5{font-size:14px;font-weight:600;letter-spacing:-.005em;margin:0 0 12px;color:var(--fg-default)}.cg-card .skeleton{display:grid;grid-gap:4px;gap:4px;margin-bottom:12px;height:80px}.cg-card .skeleton .b{background:rgba(133,160,255,.2);border-radius:2px}.cg-card.c-2 .skeleton{grid-template-columns:1fr 1fr}.cg-card.c-3 .skeleton{grid-template-columns:1fr 1fr 1fr}.cg-card.c-4 .skeleton{grid-template-columns:repeat(4,1fr)}.cg-card.c-6 .skeleton{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}.cg-card .desc{font-size:12px;color:var(--fg-muted);line-height:1.5;margin:0}.rhythm-card{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;padding:36px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.02);overflow:hidden;align-items:stretch}@media (max-width:900px){.rhythm-card{grid-template-columns:1fr}}.rhythm-card .copy h4{font-size:22px;font-weight:600;letter-spacing:-.018em;margin:0 0 12px;color:var(--fg-default)}.rhythm-card .copy p{font-size:14px;color:var(--fg-secondary);line-height:1.55;margin:0 0 8px}.rhythm-card .copy .tokens{list-style:none;margin:16px 0 0;padding:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--fg-muted);display:grid;grid-gap:6px;gap:6px}.rhythm-card .copy .tokens b{color:var(--blue-300);font-weight:500;margin-right:8px}.rhythm-card .visual{background:rgba(0,0,0,.22);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:22px 24px;display:flex;flex-direction:column;justify-content:center;gap:0}.rhythm-card .visual .block{position:relative;border-radius:4px;display:flex;align-items:center;padding-left:14px;background:rgba(133,160,255,.14);border:1px solid rgba(133,160,255,.22)}.rhythm-card .visual .block .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:hsla(0,0%,100%,.62)}.rhythm-card .visual .block.hero{height:48px;background:rgba(133,160,255,.24);border-color:rgba(133,160,255,.4)}.rhythm-card .visual .block.hero .lbl{color:hsla(0,0%,100%,.9);font-size:11px}.rhythm-card .visual .block.head{height:30px}.rhythm-card .visual .block.body{height:40px}.rhythm-card .visual .block.body.short{height:26px;background:rgba(133,160,255,.1)}.rhythm-card .visual .gap{position:relative;display:flex;align-items:center;gap:10px;padding-left:14px}.rhythm-card .visual .gap.g-12{height:12px}.rhythm-card .visual .gap.g-24{height:24px}.rhythm-card .visual .gap.g-48{height:48px}.rhythm-card .visual .gap.g-80{height:80px}.rhythm-card .visual .gap .bracket{position:absolute;left:0;top:3px;bottom:3px;width:8px;border-left:1.5px solid var(--blue-300);border-top:1.5px solid var(--blue-300);border-bottom:1.5px solid var(--blue-300);border-radius:2px 0 0 2px;opacity:.85}.rhythm-card .visual .gap.g-12 .bracket{top:1px;bottom:1px}.rhythm-card .visual .gap .val{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--blue-300);line-height:1}.rhythm-card .visual .gap .val em{font-style:normal;font-size:9px;opacity:.7;margin-left:1px}.rhythm-card .visual .gap .tk{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--fg-muted)}.rhythm-card .visual .gap.g-12{gap:8px}.rhythm-card .visual .gap.g-12 .tk,.rhythm-card .visual .gap.g-12 .val{font-size:10px}.layout-donts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media (max-width:820px){.layout-donts{grid-template-columns:1fr}}.layout-dont{border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;background:hsla(0,0%,100%,.02)}.layout-dont .stage{height:180px;position:relative;padding:16px;background:repeating-linear-gradient(0deg,hsla(0,0%,100%,.03) 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,hsla(0,0%,100%,.03) 0 1px,transparent 1px 24px),rgba(0,0,0,.18);border-bottom:1px solid var(--border-subtle);overflow:hidden}.layout-dont .stage:after{content:"";position:absolute;left:12%;right:12%;top:50%;height:2px;background:var(--orange-500);transform:rotate(-10deg);z-index:2}.layout-dont .stage .mockup-text{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--fg-muted);line-height:1.4}.layout-dont .meta{padding:14px 18px 18px}.layout-dont .x{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-300);margin-bottom:4px}.layout-dont h5{font-size:14px;font-weight:600;letter-spacing:-.005em;margin:0 0 4px;color:var(--fg-default)}.layout-dont p{font-size:12px;color:var(--fg-muted);line-height:1.5;margin:0}.reflow{border:1px solid var(--border-default);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.02);padding:18px}.reflow-bar{display:flex;align-items:center;gap:20px;margin-bottom:16px}.reflow-bar .readout{display:flex;flex-direction:column;gap:3px;flex:0 0 auto;min-width:168px}.reflow-bar .readout .bp{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--fg-default)}.reflow-bar .readout .dims{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--fg-muted)}.reflow-bar .readout .dims b{color:var(--blue-300);font-weight:500}.reflow-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1;height:4px;border-radius:4px;background:linear-gradient(to right,var(--blue-400) 0,var(--blue-400) var(--reflow-pos,80%),hsla(0,0%,100%,.1) var(--reflow-pos,80%),hsla(0,0%,100%,.1) 100%);cursor:ew-resize;outline:none}.reflow-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--fg-default);border:3px solid var(--blue-400);box-shadow:0 2px 8px rgba(0,0,0,.4);cursor:ew-resize;-webkit-transition:transform .12s ease;transition:transform .12s ease}.reflow-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--fg-default);border:3px solid var(--blue-400);box-shadow:0 2px 8px rgba(0,0,0,.4);cursor:ew-resize}.reflow-range:hover::-webkit-slider-thumb{transform:scale(1.12)}.reflow-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(133,160,255,.3)}.reflow-frame{position:relative;background:rgba(0,0,0,.18);border:1px solid var(--border-subtle);border-radius:var(--radius-lg,12px);padding:22px;display:flex;justify-content:center;overflow:hidden;min-height:268px}.reflow-scale{transform-origin:top center;transform:scale(var(--reflow-scale,1));transition:transform 60ms linear}.reflow-vp{position:relative;width:var(--reflow-w,1024px);container-type:inline-size;container-name:reflow;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:var(--reflow-pad,16px);transition:width 60ms linear}.reflow-layout{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:10px;gap:10px}.reflow-layout>*{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:hsla(0,0%,100%,.66);background:rgba(133,160,255,.16);border:1px solid rgba(133,160,255,.28);border-radius:4px;min-height:34px;display:flex;align-items:center;justify-content:center;text-align:center;padding:4px}.reflow-layout .r-nav{grid-column:span 12;min-height:30px;justify-content:space-between;padding:0 12px;background:rgba(133,160,255,.2)}.r-nav .r-brand{font-weight:600;letter-spacing:.12em;color:hsla(0,0%,100%,.85)}.r-nav .r-navlinks{display:inline-flex;gap:10px}.r-nav .r-navlinks i{width:22px;height:5px;border-radius:2px;background:hsla(0,0%,100%,.34)}.r-nav .r-burger{display:none;flex-direction:column;gap:3px}.r-nav .r-burger i{width:16px;height:2px;border-radius:2px;background:hsla(0,0%,100%,.7)}.reflow-layout .r-hero{grid-column:span 12;min-height:52px;background:rgba(133,160,255,.24)}.reflow-layout .r-main{grid-column:span 8;min-height:92px}.reflow-layout .r-side{grid-column:span 4;min-height:92px;background:rgba(133,160,255,.1)}.reflow-layout .r-stat{grid-column:span 3;min-height:44px}.reflow-layout .r-cell{grid-column:span 6;min-height:56px}.reflow-layout .r-foot{grid-column:span 12;background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.1);color:var(--fg-muted)}@container reflow (max-width: 980px){.reflow-layout .r-main{grid-column:span 12;min-height:72px}.reflow-layout .r-side{grid-column:span 12;min-height:44px}.reflow-layout .r-cell,.reflow-layout .r-stat{grid-column:span 6}}@container reflow (max-width: 600px){.reflow-layout{gap:8px}.reflow-layout .r-stat{grid-column:span 12;min-height:36px}.reflow-layout .r-cell{grid-column:span 12}.reflow-layout .r-nav{padding:0 10px}.r-nav .r-navlinks{display:none}.r-nav .r-burger{display:inline-flex}}.reflow-grip{position:absolute;top:50%;right:-1px;transform:translateY(-50%);width:14px;height:46px;border-radius:5px;background:var(--blue-400);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 2px 10px rgba(0,0,0,.4);pointer-events:none}.reflow-grip span{width:5px;height:1.5px;border-radius:2px;background:hsla(0,0%,100%,.85)}.reflow-ticks{display:flex;justify-content:space-between;margin-top:12px;padding:0 2px}.reflow-ticks span{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);display:flex;flex-direction:column;gap:2px;transition:color .16s ease}.reflow-ticks span em{font-style:normal;font-size:9px;color:hsla(0,0%,100%,.32)}.reflow-ticks span[data-active]{color:var(--blue-300)}.reflow-ticks span[data-active] em{color:var(--blue-300);opacity:.7}@media (prefers-reduced-motion:reduce){.reflow-vp{transition:none}.reflow-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}@media (max-width:720px){.reflow-bar{flex-direction:column;align-items:stretch;gap:12px}.reflow-bar .readout{min-width:0}}.elevation{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:center;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.02);padding:36px 40px}@media (max-width:820px){.elevation{grid-template-columns:1fr;gap:28px}}.elev-stack{position:relative;height:220px;perspective:900px}.elev-stack .layer{position:absolute;left:50%;top:50%;width:188px;height:56px;margin-top:-28px;border-radius:10px;border:1px solid rgba(133,160,255,.3);background:linear-gradient(180deg,#1a1e3a,#12152b);display:flex;flex-direction:column;justify-content:center;padding:0 16px;transform:translate(-50%);opacity:0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s ease}.elev-stack .layer .z{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--blue-300)}.elev-stack .layer .nm{font-size:13px;font-weight:500;color:var(--fg-default)}.elevation.is-revealed .elev-stack .layer{opacity:1}.elevation.is-revealed .elev-stack .l0{transform:translate(-50%,74px) scale(1);box-shadow:var(--shadow-xs);transition-delay:80ms}.elevation.is-revealed .elev-stack .l1{transform:translate(-50%,44px) scale(.97);box-shadow:var(--shadow-sm);transition-delay:.15s}.elevation.is-revealed .elev-stack .l2{transform:translate(-50%,16px) scale(.94);box-shadow:var(--shadow-md);transition-delay:.22s}.elevation.is-revealed .elev-stack .l3{transform:translate(-50%,-12px) scale(.91);box-shadow:var(--shadow-lg);transition-delay:.29s}.elevation.is-revealed .elev-stack .l4{transform:translate(-50%,-40px) scale(.88);box-shadow:var(--shadow-xl);transition-delay:.36s}.elevation.is-revealed .elev-stack .l5{transform:translate(-50%,-68px) scale(.85);box-shadow:var(--shadow-2xl);transition-delay:.43s}.elev-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.elev-legend li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--fg-secondary,#b9bac0);line-height:1.3}.elev-legend li b{color:var(--fg-default);font-weight:600;font-family:var(--font-mono);font-size:12px;min-width:46px}.elev-legend li code{font-family:var(--font-mono);font-size:11px;color:var(--blue-300);margin-left:auto}.elev-legend .sw{width:14px;height:14px;border-radius:4px;flex:0 0 14px;background:#12152b;border:1px solid rgba(133,160,255,.3)}.elev-legend .s0{box-shadow:var(--shadow-xs)}.elev-legend .s1{box-shadow:var(--shadow-sm)}.elev-legend .s2{box-shadow:var(--shadow-md)}.elev-legend .s3{box-shadow:var(--shadow-lg)}.elev-legend .s4{box-shadow:var(--shadow-xl)}.elev-legend .s5{box-shadow:var(--shadow-2xl)}.rb-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:1000px){.rb-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.rb-row{grid-template-columns:1fr}}.rb-card{border:1px solid var(--border-default);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.02);overflow:hidden}.rb-card .stage{height:120px;padding:18px;background:rgba(0,0,0,.18);border-bottom:1px solid var(--border-subtle);display:grid;place-items:center;overflow:hidden}.rb-anim{width:96px;height:56px;position:relative}.rb-anim .b,.rb-anim .bar{background:rgba(133,160,255,.42);border:1px solid rgba(133,160,255,.3);border-radius:3px;display:block;position:absolute;will-change:transform,opacity;animation-duration:4.2s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.65,0,.35,1)}.rb-anim.stack .b{width:26px;height:50px;top:3px;border-radius:4px}.rb-anim.stack .b:first-child{left:5px;animation-name:rbStack1}.rb-anim.stack .b:nth-child(2){left:35px;animation-name:rbStack2}.rb-anim.stack .b:nth-child(3){left:65px;animation-name:rbStack3}@keyframes rbStack1{0%,20%{transform:translate(0) scaleY(1)}46%,74%{transform:translate(30px,-18px) scaleY(.34)}to{transform:translate(0) scaleY(1)}}@keyframes rbStack2{0%,20%{transform:translate(0) scaleY(1)}46%,74%{transform:translate(0) scaleY(.34)}to{transform:translate(0) scaleY(1)}}@keyframes rbStack3{0%,20%{transform:translate(0) scaleY(1)}46%,74%{transform:translate(-30px,18px) scaleY(.34)}to{transform:translate(0) scaleY(1)}}.rb-anim.reflow .b{width:20px;height:24px;border-radius:4px;top:16px}.rb-anim.reflow .b:first-child{left:2px;animation-name:rbReflow1}.rb-anim.reflow .b:nth-child(2){left:26px;animation-name:rbReflow2}.rb-anim.reflow .b:nth-child(3){left:50px;animation-name:rbReflow3}.rb-anim.reflow .b:nth-child(4){left:74px;animation-name:rbReflow4}@keyframes rbReflow1{0%,20%{transform:translate(0)}46%,74%{transform:translate(24px,-14px)}to{transform:translate(0)}}@keyframes rbReflow2{0%,20%{transform:translate(0)}46%,74%{transform:translate(24px,-14px)}to{transform:translate(0)}}@keyframes rbReflow3{0%,20%{transform:translate(0)}46%,74%{transform:translate(-24px,14px)}to{transform:translate(0)}}@keyframes rbReflow4{0%,20%{transform:translate(0)}46%,74%{transform:translate(-24px,14px)}to{transform:translate(0)}}.rb-anim.reveal .bar{width:86px;height:11px;top:4px;left:5px;transform-origin:left center;animation-name:rbRevealBar}.rb-anim.reveal .hide{width:86px;height:16px;left:5px;opacity:0;border-radius:4px}.rb-anim.reveal .hide:nth-of-type(2){top:23px;animation-name:rbRevealPanel}.rb-anim.reveal .hide:nth-of-type(3){top:42px;animation-name:rbRevealPanel;animation-delay:.12s}@keyframes rbRevealBar{0%,22%{transform:scaleX(1)}48%,72%{transform:scaleX(.17)}to{transform:scaleX(1)}}@keyframes rbRevealPanel{0%,30%{opacity:0;transform:translateY(-7px)}52%,70%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(-7px)}}.rb-anim.reposition .side{width:22px;height:24px;top:16px;left:5px;border-radius:4px;animation-name:rbReposSide}.rb-anim.reposition .main{position:absolute;width:56px;height:24px;top:16px;left:35px;background:rgba(133,160,255,.24);border:1px solid rgba(133,160,255,.3);border-radius:4px;will-change:transform;animation:rbReposMain 4.2s cubic-bezier(.65,0,.35,1) infinite}@keyframes rbReposSide{0%,22%{transform:translate(0)}48%,74%{transform:translate(47px,-14px)}to{transform:translate(0)}}@keyframes rbReposMain{0%,22%{transform:translate(0)}48%,74%{transform:translateY(14px)}to{transform:translate(0)}}.rb-card .meta{padding:14px 16px 16px}.rb-card .meta .ix{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-300);margin-bottom:6px}.rb-card .meta h5{font-size:14px;font-weight:600;letter-spacing:-.005em;margin:0 0 4px;color:var(--fg-default)}.rb-card .meta p{font-size:12px;color:var(--fg-muted);line-height:1.5;margin:0}.ratio-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:150px 150px;grid-gap:12px;gap:12px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.02);padding:18px}.ratio-card{position:relative;overflow:hidden;border-radius:10px;border:1px solid rgba(133,160,255,.28);background:repeating-linear-gradient(135deg,rgba(133,160,255,.09) 0 8px,transparent 8px 16px),linear-gradient(160deg,rgba(133,160,255,.1),rgba(133,160,255,.03));transition:border-color .2s ease,background .2s ease}.ratio-card:hover{border-color:rgba(133,160,255,.55);background:repeating-linear-gradient(135deg,rgba(133,160,255,.14) 0 8px,transparent 8px 16px),linear-gradient(160deg,rgba(133,160,255,.16),rgba(133,160,255,.05))}.ratio-card .rt{position:absolute;top:12px;left:14px;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;color:var(--blue-300)}.ratio-card .cap{position:absolute;left:14px;right:14px;bottom:12px;display:flex;flex-direction:column;gap:1px}.ratio-card .cap b{font-size:14px;font-weight:600;letter-spacing:-.005em;color:var(--fg-default)}.ratio-card .cap em{font-style:normal;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--fg-muted)}.ratio-card:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px dashed rgba(133,160,255,.45);border-radius:4px;pointer-events:none}.ratio-card.a-16x9:after{width:80px;height:45px}.ratio-card.a-1x1:after{width:56px;height:56px}.ratio-card.a-3x4:after{width:54px;height:72px}.ratio-card.a-4x3:after{width:72px;height:54px}.ratio-card.a-21x9:after{width:126px;height:54px}.ratio-card.a-16x9{grid-column:1/3;grid-row:1}.ratio-card.a-1x1{grid-column:3;grid-row:1}.ratio-card.a-3x4{grid-column:4;grid-row:1/3}.ratio-card.a-4x3{grid-column:1;grid-row:2}.ratio-card.a-21x9{grid-column:2/4;grid-row:2}@media (max-width:720px){.ratio-bento{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,132px)}.ratio-card.a-16x9{grid-column:1/3;grid-row:1}.ratio-card.a-1x1{grid-column:1;grid-row:2}.ratio-card.a-3x4{grid-column:2;grid-row:2}.ratio-card.a-4x3{grid-column:1;grid-row:3}.ratio-card.a-21x9{grid-column:2;grid-row:3}}.safe-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}@media (max-width:820px){.safe-row{grid-template-columns:1fr}}.safe-card{border:1px solid var(--border-default);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.02);overflow:hidden}.safe-card .stage{height:150px;background:rgba(0,0,0,.18);border-bottom:1px solid var(--border-subtle);display:grid;place-items:center;overflow:hidden}.safe-card .meta{padding:14px 16px 16px}.safe-card .meta .ix{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-300);margin-bottom:6px}.safe-card .meta h5{font-size:14px;font-weight:600;letter-spacing:-.005em;margin:0 0 4px;color:var(--fg-default)}.safe-card .meta p{font-size:12px;color:var(--fg-muted);line-height:1.5;margin:0}.touch-demo{position:relative;display:grid;place-items:center}.touch-demo .hit{position:absolute;width:44px;height:44px;border:1.5px dashed rgba(133,160,255,.6);border-radius:8px;background:rgba(133,160,255,.08)}.touch-demo .glyph{position:relative;color:var(--fg-default);display:grid;place-items:center}.safe-demo{position:relative;width:84px;height:116px;border:1.5px solid hsla(0,0%,100%,.3);border-radius:14px;background:hsla(0,0%,100%,.04);overflow:hidden}.safe-demo .notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:34px;height:8px;border-radius:0 0 6px 6px;background:hsla(0,0%,100%,.3)}.safe-demo .inset{position:absolute;inset:16px 10px 14px;border:1px dashed rgba(133,160,255,.5);border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:8px 7px}.safe-demo .line{height:6px;border-radius:2px;background:rgba(133,160,255,.4)}.safe-demo .line.short{width:60%}.focus-demo{display:grid;place-items:center}.focus-demo .fbtn{font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--fg-default);background:rgba(133,160,255,.16);border:1px solid rgba(133,160,255,.4);border-radius:8px;padding:9px 18px;box-shadow:var(--shadow-focus);outline:2px solid transparent;outline-offset:2px;animation:focusPulse 2.8s ease-in-out infinite}@keyframes focusPulse{0%,to{box-shadow:0 0 0 3px rgba(133,160,255,.1)}50%{box-shadow:var(--shadow-focus)}}@media (prefers-reduced-motion:reduce){.rb-anim .b,.rb-anim .bar{animation:none!important;transform:none!important}.rb-anim.reveal .hide{opacity:1}.focus-demo .fbtn{animation:none;box-shadow:var(--shadow-focus)}.elev-stack .layer{transition:none}}.tmpl-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media (max-width:1000px){.tmpl-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.tmpl-grid{grid-template-columns:1fr}}.tmpl-card{border:1px solid var(--border-default);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.02);overflow:hidden;display:flex;flex-direction:column}.tmpl-card .preview{position:relative;aspect-ratio:4/5;border-bottom:1px solid var(--border-subtle);overflow:hidden}.tmpl-card .preview .scaler{position:absolute;inset:0;display:grid;place-items:center}.tmpl-card .meta{padding:18px 20px 20px;display:flex;flex-direction:column;gap:4px}.tmpl-card .meta .ix{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-300)}.tmpl-card .meta h4{font-size:16px;font-weight:600;letter-spacing:-.008em;margin:0;color:var(--fg-default)}.tmpl-card .meta p{font-size:12.5px;color:var(--fg-muted);line-height:1.5;margin:4px 0 0}.tmpl-card .meta .spec{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--fg-muted);border-top:1px solid var(--border-subtle);padding-top:10px;margin-top:10px}.t-deck{width:100%;height:100%;background:radial-gradient(ellipse 70% 90% at 70% 30%,rgba(47,55,255,.32),transparent 60%),radial-gradient(ellipse 60% 80% at 20% 80%,rgba(132,82,255,.18),transparent 60%),linear-gradient(180deg,#000,#050818);position:relative;overflow:hidden;padding:14% 12%;display:flex;flex-direction:column;justify-content:space-between}.t-deck:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,hsla(0,0%,100%,.5) .5px,transparent 0);background-size:100px 100px;background-position:10px 10px;opacity:.4;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000,transparent 85%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000,transparent 85%)}.t-deck>*{position:relative;z-index:1}.t-deck .top img{height:12%;max-height:16px;width:auto}.t-deck .body h3{font-size:clamp(11px,1.3vw,16px);letter-spacing:-.022em;line-height:1.05;font-weight:600;color:#fff;margin:0 0 6px;text-wrap:balance}.t-deck .body .sub{font-size:clamp(7px,.7vw,9px);color:hsla(0,0%,100%,.55)}.t-deck .body .sub,.t-deck .foot{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.t-deck .foot{font-size:clamp(6px,.6vw,8px);color:hsla(0,0%,100%,.5);display:flex;justify-content:space-between}.t-onepager{width:100%;height:100%;background:#fff;color:#000;padding:12% 10%;display:flex;flex-direction:column;gap:8%}.t-onepager .top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:4%}.t-onepager .top img{height:clamp(10px,1.2vw,16px)}.t-onepager .top .meta{font-family:var(--font-mono);font-size:clamp(5px,.55vw,7px);letter-spacing:.08em;color:#767781;text-transform:uppercase;text-align:right;line-height:1.6}.t-onepager h3{font-size:clamp(10px,1.2vw,14px);letter-spacing:-.018em;font-weight:600;margin:0 0 6px;line-height:1.15}.t-onepager p{font-size:clamp(6px,.75vw,9px);line-height:1.6;color:#434349;margin:0 0 4px}.t-onepager .grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4%;gap:4%}.t-onepager .grid .cell{border-top:1px solid rgba(0,0,0,.08);padding-top:3%}.t-onepager .grid .lbl{color:#767781;margin-bottom:4px}.t-onepager .foot,.t-onepager .grid .lbl{font-family:var(--font-mono);font-size:clamp(5px,.55vw,7px);letter-spacing:.08em;text-transform:uppercase}.t-onepager .foot{margin-top:auto;border-top:1px solid rgba(0,0,0,.08);padding-top:3%;display:flex;justify-content:space-between;color:#93949d}.t-brief{width:100%;height:100%;background:#fff;color:#000;padding:12% 9%;display:flex;flex-direction:column;gap:6%}.t-brief .head{font-family:var(--font-mono);font-size:clamp(6px,.65vw,8px);letter-spacing:.12em;color:#767781;text-transform:uppercase}.t-brief .head b{color:var(--blue-700)}.t-brief h3{font-size:clamp(10px,1.2vw,14px);letter-spacing:-.018em;font-weight:600;margin:4px 0 0;line-height:1.2}.t-brief ol{margin:0;padding-left:4%;font-size:clamp(7px,.8vw,10px);color:#4e4e56;line-height:1.6;display:flex;flex-direction:column;gap:1%}.t-brief ol b{color:#000;font-weight:500}.t-brief .cta{margin-top:auto;background:#000;color:#fff;padding:6% 8%;border-radius:3px;font-size:clamp(6px,.7vw,9px);font-weight:500;align-self:flex-start}.t-readout{width:100%;height:100%;background:#fff;color:#000;padding:10% 9%;display:flex;flex-direction:column;gap:3%}.t-readout .top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:3%}.t-readout .top .name{font-size:clamp(8px,1vw,12px);font-weight:600;letter-spacing:-.005em}.t-readout .top .ix{font-family:var(--font-mono);font-size:clamp(5px,.55vw,7px);letter-spacing:.1em;color:var(--blue-700);text-transform:uppercase}.t-readout .lifecycle{display:flex;align-items:center;gap:6%;padding:3% 0}.t-readout .lifecycle .dot{width:6px;height:6px;border-radius:50%;background:#000}.t-readout .lifecycle .dot.empty{background:#fff;border:1px solid #dadadd}.t-readout .lifecycle .line{flex:1 1;height:1px;background:#dadadd}.t-readout .lifecycle .line.dashed{background:transparent;border-top:1px dashed #dadadd}.t-readout .why{font-family:var(--font-mono);font-size:clamp(5px,.55vw,7px);letter-spacing:.08em;color:#767781;text-transform:uppercase;margin-bottom:4px}.t-readout p{font-size:clamp(6px,.75vw,9px);line-height:1.55;color:#434349;margin:0}.t-readout .footer{margin-top:auto;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:clamp(5px,.55vw,7px);letter-spacing:.08em;color:#93949d}.t-memo{width:100%;height:100%;background:#fff;color:#000;padding:12% 9%;display:flex;flex-direction:column}.t-memo .header{font-family:var(--font-mono);font-size:clamp(5px,.55vw,7px);letter-spacing:.08em;color:#767781;text-transform:uppercase;line-height:1.8;margin-bottom:6%;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:4%}.t-memo .header b{color:#000;font-weight:500}.t-memo h3{font-size:clamp(10px,1.1vw,13px);letter-spacing:-.018em;font-weight:600;margin:0 0 5%;line-height:1.2}.t-memo p{font-size:clamp(6px,.75vw,9px);line-height:1.6;color:#434349;margin:0 0 4%}.t-pitch{width:100%;height:100%;background:radial-gradient(ellipse 60% 80% at 50% 100%,rgba(132,82,255,.18),transparent 60%),radial-gradient(ellipse 80% 80% at 50% 30%,rgba(47,55,255,.22),transparent 60%),linear-gradient(180deg,#000,#050818);color:#fff;padding:14% 12%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.t-pitch:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,hsla(0,0%,100%,.5) .5px,transparent 0);background-size:110px 110px;background-position:10px 10px;opacity:.4;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 40%,#000,transparent 85%);mask-image:radial-gradient(ellipse 90% 80% at 50% 40%,#000,transparent 85%)}.t-pitch>*{position:relative;z-index:1}.t-pitch .top{display:flex;justify-content:space-between;align-items:center}.t-pitch .top img{height:clamp(8px,1vw,12px)}.t-pitch .top .meta{font-family:var(--font-mono);font-size:clamp(5px,.55vw,7px);letter-spacing:.12em;color:hsla(0,0%,100%,.55);text-transform:uppercase}.t-pitch .center{display:grid;place-items:center;text-align:center;flex:1 1;padding:8% 0}.t-pitch h3{font-size:clamp(12px,1.5vw,18px);letter-spacing:-.024em;font-weight:600;margin:0 0 4%;line-height:1.05;text-wrap:balance}.t-pitch .ey{letter-spacing:.14em;color:var(--blue-300)}.t-pitch .ey,.t-pitch .who{font-family:var(--font-mono);font-size:clamp(5px,.55vw,7px);text-transform:uppercase}.t-pitch .who{display:flex;justify-content:space-between;letter-spacing:.1em;color:hsla(0,0%,100%,.55)}.t-pitch .who b{color:#fff;font-weight:500}.t-sig{width:100%;height:100%;background:#fff;color:#000;padding:16% 12%;display:flex;flex-direction:column;justify-content:center}.t-sig .line{display:grid;grid-template-columns:18% 1fr;grid-gap:10%;gap:10%;align-items:center;padding:6% 0;border-top:1px solid rgba(0,0,0,.08)}.t-sig .line:first-child{border-top:0;padding-top:0}.t-sig .line img{width:100%}.t-sig .name{font-size:clamp(8px,.95vw,11px);font-weight:600;letter-spacing:-.005em;margin-bottom:2px}.t-sig .role{letter-spacing:.08em;color:#767781;text-transform:uppercase;margin-bottom:4%}.t-sig .contact,.t-sig .role{font-family:var(--font-mono);font-size:clamp(5px,.55vw,7px)}.t-sig .contact{letter-spacing:.04em;color:#4e4e56;line-height:1.7}.t-web{width:100%;height:100%;background:radial-gradient(ellipse 70% 80% at 80% 0,rgba(47,55,255,.22),transparent 60%),linear-gradient(180deg,#000,#050818);color:#fff;padding:8% 10%;display:flex;flex-direction:column;position:relative;overflow:hidden}.t-web:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,hsla(0,0%,100%,.4) .5px,transparent 0);background-size:110px 110px;opacity:.4;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 70% 30%,#000,transparent 85%);mask-image:radial-gradient(ellipse 80% 80% at 70% 30%,#000,transparent 85%)}.t-web>*{position:relative;z-index:1}.t-web .topnav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);padding-bottom:4%}.t-web .topnav img{height:clamp(8px,1vw,12px)}.t-web .topnav .links{display:flex;gap:8%;font-family:var(--font-mono);font-size:clamp(5px,.55vw,7px);letter-spacing:.1em;color:hsla(0,0%,100%,.55);text-transform:uppercase}.t-web .hero{padding:6% 0;flex:1 1}.t-web .hero .ey{font-family:var(--font-mono);font-size:clamp(5px,.55vw,7px);letter-spacing:.12em;color:var(--blue-300);text-transform:uppercase;margin-bottom:4%}.t-web .hero h3{font-size:clamp(11px,1.35vw,16px);letter-spacing:-.024em;line-height:1.04;font-weight:600;margin:0 0 4%;color:#fff;text-wrap:balance}.t-web .hero p{font-size:clamp(6px,.75vw,9px);color:hsla(0,0%,100%,.78);line-height:1.55;margin:0 0 6%;max-width:80%}.t-web .hero .ctas{display:flex;gap:4%}.t-web .hero .ctas .btn{background:#fff;color:#000;padding:3% 5%;font-size:clamp(6px,.7vw,8px);font-weight:500;border-radius:2px}.t-web .hero .ctas .btn.outline{background:transparent;color:#fff;border:1px solid hsla(0,0%,100%,.22)}.social-section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.social-section-head .n{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-300)}.social-section-head h3{font-size:17px;font-weight:600;letter-spacing:-.012em;margin:0;color:var(--fg-default)}.li-card{background:#fff;color:#000;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-xl);overflow:hidden;max-width:540px}.li-card .banner{height:160px;position:relative;background:radial-gradient(ellipse 60% 100% at 30% 30%,rgba(47,55,255,.4),transparent 60%),linear-gradient(180deg,#000,#050818);overflow:hidden;isolation:isolate}.li-card .banner:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,hsla(0,0%,100%,.55) .5px,transparent 0);background-size:120px 120px;background-position:20px 20px;opacity:.5;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000,transparent);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000,transparent)}.li-card .banner svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.li-card .body{position:relative;padding:36px 24px 24px}.li-card .avatar{width:80px;height:80px;border-radius:50%;background:#fff;border:4px solid #fff;position:absolute;top:-52px;left:24px;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.12);overflow:hidden}.li-card .avatar img{width:64%}.li-card .name{font-size:20px;font-weight:600;letter-spacing:-.014em;margin:32px 0 4px}.li-card .tagline{font-size:14px;color:#4e4e56;margin:0 0 14px;line-height:1.5}.li-card .meta{display:flex;gap:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:#767781;border-top:1px solid rgba(0,0,0,.06);padding-top:14px}.post-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media (max-width:900px){.post-row{grid-template-columns:1fr}}.post-card,.post-card .square{display:flex;flex-direction:column}.post-card .square{aspect-ratio:1;border-radius:var(--radius-xl);position:relative;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);padding:36px;justify-content:space-between;isolation:isolate}.post-card .square:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,hsla(0,0%,100%,.5) .5px,transparent 0);background-size:140px 140px;background-position:20px 20px;opacity:.45;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000,transparent);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000,transparent)}.post-card .square>*{position:relative;z-index:1}.post-card.opener .square{background:radial-gradient(ellipse 60% 80% at 80% 20%,rgba(132,82,255,.35),transparent 60%),radial-gradient(ellipse 70% 80% at 20% 90%,rgba(47,55,255,.3),transparent 60%),linear-gradient(180deg,#000,#050818)}.post-card.insight .square{background:radial-gradient(ellipse 80% 80% at 50% 100%,rgba(47,55,255,.3),transparent 60%),linear-gradient(180deg,#050818,#0a0f2e)}.post-card.recap .square{background:radial-gradient(ellipse 80% 80% at 0 0,rgba(47,55,255,.25),transparent 60%),radial-gradient(ellipse 60% 60% at 100% 100%,rgba(105,253,248,.1),transparent 60%),linear-gradient(180deg,#000,#050818)}.post-card .top{display:flex;justify-content:space-between;align-items:flex-start}.post-card .top img{height:24px}.post-card .ix{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:hsla(0,0%,100%,.55)}.post-card .ix b{color:#fff;font-weight:500}.post-card h3{font-size:clamp(22px,2.4vw,32px);letter-spacing:-.022em;line-height:1.1;font-weight:600;color:#fff;margin:0;text-wrap:balance}.post-card .square .insight-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-300);margin-bottom:12px}.post-card .recap-num{font-size:clamp(56px,7vw,96px);font-weight:600;letter-spacing:-.04em;line-height:1;color:#fff;margin:0 0 8px}.post-card .recap-line{font-size:14px;color:hsla(0,0%,100%,.78);margin:0}.post-card .foot{display:flex;justify-content:space-between;align-items:flex-end;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.55)}.post-card .foot b{color:#fff;font-weight:500}.post-card .info{padding:14px 4px 4px}.post-card .info .name{font-size:14px;font-weight:600;letter-spacing:-.005em;color:var(--fg-default);margin-bottom:2px}.post-card .info .when{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--fg-muted);text-transform:uppercase}.format-row{display:grid;grid-template-columns:280px 1fr;grid-gap:32px;gap:32px;align-items:stretch}@media (max-width:820px){.format-row{grid-template-columns:1fr}}.story{aspect-ratio:9/16;max-width:280px;border-radius:var(--radius-xl);background:radial-gradient(ellipse 80% 70% at 50% 25%,rgba(47,55,255,.32),transparent 60%),linear-gradient(180deg,#000,#050818);border:1px solid hsla(0,0%,100%,.1);position:relative;overflow:hidden;padding:36px 28px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.story:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,hsla(0,0%,100%,.5) .5px,transparent 0);background-size:100px 100px;opacity:.4}.story>*{position:relative;z-index:1}.story .ey{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:hsla(0,0%,100%,.55)}.story h4{font-size:22px;letter-spacing:-.022em;line-height:1.1;font-weight:600;color:#fff;margin:0;text-wrap:balance}.story .foot{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:hsla(0,0%,100%,.45);text-transform:uppercase}.carousel{display:flex;flex-direction:column}.carousel .frames{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.carousel .frame{aspect-ratio:1;border-radius:var(--radius-md);background:radial-gradient(ellipse at 50% 50%,rgba(47,55,255,.18),transparent 65%),linear-gradient(180deg,#000,#050818);border:1px solid hsla(0,0%,100%,.1);padding:12px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.carousel .frame .ix{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:hsla(0,0%,100%,.55)}.carousel .frame .copy{font-size:11px;font-weight:500;color:#fff;line-height:1.2}.carousel .frame.active{border-color:rgba(133,160,255,.4);background:radial-gradient(ellipse at 70% 30%,rgba(47,55,255,.4),transparent 60%),linear-gradient(180deg,#050818,#0a0f2e)}.carousel .info{padding:14px 0 0}.carousel .info .name{font-size:15px;font-weight:600;letter-spacing:-.008em;color:var(--fg-default);margin-bottom:4px}.carousel .info .desc{font-size:13px;color:var(--fg-secondary);line-height:1.55;margin:0}.captions{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:900px){.captions{grid-template-columns:1fr}}.caption{padding:24px 26px 26px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:hsla(0,0%,100%,.02)}.caption .ix{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-300);margin-bottom:12px}.caption h5{font-size:16px;font-weight:600;letter-spacing:-.008em;margin:0 0 12px;color:var(--fg-default)}.caption p{font-size:14px;line-height:1.6;color:var(--fg-secondary);margin:0;padding:14px 16px;background:rgba(0,0,0,.18);border-radius:var(--radius-md);border-left:2px solid var(--blue-400)}.tag-policy{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}@media (max-width:720px){.tag-policy{grid-template-columns:1fr}}.tag-policy .col{padding:28px 28px 30px}.tag-policy .col+.col{border-left:1px solid var(--border-subtle)}@media (max-width:720px){.tag-policy .col+.col{border-left:0;border-top:1px solid var(--border-subtle)}}.tag-policy .col.use{background:rgba(47,55,255,.04)}.tag-policy .col.avoid{background:rgba(233,97,38,.04)}.tag-policy .col h5{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}.tag-policy .col.use h5{color:var(--blue-300)}.tag-policy .col.avoid h5{color:var(--orange-300)}.tag-policy .col .tags{display:flex;flex-wrap:wrap;gap:6px}.tag-policy .col .tag{padding:6px 10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;border-radius:var(--radius-full);border:1px solid}.tag-policy .col.use .tag{border-color:rgba(133,160,255,.32);color:var(--blue-300);background:rgba(47,55,255,.04)}.tag-policy .col.avoid .tag{border-color:hsla(24,84%,69%,.32);color:var(--orange-300);background:rgba(233,97,38,.04);text-decoration:line-through;-webkit-text-decoration-color:hsla(24,84%,69%,.4);text-decoration-color:hsla(24,84%,69%,.4)}.tag-policy .col p{font-size:13px;color:var(--fg-secondary);line-height:1.55;margin:14px 0 0}