:root { --paper:#f4f2ec; --ink:#20211e; --muted:#6d6f68; --line:#d9d7cf; --accent:#5b6641; --dark:#1f211d; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font:15px/1.6 Inter, ui-sans-serif, system-ui, sans-serif; }
a { color:inherit; }
.site-header { height:76px; max-width:1200px; margin:auto; padding:0 28px; display:flex; align-items:center; justify-content:space-between; }
.wordmark { display:flex; align-items:center; gap:10px; font-size:20px; font-weight:750; text-decoration:none; letter-spacing:-.04em; }
.wordmark span { width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:var(--dark); color:#fff; font-family:Georgia,serif; }
.site-header nav { display:flex; align-items:center; gap:26px; }
.site-header nav a { text-decoration:none; font-size:13px; }
.nav-button,.button { display:inline-flex; justify-content:center; align-items:center; min-height:42px; padding:0 18px; border:1px solid var(--line); border-radius:9px; background:transparent; color:inherit; font:inherit; font-weight:650; text-decoration:none; cursor:pointer; }
.nav-button,.button.primary { background:var(--dark); color:#fff; border-color:var(--dark); }
.hero { min-height:650px; max-width:1100px; margin:auto; padding:105px 28px 70px; text-align:center; }
.eyebrow { margin-bottom:16px; color:var(--accent); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.16em; }
h1,h2 { font-family:Georgia, 'Times New Roman', serif; font-weight:500; letter-spacing:-.035em; line-height:1.08; }
.hero h1 { max-width:900px; margin:0 auto; font-size:clamp(48px,7vw,86px); }
.hero>p { max-width:690px; margin:28px auto; color:var(--muted); font-size:19px; }
.hero-actions { display:flex; justify-content:center; gap:12px; margin-top:34px; }
.trust-row { margin:80px auto 0; display:flex; justify-content:center; flex-wrap:wrap; gap:34px; color:var(--muted); font-size:12px; }
.feature-grid { max-width:1200px; margin:0 auto 120px; padding:0 28px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.feature-grid article { padding:42px 34px; border-right:1px solid var(--line); }
.feature-grid article:last-child { border-right:0; }
.feature-grid article>span,.panel>span,.price-card>span { color:var(--accent); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.feature-grid h2 { margin:36px 0 16px; font-size:31px; }
.feature-grid p,.split-band p,.panel p { color:var(--muted); }
.split-band { padding:90px max(28px,calc((100vw - 1120px)/2)); display:grid; grid-template-columns:1fr 1fr; gap:100px; background:var(--dark); color:#fff; }
.split-band h2 { margin:0; font-size:48px; }
.split-band p { color:#c8cabf; font-size:17px; }
footer { max-width:1200px; margin:auto; padding:64px 28px; display:flex; justify-content:space-between; color:var(--muted); }
footer>div:last-child { display:flex; gap:24px; }
.wordmark.muted span { background:#d8d6ce; color:var(--ink); }
.page-heading,.account-heading { max-width:1120px; margin:70px auto 50px; padding:0 28px; }
.page-heading h1 { margin:0; font-size:64px; }
.page-heading p { color:var(--muted); font-size:18px; }
.release-grid,.pricing-grid,.account-grid { max-width:1120px; margin:0 auto 100px; padding:0 28px; display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.panel,.price-card,.auth-card,.center-panel,.legal { padding:32px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.58); }
.release-grid .panel { display:flex; gap:24px; }
.platform-mark { width:64px; height:64px; flex:none; display:grid; place-items:center; border-radius:14px; background:var(--dark); color:#fff; font:28px Georgia,serif; }
.panel h2,.price-card h2 { margin:8px 0; font-size:34px; }
details { margin-top:20px; color:var(--muted); font-size:12px; }
details code { display:block; margin-top:8px; overflow-wrap:anywhere; }
.notice { max-width:1064px; margin:0 auto 100px; padding:30px; border-left:3px solid var(--accent); background:#ebe9e1; }
.pricing-grid { align-items:stretch; }
.price-card { padding:40px; }
.price-card.featured { background:var(--dark); color:#fff; border-color:var(--dark); transform:translateY(-12px); }
.price-card h2 { font-size:48px; }
.price-card ul { min-height:210px; padding:0; list-style:none; }
.price-card li { padding:9px 0; border-bottom:1px solid rgba(128,128,128,.25); }
.price-note { color:var(--muted); }
.auth-shell { max-width:1040px; margin:70px auto 110px; padding:0 28px; display:grid; grid-template-columns:1.2fr .8fr; gap:90px; align-items:center; }
.auth-copy h1 { font-size:54px; }
.auth-copy p { max-width:560px; color:var(--muted); }
.auth-card { display:flex; flex-direction:column; gap:16px; background:#fff; }
.auth-card label { display:flex; flex-direction:column; gap:6px; color:var(--muted); font-size:12px; font-weight:650; }
.auth-card input { width:100%; height:44px; padding:0 12px; border:1px solid var(--line); border-radius:8px; font:inherit; color:var(--ink); }
.auth-card p { margin:0; color:var(--muted); font-size:13px; }
.form-error { min-height:20px; color:#a23c32!important; }
.small-link { font-size:12px; color:var(--muted); }
.center-panel,.legal { max-width:720px; margin:100px auto; text-align:center; }
.center-panel h1,.legal h1 { font-size:50px; }
.account-heading { display:flex; justify-content:space-between; align-items:end; }
.account-heading h1 { margin:0; font-size:52px; }
.account-heading p { color:var(--muted); }
.account-grid { grid-template-columns:repeat(2,1fr); }
.panel.wide { grid-column:1/-1; }
.usage-track { height:8px; margin-top:24px; overflow:hidden; border-radius:99px; background:#dddcd6; }
.usage-track span { display:block; height:100%; background:var(--accent); }
.device-list>div { padding:15px 0; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }
.device-list small { display:block; color:var(--muted); }
.link-button { padding:0; border:0; background:none; color:var(--accent); font:inherit; cursor:pointer; text-decoration:underline; }
.link-button.danger { color:#9b3b32; }
.button.danger { border-color:#9b3b32; color:#9b3b32; }
.inline-account-form,.account-actions { display:flex; align-items:end; gap:12px; }
.inline-account-form label,.delete-account-form label { display:grid; gap:6px; color:var(--muted); font-size:12px; }
.inline-account-form input,.delete-account-form input { min-width:260px; height:42px; padding:0 12px; border:1px solid var(--line); border-radius:8px; font:inherit; }
.delete-account-form { margin-top:22px; display:flex; align-items:end; gap:12px; }
.delete-account-form[hidden] { display:none; }
@media(max-width:760px){.site-header nav>a:not(.nav-button){display:none}.hero{padding-top:70px}.feature-grid,.split-band,.pricing-grid,.account-grid,.auth-shell{grid-template-columns:1fr}.feature-grid article{border-right:0;border-bottom:1px solid var(--line)}.split-band{gap:30px}.release-grid{grid-template-columns:1fr}.account-heading{align-items:start;gap:20px}.page-heading h1{font-size:48px}}