.unified-page{--card-glow:rgba(89,210,226,.08)}
.unified-page main{padding-block:54px 72px}
.unified-page .unified-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:44px;align-items:center;padding:26px 0 48px}
.unified-page .unified-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.08;letter-spacing:-.055em;max-width:13ch}
.unified-page .unified-hero .lead{font-size:17px;color:var(--muted);max-width:58ch;margin-top:20px}
.unified-page .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.unified-page .proof-note{font-size:12px;color:var(--muted);margin-top:14px}
.workspace-preview{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--surface),var(--tint));padding:22px;box-shadow:0 20px 70px var(--card-glow)}
.workspace-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.workspace-preview-head span{font-size:11px;color:var(--accent);border:1px solid var(--line);border-radius:999px;padding:4px 9px}
.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview-metrics div{border:1px solid var(--line);border-radius:9px;padding:13px;background:var(--bg)}.preview-metrics small{display:block;color:var(--muted);font-size:10px}.preview-metrics strong{font-size:20px;font-variant-numeric:tabular-nums}
.preview-table{margin-top:14px;border-top:1px solid var(--line)}.preview-table div{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 2px;border-bottom:1px solid var(--line);font-size:12px}.preview-table span{color:var(--muted)}
.unified-section{padding:38px 0}.unified-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.unified-section-head h2{font-size:28px}.unified-section-head p{color:var(--muted);max-width:62ch}
.feature-grid,.steps-grid,.benefit-grid,.plan-grid{display:grid;gap:16px}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card,.step-card,.benefit-card,.plan-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:24px}.feature-card h3,.step-card h3,.benefit-card h2,.plan-card h3{margin-bottom:8px}.feature-card p,.step-card p,.plan-card p{color:var(--muted)}
.feature-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:800}
.steps-grid{grid-template-columns:repeat(3,1fr);counter-reset:steps}.step-card{counter-increment:steps}.step-card:before{content:counter(steps);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:800;margin-bottom:16px}
.plan-grid{grid-template-columns:repeat(3,1fr)}.plan-card{position:relative}.plan-card.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.plan-card .flag{position:absolute;right:16px;top:16px;font-size:10px;color:var(--accent)}.plan-price{display:flex;align-items:baseline;gap:8px;margin:16px 0}.plan-price strong{font-size:34px;color:var(--accent)}.plan-price del{color:var(--muted)}.plan-card ul{padding-left:18px;color:var(--muted);min-height:118px}.plan-card .button{width:100%;margin-top:14px}.service-plans+.service-plans{margin-top:44px;padding-top:44px;border-top:1px solid var(--line)}
.benefit-grid{grid-template-columns:repeat(2,1fr);margin-top:24px}.benefit-card{min-height:280px;display:flex;flex-direction:column;overflow:hidden;position:relative}.benefit-card:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;bottom:-80px;background:var(--accent-soft);opacity:.65}.benefit-card>*{position:relative;z-index:1}.benefit-card .service-name{display:flex;gap:13px;align-items:center}.benefit-card .service-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:20px}.benefit-card .benefit-state{font-size:24px;font-weight:700;margin:26px 0 6px}.benefit-card .benefit-detail{color:var(--muted);min-height:48px}.benefit-card .benefit-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:24px}.status-pill{display:inline-flex;width:max-content;border-radius:999px;padding:4px 9px;font-size:11px;background:var(--accent-soft);color:var(--accent)}.status-pill.expired{background:var(--warn-bg);color:var(--warn)}.status-pill.error{background:var(--surface);color:var(--error);border:1px solid var(--error)}
.account-heading{text-align:center;max-width:680px;margin:auto}.account-heading h1{font-size:38px}.account-heading p{color:var(--muted);margin-top:8px}.account-session{display:flex;justify-content:center;gap:12px;align-items:center;margin-top:18px;color:var(--muted)}
.independence-note{border:1px solid var(--line);background:var(--tint);border-radius:12px;padding:16px 18px;margin-top:20px;color:var(--muted);text-align:center}
.loading-line{height:18px;width:70%;border-radius:999px;background:var(--tint);animation:loading 1.4s ease-in-out infinite alternate}
@media(max-width:900px){.unified-page .unified-hero{grid-template-columns:1fr}.feature-grid,.plan-grid{grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}}
@media(max-width:600px){.unified-page main{padding-block:30px 52px}.unified-page .unified-hero{gap:28px;padding-top:12px}.unified-page .unified-hero h1{font-size:39px}.feature-grid,.plan-grid{grid-template-columns:1fr}.unified-section-head{display:block}.unified-section-head p{margin-top:8px}.preview-metrics{grid-template-columns:1fr}.benefit-card{min-height:250px}.account-heading h1{font-size:31px}}