:root{color-scheme:dark;font-family:Manrope,Inter,system-ui,sans-serif;background:radial-gradient(circle at top left,rgba(0,95,184,.2),transparent 26%),radial-gradient(circle at bottom right,rgba(76,215,246,.12),transparent 18%),linear-gradient(180deg,#0f141b,#161d26);color:#eff1f3}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:transparent}a,button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;min-height:100vh;width:min(1440px,calc(100vw - 32px));margin:0 auto;padding:24px 0 40px}.marketing-shell{width:min(1440px,calc(100vw - 32px));margin:0 auto;padding:24px 0 48px}.stitch-page-shell{width:100%;height:100dvh;overflow:hidden}.stitch-page-frame{display:block;width:100%;height:100%;border:0;background:#0b0f10}.gate-state{width:min(960px,calc(100vw - 32px));margin:24px auto}.identity-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:#020617b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.identity-dialog{width:min(520px,100%);padding:28px;border:1px solid rgba(71,85,105,.45);border-radius:28px;background:linear-gradient(180deg,#1e293bf5,#0f172afa);box-shadow:0 28px 80px #0206177a}.identity-dialog h2{margin:8px 0 10px;font-size:clamp(1.5rem,3vw,2rem)}.identity-dialog__eyebrow{margin:0;color:#69a7ff;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.identity-error-banner{position:fixed;top:20px;left:20px;right:20px;z-index:180}.marketing-topbar,.marketing-hero,.marketing-card,.pricing-card{box-shadow:0 20px 40px #080c1152}.marketing-topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:18px 24px;border-radius:24px;background:linear-gradient(180deg,#181f29f5,#11171ffa)}.marketing-brand{display:inline-flex;align-items:center;color:#8ee7ff;font-size:1.35rem;font-weight:700;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}.marketing-nav,.marketing-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.marketing-nav{flex:1;justify-content:flex-start}.marketing-nav__link{color:#94a3b8;text-decoration:none;padding:10px 12px;border-radius:12px}.marketing-nav__link--active{color:#7dd3fc;background:#ffffff0a}.marketing-hero{margin-top:18px;padding:32px;border-radius:28px;background:radial-gradient(circle at top right,rgba(0,95,184,.26),transparent 24%),linear-gradient(180deg,#e6e8ea14,#e0e3e50a)}.marketing-hero__copy{display:grid;gap:12px;max-width:72ch}.marketing-shell--compact .marketing-hero{margin-top:12px;padding:14px 20px;border-radius:24px}.marketing-shell--compact .marketing-hero__copy{gap:6px;max-width:58ch}.marketing-shell--compact .marketing-hero__copy h2{font-size:clamp(1.25rem,2vw,2rem);line-height:1.08;max-width:30ch}.marketing-shell--compact .marketing-content{margin-top:10px}.marketing-shell--compact .marketing-hero__eyebrow{font-size:.68rem}.marketing-shell--compact .section-grid{align-items:start}.marketing-hero__eyebrow{margin:0;letter-spacing:.14em;text-transform:uppercase;font-size:.73rem;font-weight:700;color:#8ee7ff}.marketing-hero__copy h2{margin:0;font-size:clamp(2.2rem,4vw,4.2rem);line-height:.98;letter-spacing:-.05em}.marketing-content{display:grid;gap:18px;margin-top:18px}.public-footer{margin-top:18px;padding:32px 28px;border-radius:28px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0c1013fa,#000000fa);box-shadow:0 20px 40px #080c1152}.public-footer__grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(160px,1fr));gap:24px;align-items:start}.public-footer__brand,.public-footer__section,.public-footer__links{display:grid;gap:12px}.public-footer__eyebrow,.public-footer__section-title{margin:0;letter-spacing:.14em;text-transform:uppercase;font-size:.73rem;font-weight:700;color:#8ee7ff}.public-footer__brand h2{margin:0;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.05;letter-spacing:-.03em}.public-footer__brand p,.public-footer__links a{color:#b7c1cf;line-height:1.65}.public-footer__links a{text-decoration:none}.public-footer__links a:hover{color:#d6e3ff}.public-footer__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.marketing-grid,.pricing-grid{display:grid;gap:18px}.marketing-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr)}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-card,.pricing-card{padding:28px;border-radius:28px;background:linear-gradient(180deg,#222a35eb,#151c25f5)}.marketing-proof-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px}.marketing-card--hero h2,.pricing-card h2{margin:0 0 14px;font-size:clamp(1.55rem,2.3vw,2.4rem);line-height:1.03;letter-spacing:-.03em}.marketing-card--hero p,.pricing-card p{color:#b7c1cf;line-height:1.7}.marketing-card--proof h3,.marketing-card h3,.marketing-band h3{margin:0 0 14px;font-size:1.5rem;line-height:1.08}.proof-surface{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.proof-surface__column{display:grid;gap:10px;padding:16px;border-radius:22px;background:#e0e3e50d}.proof-surface__label{color:#d6e3ff;font-weight:700}.proof-surface__line,.proof-surface__panel{display:block;border-radius:999px;background:#d6e3ff29}.proof-surface__line{height:10px}.proof-surface__line--short{width:70%}.proof-surface__panel{min-height:128px;border-radius:18px;background:linear-gradient(180deg,#005fb847,#4cd7f61f)}.outcome-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.outcome-strip__card,.marketing-band{padding:22px;border-radius:24px;background:linear-gradient(180deg,#222a35eb,#151c25f5);box-shadow:0 20px 40px #080c1152}.outcome-strip__card p:last-child,.marketing-band p:last-child{margin:0;color:#b7c1cf;line-height:1.65}.marketing-band{display:flex;justify-content:space-between;gap:18px;align-items:end}.pricing-card--featured{background:radial-gradient(circle at top right,rgba(76,215,246,.14),transparent 26%),linear-gradient(180deg,#005fb847,#151c25f5)}.shell-sidebar,.callout,.info-card,.workspace-panel{box-shadow:0 20px 40px #080c1152}.shell-sidebar{position:sticky;top:24px;align-self:start;display:grid;gap:22px;min-height:calc(100vh - 48px);padding:24px;border-radius:28px;background:linear-gradient(180deg,#181f29f5,#11171ffa)}.shell-sidebar__brand h1{margin:0 0 10px;font-size:clamp(1.2rem,1.5vw,1.45rem);line-height:1.08;letter-spacing:-.02em}.shell-eyebrow,.workspace-panel__eyebrow,.project-link__eyebrow,.shell-hero__eyebrow{margin:0 0 12px;letter-spacing:.14em;text-transform:uppercase;font-size:.73rem;font-weight:700;color:#8ee7ff}.shell-description{margin:0;color:#a9b3c2;line-height:1.7}.shell-nav{display:grid;gap:10px}.shell-nav__link{display:flex;align-items:center;min-height:46px;padding:0 16px;border-radius:16px;color:#d9e0e8;text-decoration:none;background:#e0e3e50d;transition:transform .2s ease-out,background-color .2s ease-out}.shell-nav__link:hover{transform:translate(2px);background:#d6e3ff1a}.shell-nav__link--active{color:#fff;background:linear-gradient(135deg,#00488d,#005fb8)}.shell-main{min-width:0;padding:8px 0 0}.shell-content{display:grid;gap:20px;min-width:0}.callout,.info-card,.workspace-panel{border-radius:26px;background:linear-gradient(180deg,#222a35eb,#151c25f5)}.callout{padding:22px 24px}.callout__title{margin:0 0 10px;font-weight:700;color:#d6e3ff}.callout__description{margin:0;color:#b7c1cf;line-height:1.7}.section-grid{display:grid;gap:18px}.section-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-card{position:relative;overflow:hidden}.info-card__accent{position:absolute;inset:0 auto 0 0;width:5px;background:#d6e3ff4d}.info-card__accent[data-accent=trust]{background:#4cd7f6}.info-card__accent[data-accent=action]{background:linear-gradient(180deg,#005fb8,#4cd7f6)}.info-card__body{padding:24px}.info-card h2,.workspace-panel h2{margin:0 0 10px;font-size:1.18rem}.info-card p,.workspace-panel p{margin:0 0 14px;color:#b3becd;line-height:1.65}.bullet-list{margin:0;padding-left:18px;color:#dbe2eb;line-height:1.8}.auth-inline-actions,.inline-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.action-link,.project-link,.secondary-link,.secondary-button,.auth-provider-button,.auth-submit{text-decoration:none;transition:transform .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out}.action-link,.auth-provider-button,.auth-submit{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 18px;border-radius:16px;background:linear-gradient(135deg,#00488d,#005fb8);color:#fff;font-weight:700;border:0}.action-link:hover,.auth-provider-button:hover,.auth-submit:hover,.project-link:hover{transform:translateY(-1px)}.secondary-link,.secondary-button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 16px;border-radius:16px;background:#e0e3e514;color:#d6e3ff;font-weight:600;border:0}.project-list,.workspace-grid,.auth-provider-grid{display:grid;gap:14px}.hub-page,.hub-stack{display:grid;gap:18px}.hub-header,.hub-panel{border-radius:28px;background:linear-gradient(180deg,#222a35eb,#151c25f5);box-shadow:0 20px 40px #080c1152}.hub-header{display:grid;gap:14px;padding:26px 28px;background:radial-gradient(circle at top right,rgba(0,95,184,.2),transparent 28%),linear-gradient(180deg,#222a35f5,#151c25fa)}.hub-header h2,.hub-panel h3{margin:0;font-size:clamp(1.45rem,2vw,2rem);line-height:1.06;letter-spacing:-.03em}.hub-header p,.hub-panel p{margin:0;color:#b7c1cf;line-height:1.68}.hub-chip-row,.hub-action-row,.hub-stat-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hub-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:#d6e3ff1a;color:#d6e3ff;font-size:.82rem;font-weight:700}.hub-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr);gap:18px}.hub-panel{display:grid;gap:14px;padding:24px}.hub-panel--accent{background:radial-gradient(circle at top right,rgba(76,215,246,.12),transparent 30%),linear-gradient(180deg,#222a35f5,#151c25fa)}.hub-panel--subtle{background:linear-gradient(180deg,#e6e8ea12,#e0e3e50a)}.hub-list{display:grid;gap:14px}.hub-divider{height:1px;background:#94a3b82e}.hub-panel .bullet-list{margin-top:-4px}.project-list--stacked{margin-top:6px}.project-link{display:grid;gap:6px;padding:18px;border-radius:22px;background:#e0e3e50d;color:#eff1f3}.project-link--elevated{background:linear-gradient(180deg,#d6e3ff14,#e0e3e50a)}.project-link span{color:#9eabbc;font-size:.95rem}.auth-provider-note,.auth-feedback{color:#9eabbc;line-height:1.6}.project-setup-shell{display:grid;gap:18px}.project-setup-topline,.project-panel-header,.project-setup-footer{display:flex;justify-content:space-between;gap:16px;align-items:start}.project-setup-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:#95a3b7}.project-setup-breadcrumbs__link{color:#d6e3ff;text-decoration:none}.project-step-pill,.project-inline-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:#d6e3ff1a;color:#d6e3ff;font-size:.82rem;font-weight:700}.project-stage-header,.project-setup-panel,.project-preference-group{padding:24px;border-radius:28px;background:linear-gradient(180deg,#222a35eb,#151c25f5);box-shadow:0 20px 40px #080c1152}.project-stage-header{display:grid;gap:10px}.project-stage-header h2,.project-setup-panel h3,.project-preference-group h3,.project-outcome-card__copy h3{margin:0;font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.05;letter-spacing:-.03em}.project-stage-header p:last-child,.project-setup-panel p:not(.shell-eyebrow),.project-preference-group p:not(.shell-eyebrow),.project-outcome-card__copy p:not(.project-outcome-card__eyebrow){margin:0;color:#b7c1cf;line-height:1.7}.project-stage-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:18px}.project-stage-grid--preferences{align-items:start}.project-stage-main,.project-stage-rail,.tool-preference-grid,.project-outcome-grid,.project-identity-fields{display:grid;gap:18px}.project-outcome-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.project-outcome-card{display:grid;grid-column:span 2;gap:16px;width:100%;padding:18px;border:1px solid rgba(214,227,255,.08);border-radius:26px;background:#e0e3e50a;color:#eff1f3;text-align:left}.project-outcome-card--featured{grid-column:span 3}.project-outcome-card--active,.tool-preference-card--active{border-color:#4cd7f67a;background:radial-gradient(circle at top right,rgba(76,215,246,.18),transparent 34%),linear-gradient(180deg,#005fb833,#161d26f5)}.project-outcome-card__visual{min-height:118px;border-radius:20px;background:radial-gradient(circle at top left,rgba(76,215,246,.34),transparent 30%),linear-gradient(135deg,#005fb861,#11171ff0)}.project-outcome-card--featured .project-outcome-card__visual{min-height:148px}.project-outcome-card__copy{display:grid;gap:10px}.project-outcome-card__eyebrow{margin:0;letter-spacing:.14em;text-transform:uppercase;font-size:.73rem;font-weight:700;color:#8ee7ff}.project-setup-panel--identity{background:radial-gradient(circle at top right,rgba(76,215,246,.14),transparent 30%),linear-gradient(180deg,#222a35f5,#151c25fa)}.project-setup-panel--trust,.project-setup-panel--advice{background:radial-gradient(circle at top right,rgba(0,95,184,.18),transparent 28%),linear-gradient(180deg,#222a35eb,#151c25f5)}.project-url-preview{margin-top:14px;padding:16px 18px;border-radius:18px;background:#e0e3e50d;color:#fff;font-weight:700;word-break:break-word}.tool-preference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-preference-card{display:grid;gap:10px;width:100%;padding:22px;border:1px solid rgba(214,227,255,.08);border-radius:24px;background:#e0e3e50a;color:#eff1f3;text-align:left}.project-setup-footer{padding:22px 24px;border-radius:26px;background:linear-gradient(180deg,#222a35eb,#151c25f5);box-shadow:0 20px 40px #080c1152}.project-setup-footer__note{margin:0;max-width:70ch;color:#b7c1cf;line-height:1.7}.auth-provider-grid,.auth-form{margin-top:4px}.auth-form{display:grid;gap:14px}.auth-field{display:grid;gap:8px;color:#dbe2eb;font-weight:600}.auth-field input{min-height:48px;padding:0 14px;border-radius:16px;border:0;border-bottom:2px solid rgba(194,198,212,.4);background:#e0e3e50f;color:#eff1f3}.auth-field input:focus{outline:none;border-bottom-color:#005fb8;box-shadow:0 0 0 4px #005fb82e}.auth-provider-button:disabled,.auth-submit:disabled,.secondary-button:disabled{cursor:wait;opacity:.72}.workspace-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.workspace-panel{grid-column:span 4;padding:22px}.workspace-panel--chat,.workspace-panel--preview{grid-column:span 6}@media(max-width:1120px){.marketing-topbar,.app-shell{grid-template-columns:1fr}.shell-sidebar{position:static;min-height:auto}.marketing-topbar,.marketing-grid,.marketing-proof-grid,.outcome-strip,.pricing-grid,.project-stage-grid,.tool-preference-grid,.hub-grid,.public-footer__grid{grid-template-columns:1fr}.project-outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-outcome-card,.project-outcome-card--featured{grid-column:span 1}}@media(max-width:900px){.workspace-grid{grid-template-columns:1fr}.marketing-shell,.app-shell{width:min(100vw - 20px,1440px)}.proof-surface{grid-template-columns:1fr}.marketing-band,.project-setup-topline,.project-panel-header,.project-setup-footer{flex-direction:column;align-items:start}.workspace-panel,.workspace-panel--chat,.workspace-panel--preview{grid-column:span 1}.project-outcome-grid{grid-template-columns:1fr}}