.page-head{padding:4rem 0 2rem}.page-head h1{font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:1px;line-height:1.1;margin-bottom:1.25rem}.page-head .lead{max-width:60ch;font-size:1.18rem}.stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin:3rem 0 4rem;padding:0;list-style:none}.stepper li.optional{border-style:dashed}.stepper li.optional .num{color:var(--color-purple-light)}.stepper li{background:var(--color-bg-tertiary);border:var(--border-faint);border-radius:var(--radius-md);padding:1rem 1.25rem;backdrop-filter:blur(8px);text-align:left;transition:all var(--ease-snappy)}.stepper li:hover{border-color:#f59e0b40;transform:translateY(-2px)}.stepper a{display:block}.stepper .num{font-family:var(--font-display);font-size:.7rem;letter-spacing:1.5px;color:var(--color-gold);margin-bottom:.4rem}.stepper .lbl{font-family:var(--font-display);font-size:.85rem;color:var(--fg-1);line-height:1.3;letter-spacing:.3px}.step-block{padding:5rem 0;border-top:var(--border-faint)}.step-block:first-of-type{border-top:none;padding-top:2rem}.step-inner{display:grid;grid-template-columns:1fr 460px;gap:5rem;align-items:center}.step-block.reverse .step-inner{grid-template-columns:460px 1fr}.step-block.reverse .step-text-col{order:2}.step-block.reverse .step-visual-col{order:1}.step-num{font-family:var(--font-display);font-size:5.5rem;line-height:1;letter-spacing:2px;color:transparent;-webkit-text-stroke:1.5px var(--color-gold);margin-bottom:1rem;display:inline-block}.step-block h2{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:.8px;margin-bottom:1.25rem}.step-block .step-rule{height:2px;width:56px;background:var(--gradient-brand);border-radius:1px;margin:0 0 1.5rem}.step-block p{color:var(--fg-2);font-size:1.02rem}.step-block ul{padding-left:1.2rem;margin:1rem 0}.step-block li{margin:.5rem 0;color:var(--fg-2)}.step-block .callout{background:#f59e0b0f;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-top:1.5rem;font-size:.92rem;display:flex;align-items:flex-start;gap:.85rem}.step-block .callout svg{flex-shrink:0;color:var(--color-gold)}.step-block .callout strong{color:var(--fg-1);display:block;margin-bottom:.2rem;font-family:var(--font-display);font-size:.78rem;letter-spacing:1px;text-transform:uppercase}.install-tabs{margin-top:1.5rem}.install-panel{display:none}.install-panel.active{display:block}.routes{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem;align-items:start}.routes .device-frame{margin-bottom:1.25rem}.route-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem}.route-head h3{font-size:1.15rem;margin:0;letter-spacing:-.01em}.route-n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--color-purple);color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center}.route p{font-size:.94rem;line-height:1.65;color:var(--fg-2)}.route ul{margin:.75rem 0 0;padding-left:1.1rem}.route li{font-size:.9rem;line-height:1.6;color:var(--fg-2);margin-bottom:.35rem}.route .route-note{margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--border-subtle, rgba(255,255,255,.08));font-size:.85rem;color:var(--fg-3)}.portal-figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:center;margin-top:3rem}.portal-caption h4{font-size:1.05rem;margin:0 0 .75rem;letter-spacing:-.01em}.portal-caption p{font-size:.94rem;line-height:1.7;color:var(--fg-2);margin-bottom:.75rem}@media(max-width:900px){.routes{grid-template-columns:1fr;gap:2.5rem}.portal-figure{grid-template-columns:1fr;gap:1.5rem}}.portal-mock{background:linear-gradient(180deg,#1a1c20,#0d0e10);border:var(--border-faint);border-radius:18px;padding:1.2rem;box-shadow:0 30px 70px #0009}.portal-mock .browser-bar{display:flex;align-items:center;gap:.5rem;padding-bottom:.8rem;border-bottom:var(--border-faint);margin-bottom:1.2rem}.portal-mock .dot-mac{width:10px;height:10px;border-radius:50%;background:#ffffff26}.portal-mock .url{flex:1;background:#ffffff0d;border-radius:5px;padding:5px 10px;font-family:var(--font-mono);font-size:.78rem;color:#bfbdb6;margin-left:.5rem}.portal-mock .url .lock{color:var(--color-warning);margin-right:6px}.portal-body{background:#000;color:#faf9f5;border-radius:12px;padding:1.5rem 1.25rem 1.75rem;min-height:320px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.portal-body h3{font-family:inherit;color:#faf9f5;font-size:1.4rem;font-weight:600;letter-spacing:-.01em;line-height:1.1;margin:0}.portal-body .sub{font-size:.85rem;color:#888680;margin:2px 0 0}.portal-field{margin-top:1.1rem}.portal-field label{display:block;font-family:inherit;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:#888680;margin-bottom:.35rem;font-weight:400}.portal-field input,.portal-field select{width:100%;background:#141413;border:1px solid #292621;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:.95rem;color:#faf9f5;box-sizing:border-box;-webkit-appearance:none;appearance:none}.portal-submit{width:100%;background:#a855f7;color:#fff;font-family:inherit;font-size:.95rem;font-weight:600;letter-spacing:0;text-transform:none;padding:14px 16px;border:none;border-radius:10px;cursor:pointer;margin-top:1.3rem}.portal-note{margin-top:1.2rem;padding:.85rem 1rem;background:#0d0d0c;border:1px solid #1a1a18;border-radius:10px;color:#bfbdb6;font-size:.82rem;line-height:1.5}.portal-note strong{color:#faf9f5}.portal-note code{background:#000;padding:1px 6px;border-radius:4px;color:#f59e0b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.portal-byline{color:#555;font-size:.7rem;text-align:center;margin-top:1.2rem;letter-spacing:.04em}.portal-mascot{display:flex;align-items:center;gap:.85rem;margin-bottom:.25rem}.portal-mascot img{width:56px;height:56px;border-radius:12px;flex:0 0 auto}.portal-mascot .title-block{line-height:1.1;min-width:0}.term{background:#07070a;border:var(--border-faint);border-radius:var(--radius-lg);padding:1rem 1.25rem 1.25rem;font-family:var(--font-mono);font-size:.84rem;line-height:1.65;color:var(--fg-2);box-shadow:0 20px 50px #00000080}.term .titlebar{display:flex;align-items:center;gap:.4rem;margin:-1rem -1.25rem 1rem;padding:.65rem 1.25rem;border-bottom:var(--border-faint);background:#ffffff06;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.term .titlebar .dot{width:10px;height:10px;border-radius:50%;background:#ffffff26}.term .titlebar .lbl{margin-left:.5rem;font-family:var(--font-display);font-size:.7rem;letter-spacing:1px;color:var(--fg-3)}.term .prompt{color:var(--color-gold)}.term .out{color:var(--fg-3)}.term .ok{color:var(--color-success)}.term .accent{color:var(--color-purple-light)}.term .input-line{color:var(--fg-1)}.done-banner{background:linear-gradient(135deg,#10b9811a,#f59e0b14);border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-xl);padding:2rem;display:flex;align-items:center;gap:1.5rem;margin-top:2rem}.done-banner .check{width:56px;height:56px;border-radius:50%;background:var(--color-success);display:grid;place-items:center;flex-shrink:0;color:#0a0a0a}.done-banner h3{font-size:1.1rem;margin:0 0 .4rem}.done-banner p{margin:0;color:var(--fg-2)}.panel-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;margin-top:2.5rem}.panel-gallery figure{margin:0}.panel-gallery .device-frame{border-radius:14px;padding:7px}.panel-gallery .device-frame .screen{border-radius:6px}.panel-gallery figcaption{text-align:center;margin-top:.7rem;font-family:var(--font-display);font-size:.66rem;letter-spacing:1.3px;text-transform:uppercase;color:var(--fg-3)}.code-block{white-space:pre-wrap;overflow-wrap:anywhere}.panel-json{margin-top:0;line-height:1.5}.code-block .p-key{color:var(--color-purple-light)}.code-block .p-brace{color:var(--fg-3)}#shapeGallery figure{cursor:pointer;border-radius:16px;outline:none;transition:transform var(--ease-snappy)}#shapeGallery figure:hover{transform:translateY(-3px)}#shapeGallery figure .device-frame{transition:box-shadow var(--ease-snappy)}#shapeGallery figure.active .device-frame,#shapeGallery figure:focus-visible .device-frame{box-shadow:0 0 0 2px var(--color-gold),0 12px 30px -14px #f59e0b73}#shapeGallery figure.active figcaption{color:var(--color-gold-light)}.shape-json{margin-top:1.75rem}.shape-json .sj-hint{text-align:center;color:var(--fg-3);font-size:.7rem;font-family:var(--font-display);letter-spacing:1.3px;text-transform:uppercase;margin-bottom:.85rem}.shape-json .panel-json{display:none}.shape-json .panel-json.active{display:block}.pg-lead{max-width:66ch;font-size:1.05rem;margin-bottom:.5rem}.pg-flow{display:flex;align-items:stretch;gap:.6rem;flex-wrap:wrap;margin:2rem 0 2.75rem}.pg-flow .node{flex:1;min-width:150px;background:var(--color-bg-tertiary);border:var(--border-faint);border-radius:var(--radius-lg);padding:1rem 1.1rem;backdrop-filter:blur(8px)}.pg-flow .node.accent{border-color:#f59e0b52}.pg-flow .node .k{display:block;font-family:var(--font-display);font-size:.56rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-gold);margin-bottom:.4rem}.pg-flow .node b{display:block;font-size:1rem;color:var(--fg-1);margin-bottom:.15rem}.pg-flow .node .d{font-size:.8rem;color:var(--fg-3);line-height:1.4}.pg-flow .arr{align-self:center;color:var(--color-gold);font-size:1.2rem}.pg-step{display:grid;grid-template-columns:44px 1fr;gap:1.2rem;padding:1.9rem 0;border-top:var(--border-faint)}.pg-step:first-of-type{border-top:none;padding-top:.5rem}.pg-step .pg-num{width:40px;height:40px;border-radius:50%;border:2px solid rgba(245,158,11,.45);color:var(--color-gold);font-family:var(--font-display);font-size:1rem;font-weight:700;display:grid;place-items:center}.pg-step .pg-body h3{font-family:var(--font-display);font-size:1.12rem;letter-spacing:.4px;color:var(--fg-1);margin:.3rem 0 .6rem}.pg-step .pg-body p{font-size:.96rem;margin:0 0 .5rem}.pg-reso{margin-top:1rem;background:var(--color-bg-tertiary);border:var(--border-faint);border-radius:var(--radius-md);padding:1rem 1.25rem}.pg-reso .cap{font-family:var(--font-display);font-size:.64rem;letter-spacing:1.2px;text-transform:uppercase;color:var(--fg-3)}.pg-reso ol{margin:.65rem 0 .4rem;padding-left:1.3rem}.pg-reso li{margin:.35rem 0;color:var(--fg-2);font-size:.9rem}.pg-reso li em{color:var(--fg-3);font-style:normal}.pg-reso .note{font-size:.84rem;color:var(--fg-3);margin:.7rem 0 0;line-height:1.5}.pg-cols{display:grid;grid-template-columns:1fr 292px;gap:1.5rem;align-items:start;margin-top:.75rem}.pg-cols .device-frame{max-width:292px}.pg-details{margin-top:1.1rem}.pg-details summary{cursor:pointer;color:var(--color-gold-light);font-size:.92rem;font-family:var(--font-display);letter-spacing:.3px}.pg-details .code-block{margin-top:.9rem}.pg-two{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:1rem}.pg-two h3{font-family:var(--font-display);font-size:1.05rem;color:var(--fg-1);margin:0 0 .75rem;letter-spacing:.3px}.pg-colorlist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.pg-colorlist li{font-size:.92rem;color:var(--fg-2)}.pg-colorlist li code{color:var(--color-purple-light)}.pg-limits{width:100%;border-collapse:collapse;font-size:.9rem}.pg-limits td{padding:.42rem .5rem;border-bottom:1px solid rgba(255,255,255,.06);color:var(--fg-2)}.pg-limits td:last-child{text-align:right;font-family:var(--font-mono);color:var(--color-gold-light);font-variant-numeric:tabular-nums}.pg-layouts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;margin-top:2.5rem;align-items:start}.pg-layouts figure{margin:0}.pg-layouts .device-frame{border-radius:16px;padding:8px}.pg-layouts .device-frame .screen{border-radius:7px}.pg-layouts figcaption{text-align:center;margin-top:.8rem;font-family:var(--font-display);font-size:.7rem;letter-spacing:1.3px;text-transform:uppercase;color:var(--fg-3)}.pg-layouts figcaption b{color:var(--fg-1);font-weight:600}.tmon-panel__grid{flex:1;display:grid;gap:2.4cqw;padding:1cqw 3cqw 3cqw;min-height:0}.tmon-panel__grid.two{grid-template-rows:1fr 1fr}.tmon-panel__grid.four{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.pg-mtile{background:#141312;border:1px solid rgba(255,255,255,.08);border-radius:2.4cqw;padding:2.4cqw;display:flex;flex-direction:column;gap:1.2cqw;overflow:hidden;min-height:0}.pg-mtile .mt-t{font-size:4.2cqw;font-weight:600;line-height:1.1}.pg-mtile .mt-body{flex:1;min-height:0;display:flex}.pg-mtile .mt-rows{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.4cqw;font-size:3.6cqw}.pg-mtile .mt-rows>div{display:flex;justify-content:space-between}.pg-mtile .mt-rows .k{color:#8a8781}@media(max-width:900px){.stepper{grid-template-columns:1fr 1fr}.panel-gallery{grid-template-columns:repeat(2,1fr)}.pg-layouts{grid-template-columns:1fr;max-width:320px;margin-left:auto;margin-right:auto}.pg-flow .arr{transform:rotate(90deg)}.pg-cols{grid-template-columns:1fr}.pg-cols .device-frame{order:-1;margin:0 auto}.pg-two{grid-template-columns:1fr;gap:1.75rem}.step-inner{grid-template-columns:1fr;gap:2rem}.step-block.reverse .step-inner{grid-template-columns:1fr}.step-block.reverse .step-text-col{order:1}.step-block.reverse .step-visual-col{order:2}.step-block{padding:3rem 0}}