@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/outfit.ttf') format('truetype')}
:root{--forest:#181b20;--paper:#f2ead3;--lime:#f68b1f;--ink:#111827;--line:#d9d1be;--muted:#4b5563}
body{background:var(--paper)}main{width:100%;overflow:clip}h1,h2,h3,.brand{font-family:Outfit,sans-serif}em{color:#9a4607}header{max-width:1440px;margin:auto;padding:25px 5vw;border-bottom:1px solid #d9d1be}nav{gap:28px}.nav-cta{background:var(--lime);color:var(--ink);border:0;border-radius:99px;padding:12px 23px}.brand{font-weight:600}.brand span{font-size:10px}.button{border-radius:99px;background:var(--lime);color:var(--ink);gap:25px;min-height:52px;align-items:center;transition:transform .25s,background .25s}.button:hover{background:#fdb813;transform:translateY(-3px)}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#9a4607}
.hero{display:block;position:relative;padding:80px 6vw 72px;color:var(--ink);background:radial-gradient(ellipse at 50% 82%,#f6b96370,transparent 60%),var(--paper);overflow:hidden}.hero-copy{text-align:center;max-width:1100px;margin:auto}.hero h1{max-width:1100px;margin:auto;font-size:clamp(52px,6.1vw,88px);font-weight:500;letter-spacing:-.045em;line-height:1.06}.hero h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.06em}.hero-copy>p{font-size:19px;max-width:51ch;margin:25px auto;line-height:1.65}.hero-copy>.fine{color:var(--muted);font-size:13px;max-width:none;margin:23px auto 42px}.hero-copy .button,.hero-copy .text-link{display:inline-flex;margin:0 6px;align-items:center;justify-content:center;padding:15px 24px;min-height:54px}.hero-copy .text-link{border:1px solid #b6ad99;border-radius:99px;font-size:15px;text-decoration:none;background:#ffffff40}
.hero-workspace{position:relative;max-width:960px;margin:0 auto;background:#fffcf7;border:1px solid #ffffff;border-radius:20px;box-shadow:0 28px 75px #6a3e1720,0 5px 12px #5934100a;text-align:left;padding:0 25px;isolation:isolate}.hero-workspace:before{content:'';position:absolute;inset:28px -17px -15px;background:#fff9eb80;border:1px solid #fff;border-radius:22px;z-index:-1}.workspace-top,.workspace-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 6px}.workspace-top strong{font-family:Outfit,sans-serif;font-size:23px}.workspace-top>span,.panel-label,.workspace-bottom{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--muted)}.workspace-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:22px}.queue-panel{padding:26px;background:#f5eedf;border-radius:12px}.queue-panel h2{font-size:35px;line-height:1.1;margin:20px 0 30px}.queue-row{display:flex;align-items:center;gap:13px;margin-top:20px}.queue-row strong{font-size:14px}.queue-row p{font-size:13px;color:var(--muted);margin-top:4px}.queue-icon{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;background:#fff9ee;border:1px solid #e5d8c0;border-radius:9px;font-size:20px}.reply-panel{padding:25px;border:1px solid #e9e2d6;background:white;border-radius:12px;box-shadow:0 7px 20px #67451b08}.preview-message{background:#fff0dc;border-left:3px solid var(--lime);padding:20px;margin:22px 0 14px;border-radius:0 8px 8px 0}.preview-message>span{font-size:13px;color:var(--muted)}.preview-message p{font-family:Georgia,serif;font-size:24px;line-height:1.4;margin-top:7px}.context-line{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #ece7df;font-size:13px}.context-line>span{color:var(--muted)}.context-line strong{font-weight:500}.workspace-link{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin-top:20px;text-decoration:none}.workspace-link:hover{text-decoration:underline}.workspace-bottom{justify-content:center;gap:20px;padding:24px 4px}.workspace-bottom i{height:1px;width:60px;background:#b6ad99}
.demo-section{padding:115px 8vw;background:#f9f6ee;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.demo-intro h2{font-size:clamp(40px,4vw,58px);line-height:1.1}.demo-intro p{max-width:35ch;margin-top:25px;font-size:17px;line-height:1.8;color:var(--muted)}.story{background:white;color:var(--ink);border:1px solid #e3dbca;border-radius:16px;box-shadow:0 25px 60px #46361512;transform:none;overflow:hidden;max-width:680px;width:100%;margin:auto}.story-head{padding:20px 24px;font-size:12px;background:#f4efe5}.story-head span:last-child{color:#7b430c}.record{padding:22px 24px}.record strong{font-size:20px;font-family:Outfit,sans-serif}.record p{color:var(--muted);font-size:13px}.avatar{border-color:#e4c79d;background:#fff0dc}.conversation{height:520px;padding:24px}.outgoing{background:#fff0dc}.incoming{background:#f6f6f5;border-color:#e2e2de}.handover{background:#20242b;border-radius:10px;padding:25px;color:white}.handover span,.handover-facts dt{color:#ffb65c}.handover strong{font-size:25px;font-family:Outfit,sans-serif;font-weight:500}.story-controls{padding:13px 22px;background:#faf8f3;font-size:13px}.story-controls button{border-radius:7px}.outcome{border-color:#ded6c7}
.statement{padding:125px 8vw;background:var(--paper);display:block}.statement>p{font-family:Outfit,sans-serif;font-size:clamp(38px,5.5vw,76px);line-height:1.15;letter-spacing:-.035em}.statement>p span{color:#9a4607}.statement>div{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line);padding-top:35px;margin-top:50px}.statement h2{font-size:31px}.statement div p{margin:0;color:var(--muted)}
.process{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#fffdf7}.process h2{font-size:clamp(36px,4vw,58px)}.process em{color:#9a4607}.process ol{display:block;margin:0}.process li{position:relative;min-height:220px;padding:25px 0 28px 58px;border-top:1px solid var(--line)}.process li:before{position:absolute;left:0;top:27px;content:'0' counter(step);color:#9a4607;font-family:ui-monospace,monospace;font-size:17px}.process h3{font-size:27px}.process li p{font-size:16px;color:var(--muted)}.process .fine{grid-column:2;color:var(--muted);font-size:13px}
.systems{display:block;padding:115px 8vw}.systems>h2{font-size:clamp(40px,4.8vw,65px);margin-bottom:48px}.system-list{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:16px}.system-list article,.system-list article:first-child{position:relative;padding:38px;min-height:285px;background:#fffaf0;border:1px solid #dcd1ba;border-radius:16px;transition:transform .3s,box-shadow .3s}.system-list article:first-child{background:#ffad4b;border-color:#eb922b}.system-list article:last-child{background:#e9dfc9}.system-list article:hover,.system-list article:focus-within{transform:translateY(-5px);box-shadow:0 16px 30px #44301c15}.system-list h3{font-size:35px;line-height:1.1;margin:0 0 26px;max-width:85%}.system-list h3 a{text-decoration:none}.system-list h3 a:after{content:'';position:absolute;inset:0;border-radius:16px}.system-list article:after{content:'↗';position:absolute;right:28px;top:29px;font-size:30px;pointer-events:none}.system-list p{max-width:38ch;font-size:16px}.system-list small{display:block;font-size:13px;color:#4b4b43;margin-top:28px}.system-list article:last-child:nth-child(odd){grid-column:1/-1}
.calculator{background:#181b20;padding:115px 8vw;color:#fff8eb;gap:7vw}.calculator h2{font-size:clamp(38px,4.2vw,58px)}.calculator p{color:#d0d0cf}.calculator .fine{font-size:13px}#scenario{padding:30px;background:#24282f;border:1px solid #46494e;border-radius:16px;gap:22px}label{font-size:14px}input{background:#fcf9f0;color:var(--ink);border-color:#ddd6c7;border-radius:8px;padding:13px;caret-color:#9a4607}output{font-family:Outfit,sans-serif;font-size:clamp(60px,6vw,84px);letter-spacing:-.03em;color:#ffa840}#formula{font-size:13px}
.proof{padding:80px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;border:0;background:#faf6eb}.proof h2{font-size:36px}.proof p{margin:0;color:var(--muted)}.contact{padding:110px 8vw;background:radial-gradient(ellipse at 95% 0%,#ffcd62,transparent 65%),#f68b1f;text-align:center}.contact h2{font-size:clamp(46px,6vw,82px)}.contact em{color:#553017;font-family:Georgia,serif;font-style:italic;letter-spacing:-.05em}.contact p{margin:24px auto 0;max-width:54ch}.contact .button{background:#181b20;color:white;margin-top:30px}.contact .button:hover{background:#34373d}.booking-notice{font-size:13px}
footer{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;align-items:start;padding:65px 6vw 28px;gap:40px;background:#f2ead3}.footer-intro p{max-width:24ch;line-height:1.7;margin-top:22px}.footer-group{display:flex;flex-direction:column;gap:13px}.footer-group h2{font-family:ui-monospace,Consolas,monospace;font-size:13px;letter-spacing:0;font-weight:600;margin-bottom:9px}.footer-group a{font-size:14px;text-decoration:none}.footer-group a:hover{text-decoration:underline}.footer-group p{font-size:13px;line-height:1.7;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;grid-column:1/-1;padding-top:25px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.product-hero{background:radial-gradient(ellipse at 95% 80%,#f6b96360,transparent 65%),var(--paper);color:var(--ink);padding:90px 8vw}.product-hero h1{max-width:1150px;font-size:clamp(44px,5.5vw,78px)}.product-hero>p{color:var(--muted)}.product-identity span{color:#9a4607}.product-body{background:#fffaf0;padding:30px 8vw 70px}.product-body section{padding:55px 0}.example-record{background:#f2ead3;border:1px solid var(--line);border-radius:16px}.product-body h2{font-size:32px}
@media(max-width:800px){header{padding:22px 6vw;gap:18px}nav{gap:5px 13px}.nav-cta{padding:8px 14px}.hero{padding:52px 6vw 55px}.hero h1{font-size:clamp(42px,8.9vw,65px)}.hero-copy>p{font-size:17px}.hero-copy .button,.hero-copy .text-link{padding:14px 18px;margin:5px 3px;font-size:14px}.hero-copy>.fine{font-size:12px;max-width:39ch;margin:18px auto 30px}.hero-workspace{padding:0 15px;border-radius:16px}.hero-workspace:before{inset:20px -9px -10px}.workspace-top{align-items:start;gap:15px;padding:20px 0}.workspace-top>span{max-width:17ch;text-align:right;font-size:11px;line-height:1.6}.workspace-grid{grid-template-columns:1fr;gap:14px}.queue-panel{padding:22px}.queue-panel h2{font-size:31px;margin:16px 0 23px}.queue-panel h2 br{display:none}.queue-row{margin-top:15px}.reply-panel{padding:20px}.panel-label{font-size:11px;line-height:1.7}.preview-message p{font-size:22px}.workspace-bottom{gap:8px;font-size:10px;padding:21px 0}.workspace-bottom i{width:15px}.demo-section{display:block;padding:72px 6vw}.demo-intro{margin-bottom:32px}.demo-intro h2{font-size:40px}.demo-intro p{font-size:16px}.story-head{padding:17px;font-size:11px}.record{padding:19px}.conversation{height:560px;padding:19px}.story-controls{padding:12px 15px;font-size:12px}.handover{padding:21px}.handover strong{font-size:23px}.statement{padding:75px 6vw}.statement>p{font-size:clamp(35px,8.3vw,55px)}.statement>div{display:block;margin-top:35px;padding-top:28px}.statement div p{margin-top:24px}.process{display:block;padding:72px 6vw}.process ol{margin-top:35px}.process li{min-height:0;padding:26px 0 28px 42px}.process h3{font-size:26px}.process .fine{margin-top:24px}.systems{padding:72px 6vw}.systems>h2{font-size:42px;margin-bottom:35px}.system-list{grid-template-columns:1fr}.system-list article,.system-list article:first-child{padding:30px;min-height:240px}.system-list h3{font-size:32px}.calculator{padding:72px 6vw;gap:32px}.calculator h2{font-size:39px}#scenario{padding:22px;gap:18px 14px}label{font-size:13px}input{padding:11px}.proof{display:block;padding:65px 6vw}.proof p{margin-top:24px}.contact{padding:75px 6vw}.contact h2{font-size:46px}footer{grid-template-columns:1fr 1fr;padding:50px 6vw 25px;gap:35px 25px}.footer-intro{grid-column:1/-1}.footer-intro p{max-width:none}.footer-bottom{flex-direction:column;gap:10px}.product-hero{padding:60px 6vw}.product-hero h1{font-size:clamp(39px,8.5vw,60px)}.product-body{padding:20px 6vw 50px}}
@media(prefers-reduced-motion:reduce){.button:hover,.system-list article:hover{transform:none}}
.brand{display:inline-block;flex-shrink:0;width:180px;line-height:0}.brand img{display:block;width:100%;height:auto}.footer-intro .brand{width:200px}
@media(max-width:600px){header{position:relative;flex-wrap:wrap;gap:18px}header .brand{width:148px}header nav{width:100%;max-width:100%;justify-content:space-between;gap:8px 12px}header nav .nav-cta{position:absolute;right:6vw;top:22px}.footer-intro .brand{width:180px}}
.demo-player{min-width:0}.demo-picker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.demo-picker[hidden],.demo-context[hidden]{display:none}.demo-picker button{flex:1;min-height:48px;padding:11px 13px;border:1px solid #c9beaa;border-radius:9px;background:#fffaf0;color:#34383e;font:500 14px 'DM Sans',sans-serif;cursor:pointer}.demo-picker button[aria-pressed="true"]{background:#181b20;color:white;border-color:#181b20}.demo-picker button:hover{border-color:#9a4607}.demo-context{font-size:14px;color:#4b5563;line-height:1.6;margin:0 0 20px}.demo-player .story{margin:0}.demo-picker button:focus-visible{outline:3px solid #9a4607;outline-offset:3px}
@media(max-width:800px){.demo-picker{gap:7px}.demo-picker button{font-size:13px;padding:10px 8px;min-width:85px}.demo-context{font-size:13px}}
