.wrap{max-width:720px;margin:0 auto;padding:0 24px;}

    /* Header */
    header{position:sticky;top:0;z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-border);height:52px;}
    .hdr{display:flex;align-items:center;justify-content:space-between;height:100%;}
    .hdr-left{display:flex;align-items:center;gap:10px;}
    .wordmark{font-size:15px;font-weight:500;color:var(--color-fg);text-decoration:none;letter-spacing:-0.01em;}
    .hdr-badge{font-family:ui-monospace,"SF Mono","JetBrains Mono",monospace;font-size:10px;font-weight:500;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:2px;padding:1px 6px;}
    .hdr-link{font-size:13px;color:var(--color-fg-muted);text-decoration:none;}
    .hdr-link:hover{color:var(--color-fg);}

    /* Sections */
    section{padding:80px 0;border-bottom:1px solid var(--color-border);}
    .s-label{font-family:ui-monospace,"SF Mono","JetBrains Mono",monospace;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:0.12em;color:var(--color-fg-muted);margin-bottom:16px;}
    .s-title{font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-0.02em;margin-bottom:12px;}
    .s-desc{font-size:15px;color:var(--color-fg-muted);margin-bottom:32px;line-height:1.65;max-width:560px;}

    /* Hero */
    #hero{padding:96px 0 88px;}
    .hero-mark{margin-bottom:32px;}
    .hero-h1{font-size:clamp(32px,6vw,48px);font-weight:500;line-height:1.15;letter-spacing:-0.03em;margin-bottom:16px;}
    .hero-sub{font-size:18px;color:var(--color-fg-muted);max-width:420px;margin-bottom:36px;line-height:1.6;}
    .hero-sub strong{color:var(--color-fg);font-weight:500;}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
    .btn{height:36px;padding:0 16px;border-radius:4px;font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;border:none;transition:opacity .12s,background .12s,border-color .12s;}
    .btn-acc{background:var(--color-accent);color:var(--color-bg);}
    .btn-acc:hover{opacity:.88;text-decoration:none;}
    .btn-sec{background:transparent;color:var(--color-fg);border:1px solid var(--color-border);}
    .btn-sec:hover{background:rgba(237,232,223,.05);border-color:var(--color-fg-muted);text-decoration:none;}

    /* How it works */
    .how-steps{display:flex;flex-direction:column;gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:4px;overflow:hidden;}
    .how-step{display:grid;grid-template-columns:48px 1fr;background:var(--color-bg-elevated);}
    .how-n{display:flex;align-items:flex-start;justify-content:center;padding-top:20px;font-family:ui-monospace,"SF Mono","JetBrains Mono",monospace;font-size:11px;color:var(--color-accent);border-right:1px solid var(--color-border);font-weight:500;}
    .how-body{padding:20px 24px;}
    .how-body h3{font-size:15px;font-weight:500;margin-bottom:6px;}
    .how-body p{font-size:13px;color:var(--color-fg-muted);line-height:1.55;}
    .how-body code{font-family:ui-monospace,"SF Mono","JetBrains Mono",monospace;font-size:12px;color:var(--color-fg);background:var(--color-bg-sunken);padding:1px 5px;border-radius:2px;}
    .how-body a{color:var(--color-fg-muted);text-underline-offset:2px;}
    .how-body a:hover{color:var(--color-fg);}

    /* Pricing */
    .pricing-grid{display:flex;gap:24px;flex-wrap:wrap;}
    .pricing-card{border:1px solid var(--color-border);border-radius:4px;padding:32px;flex:1;min-width:240px;max-width:380px;}
    .pricing-tier{font-family:ui-monospace,"SF Mono","JetBrains Mono",monospace;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:0.12em;color:var(--color-accent);margin-bottom:16px;border:1px solid var(--color-accent);border-radius:2px;display:inline-block;padding:2px 8px;}
    .pricing-tier-muted{font-family:ui-monospace,"SF Mono","JetBrains Mono",monospace;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:0.12em;color:var(--color-fg-muted);margin-bottom:16px;border:1px solid var(--color-border);border-radius:2px;display:inline-block;padding:2px 8px;}
    .pricing-price{font-size:42px;font-weight:500;font-family:ui-monospace,"SF Mono","JetBrains Mono",monospace;letter-spacing:-0.02em;line-height:1;margin-bottom:4px;}
    .pricing-price sup{font-size:20px;vertical-align:top;margin-top:8px;font-weight:400;}
    .pricing-price sub{font-size:16px;color:var(--color-fg-muted);font-weight:400;vertical-align:bottom;margin-bottom:6px;}
    .pricing-chars{font-family:ui-monospace,"SF Mono","JetBrains Mono",monospace;font-size:13px;color:var(--color-fg-muted);margin-bottom:24px;margin-top:4px;}
    .pricing-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px;}
    .pricing-features li{font-size:14px;color:var(--color-fg-muted);display:flex;gap:10px;align-items:flex-start;line-height:1.4;}
    .pricing-features li::before{content:"—";font-family:ui-monospace,"SF Mono","JetBrains Mono",monospace;font-size:12px;color:var(--color-fg-disabled);flex-shrink:0;margin-top:1px;}
    .pricing-features li strong{color:var(--color-fg);font-weight:500;}

    /* API preview */
    .api-wrap{background:var(--color-bg-sunken);border:1px solid var(--color-border);border-radius:4px;overflow:hidden;}
    .api-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);}
    .api-topbar span{font-family:ui-monospace,"SF Mono","JetBrains Mono",monospace;font-size:11px;color:var(--color-fg-disabled);}
    .copy-btn{font-family:ui-monospace,"SF Mono","JetBrains Mono",monospace;font-size:11px;color:var(--color-fg-disabled);background:none;border:none;cursor:pointer;padding:0;transition:color .12s;}
    .copy-btn:hover{color:var(--color-fg);}
    .api-wrap pre{padding:20px 20px 24px;overflow-x:auto;}
    .api-wrap code{font-family:ui-monospace,"SF Mono","JetBrains Mono",monospace;font-size:13px;color:var(--color-fg);white-space:pre;line-height:1.7;}
    .cm{color:var(--color-fg-disabled);}
    .cv{color:var(--color-fg-muted);}

    /* Footer */
    footer{padding:32px 0;}
    .footer-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-family:ui-monospace,"SF Mono","JetBrains Mono",monospace;font-size:12px;color:var(--color-fg-disabled);}
    .footer-row a{color:var(--color-fg-muted);text-decoration:none;}
    .footer-row a:hover{color:var(--color-fg);}
    .footer-dot{color:var(--color-fg-disabled);}

    /* Stripe checkout form buttons */
    .stripe-form{display:inline;}
    .stripe-form .btn-acc{font-family:-apple-system,BlinkMacSystemFont,"Inter",sans-serif;}

    @media(max-width:600px){
      #hero{padding:56px 0 64px;}
      section{padding:56px 0;}
    }