.theme-tracery{--paper:#F6F4FB;--ink:#332D4C;--accent:#5751AA;--second:#A855F7;--soft:#EAE6F5;--muted:#625C7A;--line:#C4BDD8;--on-accent:#FFFFFF;--radius:12px;--focus:#332D4C}
.deck-stage{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.device-deck{padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(140deg,#6366f10c,transparent)}.deck-controls{display:flex;flex-wrap:wrap;gap:10px}.deck-controls span{width:100%;font-size:13px;color:var(--muted)}.deck-controls button{background:transparent;border:1px solid var(--line);border-radius:20px;padding:8px 16px;min-height:44px}.deck-controls button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.deck-visual{transition:filter .3s}.deck-visual[data-active=mobile]{filter:hue-rotate(30deg)}.deck-visual[data-active=router]{filter:hue-rotate(-30deg)}.theme-tracery .plan{border-radius:20px;border-top:3px solid var(--accent)}.theme-tracery .plan:nth-child(3n+2){border-top-color:#38BDF8}.theme-tracery .plan:nth-child(3n){border-top-color:#D8B4FE}.theme-tracery .ft-story{max-width:850px;margin:auto}
.theme-tracery .reading-body{padding:38px;border-top:1px solid var(--line);border-radius:12px}.theme-tracery .gate-board{padding:32px;border:1px solid var(--line);border-radius:12px}
@media(max-width:1000px){.theme-tracery .ft-hero{grid-template-columns:1fr;gap:32px}.theme-tracery .hero-copy{max-width:800px;margin-inline:0}.theme-tracery .ft-hero .scene{max-width:650px;width:100%;margin-inline:auto}.theme-tracery .ft-hero>.scene{order:2}.theme-tracery .ft-hero>.ft-metrics{order:3}.theme-tracery .ft-hero .hero-copy{border-left:0;padding-left:0}.theme-tracery .ft-hero>div{min-width:0}.theme-tracery .clients{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-tracery .ft-story{display:block}.theme-tracery .ft-story .eyebrow{margin-bottom:12px}.theme-tracery .ft-story h2{margin-bottom:18px}}
@media(max-width:600px){.theme-tracery .clients{grid-template-columns:1fr}.theme-tracery .ft-story{padding-inline:0;border-left:0}.theme-tracery .reading-body,.theme-tracery .gate-board{padding:22px}.theme-tracery .ft-metrics{padding-inline:0}.theme-tracery .ft-hero{padding-block:30px}.theme-tracery .ft-hero .hero-copy{padding:0}.theme-tracery .ft-hero h1{font-size:32px}.theme-tracery .scene{max-width:420px}}