*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--auth-bg,#f7f5ff);color:var(--auth-text,#16181d);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.eight-content{width:min(calc(100% - 40px),760px);margin:auto;padding:22px 0 max(42px,env(safe-area-inset-bottom));}.eight-content-header{min-height:48px;display:flex;align-items:center;justify-content:space-between}.eight-back,.eight-theme-icon{min-height:44px;border:0;background:transparent;color:var(--auth-muted);font:inherit;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.eight-theme-icon{width:44px;justify-content:center;border-radius:12px;background:var(--auth-field);font-size:20px;cursor:pointer}.eight-title-row h1{margin:28px 0 20px;font-size:clamp(36px,6vw,54px);line-height:1;letter-spacing:-.04em}.eight-content-card{padding:clamp(20px,4vw,30px);border-radius:16px;background:var(--auth-bg);box-shadow:0 12px 34px rgba(42,35,91,.09)}.eight-content-card>h1:first-child{display:none}.eight-content-card .lead{margin:0 0 22px;color:var(--auth-muted);font-size:16px;line-height:1.45}.eight-content-card .metric{padding:15px 16px!important;border:0!important;border-radius:13px!important;background:var(--auth-field)!important}.eight-content-card .metric b{color:var(--auth-muted)!important;font-size:13px}.eight-content-card .metric span{display:block;margin-top:5px;font-weight:750;font-variant-numeric:tabular-nums}.eight-content-card .metric:nth-of-type(3) span{font-size:26px!important}.eight-content-card button,.eight-content-card .button{min-height:54px;border:0!important;border-radius:14px!important;background:var(--auth-primary)!important;color:#fff!important;font:inherit;font-weight:750;cursor:pointer}.eight-content-card input{min-height:50px;border:1px solid var(--auth-outline)!important;border-radius:12px!important;background:var(--auth-field)!important;color:var(--auth-text)!important;font:inherit;padding:0 14px}.eight-content-card .note{color:var(--auth-muted);font-size:13px;line-height:1.5}.eight-content-nav{display:flex;justify-content:center;gap:20px;margin-top:20px}.eight-content-nav a{min-height:44px;color:var(--auth-muted);font-size:14px;font-weight:700;text-decoration:none;display:flex;align-items:center}.eight-content--devices .eight-content-card>.wrap{width:100%;max-width:none;margin:0;padding:0;background:none}.eight-content--devices .brand,.eight-content--devices .card>h1{display:none}.eight-content--devices .card{padding:0;background:none;box-shadow:none}.eight-content--devices .option{border-width:1px!important;border-color:var(--auth-outline)!important;background:var(--auth-bg)!important;color:var(--auth-text)!important}.eight-content--devices .option.active{border-color:var(--auth-primary)!important;background:var(--auth-field)!important}.eight-content--devices .summary{background:var(--auth-field)!important}.eight-content--devices .pay{display:none}.eight-content--devices .pay.show{display:block}.eight-content--devices style{display:none}@media(max-width:560px){.eight-content{width:min(calc(100% - 32px),760px);padding-top:14px}.eight-title-row h1{margin-top:20px;font-size:36px}.eight-content-card{padding:18px}.eight-content-card .metric{padding:13px 14px!important}.eight-content-nav{padding-bottom:max(10px,env(safe-area-inset-bottom))}}
.eight-payment-heading{margin:24px 0 12px;font-size:20px;letter-spacing:-.02em}.eight-payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.eight-content-card .eight-payment-method{min-height:72px;padding:13px 15px;background:var(--auth-field)!important;color:var(--auth-text)!important;border:1px solid transparent!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eight-payment-method span{font-size:16px;font-weight:750}.eight-payment-method small{margin-top:4px;color:var(--auth-muted);font-size:12px}.eight-content-card .eight-payment-method.is-selected{border-color:var(--auth-primary)!important;background:color-mix(in srgb,var(--auth-primary) 10%,var(--auth-bg))!important}.eight-payment-continue{width:100%;margin-top:12px}.eight-payment-continue:disabled{opacity:.45;cursor:not-allowed}.eight-content--help .eight-content-card>.wrap,.eight-content--legal .eight-content-card>.wrap{width:100%;max-width:none;min-height:0;margin:0;padding:0;background:none}.eight-content--help .orbit,.eight-content--help .theme,.eight-content--legal .hero>h1{display:none}.eight-content--help .lead{font-size:20px;color:var(--auth-text);font-weight:750}.eight-content--help .note{padding:16px;border-radius:13px;background:var(--auth-field)}.eight-content--help .buttons{display:grid;gap:10px}.eight-content--help .btn{min-height:58px;border-radius:14px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--auth-primary);color:#fff;font-weight:750}.eight-content--help .btn svg{width:24px;height:24px}.eight-content--help .small{color:var(--auth-muted);font-size:13px;line-height:1.5}.eight-content--legal .hero{padding-bottom:22px;border-bottom:1px solid var(--auth-outline)}.eight-content--legal .hero>p,.eight-content--legal .doc p,.eight-content--legal .doc li{line-height:1.62}.eight-content--legal .meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.eight-content--legal .meta>div,.eight-content--legal .warning{padding:14px;border-radius:12px;background:var(--auth-field)}.eight-content--legal .meta b{display:block;margin-bottom:4px}.eight-content--legal .toc{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.eight-content--legal a{color:var(--auth-primary)}.eight-content--legal .doc h2{margin-top:30px}.eight-content--legal .footer{margin-top:26px;color:var(--auth-muted)}@media(max-width:560px){.eight-payment-methods,.eight-content--legal .meta{grid-template-columns:1fr}.eight-content--legal .eight-content-card{padding:17px}.eight-content--legal .doc h2{font-size:25px}}
/* One token set for every 8PN content page, including payment in dark Safari. */
:root{--background:#f7f5ff;--surface:#fff;--surface-secondary:#f0edfb;--text-primary:#151522;--text-secondary:#6e6d80;--border:#e6e0f6;--accent:#6757ee;--danger:#d94c5f}html[data-theme=dark]{--background:#111117;--surface:#191921;--surface-secondary:#22222c;--text-primary:#f5f3ff;--text-secondary:#aaa7bb;--border:#30303d;--accent:#9a8fff;--danger:#ff7c8c}body{background:var(--background)!important;color:var(--text-primary)!important}.eight-content-card{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:0 12px 34px rgba(42,35,91,.09)!important}.eight-title-row h1,.eight-content-card h2,.eight-content-card h3{color:var(--text-primary)!important}.eight-back,.eight-content-nav a{color:var(--text-secondary)!important}.eight-theme-icon,.eight-content-card .metric,.eight-content-card input{background:var(--surface-secondary)!important;color:var(--text-primary)!important;border-color:var(--border)!important}.eight-content-card .metric b,.eight-content-card .note,.eight-content-card .lead{color:var(--text-secondary)!important}.eight-content-card .metric span{color:var(--text-primary)!important}.eight-content-card .eight-payment-method{background:var(--surface-secondary)!important;color:var(--text-primary)!important;border-color:var(--border)!important}.eight-content-card .eight-payment-method small{color:var(--text-secondary)!important}.eight-content-card .eight-payment-method.is-selected{background:color-mix(in srgb,var(--accent) 14%,var(--surface))!important;border-color:var(--accent)!important}.eight-content-card .eight-payment-continue,.eight-content-card button,.eight-content-card .button{background:var(--accent)!important}.eight-content--payment .eight-content-card{padding:clamp(18px,4vw,26px)}.eight-content--payment .lead{margin-bottom:16px}.eight-content--payment .metric{margin-bottom:8px!important}.eight-content--payment .eight-payment-heading{margin:20px 0 10px}.eight-content--payment .eight-payment-continue{margin-top:12px}.eight-content--payment .note{margin:13px 0 0}.eight-content--payment .eight-content-nav{padding-bottom:max(12px,env(safe-area-inset-bottom))}
/* Last staging-pass parity: support and legal use the same AppShell tokens, spacing and controls. */
.eight-content--help,.eight-content--legal{width:min(calc(100% - 32px),760px);padding-bottom:max(42px,env(safe-area-inset-bottom))}.eight-content--help .eight-title-row,.eight-content--legal .eight-title-row{display:none}.eight-content--help .eight-content-card,.eight-content--legal .eight-content-card{padding:clamp(22px,5vw,36px)}.eight-help-card h2{margin:0;color:var(--text-primary);font-size:clamp(32px,7vw,48px);letter-spacing:-.035em}.eight-help-card>p{margin:11px 0 0;color:var(--text-secondary);line-height:1.5}.eight-help-actions{display:grid;gap:9px;margin-top:22px}.eight-help-action{min-height:66px;padding:10px 14px;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:11px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text-primary);text-decoration:none}.eight-help-action:first-child{background:var(--accent);border-color:var(--accent);color:#fff}.eight-help-action svg{width:22px}.eight-help-action small{display:block;margin-top:3px;opacity:.76}.eight-help-before{margin-top:14px;padding:18px;border-radius:12px;background:var(--surface-secondary)}.eight-help-before h3{margin:0;color:var(--text-primary);font-size:17px}.eight-help-before ul{margin:10px 0 0;padding-left:20px;color:var(--text-secondary);line-height:1.6}.eight-content--legal{width:min(calc(100% - 32px),980px)}.eight-legal-hero,.eight-legal-doc{background:transparent}.eight-legal-hero{padding:0 0 24px;border-bottom:1px solid var(--border)}.eight-legal-hero h2{margin:0 0 14px;color:var(--text-primary);font-size:clamp(32px,6vw,54px);line-height:1;letter-spacing:-.045em}.eight-legal-hero p,.eight-legal-doc p,.eight-legal-doc li{color:var(--text-secondary);font-size:15px;line-height:1.72}.eight-legal-doc{padding:26px 0 0}.eight-legal-doc h2{margin:0 0 16px;color:var(--text-primary);font-size:clamp(26px,4vw,34px);letter-spacing:-.04em}.eight-legal-doc h3{margin:28px 0 10px;color:var(--text-primary);font-size:21px;letter-spacing:-.03em}.eight-legal-doc a,.eight-legal-toc a{color:var(--accent)}.eight-legal-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.eight-legal-meta div,.eight-legal-warning{padding:15px;border-radius:13px;background:var(--surface-secondary);color:var(--text-secondary);font-size:14px;line-height:1.45}.eight-legal-meta b{display:block;margin-bottom:4px;color:var(--text-primary)}.eight-legal-toc{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.eight-legal-toc a{min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:10px;display:inline-flex;align-items:center;text-decoration:none;font-weight:800}.eight-legal-warning{color:var(--danger);font-weight:750}@media(max-width:560px){.eight-content--help,.eight-content--legal{width:min(calc(100% - 28px),980px)}.eight-content--help .eight-content-card,.eight-content--legal .eight-content-card{padding:20px}.eight-legal-meta{grid-template-columns:1fr}}
/* Staging devices flow mapped onto unchanged production DOM/action contracts. */
.eight-content--devices .eight-content-card{padding:clamp(20px,4vw,30px)}.eight-content--devices .wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:none!important}.eight-content--devices .brand{display:none}.eight-content--devices .card{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}.eight-content--devices .subtitle{margin:0 0 20px;color:var(--text-secondary);font-size:16px;line-height:1.5}.eight-content--devices .option{width:100%;margin:0 0 9px;padding:16px;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--surface)!important;color:var(--text-primary)!important;text-align:left}.eight-content--devices .option.active{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 10%,var(--surface))!important}.eight-content--devices .option-title{font-size:17px;font-weight:850}.eight-content--devices .option-price{margin-top:5px;color:var(--text-secondary);font-size:14px}.eight-content--devices .summary{padding:16px;border-radius:12px;background:var(--surface-secondary)}.eight-content--devices .row{display:flex;justify-content:space-between;gap:12px;margin:7px 0;color:var(--text-secondary)}.eight-content--devices .row b,.eight-content--devices .row span{color:var(--text-primary)}.eight-content--devices .row.total{margin-top:13px;padding-top:13px;border-top:1px solid var(--border);font-size:21px;font-weight:850}.eight-content--devices .pay{width:100%;min-height:54px;margin:10px 0 0;border:0;border-radius:13px;background:var(--accent);color:#fff;font:inherit;font-weight:800}.eight-content--devices .empty,.eight-content--devices .notice{margin-top:15px;padding:15px;border-radius:12px;background:var(--surface-secondary);color:var(--text-secondary);line-height:1.5}.eight-content--devices .back{display:flex;min-height:44px;align-items:center;justify-content:center;margin-top:14px;color:var(--accent);font-weight:800;text-decoration:none}