.sp-page{--sp-ok:var(--green,#00ff88);--sp-warn:#ffc94d;--sp-bad:#ff6b5a;--sp-surface:var(--glass,rgba(255,255,255,0.03));--sp-surface-2:var(--glass-strong,rgba(255,255,255,0.06));--sp-line:var(--line,rgba(140,170,255,0.12));--sp-muted:#78829a;--sp-radius:12px;--sp-gap:1rem;overflow-wrap:anywhere}.sp-hero{padding:clamp(7rem,14vw,11rem) 0 2rem}.sp-kicker{font-size:0.78rem;letter-spacing:0.24em;text-transform:uppercase;color:var(--ink-faint,#4a5165);margin-bottom:1.2rem}.sp-title{font-family:var(--font-display,sans-serif);font-weight:800;font-size:clamp(2.1rem,5.4vw,4rem);line-height:1.04;letter-spacing:-0.02em;max-width:20ch;background:var(--chrome-text,linear-gradient(180deg,#fff,#57c8ff));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.6rem}.sp-lead{max-width:46rem;color:var(--ink-dim,#8b93a7);font-size:clamp(1rem,1.6vw,1.14rem);line-height:1.75}.sp-lead strong{color:var(--ink,#e8ecf4)}.sp-pillars{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;margin-top:2.5rem;background:var(--sp-line);border:1px solid var(--sp-line);border-radius:var(--sp-radius);overflow:hidden}.sp-pillar{background:var(--bg-1,#06060f);padding:1.5rem;counter-increment:sp-pillar}.sp-pillar h3{display:flex;align-items:baseline;gap:0.6rem;font-size:1.02rem;font-weight:600;margin-bottom:0.5rem;color:var(--ink,#e8ecf4)}.sp-pillar h3::before{content:counter(sp-pillar);font-family:var(--font-display,sans-serif);font-size:0.8rem;font-weight:700;color:var(--cyan,#00d4ff)}.sp-pillars{counter-reset:sp-pillar}.sp-pillar p{margin:0;font-size:0.92rem;color:var(--ink-dim,#8b93a7)}.sp-toc{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:2rem}.sp-toc a{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 1rem;border:1px solid var(--sp-line);border-radius:999px;font-size:0.86rem;color:var(--ink-dim,#8b93a7);text-decoration:none;transition:border-color 0.25s,color 0.25s}.sp-toc a:hover{border-color:var(--line-bright,rgba(0,212,255,0.35));color:var(--cyan,#00d4ff)}.sp-section{padding:clamp(3rem,6vw,5rem) 0;border-top:1px solid var(--sp-line);scroll-margin-top:6rem}.sp-h2{font-family:var(--font-display,sans-serif);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;letter-spacing:-0.01em;margin-bottom:1rem}.sp-subhead{font-family:var(--font-display,sans-serif);font-size:clamp(1.15rem,2vw,1.45rem);font-weight:600;margin:3rem 0 1rem}.sp-section-lead{max-width:46rem;color:var(--ink-dim,#8b93a7);font-size:1.05rem;line-height:1.7;margin-bottom:2rem}.sp-prose{max-width:46rem}.sp-tags{list-style:none;display:flex;flex-wrap:wrap;gap:0.5rem;padding:0;margin:2rem 0 0}.sp-tags li{padding:0.4rem 0.9rem;border:1px solid var(--sp-line);border-radius:999px;background:var(--sp-surface);font-size:0.88rem;color:var(--ink-dim,#8b93a7)}.sp-tags-strong li{border-color:var(--line-bright,rgba(0,212,255,0.35));background:var(--cyan-soft,rgba(0,212,255,0.14));color:var(--ink,#e8ecf4)}.sp-features{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-gap);margin:2rem 0}.sp-feature-group{background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:1.5rem;min-width:0}.sp-feature-group h4{font-size:0.78rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--cyan,#00d4ff);margin-bottom:1rem}.sp-feature-group ul{list-style:none;padding:0;margin:0}.sp-feature-group li{padding:0.45rem 0 0.45rem 1.2rem;position:relative;font-size:0.94rem;color:var(--ink-dim,#8b93a7);border-bottom:1px solid var(--sp-line)}.sp-feature-group li:last-child{border-bottom:none}.sp-feature-group li::before{content:"";position:absolute;left:0;top:1rem;width:0.35rem;height:0.35rem;border-radius:50%;background:var(--cyan,#00d4ff)}.sp-flow{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0.45rem;padding:0;margin:0 0 1rem;counter-reset:sp-flow}.sp-flow li{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 0.95rem;border:1px solid var(--sp-line);border-radius:8px;background:var(--sp-surface);font-size:0.9rem;color:var(--ink,#e8ecf4)}.sp-flow li::before{counter-increment:sp-flow;content:counter(sp-flow);font-family:var(--font-display,sans-serif);font-size:0.72rem;font-weight:700;color:var(--cyan,#00d4ff)}.sp-flow li:not(:last-child)::after{content:"→";margin-left:0.3rem;color:var(--ink-faint,#4a5165)}.sp-flow li:last-child{border-color:var(--line-bright,rgba(0,212,255,0.35));background:var(--cyan-soft,rgba(0,212,255,0.14))}.sp-flow-note{max-width:46rem;font-size:0.92rem;color:var(--sp-muted);line-height:1.7;margin:1rem 0 0}.sp-dialogs{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-gap);margin:2rem 0}.sp-dialog{background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:1.5rem;min-width:0}.sp-dialog-wide{max-width:52rem;margin:2rem 0}.sp-dialog-role{font-size:0.74rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-faint,#4a5165);margin:0 0 0.6rem}.sp-say{margin:0;padding:1rem 1.2rem;border:1px solid var(--sp-line);border-left:3px solid var(--violet,#7b2ff7);border-radius:0 var(--sp-radius) var(--sp-radius) 0;background:var(--bg-1,#06060f);color:var(--ink,#e8ecf4);font-size:1rem;line-height:1.7}.sp-say::before{content:"„"}.sp-say::after{content:"“"}.sp-say-answer{border-left-color:var(--sp-ok)}.sp-arrow{display:grid;place-items:center;height:1.9rem;margin:0.35rem 0}.sp-arrow::before{content:"↓";color:var(--cyan,#00d4ff);font-size:1.1rem;line-height:1}.sp-derived{list-style:none;padding:0;margin:0}.sp-derived li{position:relative;padding:0.4rem 0 0.4rem 1.5rem;font-size:0.94rem;color:var(--ink-dim,#8b93a7)}.sp-derived li::before{content:"";position:absolute;left:0.15rem;top:0.92rem;width:0.7rem;height:1px;background:var(--cyan,#00d4ff)}.sp-dialog-foot{margin:1.2rem 0 0;font-size:0.88rem;color:var(--sp-muted);line-height:1.7}.sp-two-col{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-gap);margin:2rem 0}.sp-card{background:var(--sp-surface);border:1px solid var(--sp-line);border-top-width:3px;border-radius:var(--sp-radius);padding:1.5rem;min-width:0}.sp-card h3{font-size:1.05rem;font-weight:600;margin-bottom:1rem;color:var(--ink,#e8ecf4)}.sp-card ul{margin:0;padding-left:1.2rem;color:var(--ink-dim,#8b93a7);font-size:0.94rem}.sp-card li{margin-bottom:0.5rem}.sp-card li:last-child{margin-bottom:0}.sp-card strong{color:var(--ink,#e8ecf4)}.sp-card-accent{border-top-color:var(--cyan,#00d4ff)}.sp-card-old{border-top-color:var(--sp-bad)}.sp-card-new{border-top-color:var(--sp-ok)}.sp-card-note{margin:1rem 0 0;font-size:0.88rem;color:var(--sp-muted);line-height:1.7}.sp-pitch{margin:0;font-size:1.05rem;line-height:1.65;color:var(--ink,#e8ecf4)}.sp-steps{list-style:none;padding:0;margin:0;counter-reset:sp-step}.sp-steps li{position:relative;padding:0.5rem 0 0.5rem 2.1rem;font-size:0.94rem;color:var(--ink-dim,#8b93a7)}.sp-steps li::before{counter-increment:sp-step;content:counter(sp-step);position:absolute;left:0;top:0.5rem;display:grid;place-items:center;width:1.5rem;height:1.5rem;border:1px solid var(--sp-line);border-radius:6px;font-size:0.72rem;font-weight:700;color:var(--ink-faint,#4a5165)}.sp-steps li:not(:last-child)::after{content:"";position:absolute;left:0.73rem;top:2rem;bottom:-0.05rem;width:1px;background:var(--sp-line)}.sp-card-new .sp-steps li::before{border-color:var(--sp-ok);color:var(--sp-ok)}.sp-step-lost{color:var(--sp-bad)!important;font-style:italic}.sp-unknowns{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:0.6rem;padding:0;margin:0}.sp-unknowns li{position:relative;padding:0.85rem 1rem 0.85rem 2.6rem;border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-surface);font-size:0.94rem;color:var(--ink-dim,#8b93a7)}.sp-unknowns li::before{content:"?";position:absolute;left:1rem;top:0.85rem;font-family:var(--font-display,sans-serif);font-weight:700;color:var(--sp-warn)}.sp-compare{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-gap);margin:2rem 0 0}.sp-compare p{margin:0;padding:1.25rem 1.5rem;border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-surface);line-height:1.75;color:var(--ink-dim,#8b93a7)}.sp-compare span{display:block;font-size:0.74rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-faint,#4a5165);margin-bottom:0.5rem}.sp-compare-after{border-color:var(--line-bright,rgba(0,212,255,0.35))!important;background:var(--cyan-soft,rgba(0,212,255,0.14))!important;color:var(--ink,#e8ecf4)!important}.sp-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:0.6rem;margin:2rem 0}.sp-data-item{display:flex;align-items:center;gap:0.6rem;padding:1rem 1.2rem;border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-surface-2);font-size:0.94rem;color:var(--ink,#e8ecf4);min-width:0}.sp-data-item::before{content:"";flex:none;width:0.5rem;height:0.5rem;border-radius:50%;background:linear-gradient(135deg,var(--cyan,#00d4ff),var(--violet,#7b2ff7))}.sp-callout{max-width:46rem;margin:2rem 0;padding:1.5rem;border:1px solid var(--line-bright,rgba(0,212,255,0.35));border-left-width:4px;border-radius:var(--sp-radius);background:var(--cyan-soft,rgba(0,212,255,0.14))}.sp-callout p{margin:0;color:var(--ink,#e8ecf4);line-height:1.75}.sp-checks{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:0.5rem 1.5rem;padding:0;margin:0}.sp-checks li{position:relative;padding:0.4rem 0 0.4rem 1.8rem;font-size:0.96rem;color:var(--ink-dim,#8b93a7)}.sp-checks li::before{content:"✓";position:absolute;left:0;top:0.4rem;color:var(--sp-ok);font-weight:700}.sp-loop{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:0.5rem;padding:0;margin:2rem 0}.sp-loop li{display:flex;align-items:center;gap:0.6rem;padding:1rem 1.1rem;border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-surface);font-size:0.92rem;color:var(--ink,#e8ecf4);min-width:0}.sp-loop li::after{content:"→";margin-left:auto;color:var(--cyan,#00d4ff);flex:none}.sp-loop li:last-child{border-color:var(--line-bright,rgba(0,212,255,0.35));background:var(--cyan-soft,rgba(0,212,255,0.14))}.sp-loop li:last-child::after{content:"↻"}.sp-section-final{padding-bottom:clamp(4rem,8vw,7rem)}.sp-nots{list-style:none;padding:0;margin:0 0 2rem;max-width:46rem}.sp-nots li{position:relative;padding:0.55rem 0 0.55rem 2rem;font-size:1.05rem;color:var(--sp-muted);text-decoration:line-through;text-decoration-color:var(--sp-bad);text-decoration-thickness:1px}.sp-nots li::before{content:"✕";position:absolute;left:0;top:0.55rem;color:var(--sp-bad);font-weight:700;text-decoration:none}.sp-punch{max-width:46rem;font-family:var(--font-display,sans-serif);font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:600;line-height:1.45;letter-spacing:-0.01em;color:var(--ink,#e8ecf4);margin:0 0 2.5rem}.sp-punch strong{background:linear-gradient(90deg,var(--cyan,#00d4ff),var(--violet,#7b2ff7));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sp-versus{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-gap);margin:0 0 2rem}.sp-versus-cell{padding:1.5rem;border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-surface);min-width:0}.sp-versus-label{display:block;font-size:0.74rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-faint,#4a5165);margin-bottom:0.75rem}.sp-versus-cell p{margin:0;font-size:1.05rem;line-height:1.7}.sp-versus-old p{color:var(--sp-muted)}.sp-versus-new{border-color:var(--line-bright,rgba(0,212,255,0.35));background:var(--cyan-soft,rgba(0,212,255,0.14))}.sp-versus-new p{color:var(--ink,#e8ecf4)}.sp-closing{max-width:46rem;font-size:1.05rem;line-height:1.75;color:var(--ink-dim,#8b93a7);margin:0}.sp-related{display:block;max-width:46rem;margin:3rem 0 0;padding:1.5rem;border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-surface);text-decoration:none;transition:border-color 0.25s,background 0.25s,transform 0.25s var(--ease-out,ease-out)}.sp-related:hover{border-color:var(--line-bright,rgba(0,212,255,0.35));background:var(--sp-surface-2);transform:translateY(-2px)}.sp-related-kicker{display:block;font-size:0.74rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--cyan,#00d4ff);margin-bottom:0.7rem}.sp-related-title{display:block;font-family:var(--font-display,sans-serif);font-size:1.1rem;font-weight:600;line-height:1.4;color:var(--ink,#e8ecf4);margin-bottom:0.5rem}.sp-related-desc{display:block;font-size:0.92rem;line-height:1.7;color:var(--ink-dim,#8b93a7)}@media (min-width:768px){.sp-pillars{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-features{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-dialogs{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-unknowns{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-compare{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sp-versus{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-derived-cols{columns:2;column-gap:2rem}.sp-derived-cols li{break-inside:avoid}.sp-loop{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.sp-pillar,.sp-feature-group,.sp-dialog,.sp-card,.sp-callout,.sp-versus-cell,.sp-related{padding:1.25rem}.sp-compare p{padding:1.1rem 1.25rem}.sp-flow li:not(:last-child)::after{content:none}}@media (prefers-reduced-motion:reduce){.sp-related{transition:none}.sp-related:hover{transform:none}}