#app{min-height:100vh}.hero{background:#161b15;background:linear-gradient(160deg,var(--hero-from) 0%,var(--hero-to) 100%);color:#f4f6f0;padding:32px 16px 88px;text-align:center}.hero-inner{max-width:720px;margin:0 auto}.hero-inner>a{display:inline-block}.hero .logo{width:min(132px,40vw);margin:0 auto 16px;padding:0;filter:drop-shadow(0 12px 24px rgba(0,0,0,.45));transition:none}.hero h1{font-size:26px;line-height:1.2;margin:0 0 8px;letter-spacing:-.01em}.hero .tagline{margin:0 auto;max-width:520px;color:#c9d1c3;font-size:15px}.badges{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.badges li{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#e7ece3}.badges svg{width:14px;height:14px;flex:none;color:#f5a14a}.main{max-width:720px;margin:-64px auto 0;padding:0 16px 40px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;text-align:left}.card p{overflow-wrap:anywhere}.step+.step{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.step-title{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:18px}.step-num{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;flex:none}.step p{margin:0 0 12px;color:var(--muted)}.screenshots{display:grid;grid-template-columns:1fr;gap:12px}.screenshots a{display:block;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#111}.screenshots img{width:100%}.field{margin-bottom:16px}.field label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}.field input{width:100%;font:inherit;font-size:16px;min-height:48px;padding:10px 14px;border:1px solid #cfd4c8;border-radius:var(--radius);background:#fff;color:var(--ink)}.field input.mono{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}.field input[aria-invalid=true]{border-color:var(--danger);background:var(--danger-soft)}.field-error{color:var(--danger);font-size:14px;margin:6px 0 0;font-weight:500}.price-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--radius);background:var(--accent-soft);margin-bottom:16px}.price{margin:0;font-size:20px;font-weight:700;color:var(--ink)}.price small{display:block;font-size:12px;font-weight:500;color:var(--muted)}.currency-field{display:flex;align-items:center;gap:8px}.currency-field label{font-size:14px;font-weight:600;color:var(--muted)}.currency-field select{font:inherit;font-size:16px;min-height:44px;padding:0 10px;border:1px solid #cfd4c8;border-radius:10px;background:#fff;color:var(--ink)}.payment-methods{display:flex;flex-direction:column;gap:10px;max-width:480px;margin:0 auto}.payment-methods paypal-button,.payment-methods paypal-basic-card-container,.payment-methods paypal-basic-card-button,.payment-methods p24-button,.payment-methods blik-button,.payment-methods ideal-button,.payment-methods bancontact-button,.payment-methods eps-button,.payment-methods swish-button{display:block;width:100%}.payment-methods apple-pay-button{display:block;width:100%;--apple-pay-button-width: 100%;--apple-pay-button-height: 45px;--apple-pay-button-border-radius: 4px;--apple-pay-button-padding: 0px;--apple-pay-button-box-sizing: border-box}.payment-methods paypal-hosted-local-redirect-payment-fields{display:block;height:96px;overflow:hidden}.lpm-method{padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:#fafbf8}.hint{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius);background:#f6f7f4;border:1px dashed #cfd4c8;color:var(--muted);font-size:14px;margin:0}.note{font-size:13px;color:var(--muted);margin:12px 0 0;text-align:center}.secure{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--muted);margin-top:16px}.secure svg{width:14px;height:14px;flex:none}.footer{text-align:center;font-size:13px;color:var(--muted);padding:0 16px 32px}.footer a{color:var(--muted)}.status-card{margin-top:16px;text-align:center}.status-card.status-error{border-left:4px solid var(--danger);background:var(--danger-soft)}.code-box{font-family:var(--mono);font-size:28px;letter-spacing:.12em;font-weight:700;padding:14px 18px;border-radius:var(--radius);background:var(--success-soft);color:var(--success);border:1px solid #abefc6;display:inline-block;margin:8px 0 12px;font-size:clamp(20px,6vw,28px);overflow-wrap:anywhere}.btn{font:inherit;font-weight:600;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer}.spinner{width:32px;height:32px;margin:0 auto 12px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}@media (min-width: 480px){.screenshots{grid-template-columns:1fr 1fr}}@media (min-width: 640px){.hero{padding:48px 24px 104px}.hero .logo{width:168px}.hero h1{font-size:34px}.card{padding:32px}}:root{--bg: #f3f4ef;--surface: #ffffff;--ink: #1b1f1a;--muted: #5b6358;--border: #e2e5dc;--accent: #e07a12;--accent-soft: #fdf1e3;--hero-from: #161b15;--hero-to: #2e3a2b;--danger: #b42318;--danger-soft: #fef3f2;--success: #067647;--success-soft: #ecfdf3;--focus: #e07a12;--radius-lg: 18px;--radius: 12px;--shadow: 0 1px 2px rgba(16, 24, 16, .06), 0 12px 32px rgba(16, 24, 16, .1);--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.55;color:var(--ink);background:var(--bg);color-scheme:light;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}a{color:var(--accent);text-decoration:inherit}body{margin:0;background-color:var(--bg)}img{max-width:100%;height:auto;display:block}h1{margin:0}h2{margin:0 0 12px;font-size:1.15rem;line-height:1.3;color:var(--ink)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--surface);color:var(--ink);cursor:pointer;min-height:44px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}