@font-face{font-family:Manrope;src:url(/fonts/Manrope-Variable.ttf) format("truetype");font-weight:200 800;font-display:swap}:root{font-family:Manrope,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:#242320;background:#f4f1ea;font-synthesis:none;--ink:#242320;--paper:#F4F1EA;--muted:#6D6A64;--line:#D6D1C8;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,textarea,a{-webkit-tap-highlight-color:transparent}button,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:6px}img{display:block}button{color:var(--ink)}p,h1{margin:0}::selection{background:#242320;color:#f4f1ea}.site-shell{max-width:1600px;margin:auto;padding:0 80px;min-height:100svh;display:flex;flex-direction:column}.site-header{height:120px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.brand{display:block;margin-left:-5px}.brand img{width:156px;height:auto}.header-right{display:flex;align-items:center;gap:40px}.quiet-link{font-size:12px;display:inline-flex;align-items:center;gap:8px;padding:10px 0;position:relative}.quiet-link:after{content:"";height:1px;position:absolute;bottom:4px;left:0;right:0;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.quiet-link:hover:after{transform:scaleX(1)}.quiet-link svg{transition:transform .35s var(--ease)}.quiet-link:hover svg{transform:translate(2px,-2px)}.hero{flex:1;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:110px;padding:55px 0 85px}.hero-copy{align-self:center;padding-bottom:10px}.eyebrow{font-size:13px;letter-spacing:1px;color:var(--muted);margin-bottom:40px}h1{font-size:clamp(76px,8.2vw,118px);line-height:1.18;letter-spacing:-6px;font-weight:400;white-space:nowrap}.headline-line{display:block;overflow:hidden}.headline-line>span{display:block;animation:enter 1.2s var(--ease) both}.headline-line:nth-child(2)>span{animation-delay:.14s}.primary-button{display:flex;justify-content:space-between;align-items:center;gap:50px;background:var(--ink);border:1px solid var(--ink);border-radius:2px;color:var(--paper);font-size:13px;height:52px;padding:0 20px;margin-top:56px;transition:background .3s,color .3s,box-shadow .3s;animation-delay:.3s}.primary-button svg{transition:transform .35s var(--ease)}.primary-button:hover{background:#393732}.primary-button:hover svg{transform:translate(4px)}.primary-button:active{background:#10100f}.intro-reveal{animation:fade-in 1.2s var(--ease) both}.demo{width:100%;max-width:478px;justify-self:end;border:1px solid var(--line);border-radius:3px;background:#ffffff29;position:relative;animation:demo-enter 1.2s .2s var(--ease) both;scroll-margin:30px}.demo-heading{height:62px;padding:0 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px}.demo-heading>span{font-weight:500;letter-spacing:1px}.demo-tools{display:flex;align-items:center;gap:17px}.demo-counter{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:1px;color:var(--muted)}.icon-button{width:30px;height:30px;background:transparent;border:0;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:background .2s}.icon-button:hover{background:#e7e3db}.idea-block{margin:0 26px;padding:27px 0 20px;border-bottom:1px solid var(--line)}.idea-block label{display:block;color:var(--muted);font-size:11px;margin-bottom:15px}.idea-block textarea{resize:none;border:0;border-bottom:1px solid transparent;background:transparent;display:block;width:100%;font-size:19px;line-height:1.65;color:var(--ink);letter-spacing:-.3px;min-height:66px;height:66px;padding:0 0 4px;transition:border-color .25s}.idea-block textarea:focus{outline:0;border-bottom-color:#8a857b}.idea-block textarea[aria-invalid=true]{border-bottom-color:var(--ink)}.idea-meta{display:flex;align-items:center;justify-content:space-between;margin-top:10px;min-height:26px;font-size:11px;color:var(--muted)}.text-button{display:flex;align-items:center;gap:8px;border:0;background:none;font-size:11px;padding:6px 0 6px 8px}.text-button svg{transition:transform .25s var(--ease)}.text-button:hover svg{transform:translate(3px)}.work-area{height:254px;padding:22px 26px 20px;overflow:hidden}.work-view{animation:work-in .7s var(--ease) both}.work-label{height:27px;display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.work-label>img{width:32px;height:32px;margin-left:-4px}.work-label>svg{margin-right:6px;color:var(--ink)}.work-title{font-size:22px;letter-spacing:-.7px;margin-top:17px;font-weight:400}.work-description{font-size:12px;color:var(--muted);line-height:1.9;margin-top:14px}.outline-list{padding:0;margin:11px 0 0;list-style:none}.outline-list li{display:flex;align-items:center;gap:15px;border-bottom:1px solid #E2DDD4;padding:11px 0;font-size:12px;animation:row-in .6s var(--ease) both}.outline-list li:nth-child(2){animation-delay:.13s}.outline-list li:nth-child(3){animation-delay:.26s}.outline-list li>span{font-size:9px;color:var(--muted)}.outline-list li>svg{margin-left:auto;color:var(--muted)}.draft-summary{margin-top:12px;position:relative}.draft-type{font-size:10px;color:var(--muted);letter-spacing:1px}.draft-title{font-size:22px;letter-spacing:-.7px;margin-top:8px;max-height:57px;overflow:auto;line-height:1.3;overflow-wrap:anywhere}.draft-description{font-size:12px;line-height:1.7;color:var(--muted);margin-top:9px}.download-button{font-size:12px;display:flex;align-items:center;gap:13px;border:0;border-bottom:1px solid var(--ink);background:none;padding:7px 0;margin-top:10px}.download-button:hover svg{transform:translateY(2px)}.download-button svg{transition:transform .25s var(--ease)}.demo-bottom{padding:0 26px;height:58px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:12px}.phase-tabs{display:flex;gap:20px}.phase-tabs button{background:transparent;border:0;color:var(--muted);font-size:11px;padding:11px 0;display:flex;gap:5px;align-items:center;position:relative;transition:color .25s}.phase-tabs button span{font-size:9px;color:var(--muted)}.phase-tabs button:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--ink);bottom:5px;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.phase-tabs button.active{color:var(--ink)}.phase-tabs button.active:after,.phase-tabs button:hover:after{transform:scaleX(1)}.demo-note{font-size:10px;color:var(--muted);white-space:nowrap}.site-footer{border-top:1px solid var(--line);padding:26px 0 29px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);gap:25px}.footer-note{font-size:10px;color:var(--muted)}.skip-link{position:fixed;left:20px;top:10px;z-index:20;background:var(--ink);color:var(--paper);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link:focus{clip-path:none;width:auto;height:auto;padding:10px}@keyframes enter{0%{opacity:0;transform:translateY(16px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes demo-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes work-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.hero{gap:155px}.demo{margin-right:30px}.hero-copy{padding-left:20px}}@media(max-width:1100px){.site-shell{padding:0 48px}.hero{gap:52px}h1{font-size:86px;letter-spacing:-5px}.hero{padding:65px 0 85px}.phase-tabs{gap:15px}.demo-bottom{padding:0 20px}}@media(max-width:850px){.site-shell{padding:0 28px}.site-header{height:96px}.hero{grid-template-columns:1fr;gap:66px;padding:60px 0 70px}.hero-copy{padding:0 9px}.eyebrow{margin-bottom:30px}h1{font-size:clamp(76px,13vw,100px)}.primary-button{margin-top:35px}.demo{justify-self:center;max-width:520px}.hero-copy{max-width:520px;width:100%;justify-self:center}.site-footer{flex-wrap:wrap;row-gap:17px}.footer-note{order:3;flex-basis:100%}.header-right{gap:26px}}@media(max-width:480px){.site-shell{padding:0 22px}.site-header{height:90px}.brand{margin-left:-5px}.brand img{width:144px}.guidelines{display:none}.hero{padding:50px 0 58px;gap:60px}.hero-copy{padding-left:2px}.eyebrow{font-size:11px;margin-bottom:28px}h1{font-size:80px;letter-spacing:-5px;line-height:1.2}.primary-button{font-size:12px;gap:45px;height:49px;margin-top:34px;padding:0 16px}.demo-heading{height:56px;padding:0 20px}.idea-block{margin:0 20px;padding-top:24px}.idea-block textarea{font-size:18px}.work-area{padding:21px 20px;height:254px}.phase-tabs{gap:17px}.demo-bottom{gap:8px;padding:0 20px;height:56px}.site-footer{font-size:10px;padding:22px 0 25px}.footer-note,.demo-note{font-size:10px}}@media(max-width:360px){h1{font-size:70px}.site-shell{padding:0 18px}.phase-tabs{gap:11px}.demo-bottom{padding:0 16px}.work-area{padding-left:18px;padding-right:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.headline-line{overflow:visible}}