:root{--ink:#14212c;--deep:#0f1a22;--paper:#f7f4eb;--mist:#eef3f4;--panel:#ffffff;--teal:#2f6f8f;--orange:#d97445;--field:#607d4f;--gold:#d6a84f;--muted:#5d6d73;--line:#cbd8d9;--soft:0 18px 44px rgba(20,33,44,0.14)}*{box-sizing:border-box}body{margin:0;background-color:var(--mist);background-image:linear-gradient(rgba(20,33,44,.035) 1px,transparent 0),linear-gradient(90deg,rgba(20,33,44,.035) 1px,transparent 0);background-size:44px 44px;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh}.topbar{background:rgba(247,244,235,.96);border-bottom:1px solid rgba(20,33,44,.14);display:flex;justify-content:space-between;padding:14px clamp(18px,5vw,72px);position:-webkit-sticky;position:sticky;top:0;z-index:5}.brand,.topbar{align-items:center}.brand{display:inline-flex}.brand img{display:block;height:54px;width:min(240px,58vw)}.nav{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.nav a{border:1px solid transparent;border-radius:8px;color:var(--deep);font-size:14px;font-weight:800;padding:9px 10px}.nav a:hover{background:#ffffff;border-color:rgba(20,33,44,.14)}.page{margin:0 auto;max-width:1220px;padding:44px clamp(18px,5vw,48px) 80px}.hero{display:grid;grid-gap:28px;gap:28px}.brand-hero{align-items:center;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.hero-copy{max-width:790px}.hero-logo{display:block;margin-bottom:26px;max-width:min(420px,92vw);width:100%}.eyebrow{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1{color:var(--deep);font-size:clamp(42px,6.6vw,78px);letter-spacing:0;line-height:.95;margin:10px 0 18px}.panel h1{font-size:clamp(34px,5vw,58px)}h2{color:var(--deep);font-size:24px;line-height:1.1;margin:0 0 12px}p{color:var(--muted);line-height:1.6}.hero p{font-size:18px;max-width:760px}.beta-panel{background:rgba(255,255,255,.96);border:1px solid rgba(20,33,44,.14);border-radius:8px;box-shadow:var(--soft);padding:clamp(22px,3vw,30px)}.beta-panel h2{font-size:30px;margin-top:10px}.beta-list{display:grid;grid-gap:10px;gap:10px;margin-top:22px}.beta-list div{background:#fbfaf6;border:1px solid var(--line);border-radius:8px;padding:14px 15px}.beta-list span,.beta-list strong{display:block}.beta-list strong{color:var(--deep);font-size:14px;font-weight:900}.beta-list span{color:var(--muted);font-size:13px;line-height:1.45;margin-top:4px}.panel{background:rgba(255,255,255,.96);border:1px solid rgba(20,33,44,.14);border-radius:8px;box-shadow:var(--soft);padding:clamp(22px,4vw,34px)}.panel-logo{display:block;height:54px;margin-bottom:22px;max-width:260px;width:100%}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px}.card{background:rgba(255,255,255,.94);border:1px solid rgba(20,33,44,.12);border-radius:8px;box-shadow:0 10px 28px rgba(20,33,44,.08);padding:22px}.card h2:before{background:var(--teal);border-radius:999px;content:"";display:block;height:6px;margin-bottom:14px;width:38px}.card:nth-child(2) h2:before{background:var(--field)}.card:nth-child(3) h2:before{background:var(--orange)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{align-items:center;background:var(--deep);border:1px solid var(--deep);border-radius:8px;color:#ffffff;cursor:pointer;display:inline-flex;font-weight:900;justify-content:center;min-height:46px;padding:0 18px}.button:hover{background:var(--ink)}.button.secondary{background:#ffffff;border-color:rgba(20,33,44,.22);color:var(--ink)}.button.danger{border-color:#b84040;color:#8b1e1e}.compact-actions{margin-top:16px}.billing-actions{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.compact-form{margin-top:16px}.section-divider{border-top:1px solid var(--line);margin:18px 0 0}.form{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:7px;gap:7px}.field label{color:var(--deep);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.field-label-row{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.text-link{color:var(--teal);font-size:13px;font-weight:900;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.field input{background:#ffffff;border:1px solid #b8c7ca;border-radius:8px;color:var(--ink);min-height:44px;padding:0 12px}.field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(47,111,143,.16);outline:none}.password-field{align-items:center;display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto}.inline-button{background:var(--paper);border:1px solid #b8c7ca;border-radius:8px;color:var(--ink);cursor:pointer;font-weight:800;min-height:44px;padding:0 14px}.button:disabled,.inline-button:disabled{cursor:not-allowed;opacity:.55}.turnstile-box{align-items:center;background:#fbfaf6;display:flex;min-height:86px;padding:14px}.notice,.turnstile-box{border:1px solid var(--line);border-radius:8px}.notice{font-size:14px;line-height:1.45;padding:12px}.notice.success{background:#e7f4ed;border-color:#9ad1b5;color:#0f5f34}.notice.warning{background:#fff8e5;border-color:#e7c66f;color:#62440a}.notice.error{background:#feecec;border-color:#eba3a3;color:#8b1e1e}.helper-text{color:var(--muted);font-size:13px;margin-top:12px}.status-list{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.status-row{align-items:center;background:#fbfaf6;border:1px solid var(--line);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.tag{background:#e7f4ed;border-radius:999px;color:#0f5f34;font-size:12px;font-weight:900;padding:6px 10px;white-space:nowrap}.account-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px}.account-section{background:#fbfaf6;border:1px solid var(--line);border-radius:8px;padding:20px}.account-section h2{font-size:22px;margin-bottom:8px}.account-section p{margin:0}.section-kicker{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.preview-section{margin-top:44px}.section-heading{align-items:end;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,.7fr) minmax(280px,.3fr);margin-bottom:18px}.section-heading h2{font-size:clamp(28px,4vw,44px);margin:8px 0 0}.section-heading p{margin:0}.preview-shell{background:var(--paper);border:1px solid rgba(20,33,44,.18);border-radius:8px;box-shadow:var(--soft);overflow:hidden}.preview-toolbar{align-items:center;background:var(--deep);color:#ffffff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.preview-toolbar a,.preview-toolbar span{font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.preview-toolbar a{border-bottom:1px solid rgba(255,255,255,.75)}.sample-frame{background:#ffffff;border:0;display:block;height:min(62vw,680px);min-height:460px;width:100%}@media (max-width:820px){.account-grid,.brand-hero,.grid,.section-heading{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column;gap:12px}.nav{justify-content:flex-start}.status-row{align-items:flex-start;flex-direction:column}.sample-frame{height:520px;min-height:520px}}