*{box-sizing:border-box}:root{color:#172523;font-synthesis:none;background:#f0f3ee;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button,a,input,select{touch-action:manipulation}button{color:inherit;background:#fff;border:1px solid #bfc9c1;border-radius:10px;padding:10px 15px;transition:transform .2s,background .2s}button:hover:not(:disabled){transform:translateY(-2px)}button.primary{background:var(--ink);border-color:var(--ink);color:#fff}button.active{background:var(--accent);border-color:var(--ink);color:var(--ink)}button.ghost{background:0 0}button.small{padding:6px 9px;font-size:12px}input,select,textarea{color:#172523;background:#fff;border:1px solid #bfc9c1;border-radius:8px;width:100%;min-height:40px;padding:10px}input[type=range]{accent-color:var(--ink);padding:0}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--ink)}label{color:#4c5b53;gap:7px;font-size:12px;font-weight:700;display:grid}h1,h2,h3,p{margin:0}h1{letter-spacing:-.055em;max-width:840px;font-size:clamp(30px,3.6vw,62px);font-weight:650;line-height:1.03}h2{letter-spacing:-.04em;font-size:25px}h3{letter-spacing:-.02em;font-size:16px}p{line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800}.muted{color:#5d6c63}.small{font-size:12px}.app{background:var(--paper);grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}header{border-bottom:1px solid #bac6bc;justify-content:space-between;align-items:center;gap:16px;padding:19px 3.5vw;display:flex}.brand{letter-spacing:-.055em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.mark{background:var(--ink);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;font-size:20px;display:grid}.header-actions,.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prototype{letter-spacing:.06em;text-transform:uppercase;border:1px solid #aab8ab;border-radius:100px;padding:6px 11px;font-size:10px}.main{align-content:start;gap:24px;padding:28px 3.5vw;display:grid}.intro{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.intro-copy{gap:12px;max-width:760px;display:grid}.intro-copy p{max-width:660px;font-size:14px}.concept-note{border-left:2px solid var(--ink);max-width:230px;padding:3px 0 3px 16px;font-size:12px}.workspace{grid-template-columns:minmax(230px,.8fr) minmax(0,2fr);align-items:start;gap:20px;display:grid}.panel{background:#fffc;border:1px solid #c5d0c5;border-radius:18px;gap:18px;min-width:0;padding:22px;display:grid}.panel.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.panel.dark .muted{color:#c7d2cb}.panel.accent{background:var(--accent)}.stack{gap:14px;display:grid}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid #c3cec3;border-radius:12px;gap:10px;min-width:0;padding:18px;display:grid}.card.selected{background:var(--accent);border-color:var(--ink)}.card .number{letter-spacing:-.06em;font-size:30px;font-weight:650}.card p{font-size:12px}.stat{letter-spacing:-.06em;font-size:38px;font-weight:650;line-height:1}.pill{background:#e7eee4;border-radius:100px;align-items:center;gap:5px;width:fit-content;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.divider{border-top:1px solid #c4cec4;padding-top:14px}.result{background:var(--ink);color:#fff;border-radius:14px;gap:10px;padding:20px;display:grid}.result .muted{color:#ccd6cc}.progress{background:#dce4da;border-radius:100px;height:7px;overflow:hidden}.progress>span{background:var(--ink);border-radius:100px;height:100%;transition:width .4s;display:block}.check-row{border:1px solid #d3dcd1;border-radius:9px;align-items:center;gap:10px;padding:11px;font-size:13px;font-weight:500;display:flex}.check-row input{flex:none}.toast{background:var(--accent);border-radius:8px;min-height:38px;padding:10px 16px;font-size:12px}.footer{color:#5f6b60;border-top:1px solid #c6d0c3;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:14px 3.5vw;font-size:10px;display:flex}.list{gap:9px;display:grid}.line-item{border-bottom:1px solid #d4ddd2;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;font-size:13px;display:flex}.empty{color:#5d6c63;text-align:center;border:1px dashed #a8b7a6;border-radius:12px;padding:30px;font-size:13px}.orbit{border:1px solid #8b9f8a;border-radius:50%;width:110px;height:110px;animation:24s linear infinite rotate;position:relative}.orbit:before,.orbit:after{content:"";border:1px solid #8b9f8a;border-radius:50%;position:absolute;inset:14px;transform:rotate(60deg)scaleX(.5)}.orbit:after{transform:rotate(-60deg)scaleX(.5)}.orbit i{background:var(--accent);border:1px solid var(--ink);border-radius:50%;width:17px;height:17px;position:absolute;top:12px;left:12px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.workspace{animation:.45s both appear}.paused *{transition:none!important;animation-play-state:paused!important}.kanban{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lane{background:#e1e8dd;border-radius:13px;align-content:start;gap:10px;min-height:250px;padding:14px;display:grid}.schedule{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.slot{text-align:left;gap:7px;min-height:76px;padding:10px;display:grid}.timeline{gap:0;display:grid}.timeline-item{border-left:2px solid #a5b7a0;padding:0 0 20px 22px;position:relative}.timeline-item:before{content:"";background:var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-6px}.comparison{border-collapse:collapse;width:100%;font-size:12px}.comparison td,.comparison th{text-align:left;border-bottom:1px solid #cbd6c8;padding:12px}.visual{background:var(--accent);border-radius:15px;justify-content:center;align-items:center;min-height:160px;display:flex;position:relative;overflow:hidden}.visual svg{width:100%;height:180px}.layout-1 .workspace{grid-template-columns:1fr 1.9fr}.layout-2 .workspace{grid-template-columns:1.9fr .8fr}.layout-2 .controls{order:2}.layout-3 .intro{background:var(--ink);color:#fff;border-radius:18px;padding:22px}.layout-3 .intro .muted{color:#c9d4cb}.layout-4 .workspace{grid-template-columns:1fr}.layout-4 .controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.layout-5 header{background:var(--ink);color:#fff}.layout-5 .prototype{border-color:#657a6c}.layout-5 .main{grid-template-columns:.7fr 2fr}.layout-5 .intro{display:block}.layout-5 h1{font-size:42px}.layout-5 .concept-note{margin-top:28px}.layout-5 .workspace{grid-template-columns:1fr}.layout-5 .controls{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-6 .main{gap:16px}.layout-6 .intro{border-bottom:1px solid #a8b6a6;padding-bottom:22px}.layout-6 h1{letter-spacing:-.045em;font-family:Georgia,serif;font-weight:400}.layout-7 .workspace{grid-template-columns:280px 1fr}.layout-7 .panel,.layout-7 button{border-radius:2px}.layout-8 .workspace{grid-template-columns:1fr}.layout-8 .controls{grid-template-columns:repeat(4,minmax(0,1fr))}.layout-8 .intro-copy{max-width:1000px}.layout-9 .main{padding-left:5vw;padding-right:5vw}.layout-9 .intro{text-align:right;flex-direction:row-reverse}.layout-9 .concept-note{text-align:left}.layout-0 .panel{box-shadow:0 10px 30px #16321a08}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1300px){.main{padding-top:35px}.panel{padding:26px}.workspace{gap:24px}}@media (width<=900px){.workspace,.layout-1 .workspace,.layout-2 .workspace,.layout-7 .workspace{grid-template-columns:1fr}.layout-2 .controls{order:0}.layout-5 .main{grid-template-columns:1fr}.layout-5 .intro{display:flex}.grid.four{grid-template-columns:repeat(2,1fr)}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{align-items:start}.concept-note{max-width:190px}.layout-4 .controls,.layout-5 .controls,.layout-8 .controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){header{align-items:flex-start;padding:16px}.header-actions{justify-content:flex-end}.prototype{display:none}.main{padding:22px 16px!important}.intro,.layout-5 .intro,.layout-9 .intro{text-align:left;gap:17px;display:grid}.concept-note{max-width:none;font-size:11px}.intro-copy p{font-size:13px}.panel{padding:17px}.grid,.grid.two,.grid.four,.kanban,.controls,.layout-4 .controls,.layout-5 .controls,.layout-8 .controls{grid-template-columns:1fr}.schedule{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{padding:14px 16px}.stat{font-size:32px}.comparison{font-size:10px}.comparison td,.comparison th{padding:7px}.brand{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.visual svg{animation:6s ease-in-out infinite breathe}@keyframes breathe{50%{transform:translateY(-3px)}}.paused *,.paused :before,.paused :after{transition:none!important;animation:none!important}.paused .workspace{opacity:1;transform:none}.menu-grid{grid-template-columns:minmax(190px,.7fr) minmax(0,2fr);gap:18px;min-height:0;display:grid}@media (width>=901px){.app{grid-template-rows:60px minmax(0,1fr) 34px;height:100dvh;min-height:0;overflow:hidden}header{padding:12px 3vw}.main{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:15px;min-height:0;padding:16px 3vw!important}h1{font-size:clamp(28px,3vw,43px)}.intro-copy{gap:7px}.intro-copy p{max-width:710px;font-size:12px;line-height:1.4}.eyebrow{font-size:9px}.intro{gap:18px}.concept-note{font-size:10px}.footer{padding:8px 3vw;font-size:9px}.main>.workspace{align-items:stretch;min-height:0;overflow:hidden}.panel{scrollbar-width:thin;scrollbar-color:#a8b9a5 transparent;gap:13px;min-height:0;padding:17px;overflow:auto}.panel.controls{align-content:start}.grid{gap:10px}.card{gap:8px;padding:13px}.card .number{font-size:28px}.visual{min-height:60px!important}.visual svg{height:65px!important}.controls h2{font-size:22px}.card h3{font-size:14px}.main>.row{gap:7px}.main>.row button{padding:8px 11px;font-size:11px}.toast{min-height:31px;padding:8px 12px;font-size:10px}.result{padding:16px}.stat{font-size:30px}.layout-4 .main>.workspace,.layout-8 .main>.workspace{grid-template-rows:auto minmax(0,1fr)}.layout-4 .main>.workspace>.controls,.layout-8 .main>.workspace>.controls{max-height:140px}.menu-grid{overflow:hidden}.menu-grid>.panel{height:100%}.menu-grid .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-grid .card{gap:6px}.menu-grid .card .visual{display:none}.menu-grid>.panel:first-child .card{padding:9px}.menu-grid>.panel:first-child .number{font-size:25px}.menu-grid>.panel:first-child{gap:10px}.layout-5 .main{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:.6fr 2fr}.layout-5 .intro{grid-area:1/1;overflow:auto}.layout-5 .workspace{grid-area:1/2}.layout-5 .main>.row{grid-area:2/1/auto/-1}.layout-5 h1{font-size:36px}.layout-3 .intro{padding:15px}.layout-6 .intro{padding-bottom:13px}.layout-9 .main{padding-left:3vw;padding-right:3vw}}@media (width<=900px){.menu-grid{grid-template-columns:1fr}.app{height:auto;overflow:visible}.panel{max-height:none;overflow:visible}}