@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.workspace-skip-link{z-index:85;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:8px;padding:12px 20px;font-weight:600;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.workspace-skip-link:focus{transform:none}.app-shell .sidebar{background:linear-gradient(180deg, hsl(var(--card)), hsl(var(--background)))}.app-shell .nav-item{min-height:48px;font-size:14px}.app-shell .topbar{background:hsl(var(--background) / .9)}.app-shell .workspace-main{max-width:1440px}.app-shell .page-heading h1{font-size:clamp(24px,2.5vw,32px);line-height:1.3}.app-shell .page-heading p{max-width:640px;font-size:14px}.app-shell .button{min-height:44px}.app-shell .topbar .button{min-height:40px}.app-shell .card{border-radius:16px}.app-shell .workspace-footer{padding-top:16px}.builder-roadmap{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px;padding:0;list-style:none;display:grid}.builder-roadmap>li{border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--card-foreground));border-radius:12px;align-items:flex-start;gap:12px;padding:20px;display:flex}.builder-roadmap>li>span{background:hsl(var(--accent));width:32px;height:32px;color:hsl(var(--accent-foreground));border-radius:8px;flex-shrink:0;place-items:center;font-size:14px;font-weight:600;display:grid}.builder-roadmap strong{font-size:14px}.builder-roadmap p{color:hsl(var(--muted-foreground));margin:4px 0 0;font-size:12px}.studio-starters{margin-top:16px}.studio-starters .button{white-space:normal;text-align:left;min-height:40px;padding:8px 12px;font-size:12px}.creator-tool-page .format-options{margin-block:20px}.creator-tool-page .ai-output{overflow-wrap:anywhere}.scroll-experience .creator-tool-page .card.scroll-depth,.scroll-experience .creator-tool-page .card.scroll-depth.scroll-visible{opacity:1;transform:none}@media (width<=1023px){.app-shell .mobile-nav{scrollbar-width:thin;justify-content:flex-start;padding-inline:8px;overflow-x:auto}.app-shell .mobile-nav a{flex:1 0 72px;min-width:72px;min-height:48px;padding:4px 8px;font-size:12px}.app-shell .mobile-nav span{letter-spacing:0;text-transform:none;white-space:nowrap;font-size:12px}.app-shell .mobile-nav a.active{background:hsl(var(--accent));color:hsl(var(--accent-foreground));border-radius:12px}}@media (width<=767px){.builder-roadmap{grid-template-columns:1fr;gap:8px}.builder-roadmap>li{align-items:center;padding:12px 16px}.app-shell .page-heading{gap:16px}.creator-tool-page .page-heading>.button{width:100%}.creator-tool-page .format-options .button{white-space:normal;flex:1}.app-shell .breadcrumbs{font-size:12px}.creator-tool-page .publish-card>.button{white-space:normal;width:100%}}.creator-overview .overview-hero{background:radial-gradient(ellipse at 82% 35%, hsl(var(--lavender) / .28), transparent 60%), linear-gradient(125deg, hsl(var(--hero)), hsl(var(--hero)));grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:clamp(520px,70dvh,760px);padding-bottom:48px}.creator-overview .hero-copy h2{letter-spacing:-.055em;max-width:640px;font-size:clamp(36px,4.2vw,68px)}.creator-overview .hero-copy h2 span{background:linear-gradient(110deg, hsl(var(--lavender)), hsl(var(--hero-foreground)) 48%, hsl(var(--lavender)));color:#0000;-webkit-background-clip:text;background-clip:text}.creator-overview .hero-copy p{max-width:480px}.creator-overview .hero-copy .button{min-height:48px;padding:12px 20px}.creator-overview .orb-scene{min-height:460px}.creator-overview .orb{background:radial-gradient(circle at 30% 25%, hsl(var(--hero-foreground)) 0%, hsl(var(--lavender)) 18%, hsl(var(--lavender) / .72) 42%, hsl(var(--primary) / .55) 65%, hsl(var(--lavender) / .88) 84%, hsl(var(--hero-foreground)) 100%);box-shadow:inset -12px -16px 26px hsl(var(--primary) / .3), inset 8px 6px 20px hsl(var(--hero-foreground) / .4), 0 0 64px hsl(var(--lavender) / .4)}.creator-overview .orb-glow{background:radial-gradient(circle, hsl(var(--lavender) / .4), hsl(var(--primary) / .16) 48%, transparent 74%)}.creator-overview .orb-core{border-color:hsl(var(--lavender) / .45)}.creator-overview .orb-orbit{border-color:hsl(var(--lavender) / .3)}.creator-overview .float-chip{font-size:12px}.creator-overview .chip-top{top:8%;left:12%}.creator-overview .chip-bottom{bottom:8%;right:12%}.overview-floating-card{border:1px solid hsl(var(--lavender) / .28);background:linear-gradient(145deg, hsl(var(--lavender) / .14), hsl(var(--hero) / .72));color:hsl(var(--hero-foreground));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 56px hsl(var(--hero) / .5), inset 0 1px 0 hsl(var(--lavender) / .16);z-index:4;border-radius:16px;width:min(260px,72%);padding:20px;animation:8s ease-in-out infinite overviewDrift;position:absolute}.overview-brand-card{top:20%;left:0;transform:perspective(900px)rotateY(12deg)rotate(-8deg)}.overview-reel-card{animation-delay:-4s;bottom:18%;right:4%;transform:perspective(900px)rotateY(-12deg)rotate(6deg)}.overview-visual-label{color:hsl(var(--lavender));letter-spacing:.12em;align-items:center;gap:8px;font-size:10px;display:flex}.overview-brand-name{font-family:var(--font-heading);letter-spacing:-.04em;overflow-wrap:anywhere;margin:16px 0 4px;font-size:28px;font-weight:800}.overview-brand-handle{color:hsl(var(--hero-muted));overflow-wrap:anywhere;font-size:12px}.overview-visual-lines{gap:8px;margin-top:20px;display:grid}.overview-visual-lines i{background:hsl(var(--lavender) / .18);border-radius:4px;height:4px}.overview-visual-lines i:nth-child(2){width:80%}.overview-visual-lines i:nth-child(3){width:56%}.overview-reel-title{letter-spacing:-.04em;margin:16px 0;font-size:20px;font-weight:600}.overview-reel-steps{color:hsl(var(--lavender));align-items:center;gap:8px;font-size:12px;display:flex}.overview-reel-steps span{background:hsl(var(--lavender) / .08);border-radius:4px;padding:4px 8px}.overview-visual-note{color:hsl(var(--hero-muted));margin-top:16px;font-size:12px}.overview-hero-index{letter-spacing:.14em;color:hsl(var(--hero-muted));justify-content:space-between;gap:16px;font-size:10px;display:flex;position:absolute;bottom:20px;left:32px;right:32px}.overview-start{grid-template-columns:1fr repeat(3,1fr);align-items:stretch;gap:16px;margin:32px 0;display:grid}.overview-start-intro{align-self:center;padding:24px 8px 24px 0}.overview-start-intro h2{font-size:28px;line-height:1.2}.overview-start-intro p{color:hsl(var(--muted-foreground));margin-top:12px;font-size:12px}.overview-step{border:1px solid hsl(var(--border));background:linear-gradient(145deg, hsl(var(--card)), hsl(var(--accent) / .6));min-width:0;color:hsl(var(--card-foreground));transition:transform var(--transition-smooth), border-color var(--transition);border-radius:16px;flex-direction:column;padding:24px;display:flex}.overview-step:hover{border-color:hsl(var(--primary) / .6);transform:translateY(-4px)}.overview-step-top{color:hsl(var(--primary));justify-content:space-between;align-items:center;display:flex}.overview-step-top span{letter-spacing:.12em;font-size:12px}.overview-step h3{margin-top:24px;font-size:18px;line-height:1.4}.overview-step p{color:hsl(var(--muted-foreground));margin:12px 0 20px;font-size:12px}.overview-step-link{color:hsl(var(--primary));align-items:center;gap:8px;margin-top:auto;font-size:12px;display:flex}.creator-overview .stats-grid .card{border-top:2px solid hsl(var(--primary) / .5)}.creator-overview .stats-grid strong{letter-spacing:-.05em;font-size:36px}.creator-overview .toolkit-card{background:linear-gradient(145deg, hsl(var(--card)), hsl(var(--accent) / .35));color:hsl(var(--card-foreground));position:relative;overflow:hidden}.creator-overview .toolkit-card:after{content:"";border:1px solid hsl(var(--primary) / .1);pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-48px;right:-48px}.creator-overview .dashboard-right{min-width:0}@keyframes overviewDrift{0%,to{translate:0}50%{translate:0 -12px}}@media (width<=1199px){.overview-start{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-start-intro{grid-column:1/-1;padding:8px 0}.overview-step{padding:20px}.overview-brand-card{left:0}.overview-reel-card{right:0}}@media (width<=767px){.creator-overview .overview-hero{grid-template-columns:1fr;min-height:auto;padding-bottom:48px}.creator-overview .hero-copy{padding:32px 24px 16px}.creator-overview .hero-copy h2{font-size:clamp(36px,8vw,56px)}.creator-overview .orb-scene{min-height:360px;margin-top:0}.overview-floating-card{width:min(240px,66%);padding:16px}.overview-brand-card{top:16%;left:8%}.overview-reel-card{bottom:14%;right:8%}.creator-overview .chip-top{top:0;left:8%}.creator-overview .chip-bottom{bottom:0;right:8%}.overview-hero-index{font-size:9px;left:24px;right:24px}.overview-start{grid-template-columns:1fr;gap:12px;margin:24px 0}.overview-step{padding:20px}.overview-step h3{margin-top:12px}.creator-overview .dashboard-right{grid-template-columns:1fr}}.scroll-experience .creator-overview .overview-hero{border-radius:24px;min-height:460px}.scroll-experience .creator-overview .hero-copy{padding:40px}.scroll-experience .creator-overview .hero-copy h2{font-size:clamp(36px,4vw,60px)}.scroll-experience .creator-overview .orb-scene{min-height:360px}.recommended-action{border:1px solid hsl(var(--primary) / .35);background:linear-gradient(110deg, hsl(var(--accent)), hsl(var(--card)));color:hsl(var(--card-foreground));border-radius:16px;align-items:center;gap:20px;margin-top:24px;padding:24px;display:flex}.recommended-icon{background:hsl(var(--primary));width:48px;height:48px;color:hsl(var(--primary-foreground));border-radius:12px;flex-shrink:0;place-items:center;display:grid}.recommended-copy{flex:1;min-width:0}.recommended-copy h2{font-size:20px;line-height:1.4}.recommended-copy p{color:hsl(var(--muted-foreground));margin:8px 0 0;font-size:14px}.creator-overview .overview-start{margin-block:24px}.creator-overview .overview-step{border-radius:16px}.scroll-experience .creator-overview .dashboard-columns{margin-top:32px}.scroll-experience .creator-overview .toolkit-card{min-height:180px}.creator-overview .preview-panel,.creator-overview .checklist-card{border-radius:16px}.creator-overview .checklist-item{border-radius:8px;min-height:44px;padding:12px 8px}.creator-overview .checklist-item:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.creator-overview .project-row{border-radius:16px;padding:16px}.creator-overview .project-name{min-width:0}.creator-overview .project-name strong{overflow-wrap:anywhere}@media (width<=1199px){.recommended-action{flex-wrap:wrap}.recommended-action>.button{margin-left:68px}}@media (width<=767px){.scroll-experience .creator-overview .overview-hero{min-height:auto}.scroll-experience .creator-overview .hero-copy{padding:28px 24px 16px}.scroll-experience .creator-overview .orb-scene{min-height:280px}.creator-overview .overview-floating-card{width:min(216px,64%)}.creator-overview .overview-brand-name{font-size:24px}.creator-overview .overview-reel-title{font-size:18px}.creator-overview .hero-copy .button{width:100%}.recommended-action{gap:16px;padding:20px}.recommended-copy{flex-basis:calc(100% - 64px)}.recommended-action>.button{white-space:normal;width:100%;margin-left:0}.recommended-copy h2{font-size:18px}.creator-overview .overview-start-intro h2{font-size:24px}.creator-overview .toolkit-grid{grid-template-columns:1fr}.scroll-experience .creator-overview .toolkit-card{min-height:auto;padding:20px}.creator-overview .toolkit-card h3{margin-top:12px}.creator-overview .section-title,.creator-overview .project-row{flex-wrap:wrap;gap:8px}.creator-overview .project-name{flex-basis:calc(100% - 64px)}.creator-overview .project-empty{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.overview-floating-card{animation:none;transform:none}.overview-step:hover{transform:none}}.wns,.wns *,.wns :before,.wns :after{box-sizing:border-box}.wns{--g:var(--wl-ground);--m:var(--wl-mark);--p:var(--wl-paper);--k:var(--wl-ink);--a:var(--wl-accent);--oa:var(--wl-onAccent);--hl:var(--wl-headline);--u:var(--wl-under);--r:var(--wl-ring);--wns-out:cubic-bezier(.23, 1, .32, 1);--wns-settle:cubic-bezier(.2, 1.22, .36, 1);background:var(--g);width:100%;color:var(--k);font-family:var(--wns-text);isolation:isolate;-webkit-font-smoothing:antialiased;position:relative;overflow:hidden}:where(.dark) .wns[data-theme=auto],.wns[data-theme=dark]{--g:var(--wd-ground);--m:var(--wd-mark);--p:var(--wd-paper);--k:var(--wd-ink);--a:var(--wd-accent);--oa:var(--wd-onAccent);--hl:var(--wd-headline);--u:var(--wd-under);--r:var(--wd-ring)}.wns ::selection{background:var(--a);color:var(--oa)}.wns-section{min-height:var(--wns-h);place-items:center;padding:clamp(72px,9vw,120px) 16px;display:grid}.wns-mark{z-index:0;pointer-events:none;font-family:var(--wns-display);position:absolute;inset:0}.wns-mark svg{width:100%;max-width:none;height:100%;display:block;overflow:visible}.wns-mark text{fill:var(--m);font-size:100px;font-weight:900;font-stretch:75%}.wns-mark[data-stretch=normal] text{font-stretch:100%}.wns-letter{transform:translateY(0)}.wns-letter[data-phase=out]{transform:translateY(var(--drop));transition:transform .3s cubic-bezier(.5,0,.75,.3)}.wns-letter[data-phase=pre]{transform:translateY(calc(var(--drop) * -1));transition:none}.wns-letter[data-phase=in]{transition:transform .56s var(--wns-settle);transform:translateY(0)}.wns-card{z-index:2;background:var(--p);width:min(500px,100%);color:var(--k);border:3px solid var(--k);padding:clamp(28px,4vw,44px) clamp(20px,3.4vw,40px) clamp(24px,3vw,32px);position:relative}.wns-photo{z-index:1;aspect-ratio:4/5;border:3px solid var(--k);background:var(--p);width:clamp(160px,19vw,300px);position:absolute;top:clamp(48px,9vh,120px);left:clamp(24px,6vw,110px);overflow:hidden}.wns-photo img{object-fit:cover;width:100%;max-width:none;height:100%;display:block}.wns-h{color:var(--hl);font-family:var(--wns-text);text-transform:uppercase;text-align:center;letter-spacing:-.012em;text-wrap:balance;margin:0;font-size:clamp(28px,3.1vw,42px);font-weight:700;line-height:.98}.wns-h:focus,.wns-card:focus{outline:none}.wns-desc{text-align:center;max-width:34ch;color:var(--k);opacity:.82;text-wrap:pretty;margin:16px auto 0;font-size:16px;line-height:1.45}.wns-form{gap:16px;margin:28px 0 0;display:grid}.wns-field{border:3px solid var(--k);background:var(--p);cursor:text;padding:12px 16px 8px;transition:box-shadow .16s;display:block;position:relative}.wns-field:focus-within{box-shadow:0 0 0 3px var(--p), 0 0 0 6px var(--r)}.wns-field[data-invalid=true]{border-color:var(--a)}.wns-field[data-invalid=true]:focus-within{box-shadow:0 0 0 2px var(--p), 0 0 0 4px var(--r)}.wns-label{letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1;display:block}.wns-input{width:100%;color:var(--k);font-family:var(--wns-text);letter-spacing:-.01em;appearance:none;background:0 0;border:0;border-radius:0;outline:0;height:36px;margin:8px 0 0;padding:0;font-weight:700;line-height:1.15;display:block}.wns-input:focus{box-shadow:none}.wns-input::placeholder{color:var(--k);opacity:.5;text-transform:uppercase}.wns-input[readonly]{opacity:.6}.wns-btn[aria-disabled=true]{cursor:progress}.wns-topics{border:0;min-width:0;margin:0;padding:0}.wns-topics legend{letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px;padding:0;font-size:11px;font-weight:700}.wns-chips{flex-wrap:wrap;gap:8px;display:flex}.wns-chip{appearance:none;border:2px solid var(--k);color:var(--k);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:700;transition:background-color .14s,color .14s,transform .12s;display:inline-flex}.wns-chip svg{width:12px;height:12px;transition:transform .2s var(--wns-out)}.wns-chip[aria-pressed=true]{background:var(--k);color:var(--p)}.wns-chip:active{transform:translateY(1px)}.wns-consent{letter-spacing:.02em;text-transform:uppercase;cursor:pointer;grid-template-columns:24px 1fr;align-items:start;gap:12px;font-size:12px;line-height:1.35;display:grid}.wns-box{appearance:none;border:2px solid var(--k);background:var(--p);cursor:pointer;border-radius:0;place-items:center;width:24px;height:24px;margin:0;padding:0;transition:background-color .12s;display:grid}.wns-box:after{content:"";border-left:3px solid var(--oa);border-bottom:3px solid var(--oa);opacity:0;width:12px;height:8px;transition:transform .18s var(--wns-out), opacity .12s ease;transform:translateY(-2px)rotate(-45deg)scale(.6)}.wns-box:checked{background:var(--a);border-color:var(--k)}.wns-box:checked:after{opacity:1;transform:translateY(-2px)rotate(-45deg)scale(1)}.wns-consent[data-invalid=true] .wns-box{border-color:var(--a);box-shadow:0 0 0 2px var(--a)}.wns-btn{appearance:none;border:3px solid var(--k);background:var(--a);width:100%;min-height:64px;color:var(--oa);font-family:var(--wns-text);letter-spacing:.01em;text-transform:uppercase;cursor:pointer;border-radius:0;font-size:22px;font-weight:700;transition:transform .12s;position:relative;overflow:hidden}.wns-btn:before{content:"";background:var(--k);clip-path:inset(100% 0 0);transition:clip-path .25s var(--wns-out);position:absolute;inset:0}.wns-btn:active:not([aria-disabled=true]){transform:translateY(2px)}.wns-roll{height:1.15em;line-height:1.15;transition:color .2s;display:block;position:relative;overflow:hidden}.wns-roll span{transition:transform .25s var(--wns-out);display:block}@media (hover:hover) and (pointer:fine){.wns-btn:hover:not([aria-disabled=true]) .wns-roll span{transform:translateY(-100%)}.wns-btn:hover:not([aria-disabled=true]):before{clip-path:inset(0)}.wns-btn:hover:not([aria-disabled=true]) .wns-roll{color:var(--p)}.wns-chip:hover{background:color-mix(in srgb, var(--k) 10%, transparent)}.wns-chip[aria-pressed=true]:hover{background:var(--k)}.wns-link:hover{text-decoration-thickness:3px}.wns-x:hover svg{transform:rotate(90deg)}}.wns-btn[aria-busy=true]:after{content:"";background:var(--k);transform-origin:0;height:4px;animation:1.1s cubic-bezier(.65,0,.35,1) infinite wns-bar;position:absolute;bottom:0;left:0;right:0}@keyframes wns-bar{0%{transform:scaleX(0)}60%{transform-origin:0;transform:scaleX(1)}61%{transform-origin:100%}to{transform-origin:100%;transform:scaleX(0)}}.wns-status{align-items:flex-start;gap:8px;min-height:0;font-size:13px;font-weight:700;line-height:1.35;display:flex}.wns-fieldwrap{position:relative}.wns-fieldwrap .wns-status{margin-top:8px}.wns-fieldwrap .wns-status:empty{margin-top:0}.wns-status i{background:var(--a);width:16px;height:16px;color:var(--oa);text-align:center;flex:none;margin-top:1px;font-size:12px;font-style:normal;line-height:16px}.wns-proof{text-align:center;letter-spacing:.09em;text-transform:uppercase;opacity:.78;margin:0;font-size:12px;font-weight:700}.wns-done{text-align:center;justify-items:center;gap:16px;display:grid}.wns-done p{text-wrap:pretty;max-width:34ch;margin:0;font-size:16px;line-height:1.5}.wns-done strong{overflow-wrap:anywhere;font-weight:700}.wns-action{border:3px solid var(--k);background:var(--a);min-height:52px;color:var(--oa);letter-spacing:.02em;text-transform:uppercase;justify-content:center;align-items:center;padding:0 24px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .12s;display:inline-flex;position:relative;overflow:hidden}.wns-action:before{content:"";background:var(--k);clip-path:inset(100% 0 0);transition:clip-path .25s var(--wns-out);position:absolute;inset:0}.wns-action span{transition:color .2s;position:relative}.wns-action:active{transform:translateY(2px)}@media (hover:hover) and (pointer:fine){.wns-action:hover:before{clip-path:inset(0)}.wns-action:hover span{color:var(--p)}}.wns-strip .wns-action{min-height:44px}.wns-link{appearance:none;min-height:40px;color:var(--k);font:inherit;letter-spacing:.09em;text-transform:uppercase;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:12px 4px;font-size:12px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.wns-swap{animation:wns-swap .32s var(--wns-out) both}@keyframes wns-swap{0%{opacity:0;filter:blur(2px);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}.wns :focus-visible{outline:3px solid var(--r);outline-offset:3px}.wns .wns-input:focus-visible{outline:none}.wns .wns-btn:focus-visible{outline-color:var(--k);outline-offset:4px}.wns-x{appearance:none;width:44px;height:44px;color:var(--k);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:8px;right:8px}.wns-modal .wns-card>div>.wns-h,.wns-modal .wns-done .wns-h{padding-inline:36px}.wns-x svg{width:26px;height:26px;transition:transform .22s var(--wns-out)}.wns-modal{z-index:100;place-items:center;padding:16px;animation:.22s both wns-fade;display:grid;position:fixed;inset:0;overflow-y:auto}.wns-modal[data-closing=true]{animation:.17s both wns-fadeout}.wns-modal .wns-card{animation:wns-rise .25s var(--wns-out) 60ms both}.wns-modal[data-closing=true] .wns-card{animation:.15s both wns-sink}@keyframes wns-fade{0%{opacity:0}to{opacity:1}}@keyframes wns-fadeout{0%{opacity:1}to{opacity:0}}@keyframes wns-rise{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@keyframes wns-sink{to{opacity:0;transform:scale(.96)}}.wns-modal .wns-backdrop{z-index:0;position:fixed;inset:0}.wns-modal[data-backdrop=dim]{background:hsl(var(--hero) / .62)}.wns-band{padding:0 16px clamp(24px,3vw,40px)}.wns-band .wns-mark{margin:0 -16px;position:relative;inset:auto}.wns-strip{z-index:2;background:var(--p);color:var(--k);border:3px solid var(--k);grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) auto;align-items:stretch;margin:0 auto;display:grid;position:relative}.wns-strip .wns-h{text-align:left;align-self:center;padding:16px 20px;font-size:clamp(20px,1.9vw,28px)}.wns-strip .wns-field{border-width:0 0 0 3px;padding-top:12px}.wns-strip .wns-field:focus-within{box-shadow:inset 0 0 0 3px var(--r)}.wns-strip .wns-btn:focus-visible{outline:3px solid var(--k);outline-offset:-9px}.wns-under .wns-box{border-color:var(--u);background:0 0}.wns-under .wns-box:checked{background:var(--a);border-color:var(--a)}.wns-under :focus-visible{outline-color:var(--u)}.wns-strip .wns-btn{border-width:0 0 0 3px;width:auto;min-height:72px;padding:0 32px}.wns-strip .wns-btn:active:not([aria-disabled=true]){transform:none}.wns-strip .wns-btn:active:not([aria-disabled=true]) .wns-roll{transform:translateY(2px)}.wns-strip .wns-done{text-align:left;grid-column:1/-1;grid-template-columns:auto 1fr auto auto;align-items:center;gap:20px;min-height:72px;padding:16px 20px}.wns-strip .wns-done .wns-h{padding:0}.wns-under{min-height:36px;color:var(--u);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;margin:16px auto 0;display:flex}.wns-under .wns-consent{color:inherit;max-width:640px}.wns-under .wns-proof{text-align:right}.wns-under .wns-status{color:inherit}.wns-band-topics{color:var(--u);margin-top:16px}.creator-newsletter{border:1px solid hsl(var(--border));border-radius:var(--radius);margin-top:48px}.creator-newsletter.wns-section[data-wordmark-above]{perspective:1200px;flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;min-height:0;padding:24px 16px 40px;display:flex}.creator-newsletter[data-wordmark-above]>.wns-mark{flex:none;width:100%;margin:0;position:relative;inset:auto}.creator-newsletter[data-wordmark-above] .wns-mark svg{transform:perspective(1200px) rotateX(var(--depth-rotate,0deg));transform-origin:50%;transition:transform .18s ease-out}.creator-newsletter[data-wordmark-above]>.wns-card{border-width:1px;border-color:hsl(var(--border));border-radius:var(--radius);width:min(500px,100%);box-shadow:var(--shadow-lg);margin:0}.creator-newsletter .wns-h{text-transform:none;letter-spacing:-.02em;font-size:clamp(14px,1.4vw,18px);line-height:1.3}.creator-newsletter .wns-desc{font-size:14px;line-height:1.6}@media (prefers-reduced-motion:reduce){.creator-newsletter[data-wordmark-above] .wns-mark svg{transition:none;transform:none}}@media (width<=1023px){.wns-photo{display:none}.wns-section>.wns-card,.wns-modal>.wns-card{align-self:center}.wns-section,.wns-modal{flex-direction:column;justify-content:flex-start;place-items:normal;padding:0 16px 40px;display:flex}.wns-section{min-height:var(--wns-held)}.wns-section[data-done]{justify-content:center}.wns-modal[data-backdrop=dim]{justify-content:center;padding-block:16px}.wns-section>.wns-mark,.wns-modal>.wns-mark{justify-self:stretch;margin:0 -16px;position:relative;inset:auto}.wns-section>.wns-card,.wns-modal>.wns-card{margin-top:-36px}.wns-modal[data-backdrop=dim]>.wns-card{margin-top:0}}@media (width<=860px){.wns-strip{grid-template-columns:1fr}.wns-strip .wns-h{padding:16px}.wns-under>.wns-status{flex-basis:100%}.wns-strip .wns-field{border-width:3px 0 0}.wns-strip .wns-btn{border-width:3px 0 0;width:100%}.wns-strip .wns-done{text-align:center;grid-template-columns:1fr;justify-items:center}.wns-under .wns-proof{text-align:left}}@media (prefers-reduced-motion:reduce){.wns .wns-letter,.wns .wns-roll span,.wns .wns-btn:before,.wns .wns-action:before,.wns .wns-chip,.wns .wns-chip svg,.wns .wns-box:after,.wns .wns-x svg{transition:none}.wns .wns-swap,.wns.wns-modal,.wns.wns-modal .wns-card{animation:none}.wns .wns-btn[aria-busy=true]:after{opacity:.5;animation:none;transform:none}}@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-semibold:600;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"DM Sans", sans-serif;--default-mono-font-family:var(--font-mono);--font-heading:"Manrope", sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}h1,h2,h3,h4{letter-spacing:-.04em;font-family:Manrope,sans-serif;font-weight:700}h1{font-size:30px;line-height:1.3}h2,h3{font-size:18px;line-height:1.5}p{line-height:1.65}label{font-size:14px;font-weight:500}input,textarea,select{border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);background:hsl(var(--background));width:100%;color:hsl(var(--foreground));font:inherit;transition:border-color var(--transition-fast);outline:none;margin-top:8px;padding:12px 14px;display:block}input:focus,textarea:focus,select:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .18)}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:hsl(var(--destructive))}input::placeholder,textarea::placeholder{color:hsl(var(--muted-foreground))}textarea{resize:vertical}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.my-6{margin-block:calc(var(--spacing) * 6)}.my-12{margin-block:calc(var(--spacing) * 12)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-24{height:calc(var(--spacing) * 24)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:hsl(var(--border))}.border-primary\/30{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){.border-primary\/30{border-color:color-mix(in oklab, hsl(var(--primary)) 30%, transparent)}}.bg-card{background-color:hsl(var(--card))}.bg-hero{background-color:hsl(var(--hero))}.bg-muted{background-color:hsl(var(--muted))}.bg-secondary{background-color:hsl(var(--secondary))}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-card-foreground{color:hsl(var(--card-foreground))}.text-hero-foreground{color:hsl(var(--hero-foreground))}.text-hero-muted{color:hsl(var(--hero-muted))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media not all and (width>=48rem){.max-md\:hidden{display:none}}@media (width>=40rem){.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=48rem){.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (width>=80rem){.xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}}:root{--background:40 24% 96%;--foreground:210 14% 13%;--card:40 30% 99%;--card-foreground:210 14% 13%;--popover:40 30% 99%;--popover-foreground:210 14% 13%;--primary:39 58% 31%;--primary-foreground:40 30% 98%;--secondary:40 18% 91%;--secondary-foreground:210 14% 17%;--muted:40 16% 92%;--muted-foreground:210 8% 41%;--accent:40 32% 90%;--accent-foreground:39 58% 28%;--destructive:4 60% 43%;--destructive-foreground:40 30% 98%;--success:163 35% 30%;--success-foreground:40 30% 98%;--warning:33 65% 35%;--warning-foreground:40 30% 98%;--info:184 35% 31%;--info-foreground:40 30% 98%;--border:40 16% 83%;--input:40 14% 76%;--ring:39 58% 31%;--hero:210 18% 7%;--hero-foreground:40 30% 96%;--hero-muted:40 12% 73%;--lavender:41 60% 75%;--pink:184 35% 31%;--pink-foreground:40 30% 98%;--preview:40 30% 94%;--preview-foreground:210 14% 17%;--radius:.75rem;--shadow-sm:0 2px 8px hsl(var(--foreground) / .035);--shadow-md:0 6px 20px hsl(var(--foreground) / .08);--shadow-lg:0 20px 60px hsl(var(--foreground) / .2);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1)}.dark{--background:210 18% 5%;--foreground:40 24% 94%;--card:210 14% 9%;--card-foreground:40 24% 94%;--popover:210 14% 11%;--popover-foreground:40 24% 94%;--primary:41 52% 68%;--primary-foreground:210 18% 8%;--secondary:210 12% 14%;--secondary-foreground:40 22% 92%;--muted:210 10% 13%;--muted-foreground:40 10% 65%;--accent:39 22% 15%;--accent-foreground:41 60% 78%;--destructive:4 65% 70%;--destructive-foreground:4 30% 8%;--success:163 35% 65%;--success-foreground:163 30% 8%;--warning:33 65% 70%;--warning-foreground:33 30% 8%;--info:184 32% 66%;--info-foreground:184 30% 8%;--border:40 10% 20%;--input:40 10% 28%;--ring:41 52% 68%;--hero:210 18% 7%;--hero-foreground:40 30% 96%;--hero-muted:40 12% 73%;--lavender:41 60% 78%;--pink:184 32% 66%;--pink-foreground:184 30% 8%;--preview:40 30% 94%;--preview-foreground:210 14% 17%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}::selection{background:hsl(var(--primary) / .3)}.button{border-radius:calc(var(--radius) - 4px);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 16px;font-size:13px;font-weight:600;line-height:20px;display:inline-flex}.button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.button:active{transform:scale(.98)}.button-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary) / .5)}.button-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-color:hsl(var(--border))}.button-ghost{color:hsl(var(--muted-foreground));background:0 0;padding:8px}.button-ghost:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.button-destructive{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.button-glass{background:hsl(var(--hero-foreground) / .05);color:hsl(var(--hero-foreground));border-color:hsl(var(--hero-foreground) / .16)}.card{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.app-shell{min-height:100vh}.sidebar{border-right:1px solid hsl(var(--border));background:hsl(var(--background));z-index:30;flex-direction:column;width:228px;padding:32px 16px 20px;display:flex;position:fixed;inset:0 auto 0 0}.wordmark{letter-spacing:-1px;align-items:center;gap:0;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;display:flex}.brand-symbol{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;margin-right:10px;display:flex}.sidebar .wordmark{padding:0 12px}.workspace-label{letter-spacing:1.8px;color:hsl(var(--muted-foreground));padding:48px 16px 16px;font-size:10px;font-weight:600}.desktop-nav{flex-direction:column;gap:8px;display:flex}.nav-item{color:hsl(var(--muted-foreground));border-radius:8px;align-items:center;gap:12px;min-height:44px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.nav-item:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.nav-item.active{background:hsl(var(--accent));color:hsl(var(--accent-foreground));border:1px solid hsl(var(--primary) / .16)}.mini-badge{letter-spacing:.5px;background:hsl(var(--primary) / .15);color:hsl(var(--lavender));border-radius:4px;margin-left:auto;padding:1px 5px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:40px}.free-plan{background:linear-gradient(135deg, hsl(var(--accent)), hsl(var(--card)));border:1px solid hsl(var(--primary) / .15);border-radius:var(--radius);margin-bottom:20px;padding:16px 12px;font-size:11px;line-height:1.6}.free-plan p{color:hsl(var(--muted-foreground));margin:8px 0 12px;font-size:12px}.free-plan a{color:hsl(var(--accent-foreground));justify-content:space-between;font-size:12px;display:flex}.status-dot{background:hsl(var(--success));border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.sidebar-profile{border-top:1px solid hsl(var(--border));align-items:center;gap:10px;margin-top:12px;padding:20px 8px 0;display:flex}.sidebar-profile strong{font-size:12px;display:block}.sidebar-profile span{color:hsl(var(--muted-foreground));font-size:11px}.initial-avatar{background:linear-gradient(150deg, hsl(var(--primary) / .7), hsl(var(--pink) / .6));width:36px;height:36px;color:hsl(var(--primary-foreground));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.initial-avatar.small{width:30px;height:30px;font-size:12px}.workspace{margin-left:228px}.topbar{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:16px;height:76px;padding:0 36px;display:flex}.breadcrumbs{color:hsl(var(--muted-foreground));align-items:center;gap:12px;font-size:12px;display:flex}.breadcrumbs strong{color:hsl(var(--foreground));font-weight:500}.breadcrumbs span{opacity:.4}.free-tag{letter-spacing:1.2px;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));border-radius:4px;padding:4px 7px;font-size:9px}.topbar .button{min-height:32px;padding:6px 12px;font-size:12px}.workspace-main{max-width:1520px;margin:0 auto;padding:32px 36px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1.8px;color:hsl(var(--muted-foreground));margin-bottom:8px;font-size:10px;font-weight:600}.page-heading h1{letter-spacing:-1.1px;font-size:28px}.page-heading p{color:hsl(var(--muted-foreground));margin:8px 0 0;font-size:13px}.page-heading>.button{font-size:12px}.hero-panel{background:radial-gradient(ellipse at 77% 70%, hsl(var(--primary) / .24), transparent 53%), linear-gradient(100deg, hsl(var(--hero)), hsl(var(--hero)));color:hsl(var(--hero-foreground));border:1px solid hsl(var(--primary) / .22);border-radius:calc(var(--radius) + 4px);grid-template-columns:1.2fr 1fr;min-height:292px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:32px}.hero-eyebrow{letter-spacing:1.8px;color:hsl(var(--lavender));align-items:center;gap:8px;margin-bottom:16px;font-size:9px;display:flex}.hero-eyebrow .status-dot{background:hsl(var(--lavender))}.hero-copy h2{letter-spacing:-1.5px;color:hsl(var(--hero-foreground));font-size:36px;font-weight:700;line-height:1.25}.hero-copy h2 span{color:hsl(var(--lavender))}.hero-copy p{color:hsl(var(--hero-muted));margin:16px 0 24px;font-size:12px;line-height:1.7}.hero-copy .button{min-height:40px;font-size:12px}.hero-footnote{color:hsl(var(--hero-muted));align-items:center;gap:8px;margin-top:20px;font-size:10px;display:flex}.hero-footnote svg{color:hsl(var(--lavender))}.hero-footnote span{opacity:.5;margin:0 3px}.orb-scene{perspective:800px;min-height:320px;position:relative}.orb{background:radial-gradient(circle at 30% 25%, hsl(var(--lavender) / .65), hsl(var(--primary) / .25) 28%, hsl(var(--hero)) 53%, hsl(var(--primary) / .8) 82%, hsl(var(--lavender)) 98%);width:216px;height:216px;box-shadow:inset -12px -16px 26px hsl(var(--lavender) / .25), inset 8px 6px 12px hsl(var(--lavender) / .2), 0 0 55px hsl(var(--primary) / .3);border-radius:50%;animation:7s ease-in-out infinite orbFloat;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}.orb-core{background:repeating-radial-gradient(ellipse at 45% 45%, transparent 0 7px, hsl(var(--lavender) / .09) 8px, transparent 9px);border:1px solid hsl(var(--lavender) / .2);border-radius:50%;position:absolute;inset:25px}.orb-ring{border:13px solid hsl(var(--primary) / .8);border-left-color:hsl(var(--lavender));border-top-color:hsl(var(--lavender) / .6);border-bottom-color:hsl(var(--primary) / .8);width:290px;height:94px;box-shadow:0 0 16px hsl(var(--primary) / .35), inset 0 2px 5px hsl(var(--lavender));border-radius:50%;position:absolute;top:60px;left:-36px;transform:rotate(-10deg)}.orb-sheen{border-top:2px solid hsl(var(--lavender) / .7);border-radius:50%;position:absolute;inset:3px;transform:rotate(25deg)}.orb-glow{background:radial-gradient(circle, hsl(var(--primary) / .25), transparent 70%);width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-orbit{border:1px solid hsl(var(--primary) / .14);border-radius:50%;width:370px;height:230px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-24deg)}.orbit-two{width:430px;height:260px;transform:translate(-50%,-50%)rotate(22deg)}.float-chip{background:hsl(var(--hero-foreground) / .06);border:1px solid hsl(var(--lavender) / .22);color:hsl(var(--hero-foreground));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3;box-shadow:var(--shadow-md);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:10px;display:flex;position:absolute}.float-chip svg{color:hsl(var(--lavender))}.chip-top{animation:6s ease-in-out infinite chipFloat;top:17%;left:8%;transform:rotate(-7deg)}.chip-bottom{animation:8s ease-in-out infinite reverse chipFloat;bottom:16%;right:7%;transform:rotate(6deg)}.star{color:hsl(var(--lavender));font-size:25px;position:absolute}.star-a{top:20%;right:16%}.star-b{opacity:.7;font-size:14px;bottom:18%;left:19%}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0 32px;display:grid}.stats-grid .card{padding:20px}.stat-label{color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-label svg{color:hsl(var(--primary));opacity:.8}.stats-grid strong{margin:12px 0 8px;font-family:Manrope,sans-serif;font-size:28px;font-weight:600;line-height:1.3;display:block}.stats-grid .card>span{color:hsl(var(--muted-foreground));font-size:10px;display:block}.dashboard-columns{grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);gap:24px;display:grid}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-title h2{letter-spacing:-.5px;font-size:16px}.section-title>span,.section-title>a{color:hsl(var(--muted-foreground));align-items:center;gap:6px;font-size:10px;display:flex}.toolkit-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.toolkit-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);padding:20px}.toolkit-card:hover{border-color:hsl(var(--primary) / .5);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.violet-icon{color:hsl(var(--primary));background:hsl(var(--primary) / .12)}.pink-icon{color:hsl(var(--pink));background:hsl(var(--pink) / .1)}.amber-icon{color:hsl(var(--warning));background:hsl(var(--warning) / .1)}.green-icon{color:hsl(var(--success));background:hsl(var(--success) / .1)}.muted-arrow{color:hsl(var(--muted-foreground));opacity:.5}.toolkit-card h3{letter-spacing:-.3px;margin-top:16px;font-size:14px}.toolkit-card p{color:hsl(var(--foreground) / .8);margin:8px 0 4px;font-size:11px}.toolkit-card>span{color:hsl(var(--muted-foreground));font-size:10px}.projects-section{margin-top:28px}.project-empty{align-items:center;gap:16px;padding:20px;display:flex}.project-empty>svg{color:hsl(var(--primary));flex-shrink:0}.project-empty strong{font-size:12px;font-weight:500}.project-empty p{color:hsl(var(--muted-foreground));margin:4px 0 0;font-size:10px}.project-empty .button{margin-left:auto}.project-row{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));align-items:center;gap:12px;margin-bottom:8px;padding:16px 12px;display:flex}.project-icon{color:hsl(var(--primary));background:hsl(var(--primary) / .1);border-radius:8px;padding:10px}.project-name{text-align:left;color:inherit;background:0 0;border:0;flex-direction:column;flex:1;gap:4px;font-size:12px;display:flex}.project-name strong{font-weight:500}.project-name span{color:hsl(var(--muted-foreground));font-size:10px}.project-status{color:hsl(var(--success));background:hsl(var(--success) / .08);border-radius:6px;padding:4px 8px;font-size:10px}.dashboard-right{flex-direction:column;gap:20px;display:flex}.preview-panel{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));padding:20px}.preview-panel .section-title{gap:8px}.preview-panel .section-title h2{font-size:13px}.pill{letter-spacing:.7px;color:hsl(var(--primary));border:1px solid hsl(var(--primary) / .18);background:hsl(var(--primary) / .06);white-space:nowrap;border-radius:5px;padding:4px 7px;font-size:9px}.site-mini{border:1px solid hsl(var(--border));border-radius:8px;overflow:hidden}.mini-browser{background:hsl(var(--muted));height:27px;color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;padding:0 10px;font-size:8px;display:flex}.browser-dots{gap:3px;display:flex}.browser-dots i{background:hsl(var(--muted-foreground) / .5);border-radius:50%;width:4px;height:4px}.mini-site{background:hsl(var(--preview));color:hsl(var(--preview-foreground));padding:16px}.mini-site-nav{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px;display:flex}.mini-site-nav strong{font-family:Georgia,serif;font-size:10px}.mini-site-nav span{opacity:.6;font-size:12px}.mini-site-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:12px;display:grid}.mini-eyebrow{letter-spacing:1px;color:hsl(var(--preview-foreground) / .6);font-size:5px}.mini-site-hero h3{letter-spacing:-1px;margin:8px 0;font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.05}.mini-site-hero h3 em{font-weight:400}.mini-site-hero p{color:hsl(var(--preview-foreground) / .7);margin-bottom:10px;font-size:6px;line-height:1.6}.mini-cta{background:hsl(var(--preview-foreground));color:hsl(var(--preview));border-radius:2px;margin-bottom:10px;padding:5px 8px;font-size:5px;display:inline-block}.mini-site-hero>div>svg{color:hsl(var(--preview-foreground));display:block}.mini-site-hero>.content-image{object-fit:cover;border-radius:4px;width:100%;height:144px}.mini-work{margin-top:20px}.mini-work>span{font-family:Georgia,serif;font-size:12px}.mini-work>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.mini-work .content-image{object-fit:cover;border-radius:3px;width:100%;height:66px}.preview-link{color:hsl(var(--primary));justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:11px;display:flex}.checklist-card{padding:20px}.checklist-card h2{font-size:13px}.checklist-card .flex>span{color:hsl(var(--primary));font-size:11px}.progress-track{background:hsl(var(--muted));border-radius:4px;height:4px;margin:16px 0}.progress-track>div{background:hsl(var(--primary));height:100%;transition:width var(--transition-smooth);border-radius:4px}.checklist-item{color:hsl(var(--muted-foreground));align-items:center;gap:10px;padding:7px 0;font-size:11px;display:flex}.checklist-item>span{border:1px solid hsl(var(--border));border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex}.checklist-item>span.checked{background:hsl(var(--primary) / .15);color:hsl(var(--primary));border:0}.checklist-item>svg{opacity:.5;margin-left:auto}.bottom-banner{border:1px solid hsl(var(--primary) / .13);border-radius:var(--radius);background:linear-gradient(90deg, hsl(var(--primary) / .07), hsl(var(--primary) / .02));justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:20px;font-size:11px;display:flex}.bottom-banner>div{color:hsl(var(--muted-foreground));align-items:center;gap:12px;display:flex}.bottom-banner svg{color:hsl(var(--primary));flex-shrink:0}.bottom-banner strong{color:hsl(var(--foreground));font-weight:500}.bottom-banner>a{color:hsl(var(--primary));white-space:nowrap;align-items:center;gap:8px;display:flex}.workspace-footer{color:hsl(var(--muted-foreground));justify-content:space-between;max-width:1520px;margin:auto;padding:0 36px 24px;font-size:10px;display:flex}.editor-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.form-stack{flex-direction:column;gap:20px;margin-top:24px;display:flex}.field-label{font-size:14px;font-weight:500;display:block}.section-description{color:hsl(var(--muted-foreground));margin:12px 0 24px;font-size:14px}.field-error{color:hsl(var(--destructive));font-size:13px}.inline-note{border:1px solid hsl(var(--primary) / .18);background:hsl(var(--primary) / .06);color:hsl(var(--muted-foreground));border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:16px;font-size:12px;line-height:1.7;display:flex}.inline-note a{color:hsl(var(--primary));align-items:center;gap:4px;display:inline-flex}.content-image{object-fit:cover;background:hsl(var(--muted));width:100%;display:block}.image-fallback{background:radial-gradient(at 30% 20%, hsl(var(--primary) / .4), hsl(var(--muted)));border-radius:var(--radius);min-height:120px}.portrait-preview{border-radius:8px;width:100px;height:120px;margin-top:16px}.upload-preview{object-fit:cover;border-radius:8px;width:100%;height:144px;margin-top:16px}.publish-card{background:linear-gradient(135deg, hsl(var(--accent)), hsl(var(--card)));color:hsl(var(--card-foreground))}.publish-card h2{margin-top:20px}.publish-card>p{color:hsl(var(--muted-foreground));margin:12px 0 24px}.publish-card>p.text-xs{margin-bottom:0;font-size:12px}.share-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.share-actions input{font-size:12px}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px;display:grid}.format-options{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.format-options .button{padding:8px 12px;font-size:12px}.output-card{flex-direction:column;min-height:535px;display:flex}.ai-output{white-space:pre-wrap;flex:1;margin:16px 0 24px;font-size:14px;line-height:1.8}.ai-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 0;display:flex}.spark-orb{width:96px;height:96px;color:hsl(var(--lavender));background:radial-gradient(at 30% 20%, hsl(var(--primary) / .5), hsl(var(--hero)));box-shadow:0 0 40px hsl(var(--primary) / .1);border-radius:50%;justify-content:center;align-items:center;margin-bottom:28px;display:flex}.ai-empty h3{margin-bottom:12px;font-size:20px}.ai-empty p{color:hsl(var(--muted-foreground));font-size:13px}.ai-empty>span{letter-spacing:1.5px;color:hsl(var(--primary));margin-top:24px;font-size:9px}.saved-ideas{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.metrics-inputs{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metrics-inputs label{font-size:12px}.package-card{justify-content:space-between;gap:16px;display:flex}.package-card h3{font-size:18px}.package-card p{color:hsl(var(--muted-foreground));margin:8px 0 12px;font-size:13px}.package-card strong{color:hsl(var(--primary));font-size:14px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.work-card{padding:0;overflow:hidden}.work-card>.content-image,.work-card>.image-fallback{height:200px}.work-card h3{margin:8px 0;font-size:18px}.work-card p{color:hsl(var(--muted-foreground));font-size:13px}.plan-price{margin:12px 0;font-size:48px}.plan-price span{color:hsl(var(--muted-foreground));font-size:16px;font-weight:400}.plan-card>p{color:hsl(var(--muted-foreground));font-size:14px}.plan-list{flex-direction:column;gap:16px;margin:24px 0 32px;padding:0;font-size:13px;list-style:none;display:flex}.plan-list li{align-items:center;gap:12px;display:flex}.plan-list svg{color:hsl(var(--success));flex-shrink:0}.capability-list{flex-direction:column;gap:20px;margin-top:24px;display:flex}.capability-list>div{align-items:start;gap:12px;display:flex}.capability-list svg{color:hsl(var(--success));flex-shrink:0;margin-top:4px}.capability-list strong{font-size:13px;font-weight:500}.capability-list p{color:hsl(var(--muted-foreground));margin-top:4px;font-size:12px}.empty-state{border:1px dashed hsl(var(--border));border-radius:var(--radius);text-align:center;background:hsl(var(--card));color:hsl(var(--card-foreground));flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.empty-state>svg{color:hsl(var(--primary));background:hsl(var(--primary) / .1);border-radius:50%;width:56px;height:56px;padding:12px}.empty-state h3{font-size:18px}.empty-state p{color:hsl(var(--muted-foreground));font-size:13px}.dialog-overlay{background:hsl(var(--hero) / .8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:90;animation:.2s fadeIn;position:fixed;inset:0}.dialog-content{background:hsl(var(--popover));color:hsl(var(--popover-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);width:calc(100% - 32px);max-width:480px;max-height:90dvh;box-shadow:var(--shadow-lg);z-index:100;padding:24px;animation:.2s fadeIn;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.toast{background:hsl(var(--popover));color:hsl(var(--popover-foreground));border:1px solid hsl(var(--primary) / .25);border-radius:var(--radius);max-width:440px;box-shadow:var(--shadow-lg);z-index:110;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex;position:fixed;bottom:24px;right:24px}.toast>svg{color:hsl(var(--primary));flex-shrink:0}.mobile-nav{display:none}.stat-label,.stats-grid .card>span,.toolkit-card p,.toolkit-card>span,.project-empty strong,.project-empty p,.checklist-item,.sidebar-profile span,.free-plan,.bottom-banner,.workspace-footer,.section-title>span,.section-title>a,.project-name span,.project-status{font-size:12px}.free-plan .status-dot{width:6px;height:6px}.page-enter{animation:.45s both pageEnter}.public-header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:auto;padding:28px 32px;display:flex}.public-header .wordmark{gap:5px;font-size:20px}.public-header nav{align-items:center;gap:28px;font-size:13px;display:flex}.public-main{max-width:1120px;margin:auto;padding:0 32px}.public-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:80px 0;display:grid}.public-hero h1{letter-spacing:-4px;margin:20px 0 28px;font-family:Georgia,serif;font-size:80px;font-weight:400;line-height:1.05}.public-hero h1 em{color:hsl(var(--primary));font-weight:400}.public-hero p{color:hsl(var(--muted-foreground));max-width:430px;margin:16px 0 24px;font-size:16px}.public-hero .public-intro{margin-top:0;font-size:12px}.instagram-link{color:hsl(var(--muted-foreground));align-items:center;gap:8px;margin-top:24px;font-size:13px;display:flex}.public-portrait{border:1px solid hsl(var(--primary) / .25);background:radial-gradient(at 50% 0, hsl(var(--primary) / .3), hsl(var(--card)));border-radius:160px 160px 16px 16px;padding:16px;position:relative}.public-portrait>.content-image,.public-portrait>.image-fallback{border-radius:150px 150px 8px 8px;height:480px}.public-portrait>span{text-align:center;letter-spacing:3px;color:hsl(var(--primary));margin:20px 0 4px;font-size:10px;display:block}.public-section{border-top:1px solid hsl(var(--border));padding:64px 0;scroll-margin-top:24px}.public-section h2{letter-spacing:-1.5px;margin:12px 0 24px;font-family:Georgia,serif;font-size:40px;font-weight:400;line-height:1.3}.public-work-grid{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:32px;display:grid}.public-work>.content-image,.public-work>.image-fallback{border-radius:var(--radius);height:340px;margin-bottom:20px}.public-work h3{margin:12px 0;font-size:22px}.public-work p{color:hsl(var(--muted-foreground))}.public-metrics{gap:48px;margin:32px 0 16px;display:flex}.public-metrics strong{font-family:Manrope,sans-serif;font-size:30px;display:block}.public-metrics span{color:hsl(var(--muted-foreground));font-size:12px}.public-package-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.public-contact{grid-template-columns:1fr 1fr;gap:64px;display:grid}.public-contact h2 em{color:hsl(var(--primary))}.public-footer{border-top:1px solid hsl(var(--border));max-width:1200px;color:hsl(var(--muted-foreground));justify-content:space-between;gap:16px;margin:auto;padding:32px;font-size:12px;display:flex}.public-footer>a{align-items:center;gap:8px;display:flex}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:32px;display:flex}.not-found>svg{color:hsl(var(--primary))}.not-found p{color:hsl(var(--muted-foreground))}@keyframes orbFloat{0%,to{transform:translate(-50%,-50%)rotate(-25deg)}50%{transform:translate(-50%,-54%)rotate(-15deg)}}@keyframes chipFloat{0%,to{translate:0}50%{translate:0 -8px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=1440px){.sidebar{width:248px}.workspace{margin-left:248px}.workspace-main{padding:36px 48px}.hero-copy{padding:40px}.hero-copy h2{font-size:42px}.hero-panel{min-height:340px}.hero-copy p{font-size:14px}.orb{width:248px;height:248px}.orb-ring{width:330px;height:110px;top:68px;left:-40px}.toolkit-card{padding:24px}.toolkit-card h3{font-size:16px}.toolkit-card p{font-size:12px}.toolkit-card>span{font-size:11px}.mini-site-hero>.content-image{height:176px}.mini-site-hero h3{font-size:34px}.mini-site-hero p{font-size:8px}.mini-work .content-image{height:84px}}@media (width<=1199px){.sidebar{width:204px;padding:28px 12px}.workspace{margin-left:204px}.workspace-main{padding:28px 24px}.topbar{padding:0 24px}.sidebar .wordmark{font-size:21px}.nav-item{padding:12px;font-size:12px}.hero-copy{padding:28px}.hero-copy h2{font-size:30px}.hero-copy p{font-size:11px}.hero-copy .button{padding:8px 12px;font-size:11px}.hero-panel{grid-template-columns:1.3fr 1fr}.orb{width:180px;height:180px}.orb-ring{border-width:11px;width:244px;height:80px;top:50px;left:-32px}.float-chip{padding:8px 10px;font-size:8px}.chip-top{left:0}.chip-bottom{right:0}.dashboard-columns{grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr);gap:20px}.toolkit-card{padding:16px}.toolkit-card h3{font-size:13px}.toolkit-card p{font-size:10px}.toolkit-card>span{font-size:9px}.stats-grid .card{padding:16px}.stats-grid .card>span{font-size:9px}.stats-grid{gap:12px}.section-title>span{font-size:9px}.bottom-banner{font-size:10px}.page-heading h1{font-size:26px}.public-package-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1023px){.sidebar{display:none}.workspace{margin-left:0;padding-bottom:96px}.topbar{height:64px}.workspace-main{padding:24px}.mobile-nav{padding:12px 4px calc(12px + env(safe-area-inset-bottom));background:hsl(var(--background) / .96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid hsl(var(--border));z-index:40;justify-content:space-around;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:hsl(var(--muted-foreground));flex-direction:column;align-items:center;gap:5px;min-width:40px;padding:4px;font-size:9px;display:flex}.mobile-nav a.active{color:hsl(var(--primary))}.toast{max-width:unset;bottom:100px;left:16px;right:16px}.hero-copy h2{font-size:36px}.hero-copy p{font-size:12px}.toolkit-card h3{font-size:14px}.toolkit-card p{font-size:11px}.toolkit-card>span{font-size:10px}.orb{width:216px;height:216px}.orb-ring{width:290px;height:94px;top:60px;left:-36px}.public-hero{gap:40px}.public-hero h1{font-size:64px}.public-portrait>.content-image,.public-portrait>.image-fallback{height:400px}.public-contact{gap:32px}}@media (width<=767px){.workspace-main{padding:24px 16px}.topbar{padding:0 16px}.breadcrumbs{gap:8px;font-size:11px}.free-tag,.top-new{display:none}.page-heading{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:24px}.page-heading h1{font-size:26px}.page-heading p{font-size:12px}.eyebrow{font-size:9px}.page-heading>.button{padding:8px 12px;font-size:11px}.hero-panel{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:28px 24px}.hero-copy h2{font-size:34px}.hero-copy p{margin-bottom:20px;font-size:12px}.hero-copy .button{font-size:11px}.hero-footnote{gap:6px;font-size:9px}.orb-scene{min-height:230px;margin-top:-12px}.orb{width:176px;height:176px}.orb-ring{border-width:11px;width:244px;height:80px;top:50px;left:-32px}.chip-top{top:10%;left:8%}.chip-bottom{bottom:12%;right:8%}.star-a{top:10%;right:20%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0 28px}.stats-grid strong{font-size:26px}.stats-grid .card>span{font-size:10px}.dashboard-columns{grid-template-columns:1fr;gap:28px}.toolkit-card{padding:20px}.toolkit-card>span{font-size:10px}.toolkit-grid{gap:12px}.section-title>span{font-size:10px}.dashboard-right{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.preview-panel{padding:16px}.preview-panel .section-title{flex-wrap:wrap;gap:8px}.checklist-card{padding:16px}.mini-site{padding:12px}.mini-site-hero{grid-template-columns:1fr;gap:8px}.mini-site-hero>.content-image{grid-row:1;height:100px;display:none}.mini-site-hero h3{font-size:27px}.mini-site-hero p{font-size:7px}.mini-site-nav span{display:none}.mini-eyebrow{font-size:5px}.mini-work{margin-top:16px}.mini-work .content-image{height:48px}.mini-site-nav{margin-bottom:12px}.checklist-item{gap:6px;padding:9px 0;font-size:10px}.checklist-item>svg{display:none}.checklist-item>span{flex-shrink:0}.checklist-card h2{font-size:12px}.checklist-card .text-xs{font-size:10px}.bottom-banner{flex-direction:column;align-items:start;gap:12px;padding:16px;font-size:11px}.workspace-footer{flex-direction:column;gap:8px;padding:0 16px 24px}.editor-grid,.studio-grid{grid-template-columns:1fr}.card{padding:20px}.work-card{padding:0}.portfolio-grid{gap:12px}.work-card .p-6{padding:16px}.work-card h3{font-size:16px}.work-card p{font-size:12px}.work-card>.content-image,.work-card>.image-fallback{height:160px}.metrics-inputs{gap:8px}.metrics-inputs input{padding:10px 8px}.metrics-inputs label{font-size:11px}.saved-ideas{grid-template-columns:1fr}.output-card{min-height:400px}.public-header{padding:20px 16px}.public-header .wordmark{font-size:17px}.public-header nav{gap:12px}.public-header nav>a{display:none}.public-header .button{padding:8px 10px;font-size:11px}.public-main{padding:0 20px}.public-hero{grid-template-columns:1fr;gap:32px;padding:48px 0}.public-hero h1{font-size:64px}.public-hero p{font-size:14px}.public-portrait{width:100%;max-width:360px;margin:auto}.public-portrait>.content-image,.public-portrait>.image-fallback{height:360px}.public-section{padding:40px 0}.public-section h2{font-size:34px}.public-work-grid{gap:20px}.public-work>.content-image,.public-work>.image-fallback{height:220px}.public-work h3{font-size:18px}.public-work p{font-size:13px}.public-package-grid{grid-template-columns:1fr}.public-contact{grid-template-columns:1fr;gap:8px}.public-metrics{gap:24px}.public-metrics strong{font-size:26px}.public-metrics span{font-size:10px}.public-footer{flex-direction:column;padding:24px 20px;font-size:11px}.public-site .toast{bottom:24px}.form-stack{gap:16px}.dialog-content{padding:20px}}.scroll-experience{isolation:isolate;min-height:100dvh;position:relative;overflow-x:clip}.app-shell,.public-site,.not-found{z-index:1;position:relative}.cinematic-scene{z-index:0;pointer-events:none;perspective:1200px;position:fixed;inset:0;overflow:hidden}.cinematic-halo{background:radial-gradient(ellipse at 85% 25%, hsl(var(--primary) / .15), transparent 48%), radial-gradient(ellipse at 30% 85%, hsl(var(--pink) / .08), transparent 45%);transform:translateY(var(--scene-lift,0px));position:absolute;inset:-20%}.cinematic-rings{aspect-ratio:1;width:min(72vw,880px);transform-style:preserve-3d;transform:rotateX(var(--scene-tilt,20deg)) rotateZ(var(--scene-roll,0deg));position:absolute;top:12%;right:-160px}.cinematic-rings i{border:2px solid hsl(var(--primary) / .24);box-shadow:0 0 48px hsl(var(--primary) / .08), inset 0 0 48px hsl(var(--primary) / .06);border-radius:50%;position:absolute;inset:8%}.cinematic-rings i:nth-child(2){border-color:hsl(var(--lavender) / .2);inset:16%;transform:rotateY(65deg)}.cinematic-rings i:nth-child(3){border-color:hsl(var(--pink) / .2);inset:24%;transform:rotateX(70deg)}.cinematic-sphere{aspect-ratio:1;background:radial-gradient(circle at 28% 24%, hsl(var(--lavender) / .3), hsl(var(--primary) / .1) 38%, transparent 72%);border:1px solid hsl(var(--primary) / .12);width:clamp(100px,18vw,240px);transform:translateY(var(--scene-lift,0px)) rotateZ(var(--scene-roll,0deg));border-radius:50%;position:absolute;bottom:16%;left:8%}.cinematic-floor{background-image:linear-gradient(hsl(var(--primary) / .08) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--primary) / .08) 1px, transparent 1px);height:70%;transform:rotateX(65deg) translateY(var(--scene-lift,0px));-webkit-mask-image:linear-gradient(transparent, hsl(var(--foreground)));-webkit-mask-image:linear-gradient(transparent, hsl(var(--foreground)));-webkit-mask-image:linear-gradient(transparent, hsl(var(--foreground)));mask-image:linear-gradient(transparent, hsl(var(--foreground)));background-size:64px 64px;position:absolute;bottom:-40%;left:-25%;right:-25%}.scroll-experience .workspace-main{max-width:none;padding-top:40px;padding-bottom:48px}.scroll-experience .hero-panel{align-items:center;min-height:clamp(440px,68dvh,720px)}.scroll-experience .hero-copy{padding:clamp(24px,4vw,64px)}.scroll-experience .hero-copy h2{font-size:clamp(36px,4.5vw,72px);line-height:1.12}.scroll-experience .hero-copy p{font-size:clamp(14px,1.2vw,16px)}.scroll-experience .orb-scene{min-height:400px}.scroll-experience .dashboard-columns{margin-top:48px}.scroll-experience .toolkit-card{min-height:220px}.scroll-experience .public-hero{min-height:88dvh}.scroll-experience .public-section{padding-block:80px}.scroll-experience .card,.scroll-experience .preview-panel,.scroll-experience .toolkit-card{box-shadow:0 16px 48px hsl(var(--hero) / .12), 0 1px 0 hsl(var(--primary) / .1)}.scroll-progress{background:hsl(var(--primary));height:4px;transform:scaleX(var(--scroll-progress,0));transform-origin:0;z-index:80;pointer-events:none;position:fixed;inset:0 0 auto}.scroll-depth{opacity:0;transition:opacity .6s,transform .18s ease-out;transform:perspective(1400px)translateY(40px)rotateX(8deg)}.scroll-depth.scroll-visible{opacity:1;transform:perspective(1400px) translateY(var(--depth-shift,0px)) rotateX(var(--depth-rotate,0deg)) rotateZ(var(--depth-roll,0deg))}.scroll-depth:focus-within,.scroll-depth .scroll-depth.scroll-visible{transform:none}@media (width<=767px){.scroll-experience .workspace-main{padding:24px 16px 40px}.scroll-experience .hero-panel{min-height:auto}.scroll-experience .orb-scene{min-height:280px}.scroll-experience .dashboard-columns{margin-top:32px}.scroll-experience .toolkit-card{min-height:200px}.scroll-experience .public-section{padding-block:48px}.cinematic-rings{width:100vw;right:-40%}.cinematic-floor{background-size:48px 48px}}.hero-panel.scroll-visible .orb-scene{transform:translateY(var(--depth-shift,0px)) rotateY(var(--depth-rotate,0deg));transform-style:preserve-3d;transition:transform .16s linear}.public-portrait.scroll-visible{transform:perspective(1200px) translateY(var(--depth-shift,0px)) rotateY(var(--depth-rotate,0deg));box-shadow:0 24px 64px hsl(var(--primary) / .16);transition:opacity .6s,transform .16s linear}.toolkit-card.scroll-visible:hover{transform:perspective(1000px)translateY(-4px)rotateX(3deg)rotateY(-3deg)}.account-compact{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.account-compact>span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.account-panel{border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--card-foreground));margin-top:16px;padding:24px}.account-panel>.button{margin-top:16px}@media (width<=767px){.account-compact>span{display:none}.topbar{flex-wrap:wrap;height:auto;min-height:64px;padding-block:12px}.account-panel{padding:20px}}@media (prefers-reduced-motion:reduce){.cinematic-scene{display:none}.scroll-depth,.scroll-depth.scroll-visible,.public-portrait.scroll-visible,.hero-panel.scroll-visible .orb-scene,.toolkit-card.scroll-visible:hover{opacity:1;transition:none;transform:none}}.stat-label,.stats-grid .card>span,.toolkit-card p,.toolkit-card>span,.project-empty strong,.project-empty p,.checklist-item,.sidebar-profile span,.free-plan,.bottom-banner,.workspace-footer,.section-title>span,.section-title>a,.project-name span,.project-status,.page-heading>.button,.hero-copy p,.hero-copy .button,.free-plan a,.free-plan p,.breadcrumbs,.nav-item,.preview-panel .section-title h2,.preview-link,.checklist-card h2,.checklist-card .text-xs,.metrics-inputs label,.public-metrics span,.public-footer,.public-header .button,.mobile-nav a{font-size:12px}.hero-footnote{flex-wrap:wrap;font-size:12px}.mobile-nav{gap:0}.mobile-nav a{letter-spacing:.1px;flex:1;min-width:0;font-size:10px}.toolkit-card h3{font-size:16px}.topbar .button{font-size:12px}.public-hero .public-intro{font-size:14px}.mobile-nav span{letter-spacing:.3px;text-transform:uppercase;font-size:10px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none;animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}