:root{--font-interface:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--obsidian:#080b11;--obsidian-raised:#101722;--obsidian-soft:#172131;--accent:#91b3ff;--accent-strong:#b8cdff;--cream:#f1f5fb;--white:#fff;--muted:#abb8ca;--danger:#ffb4c2;--success:#9cddcf;--line:#f1f5fb2e;--line-strong:#f1f5fb57;--focus:#b8cdff;--radius:6px;--content:1380px;--header-height:72px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--obsidian);scroll-behavior:smooth}body{background:var(--obsidian);min-width:320px;color:var(--cream);font-family:var(--font-interface), "Avenir Next", "Helvetica Neue", sans-serif;text-rendering:optimizelegibility;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:var(--accent);color:var(--obsidian)}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.marketing-shell,.app-shell{min-height:100dvh;overflow:clip}.site-header{z-index:10;width:min(100%, var(--content));height:var(--header-height);border-bottom:1px solid var(--line);grid-template-columns:minmax(130px,1fr) auto minmax(280px,1fr);align-items:center;margin:0 auto;padding:0 28px;display:grid;position:relative}.wordmark{width:fit-content;font-family:var(--font-display), Georgia, serif;letter-spacing:-.035em;font-size:1.65rem;font-weight:600}.mode-toggle{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--obsidian-raised);align-items:center;min-height:38px;padding:3px;display:flex}.mode-toggle-option{min-height:30px;color:var(--muted);cursor:pointer;letter-spacing:.01em;white-space:nowrap;background:0 0;border:0;border-radius:3px;padding:4px 12px;font-size:.72rem;font-weight:700}.mode-toggle-option[aria-pressed=true]{background:var(--cream);color:var(--obsidian)}.primary-nav{white-space:nowrap;justify-content:flex-end;align-items:center;gap:24px;font-size:.78rem;font-weight:700;display:flex}.primary-nav>a:not(.nav-action),.text-link{color:var(--muted);transition:color .18s}.primary-nav>a:not(.nav-action):hover,.text-link:hover{color:var(--cream)}.nav-action{border-bottom:1px solid var(--accent);color:var(--cream);padding-bottom:3px}.hero{width:min(100%, var(--content));min-height:calc(100dvh - var(--header-height));grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(28px,5vw,76px);margin:0 auto;padding:48px 28px 64px;display:grid}.hero-copy{max-width:610px;animation:.7s cubic-bezier(.16,1,.3,1) both reveal-copy}.eyebrow{color:var(--accent-strong);letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px;font-size:.7rem;font-weight:800}.hero h1,.workflow-heading h2,.scope-note h2,.create-intro h1,.workspace-title h1,.centered-state h1{font-family:var(--font-display), Georgia, serif;letter-spacing:-.045em;margin:0;font-weight:500}.hero h1{max-width:680px;font-size:clamp(4rem,7.4vw,7.6rem);line-height:.82}.hero-summary{color:#c3cedf;max-width:535px;margin:32px 0 0;font-size:clamp(.98rem,1.4vw,1.13rem);line-height:1.72}.hero-actions{align-items:center;gap:24px;margin-top:34px;display:flex}.button{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;font-size:.78rem;font-weight:800;line-height:1;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.button:active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:var(--accent);color:var(--obsidian)}.button-primary:hover:not(:disabled){background:var(--accent-strong)}.button-secondary{border-color:var(--line-strong);color:var(--cream);background:0 0}.button-secondary:hover:not(:disabled){border-color:var(--cream)}.text-link{border-bottom:1px solid;width:fit-content;padding:5px 0;font-size:.78rem;font-weight:800}.hero-visual{grid-template-rows:minmax(0,1fr) auto;gap:12px;min-width:0;height:min(70dvh,720px);margin:0;animation:.85s cubic-bezier(.16,1,.3,1) .12s both reveal-image;display:grid}.hero-image-frame{border-radius:var(--radius);background:var(--obsidian-raised);min-height:0;position:relative;overflow:hidden}.hero-image-frame:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:0}.hero-image-frame img{object-fit:cover;object-position:56% center}.hero-visual figcaption{color:var(--muted);font-size:.7rem;line-height:1.5}.workflow-section{width:min(100%, var(--content));border-top:1px solid var(--line);margin:0 auto;padding:112px 28px 124px}.workflow-heading{max-width:730px}.workflow-heading h2,.scope-note h2,.create-intro h1,.workspace-title h1,.centered-state h1{font-size:clamp(2.9rem,5vw,5.5rem);line-height:.94}.workflow-heading>p,.scope-note>p,.create-intro>p,.workspace-title>p{max-width:650px;color:var(--muted);margin:24px 0 0;line-height:1.72}.workflow-list{border-top:1px solid var(--line-strong);grid-template-columns:1.2fr .9fr 1.1fr;gap:0;margin-top:72px;display:grid}.workflow-item{min-height:235px;padding:26px clamp(22px,3.5vw,48px) 28px 0}.workflow-item+.workflow-item{border-left:1px solid var(--line);padding-left:clamp(22px,3.5vw,48px)}.workflow-item h3{font-family:var(--font-display), Georgia, serif;margin:0;font-size:2rem;font-weight:500}.workflow-item p{max-width:31ch;color:var(--muted);margin:68px 0 0;font-size:.88rem;line-height:1.7}.scope-note{width:min(100%, var(--content));border-top:1px solid var(--line);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:end;gap:clamp(36px,9vw,140px);margin:0 auto;padding:112px 28px 140px;display:grid}.scope-note>p{color:#c3cedf;margin:0;font-size:clamp(1rem,1.5vw,1.25rem)}.create-layout,.workspace-layout{width:min(100%,1180px);margin:0 auto;padding:clamp(64px,10vw,120px) 28px 120px}.create-layout{grid-template-columns:minmax(0,.82fr) minmax(380px,1.18fr);align-items:start;gap:clamp(52px,9vw,124px);display:grid}.create-intro{position:sticky;top:110px}.boundary-note,.demo-notice,.status-panel,.error-panel,.confirmed-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--obsidian-raised)}.boundary-note{margin-top:42px;padding:20px}.boundary-note strong,.demo-notice strong{color:var(--cream);margin-bottom:8px;font-size:.78rem;display:block}.boundary-note p,.demo-notice p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.65}.design-form,.clarification-form{gap:24px;display:grid}.form-field{gap:9px;display:grid}.form-field label,.field-label{color:var(--cream);font-size:.78rem;font-weight:800}.field-help{color:var(--muted);margin:0;font-size:.74rem;line-height:1.55}.form-field textarea,.form-field input,.form-field select{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--obsidian-raised);width:100%;color:var(--cream);transition:border-color .16s,background-color .16s}.form-field textarea{resize:vertical;min-height:220px;padding:18px;font-size:1rem;line-height:1.65}.form-field input,.form-field select{min-height:48px;padding:10px 12px}.form-field textarea::placeholder,.form-field input::placeholder{color:#9baac0}.form-field textarea:focus,.form-field input:focus,.form-field select:focus{border-color:var(--accent);background:var(--obsidian-soft);outline:0}.sample-action{width:fit-content;color:var(--accent-strong);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0;font-size:.75rem;font-weight:800}.form-actions{align-items:center;gap:18px;display:flex}.privacy-copy{color:var(--muted);margin:0;font-size:.7rem;line-height:1.5}.error-panel{color:var(--danger);border-color:#ffb4c273;padding:16px 18px;font-size:.8rem;line-height:1.55}.loading-block{gap:12px;padding:4px 0;display:grid}.loading-line{background:var(--obsidian-soft);border-radius:2px;height:14px}.loading-line:nth-child(2){width:78%}.loading-line:nth-child(3){width:54%}.workspace-layout{max-width:1240px}.workspace-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:40px;padding-bottom:48px;display:flex}.workspace-title-copy{max-width:760px}.status-label{border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;flex:none;padding:9px 12px;font-size:.7rem;font-weight:800}.demo-notice{margin:26px 0 0;padding:16px 18px}.workspace-grid{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(40px,7vw,88px);margin-top:64px;display:grid}.review-section h2,.clarification-section h2,.version-section h2{font-family:var(--font-display), Georgia, serif;margin:0 0 28px;font-size:2.1rem;font-weight:500}.intent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.intent-field{border:1px solid var(--line);border-radius:var(--radius);background:var(--obsidian-raised);min-height:132px;padding:18px}.intent-field dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800}.intent-field dd{color:var(--cream);margin:22px 0 0;font-size:1rem;line-height:1.45}.provenance{color:var(--accent-strong);margin-top:8px;font-size:.68rem;display:block}.clarification-section{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--obsidian-raised);align-self:start;padding:26px}.clarification-list{gap:14px;margin:0 0 30px;padding:0;list-style:none;display:grid}.clarification-list li{border-left:2px solid var(--accent);color:#c3cedf;padding-left:16px;font-size:.82rem;line-height:1.62}.dimension-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.confirmed-panel{border-color:#91b3ff85;padding:22px}.confirmed-panel h2{margin-bottom:12px}.confirmed-panel p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.65}.version-section{border-top:1px solid var(--line);margin-top:76px;padding-top:42px}.version-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.version-list li{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);padding:18px;font-size:.76rem;line-height:1.65}.version-list strong{color:var(--cream);margin-bottom:8px;display:block}.centered-state{align-content:center;justify-items:start;gap:28px;width:min(100%,820px);min-height:100dvh;margin:0 auto;padding:48px 28px;display:grid}@keyframes reveal-copy{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-image{0%{opacity:0;transform:translateY(22px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1040px){.site-header{grid-template-columns:minmax(100px,1fr) auto}.primary-nav{display:none}.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.hero h1{font-size:clamp(3.7rem,7vw,5.2rem)}}@media (max-width:820px){:root{--header-height:112px}.site-header{height:var(--header-height);grid-template-columns:1fr;justify-items:center;gap:10px;padding-block:14px}.wordmark{justify-self:start}.mode-toggle{position:absolute;top:12px;right:20px}.hero,.create-layout,.workspace-grid,.scope-note{grid-template-columns:1fr}.hero{gap:44px;min-height:auto;padding:64px 20px 80px}.hero-copy{max-width:660px}.hero h1{max-width:620px;font-size:clamp(3.9rem,13vw,6rem)}.hero-visual{height:min(68dvh,620px)}.workflow-section,.scope-note{padding:82px 20px 92px}.workflow-list{grid-template-columns:1fr;margin-top:54px}.workflow-item{min-height:auto;padding:26px 0 34px}.workflow-item+.workflow-item{border-top:1px solid var(--line);border-left:0;padding-left:0}.workflow-item p{margin-top:26px}.scope-note>p{margin-top:0}.create-layout,.workspace-layout{padding:72px 20px 90px}.create-intro{position:static}.workspace-title{align-items:start;display:grid}.status-label{width:fit-content}.clarification-section{padding:22px}.version-list{grid-template-columns:1fr}}@media (max-width:560px){:root{--header-height:142px}.site-header{align-content:start;justify-items:start;gap:14px;padding:16px}.mode-toggle{width:100%;position:static}.mode-toggle-option{flex:1;padding-inline:8px;font-size:.66rem}.hero{padding-inline:16px}.hero h1{font-size:clamp(3.45rem,18vw,4.75rem)}.hero-actions,.form-actions{flex-direction:column;align-items:stretch}.hero-actions .button,.form-actions .button{width:100%}.hero-visual{height:470px}.hero-image-frame img{object-position:62% center}.intent-grid,.dimension-grid{grid-template-columns:1fr}.workspace-title h1,.create-intro h1,.workflow-heading h2,.scope-note h2{font-size:clamp(2.8rem,15vw,4.25rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}