:root{--ink:#17212b;--muted:#617080;--line:#dce3e8;--paper:#fff;--wash:#f5f7f8;--accent:#e96b2c;--dark:#111b24}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site-header{height:68px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));gap:20px}.brand{font-weight:800;font-size:20px;color:var(--dark);text-decoration:none}.site-header nav{display:flex;align-items:center;gap:18px}.site-header a{color:var(--ink);text-decoration:none}.shell{max-width:1180px;margin:auto;padding:38px 24px 64px}.hero{padding:70px 0;max-width:720px}.hero h1{font-size:clamp(42px,7vw,72px);line-height:1.02;letter-spacing:-.05em;margin:8px 0 22px}.hero p{font-size:20px;color:var(--muted);max-width:620px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0}.button,.secondary{display:inline-block;border:0;border-radius:8px;padding:11px 16px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;margin-top:12px}.button{background:var(--accent);color:#fff}.secondary{background:#e7edf0;color:var(--dark)}.button.small{padding:7px 11px}.button.full,.secondary.full{width:100%;text-align:center}.inline{display:inline}.link-button{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:var(--ink)}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 8px 24px rgba(23,33,43,.04)}.card.narrow{max-width:500px;margin:30px auto}.card h1,.card h2{margin-top:0}.notice{border-radius:8px;padding:12px 15px;margin-bottom:20px}.notice.error{background:#ffe5e2;color:#8d2d22}.notice.success{background:#e5f5eb;color:#1c6a42}label{display:block;font-weight:700;margin:13px 0 5px}label small{font-weight:400;color:var(--muted)}input,textarea,select{display:block;width:100%;margin-top:5px;padding:10px 11px;border:1px solid #b9c5cd;border-radius:7px;background:#fff;color:var(--ink);font:inherit}textarea{min-height:90px}.toggle{font-weight:500;display:flex;align-items:center;gap:9px;margin-top:16px}.toggle input{width:auto;margin:0}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.page-heading h1{margin:4px 0 0}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:var(--paper);padding:22px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);transition:transform .15s,border-color .15s}.feature-card:hover{transform:translateY(-2px);border-color:var(--accent)}.feature-card h2{margin:0}.feature-card p{color:var(--muted);margin-bottom:0}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.settings-card{margin-bottom:18px}.terminal{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:start}.terminal>div{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:28px}.payment-summary{background:var(--dark);color:#fff;border-radius:14px;padding:25px;position:sticky;top:20px}.payment-summary h2{margin-top:0}.payment-summary dl{display:grid;grid-template-columns:1fr auto;gap:9px;margin:20px 0}.payment-summary dt{color:#c7d1d8}.payment-summary dd{margin:0;font-variant-numeric:tabular-nums}.payment-summary .total{font-size:19px;font-weight:800;color:#fff;border-top:1px solid #3b4953;padding-top:12px}.payment-summary #card-element{background:white;border-radius:7px;padding:12px;margin:20px 0}.form-error{color:#ffb8ae;min-height:24px}.keypad{display:none;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.keypad button{padding:12px;border:1px solid var(--line);background:#f5f7f8;border-radius:6px;font:inherit}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}th{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.metric{font-size:34px;font-weight:800;margin:0}.document-line{display:grid;grid-template-columns:2fr 1fr 80px 100px;gap:8px;margin:8px 0}.document-line input{margin:0}@media(max-width:760px){.shell{padding:24px 16px}.site-header{padding:0 16px}.site-header nav{gap:10px}.portal-grid,.split,.terminal{grid-template-columns:1fr}.page-heading{align-items:start;flex-direction:column}.terminal .payment-summary{position:static}.keypad{display:grid}.document-line{grid-template-columns:1fr 80px 80px 34px}.hero{padding:36px 0}.hero h1{font-size:47px}}