:root{--paper:#f4efe4;--paper-deep:#efe6d4;--card:#fffdf7;--ink:#1f2a22;--muted:#5d6b5f;--leaf:#2f6b4a;--leaf-deep:#21553a;--clay:#c45c26;--sand:#ddd3be;--line:#e8e0d0;--radius:12px;--shadow:0 8px 24px -12px #1f2a222e;color:var(--ink);background:var(--paper);font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, var(--paper) 0%, var(--paper-deep) 220px, var(--paper) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3{font-family:Literata,Georgia,serif}.app{flex-direction:column;min-height:100dvh;display:flex}main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px 20px 48px}.top{justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:16px 20px;display:flex}.brand{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-family:Literata,Georgia,serif;font-size:18px;font-weight:700}.link-sso,.ghost{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;font-size:14px;text-decoration:none;transition:color .2s}.link-sso:hover,.ghost:hover{color:var(--leaf)}.hero{grid-template-columns:1fr;gap:32px;padding:40px 0 16px;display:grid}.hero-copy{max-width:600px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--leaf);margin:0 0 12px;font-size:12px;font-weight:700}h1{letter-spacing:-.02em;color:var(--ink);margin:0 0 16px;font-size:clamp(32px,7vw,52px);font-weight:700;line-height:1.1}.lead{color:var(--muted);margin:0 0 24px;font-size:18px;line-height:1.6}.cta{border-radius:var(--radius);background:var(--leaf);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;min-height:48px;margin-top:0;padding:14px 28px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s,transform .1s;display:inline-flex}.cta:hover{background:var(--leaf-deep);transform:translateY(-1px)}.cta:active{transform:translateY(0)}.cta:disabled{opacity:.6;cursor:not-allowed;transform:none}.sheet-demo{background:var(--card);border:1px solid var(--sand);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.sheet-bar{color:var(--muted);border-bottom:1px solid var(--line);background:#f3eee2;padding:12px 16px;font-size:13px;font-weight:650}.sheet-grid{grid-template-columns:1.5fr 1fr 1fr;font-size:14px;display:grid}.sheet-grid span{border-top:1px solid var(--line);padding:12px 16px}.sheet-grid .hdr{color:var(--ink);background:#f7f3ea;font-weight:700}.sheet-grid .total{color:var(--leaf);font-weight:700}.block{margin-top:48px}h2{color:var(--ink);margin:0 0 16px;font-size:28px;font-weight:700}.cards{grid-template-columns:1fr;gap:16px;padding:0;list-style:none;display:grid}.cards li{background:var(--card);border:1px solid var(--sand);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;transition:transform .2s,box-shadow .2s}.cards li:hover{transform:translateY(-2px);box-shadow:0 12px 32px -12px #1f2a2240}.cards li strong{color:var(--ink);margin-bottom:8px;font-size:16px;display:block}.cards li p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.price-block{text-align:center;background:var(--card);border-radius:var(--radius);border:1px solid var(--sand);margin-top:48px;padding:32px 20px}.price-tag{color:var(--clay);margin-bottom:8px;font-family:Literata,Georgia,serif;font-size:48px;font-weight:700;display:block}.price-note{color:var(--muted);font-size:14px}.card-page{background:var(--card);border:1px solid var(--sand);border-radius:var(--radius);max-width:520px;box-shadow:var(--shadow);margin:24px auto;padding:32px 24px}.card-page h1{margin:0 0 12px;font-size:24px}.card-page p{color:var(--muted);margin:0 0 16px;line-height:1.5}.muted{color:var(--muted)}.small{font-size:12px}.error-box{border-radius:var(--radius);background:#f8eee8;border:1px solid #e8c4b0;margin:16px 0;padding:16px}.error-box p{color:#9a3b16;margin:0 0 8px;font-size:14px}.error-box a{color:var(--leaf);font-size:14px;text-decoration:underline}.repeat-link{border-radius:var(--radius);background:#f3eee2;margin-top:24px;padding:16px}.repeat-link p{margin:0 0 8px;font-size:14px}.repeat-link code{word-break:break-all;color:var(--ink);font-family:ui-monospace,monospace;font-size:13px}.hints-section{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.hints-section h3{margin:0 0 12px;font-size:16px}.ghost-btn{border:1px solid var(--sand);border-radius:var(--radius);cursor:pointer;min-height:44px;color:var(--ink);background:0 0;padding:10px 16px;font-size:14px;transition:background .2s}.ghost-btn:hover{background:#f3eee2}.ghost-btn:disabled{opacity:.6;cursor:not-allowed}.hint-text{border-radius:var(--radius);color:var(--ink);background:#eef6ef;margin-top:12px;padding:12px;font-size:14px}.error-text{color:#9a3b16;margin-top:12px;font-size:14px}.status-paid,.status-unpaid{border-radius:var(--radius);background:#f3eee2;margin:16px 0;padding:16px}.orders-list{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.orders-list h3{margin:0 0 12px;font-size:16px}.order-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.tag-paid{color:var(--leaf);font-weight:700}.tag-new{color:var(--muted)}.legal{max-width:720px;color:var(--muted);text-align:center;margin:auto auto 0;padding:24px 20px;font-size:12px;line-height:1.5}.loading-screen{min-height:60vh;color:var(--muted);justify-content:center;align-items:center;display:flex}@media (width>=768px){.hero{grid-template-columns:1.2fr 1fr;align-items:center}.cards{grid-template-columns:1fr 1fr}}