.platform-nav{background:color-mix(in srgb,var(--bg-0) 92%,transparent);backdrop-filter:blur(16px)}.platform-nav-inner{height:80px;max-width:1440px;padding-inline:5vw}.platform-nav .btn{min-height:44px;padding-inline:16px}.platform-nav .btn-primary{background:var(--surface-1);border-color:var(--border-strong);color:var(--text-1)}.platform-nav .btn-primary:hover{background:var(--surface-2)}.platform-page{max-width:1280px;width:100%;margin-inline:auto;padding:146px 40px 80px}.platform-kicker{color:var(--text-3);text-transform:uppercase;font:11px IBM Plex Mono,monospace;letter-spacing:.12em;margin-bottom:20px}.platform-title{font-family:var(--font-display);font-size:clamp(36px,4.8vw,64px);font-weight:400;letter-spacing:-.055em;line-height:1.12;color:var(--text-1)}.platform-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-1);box-shadow:0 18px 46px -30px #0003}.platform-enter{animation:platform-arrive .65s cubic-bezier(.16,1,.3,1) both}@keyframes platform-arrive{0%{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.work-ribbon{position:absolute;pointer-events:none;color:var(--accent)}.work-ribbon svg{width:100%;height:100%}.work-ribbon{animation:ribbon-arrive 1.6s cubic-bezier(.16,1,.3,1) both}@keyframes ribbon-arrive{0%{opacity:0;transform:translateY(34px) rotate(-12deg) scale(.9)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}.account-page{position:relative;min-height:100svh;background:var(--bg-0);overflow:clip}.account-nav{max-width:1440px;margin:auto;padding:22px 5vw;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.account-nav>a{display:flex;align-items:center;min-height:44px}.account-layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:calc(100svh - 90px);padding:50px 40px 90px;gap:90px}.account-story{position:relative;min-height:550px;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.account-story:before{content:"";position:absolute;z-index:-2;inset:5% -15%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 9%,transparent),transparent 65%)}.account-story .work-ribbon{width:660px;height:660px;top:-60px;left:-110px;z-index:-1;opacity:.55}.account-story h2{font:400 clamp(40px,4.8vw,64px)/1.14 var(--font-display);letter-spacing:-.055em;color:var(--text-1)}.account-story h2>span{color:var(--text-2)}.account-story>p:not(.platform-kicker){max-width:370px;color:var(--text-2);line-height:1.8;font-size:16px;margin-top:25px}.account-proof{display:flex;gap:13px;align-items:center;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface-1) 92%,transparent);border-radius:12px;width:-moz-fit-content;width:fit-content;padding:17px 23px;margin-top:42px;box-shadow:0 18px 30px -22px #0006}.account-proof>span{font-size:24px;color:var(--accent-text)}.account-proof strong{display:block;font-size:13px;font-weight:500}.account-proof small{color:var(--text-3);font-size:11px}.account-form-card{padding:42px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,var(--surface-1),var(--bg-1));box-shadow:0 35px 90px -55px #00000080;animation:platform-arrive .7s .1s both}.account-form-card:before{display:none}.account-form-card h1{font-family:var(--font-display);font-size:34px;font-weight:400;letter-spacing:-.045em;margin-top:15px;line-height:1.2;color:var(--text-1)}.account-form-card .btn{min-height:50px;border-radius:9px;font-size:14px}.account-form-card .btn-primary{background:#d8f9f1;color:#12332f;border-color:#d8f9f1}.account-footnote{margin:22px auto 0;max-width:370px;text-align:center;font-size:12px;line-height:1.75;color:var(--text-3)}.account-switch{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.onboarding-page{min-height:100svh;background:radial-gradient(ellipse at 18% 40%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 55%),var(--bg-0)}.onboarding-layout{max-width:1280px;margin:auto;padding:42px 40px 80px;display:grid;grid-template-columns:360px minmax(0,1fr);gap:64px;align-items:start}.onboarding-intro{position:sticky;top:40px}.onboarding-intro h2{font:400 43px/1.18 var(--font-display);letter-spacing:-.055em;margin-bottom:22px}.onboarding-intro h2 span{color:var(--text-2)}.onboarding-intro>p{font-size:15px;line-height:1.8;color:var(--text-2);max-width:330px}.setup-preview{margin-top:35px;padding:24px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(150deg,var(--surface-1),var(--bg-1));box-shadow:0 25px 55px -40px #0006}.setup-preview-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--border);color:var(--text-3);font:9px IBM Plex Mono,monospace}.setup-avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font:20px var(--font-display);background:linear-gradient(135deg,#b9c9da,#77b4b2);color:#102c34;margin:24px 0 18px}.setup-preview h3{font:22px var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere}.setup-preview p{color:var(--text-2);font-size:12px;margin-top:8px;overflow-wrap:anywhere}.setup-preview .setup-url{margin-top:22px;padding-top:16px;border-top:1px solid var(--border);color:var(--accent-text);font:10px IBM Plex Mono,monospace;overflow-wrap:anywhere}.setup-steps{list-style:none;display:flex;gap:20px;padding:0 0 23px;margin:0 0 24px;border-bottom:1px solid var(--border)}.setup-steps li{flex:1;color:var(--text-3);font-size:12px}.setup-step-dot{display:inline-flex;width:24px;height:24px;border:1px solid var(--border-strong);align-items:center;justify-content:center;border-radius:50%;margin-right:8px;font:10px IBM Plex Mono,monospace}.setup-steps [aria-current]{color:var(--text-1)}.setup-steps [aria-current] .setup-step-dot{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.setup-form{padding:32px;background:var(--surface-1);border-radius:18px;border:1px solid var(--border)}.setup-form:before{display:none}.setup-form h1{font-family:var(--font-display);font-size:29px;letter-spacing:-.045em;color:var(--text-1)}.setup-form input,.setup-form textarea{min-height:46px}.setup-form .setup-slug{border-radius:8px}.setup-form .btn{min-height:48px}.dashboard-header{position:relative;padding-bottom:42px;border-bottom:1px solid var(--border)}.dashboard-header>p:not(.platform-kicker){margin-top:18px;color:var(--text-2);max-width:520px;line-height:1.8}.dashboard-header .dashboard-account{font:11px IBM Plex Mono,monospace;color:var(--text-3);margin-top:25px}.dashboard-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:26px;margin-top:36px;align-items:start}.workspace-portfolio{overflow:hidden;padding:32px;position:relative}.workspace-portfolio>h2{font:30px/1.25 var(--font-display);letter-spacing:-.04em}.workspace-portfolio>p{color:var(--text-2);font-size:14px;line-height:1.8;max-width:440px;margin:15px 0 22px}.workspace-portfolio .btn{min-height:48px;padding-inline:20px}.workspace-art{margin:28px -32px -32px;padding:32px 48px 0;height:270px;overflow:hidden;background:radial-gradient(ellipse at 55% 100%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%);position:relative}.workspace-art-sheet{padding:22px 26px 40px;border:1px solid var(--border-strong);border-radius:12px 12px 0 0;background:var(--bg-1);transform:rotate(-5deg) translateY(8px);box-shadow:0 20px 45px #00000024}.workspace-art-url{font:9px IBM Plex Mono,monospace;color:var(--text-3);border-bottom:1px solid var(--border);padding-bottom:12px}.workspace-art-title{color:var(--text-1);margin-top:17px;font:20px var(--font-display);letter-spacing:-.03em}.workspace-art-sub{color:var(--text-3);font-size:10px;margin-top:7px}.workspace-art-projects{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.workspace-art-projects>div{height:95px;display:grid;place-items:center;color:#d8f9f1;background:repeating-radial-gradient(ellipse at 30% 60%,#2d6268,#16434a 4px 20px);border-radius:6px;font:20px var(--font-display)}.workspace-art-projects>div:last-child{background:#29354a;color:#e9b57d}.workspace-side{display:grid;gap:24px}.workspace-side article{padding:28px}.workspace-side h2{font:23px/1.3 var(--font-display);letter-spacing:-.03em}.workspace-side p{color:var(--text-2);line-height:1.8;font-size:14px;margin:12px 0 22px}.workspace-side .btn{min-height:44px}.workspace-status{font:10px IBM Plex Mono,monospace;border:1px solid var(--border);border-radius:30px;padding:6px 10px;display:inline-block;color:var(--text-3)}.workspace-tips{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px;padding:28px 0;border-top:1px solid var(--border)}.workspace-tips h3{font-size:15px;color:var(--text-1)}.workspace-tips p{color:var(--text-3);font-size:13px;line-height:1.8;margin-top:10px}.callback-recovery{position:relative;min-height:100svh;display:grid;place-items:center;padding:48px 24px;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 65%),var(--bg-0)}.callback-recovery .account-form-card{padding:40px}.callback-recovery .account-form-card h1{font-size:32px}@view-transition{navigation:auto}::view-transition-old(root){animation:platform-exit .15s ease both}::view-transition-new(root){animation:platform-arrive .25s ease both}@keyframes platform-exit{to{opacity:0}}@media(max-width:1000px){.account-layout{gap:40px;padding-inline:30px}.account-story h2{font-size:45px}.account-form-card{padding:30px}.onboarding-layout{grid-template-columns:290px 1fr;gap:30px;padding-inline:30px}.onboarding-intro h2{font-size:36px}.setup-form{padding:24px}.setup-steps{gap:10px}.setup-steps li{font-size:10px}}@media(max-width:760px){.platform-nav-inner{height:68px;padding-inline:20px}.platform-nav .btn{padding-inline:10px;font-size:11px}.platform-page{padding:116px 22px 50px}.platform-title{font-size:38px}.account-nav{padding:16px 24px}.account-layout{display:flex;flex-direction:column;gap:30px;padding:25px 24px 60px;min-height:auto;align-items:stretch}.account-story{min-height:auto;padding:20px 0 8px}.account-story .work-ribbon{width:370px;height:370px;left:80px;top:-85px;opacity:.24}.account-story .platform-kicker{margin-bottom:18px}.account-story h2{font-size:36px}.account-story>p:not(.platform-kicker){font-size:14px;margin-top:18px}.account-proof{display:none}.account-form-card{padding:28px 24px}.account-form-card h1{font-size:29px}.account-form-card .btn{min-height:50px}.account-footnote{font-size:11px}.onboarding-layout{display:flex;flex-direction:column;padding:24px 22px 60px;gap:30px}.onboarding-intro{position:relative;top:auto;width:100%}.onboarding-intro h2{font-size:34px;margin-bottom:16px}.onboarding-intro>p{font-size:14px;max-width:100%}.setup-preview{margin-top:24px;padding:20px}.setup-preview-body{display:flex;align-items:center;gap:15px}.setup-avatar{margin:20px 0 5px;width:42px;height:42px;font-size:17px;flex-shrink:0}.setup-preview h3{font-size:18px}.setup-preview .setup-url{margin-top:18px}.onboarding-form-column{width:100%}.setup-steps{gap:10px}.setup-steps li{font-size:10px}.setup-step-dot{display:flex;margin-bottom:8px}.setup-form{padding:24px 20px}.setup-form h1{font-size:26px}.dashboard-header{padding-bottom:28px}.dashboard-layout{grid-template-columns:1fr;gap:22px;margin-top:27px}.workspace-portfolio{padding:26px}.workspace-portfolio>h2{font-size:26px}.workspace-art{margin:25px -26px -26px;padding-inline:28px;height:230px}.workspace-side article{padding:26px}.workspace-tips{grid-template-columns:1fr;gap:24px}}@media(prefers-reduced-motion:reduce){.platform-enter,.work-ribbon,.account-form-card{animation:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
