.wrap{width:100%;max-width:1240px;padding-inline:var(--page-gutter);margin-inline:auto}.grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:40px;display:grid}@media (width<=600px){.grid{column-gap:16px}}.lp section{border-top:1px solid var(--line);padding-block:56px}.lp section.first{border-top:0;padding-top:72px;padding-bottom:56px}.lp h1{letter-spacing:-.045em;color:var(--ink);margin-bottom:var(--space-8);grid-column:1/span 10;font-size:88px;font-weight:800;line-height:.92}.lp h2{font-size:var(--t-section);letter-spacing:-.02em;color:var(--ink);margin-bottom:var(--space-4);font-weight:800;line-height:1.1}.lp p.body,.lp .lead{color:var(--ink-2);max-width:68ch;font-size:18px;line-height:1.55}.lp code,.lp pre,.lp ol.calls{font-family:var(--font-mono)}.hero-body{grid-column:1/span 7}.hero-body p{color:var(--ink)}.btn-row{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.btn{height:48px;padding:0 var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);white-space:nowrap;transition:background var(--transition-fast);border:1px solid #0000;align-items:center;font-weight:700;display:inline-flex}.btn.primary{background:var(--action);color:var(--ink-on-action)}.btn.primary:hover{background:var(--action-hover);color:var(--ink-on-action)}.btn.primary:active{background:var(--action-press)}.btn.secondary{background:var(--surface-sunk);color:var(--action);border-color:var(--line-control)}.btn.secondary:hover{background:var(--surface-hover);color:var(--action)}.hero-card{max-width:1160px;margin-top:64px}.hero-card .frame{border:1px solid var(--line);background:var(--surface);border-top:0}.hero-card .band{background:var(--sales);transform-origin:0;height:6px;animation:draw var(--dur-3) var(--ease) both}@keyframes draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.hero-card .band{animation:none}}.hero-card picture{display:block}.hero-card figcaption{padding:var(--space-4);color:var(--ink-2);border-top:1px solid var(--line);font-size:15px;line-height:1.6}.hero-card figcaption p+p{margin-top:var(--space-1)}.hero-card code{color:var(--ink);font-size:13px}.hero-card .cardhead{align-items:baseline;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.hero-card .name{color:var(--ink);font-size:18px;font-weight:800;line-height:1.2}.hero-card .chip{font-family:var(--font-sans);background:var(--surface-sunk);color:var(--ink);border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700;line-height:16px}.hero-card .cardhead{margin-bottom:0}.hero-card figcaption p{margin:0}.impact .cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}.impact h2{font-size:var(--t-h2);letter-spacing:-.01em;margin-bottom:var(--space-3);line-height:1.2}.impact .label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:var(--space-2);font-size:13px;font-weight:700;display:block}.impact p.txt{color:var(--ink-2);font-size:18px;line-height:1.55}.how h2,.replaces h2,.examples h2{margin-bottom:var(--space-8)}.steps{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;list-style:none;display:grid}.steps li{counter-increment:step;color:var(--ink);border-top:3px solid var(--action);padding-top:var(--space-4);font-size:18px;line-height:1.45}.steps li:before{content:counter(step);letter-spacing:-.02em;margin-bottom:var(--space-3);font-size:32px;font-weight:800;line-height:1;display:block}.replaces ul{gap:var(--space-3);list-style:none;display:grid}.replaces li{color:var(--ink);padding-left:var(--space-5);border-left:3px solid var(--line-control);max-width:60ch;font-size:20px;line-height:1.4}.strip-head{margin-bottom:var(--space-8)}.strip-head h2{margin-bottom:var(--space-4)}.strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 40px;display:grid}.more{margin-top:var(--space-8);font-size:18px;font-weight:700}.more a{text-underline-offset:3px;text-decoration:underline}@media (width<=900px){.impact .cols,.steps{gap:var(--space-8);grid-template-columns:1fr}}@media (width<=899px){.strip{grid-template-columns:1fr}}@media (width<=1000px){.hero-body,.lp h1{grid-column:1/-1}}@media (width<=600px){.lp h1{font-size:52px}.lp section.first{padding-top:40px}.lp section{padding-block:56px}.strip{gap:var(--space-8)}.hero-card{margin-top:40px}.btn{justify-content:center;width:100%}}.ex-page .intro{max-width:68ch}.ex-page h1{font-size:var(--t-title);letter-spacing:-.04em;margin-bottom:var(--space-6);grid-column:auto;font-weight:800;line-height:1}.ex-list{margin-top:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 40px;display:grid}.live{margin-top:var(--space-6);font-size:18px}@media (width<=800px){.ex-list{grid-template-columns:1fr;gap:48px}}.pr-page h1{font-size:var(--t-title);letter-spacing:-.04em;margin-bottom:var(--space-6);grid-column:auto;font-weight:800;line-height:1}.pr-page .intro{max-width:68ch}.pr-page .intro a{text-underline-offset:3px;text-decoration:underline}.pr-page .sample{margin-top:var(--space-4);color:var(--ink-muted);font-size:15px}.pr-sec{scroll-margin-top:72px}.pr-sec .claim{color:var(--ink-2);max-width:68ch;font-size:18px;line-height:1.55}.pr-sec figure{margin:var(--space-8) 0 var(--space-4);max-width:1200px}.pr-sec figure picture{display:block}.pr-sec figure img{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:100%;height:auto}.pr-sec figure.narrow img{max-width:400px}.pr-sec .how-line{color:var(--ink-muted);max-width:68ch;font-size:15px;line-height:1.5}.pr-sec .how-line b{color:var(--ink-2)}.pr-sec .more{margin-top:var(--space-4)}.pr-close h2{margin-bottom:var(--space-3)}