.marketing-page{background:var(--color-background);color:var(--color-foreground)}.marketing-container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,4vw,48px)}.marketing-hero{padding-block:clamp(56px,8vw,100px)}.marketing-headline{font-family:var(--font-inter),sans-serif;letter-spacing:-.045em;text-wrap:balance;font-size:clamp(48px,5.8vw,78px);font-weight:500;line-height:1.04}.marketing-eyebrow{letter-spacing:.16em;color:var(--color-muted-foreground);font-size:10px;font-weight:600;line-height:1.7}.marketing-section{padding-block:clamp(56px,7vw,88px);scroll-margin-top:90px}.marketing-section-heading{max-width:650px;margin-bottom:32px}.marketing-section-heading h2{font-family:var(--font-inter),sans-serif;letter-spacing:-.025em;margin-block:12px 16px;font-size:clamp(34px,4vw,48px);line-height:1.1}.marketing-section-heading>p:last-child{color:var(--color-muted-foreground);line-height:1.7}.marketing-page :focus-visible{outline:2px solid var(--color-foreground);outline-offset:4px}@media (prefers-reduced-motion:reduce){.marketing-page *{scroll-behavior:auto;transition:none!important;animation:none!important}}.composition-page{background:var(--color-background)}.composition-hero{max-width:1320px;padding-top:44px;padding-bottom:42px}.composition-intro{grid-template-columns:1fr 1fr;align-items:end;gap:12px 48px;display:grid}.composition-intro>.marketing-eyebrow{grid-column:1/-1}.composition-intro h1{font-family:var(--font-inter),sans-serif;letter-spacing:-.035em;margin:10px 0 12px;font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1.04}.composition-intro h1 em,.composition-manifesto h2 em,.composition-client h2 em{color:var(--color-text-muted);font-weight:600}.composition-intro>p:last-child{color:var(--color-text-muted);text-align:right;padding-bottom:12px;font-size:14px}.composition{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-top:24px}.composition-topline{letter-spacing:.02em;color:var(--color-text-faint);justify-content:space-between;padding-top:16px;font-size:11px;display:flex}.composition-stage{height:470px;position:relative;overflow:hidden}.composition-dictation{width:43%;transition:opacity 1.1s,transform 1.4s;position:absolute;top:46px;left:0}.composition-dictation p{font-weight:400;font-family:var(--font-inter),sans-serif;letter-spacing:-.015em;height:350px;color:var(--color-ink-2);margin-top:12px;font-size:clamp(22px,2.2vw,31px);line-height:1.42;overflow:hidden}.dictation-caption{color:var(--color-text-faint);font-size:11px}.dictation-caret{background:var(--color-text-muted);vertical-align:-.1em;width:1px;height:1em;margin-left:3px;animation:1s steps(2,end) infinite dictation-blink;display:inline-block}@keyframes dictation-blink{50%{opacity:0}}.composition-item{--item-color:var(--color-status-approved-fg);--item-background:var(--color-status-approved-bg);left:59%;top:calc(36px + var(--item-index)*108px);opacity:0;width:32%;transition:opacity .8s,transform 1.3s cubic-bezier(.2,.7,.2,1),left 1.8s cubic-bezier(.4,0,.2,1),top 1.8s cubic-bezier(.4,0,.2,1),width 1.8s;position:absolute;transform:translate(-32px,16px)}.composition-item[data-visible=true]{opacity:1;transform:translate(0)}.composition-item-paper{border-left:2px solid var(--item-color);border-bottom:1px solid var(--color-border-row);background:var(--item-background);padding:12px 16px 14px;font-size:12px;line-height:1.4;position:relative}.item-kind{text-transform:uppercase;letter-spacing:.16em;color:var(--item-color);font-size:9px}.composition-item-paper p{letter-spacing:-.02em;margin:5px 0 3px;font-size:16px;font-weight:500}.item-detail{color:var(--color-text-muted);font-size:11px}.item-date,.item-dot,.item-thread{opacity:0;transition:opacity 1s .9s}.item-date{color:var(--color-text-muted);font-size:11px;position:absolute;top:184px;left:0}.item-thread{background:var(--item-color);width:1px;height:52px;position:absolute;top:100%;left:16px}.item-dot{border:2px solid var(--item-color);background:var(--color-background);border-radius:50%;width:9px;height:9px;position:absolute;top:166px;left:12px}.composition-axis{opacity:0;transition:opacity 1s .9s;position:absolute;top:343px;left:2%;right:2%}.composition-axis>span{letter-spacing:.2em;color:var(--color-text-faint);font-size:9px;position:absolute;top:-25px;right:0}.axis-line{background:var(--color-border-strong);height:1px}.composition-project-heading{opacity:0;transition:opacity 1.2s .5s,transform 1.2s .5s;position:absolute;top:46px;left:2%;transform:translateY(15px)}.composition-project-heading>span{letter-spacing:.15em;color:var(--color-text-faint);font-size:10px}.composition-project-heading>p{font-weight:600;font-family:var(--font-inter),sans-serif;letter-spacing:-.03em;margin-top:9px;font-size:38px}.composition-final-note{color:var(--color-text-muted);opacity:0;font-size:13px;transition:opacity 1s 1.5s;position:absolute;bottom:24px;left:2%}.composition[data-arranged=true] .composition-dictation{opacity:0;pointer-events:none;transform:translateY(-20px)}.composition[data-arranged=true] .composition-project-heading{opacity:1;transform:translateY(0)}.composition[data-arranged=true] .composition-item{left:calc(2% + var(--item-index)*24.5%);width:22%;top:176px}.composition[data-arranged=true] .item-date,.composition[data-arranged=true] .item-thread,.composition[data-arranged=true] .item-dot,.composition[data-arranged=true] .composition-axis,.composition[data-arranged=true] .composition-final-note{opacity:1}.composition-controls{border-top:1px solid var(--color-border-row);color:var(--color-text-faint);justify-content:flex-end;align-items:center;gap:12px;padding:14px 0;font-size:10px;display:flex}.composition-controls>div{gap:16px;display:flex}.composition-controls button{cursor:pointer;color:var(--color-text-body);align-items:center;gap:7px;font-size:11px;display:flex}.composition-hero-bottom{justify-content:space-between;align-items:center;gap:28px;margin-top:26px;display:flex}.composition-hero-bottom p{color:var(--color-text-muted);font-size:13px;line-height:1.7}.composition-hero-bottom a,.composition-client a{border-bottom:1px solid var(--color-border-hover);align-items:center;gap:12px;padding-bottom:7px;font-size:13px;display:inline-flex}.composition-manifesto{border-bottom:1px solid var(--color-border);padding-block:84px}.composition-manifesto h2,.composition-client h2{font-family:var(--font-inter),sans-serif;letter-spacing:-.03em;margin-top:24px;font-size:clamp(36px,4.6vw,60px);font-weight:600;line-height:1.08}.manifesto-copy{max-width:640px;color:var(--color-text-body);margin-top:28px;font-size:17px;line-height:1.75}.composition-client p{color:var(--color-text-body);font-size:15px;line-height:1.8}.composition-client{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding-block:70px}.composition-client>div{grid-template-columns:1fr 1fr;align-items:center;gap:24px 60px;display:grid}.composition-client a{grid-column:2;justify-self:start}.composition-page .workflow-explorer>div:last-child>div:last-child{box-shadow:none;border-radius:3px}.composition-page .workflow-explorer button[aria-pressed]{border:0;border-bottom:1px solid var(--color-border-hover);color:var(--color-text-muted);background:0 0;border-radius:0;margin-right:20px;padding:8px 0}.composition-page .workflow-explorer button[aria-pressed=true]{color:var(--color-ink);border-bottom:2px solid var(--color-ink)}.composition-page .workflow-explorer h3{font-family:var(--font-inter),sans-serif;font-weight:600}@media (max-width:760px){.composition-intro{display:block}.composition-intro>p:last-child{text-align:left;margin-top:12px;padding:0}.composition-stage{height:690px}.composition-dictation{width:100%;top:24px}.composition-dictation p{height:230px;font-size:19px;line-height:1.4}.dictation-caption{display:none}.composition-item{top:calc(300px + var(--item-index)*90px);width:90%;left:5%}.composition-item-paper{padding:8px 13px}.composition-item-paper p{font-size:14px}.item-kind{font-size:8px}.item-detail{font-size:10px}.composition[data-arranged=true] .composition-item{left:12%;top:calc(144px + var(--item-index)*108px);width:82%}.composition-axis{width:1px;inset:144px auto 65px 4%}.axis-line{width:1px;height:100%}.composition-axis>span{top:-24px;left:0}.item-thread{width:10%;height:1px;top:32px;left:-10%}.item-dot{top:28px;left:-12%}.item-date{top:auto;bottom:-18px;left:14px}.composition-project-heading{top:28px;left:4%}.composition-project-heading>p{font-size:29px}.composition-final-note{max-width:80%;font-size:11px;bottom:26px;left:12%}.composition-hero-bottom{display:block}.composition-hero-bottom a{margin-top:18px}.composition-controls{font-size:9px}.composition-controls>span{max-width:55%}.composition-client>div{grid-template-columns:1fr;gap:20px}.composition-client a{grid-column:1}.composition-manifesto{padding-block:54px}}@media (prefers-reduced-motion:reduce){.composition *{transition:none!important;animation:none!important}}.workflow-selector{color:var(--color-text-muted);border-bottom:1px solid var(--color-border-hover);margin-right:20px;padding:8px 0}.workflow-selector-active{color:var(--color-ink);border-bottom:2px solid var(--color-ink)}.composition-contact{background:var(--color-surface);border-top:1px solid var(--color-border)}.contact-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;margin-top:22px;display:grid}.contact-layout h2,.product-intro h1{font-family:var(--font-inter),sans-serif;letter-spacing:-.035em;font-size:clamp(40px,5vw,68px);font-weight:600;line-height:1.08}.contact-layout h2 em,.product-intro h1 em,.product-chapter h2 em{color:var(--color-text-muted);font-weight:600}.contact-layout p{color:var(--color-text-body);max-width:380px;font-size:14px;line-height:1.8}.contact-link{border-bottom:1px solid var(--color-border-hover);justify-content:space-between;align-items:center;max-width:380px;margin-top:8px;padding-block:20px 12px;font-size:18px;display:flex}.contact-secondary{color:var(--color-text-muted);align-items:center;gap:10px;margin-top:20px;font-size:11px;display:inline-flex}.product-intro h1{margin-top:22px;font-size:clamp(46px,6vw,82px)}.product-intro-bottom{justify-content:space-between;align-items:end;gap:50px;margin-top:32px;display:flex}.product-intro-bottom p{max-width:540px;color:var(--color-text-body);font-size:16px;line-height:1.8}.product-intro-bottom a,.chapter-link{border-bottom:1px solid var(--color-border-hover);flex-shrink:0;align-items:center;gap:12px;padding-bottom:7px;font-size:13px;display:inline-flex}.product-chapter{border-top:1px solid var(--color-border);grid-template-columns:.6fr 1.4fr;gap:50px;padding-block:64px;scroll-margin-top:90px;display:grid}.chapter-number{letter-spacing:.14em;color:var(--color-text-faint);margin-top:8px;font-size:10px}.product-chapter h2{font-family:var(--font-inter),sans-serif;letter-spacing:-.025em;margin-bottom:24px;font-size:clamp(32px,3.5vw,44px);font-weight:600;line-height:1.12}.product-chapter p{color:var(--color-text-body);max-width:650px;margin-bottom:15px;font-size:15px;line-height:1.8}.project-index{border-top:1px solid var(--color-border-row);color:var(--color-text-faint);flex-wrap:wrap;gap:12px 24px;margin-top:28px;padding-top:18px;font-size:11px;display:flex}.connection-steps{margin-top:30px}.connection-steps li{border-top:1px solid var(--color-border-row);gap:20px;padding:20px 0;display:flex}.connection-steps li>span{color:var(--color-text-faint);font-family:var(--font-inter),sans-serif;font-size:24px}.connection-steps strong{font-size:14px;font-weight:500}.connection-steps p{margin-top:7px;margin-bottom:0;font-size:13px}.product-chapter p.chapter-footnote{color:var(--color-text-faint);margin-top:24px;font-size:11px}.composition-page .marketing-section-heading h2,.composition-page .workflow-explorer h3{font-weight:600}@media (min-width:761px){.item-thread{height:calc(170px - 100%)}}@media (max-width:760px){.contact-layout,.product-chapter{grid-template-columns:1fr;gap:24px}.product-chapter{padding-block:44px}.product-intro-bottom{display:block}.product-intro-bottom a{margin-top:20px}.contact-layout{gap:28px}}.composition-page em{font-style:normal;font-weight:inherit}.composition-intro h1,.product-intro h1{font-weight:700}.composition-item.meeting{--item-color:var(--color-status-concept-fg);--item-background:var(--color-status-concept-bg)}.composition-item.tasks{--item-color:var(--color-status-ordered-fg);--item-background:var(--color-status-ordered-bg)}.composition-item.schedule{--item-color:var(--color-status-delivered-fg);--item-background:var(--color-status-delivered-bg)}.context-flow{margin-top:56px}.context-flow-grid{grid-template-rows:auto repeat(3,auto);grid-template-columns:minmax(0,1fr) clamp(56px,9vw,120px) minmax(0,1.15fr);row-gap:10px;display:grid;position:relative}.context-flow-label{letter-spacing:.2em;color:var(--color-text-faint);grid-area:1/1;align-self:end;padding-bottom:4px;font-size:9px}.context-window-frame{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;grid-area:1/3/-1;margin-bottom:-12px;box-shadow:0 24px 48px -32px #14140f38}.context-window-bar{border-bottom:1px solid var(--color-border-row);color:var(--color-text-muted);grid-area:1/3;align-items:center;gap:14px;padding:12px 16px;font-size:11px;display:flex;position:relative}.context-window-dots{gap:5px;display:flex}.context-window-dots i{background:var(--color-border-hover);border-radius:50%;width:7px;height:7px}.context-window-sync{color:var(--color-status-approved-fg);opacity:0;margin-left:auto;font-size:10px;transition:opacity .6s 3.4s}.context-flow[data-active=true] .context-window-sync{opacity:1}.context-flow-row{--flow-color:var(--color-status-approved-fg);--flow-bg:var(--color-status-approved-bg);--flow-delay:calc(var(--flow-index)*.9s);display:contents}.context-flow-row.tasks{--flow-color:var(--color-status-ordered-fg);--flow-bg:var(--color-status-ordered-bg)}.context-flow-row.schedule{--flow-color:var(--color-status-delivered-fg);--flow-bg:var(--color-status-delivered-bg)}.context-flow-row>*{grid-row:var(--flow-row)}.context-source{border:1px solid var(--color-border);background:var(--color-background);opacity:0;transition:opacity .6s var(--flow-delay),transform .8s cubic-bezier(.2,.7,.2,1)var(--flow-delay);border-radius:8px;grid-column:1;align-self:center;padding:12px 16px 13px;transform:translateY(10px)}.context-source-head{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:8px;font-size:10px;display:flex}.context-source p{color:var(--color-text-muted);margin-top:7px;font-size:14px;line-height:1.55}.context-source mark{color:var(--color-ink);background:linear-gradient(var(--flow-bg),var(--flow-bg))no-repeat 0 0/0% 100%;transition:background-size .9s cubic-bezier(.4,0,.2,1)calc(var(--flow-delay) + .5s);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:1px 2px}.context-source-head>span{white-space:nowrap}.context-source-origin{letter-spacing:0;text-transform:none;min-width:0;color:var(--color-text-faint);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:11px;overflow:hidden}.context-connector{grid-column:2;align-self:center;height:1px;position:relative}.context-connector:before,.context-connector>span{content:"";background:var(--color-border-strong);position:absolute;inset:0}.context-connector>span{background:var(--flow-color);transform-origin:0;transition:transform .6s cubic-bezier(.4,0,.2,1)calc(var(--flow-delay) + 1.2s);transform:scaleX(0)}.context-connector>span:after{content:"";background:var(--flow-color);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-3px}.context-result{border-left:2px solid var(--flow-color);background:var(--color-background);box-shadow:0 0 0 1px var(--color-border-row);opacity:0;transition:opacity .6s calc(var(--flow-delay) + 1.6s),transform .8s cubic-bezier(.2,.7,.2,1)calc(var(--flow-delay) + 1.6s);border-radius:6px;grid-column:3;grid-template-columns:92px minmax(0,1fr) auto;align-self:center;align-items:center;gap:4px 16px;margin-inline:12px;padding:15px 16px;display:grid;position:relative;transform:translate(-14px)}.context-result-module{letter-spacing:.16em;text-transform:uppercase;color:var(--flow-color);font-size:9px}.context-result-main p{letter-spacing:-.015em;color:var(--color-ink);font-size:15px;font-weight:500}.context-result-main span{color:var(--color-text-muted);font-size:11px}.context-result-meta{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.context-chip{color:var(--flow-color);background:var(--flow-bg);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:10px}.context-via{color:var(--color-text-faint);white-space:nowrap;font-size:10px}.context-flow[data-active=true] .context-source,.context-flow[data-active=true] .context-result{opacity:1;transform:none}.context-flow[data-active=true] .context-source mark{background-size:100% 100%}.context-flow[data-active=true] .context-connector>span{transform:scaleX(1)}@media (max-width:860px){.context-flow{margin-top:40px}.context-flow-grid{flex-direction:column;gap:0;display:flex}.context-window-frame,.context-window-bar{display:none}.context-flow-label{align-self:flex-start;padding-bottom:12px}.context-source,.context-result{align-self:stretch}.context-flow-row{flex-direction:column;margin-bottom:28px;display:flex}.context-connector{align-self:flex-start;width:1px;height:22px;margin-left:22px}.context-connector>span{transform-origin:top;transform:scaleY(0)}.context-flow[data-active=true] .context-connector>span{transform:scaleY(1)}.context-connector>span:after{top:auto;bottom:-3px;right:-3px}.context-result{background:var(--color-surface);grid-template-columns:minmax(0,1fr) auto;margin:0 0 0 16px}.context-result-module{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.context-flow *{transition:none!important}}