.wrap-wide{width:min(1200px,100% - 2rem);margin-inline:auto}.screens-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2rem;padding:2.4rem 0 1rem;display:grid;position:relative;overflow:hidden}.screens-hero:before{content:"";z-index:0;background:var(--accent);opacity:.15;pointer-events:none;border-radius:18rem 18rem 0 0;width:18rem;height:9rem;position:absolute;top:-2.5rem;right:6%}.screens-hero>*{z-index:1;position:relative}.screens-mark{width:3rem;height:3rem;margin-bottom:.8rem;display:block}.screens-hero h1{font-size:clamp(2.6rem,5vw,3.5rem)}.screens-tagline{color:var(--primary-text);font-family:var(--display);letter-spacing:-.02em;margin:0 0 .75rem;font-weight:600}.screen-stage{background:var(--mute);border-radius:28px;padding:1.25rem 1.25rem 2.4rem;box-shadow:0 18px 40px #3a333014}.screen-stage img{background:var(--board);border-radius:16px;width:100%;height:auto;padding:.45rem;display:block}.screen-flow,.glance-strip,.opt-in-note,.screen-close{margin:1.25rem 0}.flow-chips,.baseline-row,.fit-row,.layout-links{flex-wrap:wrap;gap:.5rem;margin:.8rem 0 0;padding:0;list-style:none;display:flex}.flow-chips li,.pill,.fit-tag{background:var(--mute);min-height:2.75rem;color:var(--text);border-radius:999px;align-items:center;padding:.35rem .85rem;font-weight:600;display:inline-flex}.baseline{margin-top:1.1rem}.baseline p{margin-bottom:.35rem;font-weight:650}.group-nav{z-index:15;background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:.55rem 0;position:sticky;top:4.25rem}.group-nav ul{gap:.45rem;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.group-nav a{background:var(--mute);min-height:2.75rem;color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;padding:.35rem .9rem;font-weight:650;text-decoration:none;display:inline-flex}.group-nav a[aria-current=true]{background:var(--primary-text);color:var(--bg)}.screen-group{padding:1.6rem 0 .4rem;scroll-margin-top:8.5rem}.screen-group h2{margin-bottom:.35rem}.layout-grid,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0 1.25rem;display:grid}.layout-card,.idea-card,.hero-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:.9rem}.layout-card img,.hero-card img,.mini-board{border:2px solid var(--mute);background:var(--bg);border-radius:12px;width:100%;display:block}.layout-card h3,.idea-card h3,.hero-copy h3{font-family:var(--sans);letter-spacing:0;margin:.75rem 0 .3rem;font-size:1.15rem;font-weight:650}.hero-card{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:1.1rem;margin:0 0 1rem;padding:1rem;display:grid}.hero-card ul{margin:.4rem 0 .6rem;padding-left:1.1rem}.hero-card li{margin:.25rem 0}.mini-board{aspect-ratio:16/10;padding:.75rem .8rem .55rem;position:relative;overflow:hidden}.mini-top,.mini-fact{letter-spacing:.08em;text-transform:uppercase;color:var(--primary-text);justify-content:space-between;gap:.5rem;font-size:.78rem;display:flex}.mini-fact{letter-spacing:0;text-transform:none;color:var(--text);margin-top:.8rem;font-size:1rem;font-weight:650}.ex-tag{background:var(--accent);color:var(--text);letter-spacing:.08em;border-radius:6px;padding:.15rem .4rem;font-size:.68rem;font-weight:700;position:absolute;top:.55rem;right:.55rem}.fit-tag{min-height:2rem;padding:.15rem .65rem;font-size:.85rem;font-weight:650}.fit-opt{border:2px solid var(--secondary);background:0 0}.later-badge{background:var(--accent);color:var(--text);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;align-self:flex-start;align-items:center;min-height:2rem;padding:.12rem .4rem;font-size:.75rem;font-weight:700;display:inline-flex}.glance-strip ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.glance-strip li,.opt-in-note{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:.9rem 1rem}.opt-in-note{border-color:var(--secondary)}.screen-footnote{color:var(--ink-soft);font-size:1rem}@media (width<=900px){.screens-hero,.hero-card,.layout-grid,.glance-strip ol{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.card-grid{grid-template-columns:1fr}.screens-hero{padding-top:1.4rem}}