body { isolation: isolate; }
[hidden] { display: none !important; }
#wavy-dots-wrapper { position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .72; }
#wavy-dots-wrapper canvas { display: block; width: 100%; height: 100%; }
body > header, body > main, body > footer, body > aside, body > .drawer, body > .backdrop, body > dialog, body > .toast { position: relative; z-index: 1; }
.hero-visual { position: relative; min-height: 420px; display: grid; place-items: center; overflow: hidden; }
.hero-visual #globe-canvas { width: min(100%, 500px); aspect-ratio: 1; touch-action: none; cursor: grab; }
.hero-visual #globe-canvas:active { cursor: grabbing; }
.hero-visual .console-head, .hero-visual .route-line, .hero-visual .console-grid, .hero-visual .console-footer { display: none; }
.globe-label { position: absolute; left: 4%; bottom: 12%; display: grid; gap: 3px; pointer-events: none; font: 700 11px/1.2 Space Mono, monospace; letter-spacing: .08em; color: var(--muted); }
.globe-label strong { color: var(--lime); font-size: 12px; }
.account-link, .buy-button { border: 1px solid var(--line); background: transparent; color: var(--text); border-radius: 5px; min-height: 40px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; font-size: 14px; font-weight: 700; }
.account-link:hover, .buy-button:hover { border-color: var(--lime); color: #15200d; background: var(--lime); }
.account-link svg, .buy-button svg { width: 16px; }
.product-card footer .buy-button, .service-card footer .buy-button, .package-card footer .buy-button { min-height: 38px; font-size: 13px; }
body.signed-in .account-page { width: min(1080px, 100%); grid-template-columns: 1fr; gap: 24px; }
body.signed-in .account-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .7fr); gap: 24px; align-items: end; }
body.signed-in .account-intro .eyebrow, body.signed-in .account-intro h1 { grid-column: 1; }
body.signed-in .account-intro > p:not(.eyebrow) { grid-column: 2; grid-row: 1 / span 2; margin: 0; }
body.signed-in .account-surface { padding: 40px; min-height: 390px; }
body.signed-in .account-library { margin-top: 30px; padding-top: 24px; }
body.signed-in #account-guides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
body.signed-in .library-empty { grid-column: 1 / -1; min-height: 110px; display: grid; place-items: center; border: 1px dashed var(--line); }
body.signed-in .guide-download { min-height: 98px; padding: 20px; }
@media (max-width: 720px) { body.signed-in .account-intro { display: block; } body.signed-in .account-intro > p:not(.eyebrow) { margin-top: 18px; } body.signed-in #account-guides { grid-template-columns: 1fr; } body.signed-in .account-surface { padding: 24px; } }
@media (max-width: 600px) { .hero-visual { min-height: 320px; } .hero-visual #globe-canvas { width: min(100%, 360px); } }