:root { --ink:#181611; --muted:#6d665b; --line:#d8d0c1; --paper:#fffdf7; --soft:#f5f0e7; --accent:#285c42; --serif:"Libre Baskerville", Georgia, serif; --mono:"IBM Plex Mono", monospace; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--serif); }
a { color:inherit; }
.pricing-page { width:min(1160px, calc(100% - 40px)); margin:0 auto; padding:24px 0 36px; }
.pricing-nav, .pricing-footer { display:flex; align-items:center; justify-content:space-between; gap:22px; }
.pricing-nav { padding-bottom:44px; }
.pricing-brand { text-decoration:none; font-family:var(--mono); font-size:24px; font-weight:700; letter-spacing:.08em; }
.pricing-brand span { margin-left:7px; color:var(--muted); font-size:10px; letter-spacing:0; font-weight:500; }
.pricing-nav nav, .pricing-footer { font-family:var(--mono); font-size:12px; }
.pricing-nav nav { display:flex; align-items:center; gap:20px; }
.pricing-nav nav a { text-decoration:none; border-bottom:1px solid transparent; }
.pricing-nav nav a:hover { border-bottom-color:var(--ink); }
.pricing-nav-login, .button { padding:11px 15px; border:1px solid var(--ink); border-radius:2px; }
.pricing-hero { max-width:850px; padding:54px 0 72px; }
.eyebrow { margin:0 0 12px; color:var(--accent); font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
h1, h2, h3, p { margin-top:0; }
h1 { max-width:850px; margin-bottom:24px; font-size:clamp(39px, 6vw, 76px); line-height:1.03; letter-spacing:-.045em; }
h2 { font-size:clamp(26px, 3.6vw, 43px); line-height:1.14; letter-spacing:-.035em; }
h3 { font-size:22px; line-height:1.22; }
.pricing-hero > p:last-child, .section-heading > p:last-child { max-width:700px; color:var(--muted); font-size:17px; line-height:1.7; }
.trial-card, .pricing-cta { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:36px; background:var(--accent); color:#fffdf7; }
.trial-card .eyebrow, .pricing-cta .eyebrow { color:#c8ddc8; }
.trial-card h2, .pricing-cta h2 { margin-bottom:12px; }
.trial-card p:last-child { margin-bottom:0; color:#dcebdd; line-height:1.6; }
.button { display:inline-block; text-decoration:none; font-family:var(--mono); font-size:12px; font-weight:700; white-space:nowrap; }
.button--dark { border-color:#fffdf7; background:#fffdf7; color:var(--ink); }
.pricing-section { padding:96px 0 0; }
.section-heading { margin-bottom:30px; }
.price-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; }
.price-card { min-height:244px; padding:26px; border:1px solid var(--line); background:#fff; }
.price-card--featured { border:2px solid var(--accent); background:#f0f8ef; }
.price-card-label { color:var(--accent); font-family:var(--mono); font-size:11px; font-weight:700; text-transform:uppercase; }
.price-card strong { display:block; margin:34px 0 8px; font-size:34px; letter-spacing:-.04em; }
.price-card span { color:var(--muted); font-size:14px; }
.corporate-section { padding-bottom:0; }
.corporate-layout { display:grid; grid-template-columns:1.4fr .8fr; gap:14px; }
.corporate-table, .discount-card, .how-card { border:1px solid var(--line); background:#fff; }
.corporate-row { display:grid; grid-template-columns:1fr auto; gap:20px; padding:20px 24px; border-bottom:1px solid var(--line); }
.corporate-row:last-child { border-bottom:0; }
.corporate-row--head { color:var(--muted); font-family:var(--mono); font-size:11px; text-transform:uppercase; }
.discount-card { padding:24px; background:var(--soft); }
.discount-card > p { font-family:var(--mono); font-size:11px; font-weight:700; text-transform:uppercase; }
.discount-card ul { display:grid; gap:18px; margin:28px 0 0; padding:0; list-style:none; }
.discount-card li { display:flex; justify-content:space-between; gap:12px; }
.discount-card span { color:var(--accent); font-family:var(--mono); font-weight:700; }
.how-card { margin-top:96px; padding:38px; background:var(--soft); }
.how-card ol { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; margin:30px 0; padding:0; list-style:none; }
.how-card li { display:grid; gap:10px; padding:18px; background:var(--paper); font-size:16px; line-height:1.45; }
.how-card li span { color:var(--accent); font-family:var(--mono); font-size:12px; font-weight:700; }
.how-note { margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.pricing-cta { margin-top:96px; }
.pricing-footer { margin-top:42px; padding-top:24px; border-top:1px solid var(--line); color:var(--muted); }
.pricing-footer a { color:var(--ink); text-decoration:none; }
@media (max-width:760px) { .pricing-page { width:min(100% - 28px, 1160px); } .pricing-nav { align-items:flex-start; padding-bottom:28px; } .pricing-nav nav { gap:11px; flex-wrap:wrap; justify-content:flex-end; } .pricing-nav-login { padding:0; border:0; } .pricing-hero { padding:30px 0 50px; } .trial-card, .pricing-cta { align-items:flex-start; flex-direction:column; padding:25px; } .price-grid, .corporate-layout, .how-card ol { grid-template-columns:1fr; } .pricing-section { padding-top:66px; } .how-card, .pricing-cta { margin-top:66px; } .pricing-footer { flex-wrap:wrap; justify-content:flex-start; } }