.accountNav{padding:9px 13px!important;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,transparent)!important;color:var(--ink)!important}.accountAccess{padding:60px 0 78px}.accessHero{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;padding:42px 0 70px}.accessHero h1,.previewTop h1{font-size:clamp(50px,7vw,94px);line-height:.9;letter-spacing:-.08em;margin:17px 0 24px}.accessHero h1 em,.previewTop h1 em{font-style:normal;color:var(--accent)}.accessSignal{padding:26px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),var(--surface));box-shadow:var(--shadow)}.accessSignal>span,.accountMetrics span,.panelTitle small,.canvasHead small{display:block;font:800 11px/1.2 var(--mono);letter-spacing:.09em;color:var(--accent)}.accessSignal>div{display:grid;grid-template-columns:40px 1fr;column-gap:13px;padding:19px 0;border-bottom:1px solid var(--line)}.accessSignal>div:last-child{border:0}.accessSignal i{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--ink);color:var(--surface);font-style:normal;font-weight:900}.accessSignal b{font-size:18px}.accessSignal small{color:var(--muted);line-height:1.4}.accessPromise{padding:52px 0}.accessPromise h2{font-size:clamp(33px,4.4vw,60px);letter-spacing:-.065em;line-height:.95;max-width:820px;margin:14px 0 40px}.accessSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.accessSteps article{padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.accessSteps span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900}.accessSteps h3{font-size:22px;letter-spacing:-.04em;margin:30px 0 8px}.accessSteps p,.accessBoundary p{margin:0;color:var(--muted);line-height:1.55}.accessBoundary,.previewBoundary{display:flex;gap:16px;align-items:flex-start;border:1px solid color-mix(in srgb,#f2ae42 34%,var(--line));background:color-mix(in srgb,#f2ae42 9%,var(--surface));border-radius:18px;padding:19px 21px}.accessBoundary b,.previewBoundary b{white-space:nowrap}.accountPreview{padding:44px 0 70px}.previewTop{display:flex;justify-content:space-between;align-items:end;gap:22px;padding:10px 0 36px}.previewTop h1{font-size:clamp(44px,6.2vw,82px);max-width:850px}.previewTop p{max-width:720px;color:var(--muted);font-size:18px;line-height:1.5}.accountStateSwitch{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:8px;border:1px solid rgba(190,208,255,.13);border-radius:20px;background:#10192e;margin-bottom:21px}.accountStateSwitch button{border:0;border-radius:14px;padding:14px 18px;background:transparent;color:#aab7d1;text-align:left;cursor:pointer}.accountStateSwitch button.active{background:linear-gradient(135deg,#7569ff,#a263cf);color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.2)}.accountStateSwitch span,.accountStateSwitch small{display:block}.accountStateSwitch span{font-weight:800}.accountStateSwitch small{margin-top:3px;opacity:.75}.accountApp{display:grid;grid-template-columns:232px 1fr;border:1px solid rgba(190,208,255,.14);border-radius:28px;overflow:hidden;background:#0c1426;box-shadow:0 36px 80px -36px rgba(0,0,0,.7);color:#edf3ff}.accountRail{padding:20px 14px;border-right:1px solid rgba(190,208,255,.12);background:#0a1121}.accountIdentity{display:flex;align-items:center;gap:10px;padding:5px 7px 21px;border-bottom:1px solid rgba(190,208,255,.12)}.accountIdentity .avatar{background:linear-gradient(135deg,#6c63ff,#ef67ac)}.accountIdentity b,.accountIdentity small{display:block}.accountIdentity small{margin-top:3px;color:#99a8c5;font-size:11px}.accountRail nav{display:grid;gap:3px;padding:18px 0}.accountRail nav button{border:0;border-radius:10px;padding:11px 12px;background:transparent;color:#94a4c3;text-align:left;font:700 13px/1 var(--sans);cursor:default}.accountRail nav button.active{background:rgba(117,105,255,.17);color:#fff}.sampleLabel{display:block;margin:20px 7px 0;color:#657596;font:800 9px/1.4 var(--mono);letter-spacing:.1em}.accountCanvas{padding:30px;min-width:0}.canvasHead{display:flex;justify-content:space-between;gap:20px;align-items:start}.canvasHead h2{font-size:clamp(28px,3.8vw,50px);line-height:.95;letter-spacing:-.065em;margin:9px 0 10px}.canvasHead p{margin:0;max-width:620px;color:#aab8d4;line-height:1.5}.previewChip{white-space:nowrap;border:1px solid rgba(251,196,93,.26);background:rgba(251,196,93,.08);color:#f9d68a;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.outcomeStrip{display:flex;gap:12px;padding:15px 17px;margin:28px 0 18px;border:1px solid rgba(126,206,255,.16);background:rgba(85,170,255,.06);border-radius:14px}.outcomeStrip b{white-space:nowrap;color:#8dcaff}.outcomeStrip span{color:#bdc9df;line-height:1.4}.accountMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.accountMetrics article,.accountPanel{border:1px solid rgba(190,208,255,.12);border-radius:17px;background:rgba(255,255,255,.025)}.accountMetrics article{padding:16px}.accountMetrics strong,.accountMetrics small{display:block}.accountMetrics strong{margin:9px 0 3px;font-size:30px;letter-spacing:-.055em}.accountMetrics small{color:#93a3c3;font-size:11px}.accountPanels{display:grid;grid-template-columns:1.35fr .8fr;gap:15px}.accountPanel{padding:20px}.panelTitle{display:flex;align-items:start;justify-content:space-between;gap:13px;padding-bottom:15px;border-bottom:1px solid rgba(190,208,255,.1)}.panelTitle h3{margin:6px 0 0;font-size:20px;letter-spacing:-.04em}.panelTitle a{color:#98ccff;font-size:12px;font-weight:800;white-space:nowrap}.storyRows{display:grid}.storyRows article{display:grid;grid-template-columns:105px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid rgba(190,208,255,.09)}.storyRows article:last-child{border-bottom:0}.storyRows span{color:#9aaac9;font:800 10px/1.35 var(--mono);letter-spacing:.06em}.storyRows b,.storyRows p{display:block}.storyRows b{font-size:15px}.storyRows p{margin:4px 0 0;color:#9fadc8;font-size:13px;line-height:1.45}.controlCards{display:grid;gap:13px;list-style:none;padding:3px 0 0;margin:15px 0 0}.controlCards li{display:flex;gap:10px}.controlCards i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(115,234,180,.12);color:#73eab4;font-style:normal;font-size:12px}.controlCards b,.controlCards span{display:block}.controlCards b{font-size:14px}.controlCards span{margin-top:3px;color:#9eacc7;font-size:12px;line-height:1.35}.previewBoundary{margin-top:19px;border-color:rgba(251,196,93,.45);background:#1d2230;color:#f5f7ff}.previewBoundary p{margin:0;line-height:1.45;color:#dbe4f8}.previewBoundary b{color:#ffd978}@media(max-width:800px){.accessHero,.accessSteps,.accountPanels{grid-template-columns:1fr}.previewTop{display:grid}.accountStateSwitch{grid-template-columns:1fr}.accountApp{grid-template-columns:1fr}.accountRail{border-right:0;border-bottom:1px solid rgba(190,208,255,.12)}.accountRail nav{grid-template-columns:repeat(3,1fr)}.accountCanvas{padding:20px}.accountMetrics{grid-template-columns:1fr}.canvasHead{display:grid}.previewChip{justify-self:start}.storyRows article{grid-template-columns:84px 1fr}}@media(max-width:500px){.accountAccess{padding-top:30px}.accessHero{padding-bottom:38px}.accountRail nav{grid-template-columns:1fr 1fr}.outcomeStrip{display:grid}.outcomeStrip b{white-space:normal}.accessBoundary,.previewBoundary{display:grid}}
