@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f8f9f5;--ink:#303b35;--muted:#7b827b;--blue:#179dec;--green:#46654d;--line:#e4e8df;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:450;line-height:1.13;letter-spacing:-1.6px}h2{font-size:clamp(32px,3.1vw,48px)}h3{font-size:clamp(29px,2.5vw,38px)}button:focus-visible,a:focus-visible{outline:3px solid #f3cc69;outline-offset:5px}::selection{background:#d4e7a4;color:#23482f}.skip-link{position:fixed;z-index:100;left:20px;top:-80px;background:white;padding:10px}.skip-link:focus{top:20px}.serif{font-family:var(--serif)}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:11px 19px;border-radius:9px;font-weight:550;line-height:1.4;white-space:nowrap;transition:transform .25s,box-shadow .25s,background .25s;overflow:hidden}.button:hover{transform:translateY(-3px);box-shadow:0 7px 20px #123c4220}.button:active{transform:translateY(0) scale(.97)}.button.light{color:#27352e;background:linear-gradient(150deg,#fff,#ecf0e9);border:1px solid #ffffffa3;box-shadow:inset 0 2px 1px #fff,0 2px 3px #134b4020}.button.dark{color:#fff;background:#374b3c;box-shadow:inset 0 1px 1px #ffffff30}.glass{position:relative;overflow:hidden;color:white;background:linear-gradient(135deg,#ffffff30,#ffffff10 50%,#ffffff22);border:1px solid #ffffff32;box-shadow:inset 0 1px 1px #ffffff60,inset 0 -1px 1px #133d3830,0 4px 14px #123e3d0c;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.glass:after,.button:after{content:'';position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 20%,#fff3 45%,transparent 65%);transform:translateX(-140%);transition:transform .7s}.glass:hover:after,.button:hover:after{transform:translateX(140%)}.glass:hover{background-color:#ffffff17}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;color:white}.wordmark{display:flex;align-items:baseline;gap:9px;font:38px/.9 var(--serif);letter-spacing:-1.8px;white-space:nowrap}.wordmark span{font-size:26px;letter-spacing:-.7px}.site-header nav{display:flex;align-items:center;gap:10px}.nav-group{display:flex;align-items:center;border-radius:10px;padding:4px 10px;min-height:47px}.nav-group a{padding:4px 16px;position:relative;font-size:14px}.nav-group a:before{content:'';position:absolute;width:1px;height:12px;left:0;top:10px;background:#ffffff23}.nav-group a:hover{color:#e2fca4}.nav-label{opacity:.6;padding:0 16px 0 8px;font-size:14px}.nav-link{padding:11px 19px;border-radius:9px;font-size:14px;min-height:47px}.menu-toggle{display:none}.hero{height:max(800px,66.6667vw);max-height:1200px;position:relative;overflow:hidden;background:var(--blue);color:#fff;border-radius:0 0 15px 15px}.hero-art{position:absolute;inset:-2%;background:url('public/images/weir-world.png') center center/cover no-repeat;will-change:transform;animation:world-arrives 1.8s ease-out both}.sky-glow{position:absolute;inset:0;background:linear-gradient(90deg,#087fce30,transparent 58%);pointer-events:none}.hero-copy{position:absolute;z-index:2;left:5%;top:16.5%;max-width:750px;animation:copy-arrives 1s .15s both}.hero h1{font-size:clamp(35px,3.45vw,61px);letter-spacing:-1.5px;line-height:1.13;text-shadow:0 1px 12px #006abd12}.hero-copy p{font-size:clamp(15px,1.18vw,20px);margin:26px 0;line-height:1.55;color:#fffffff0}.hero-actions{display:flex;gap:12px}.hero-actions .button{font-size:15px;padding:12px 18px}.play-icon{font-size:19px}.task-notifications{position:absolute;left:58%;top:38%;width:300px;z-index:3;perspective:700px}.task-toast{display:flex;align-items:center;gap:8px;padding:13px 12px;margin:8px 0;border-radius:8px;background-color:#174e499c;font-size:11px;transform:rotate(-2deg);animation:notification-float 7s ease-in-out infinite;white-space:nowrap}.task-toast:nth-child(2){animation-delay:-2.5s;transform:rotate(-1deg)}.task-toast:nth-child(3){animation-delay:-4.5s}.task-toast>span:first-of-type{color:#d9ece0aa}.task-toast strong{font-weight:500;font-size:12px}.task-toast i,.live-dot{display:inline-block;flex-shrink:0;height:5px;width:5px;border-radius:50%;background:#b6f45b;box-shadow:0 0 7px #b6f45760}.task-check{margin-left:auto;opacity:.5}.hero-bottom{position:absolute;z-index:3;bottom:40px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.2px;color:#eff7dd;opacity:.9}.hero-bottom>span{display:flex;align-items:center;gap:10px}.hero-bottom>a{border:1px solid #ffffff60;width:34px;height:43px;display:grid;place-items:center;border-radius:30px;animation:scroll-hint 3s infinite}.pixel-edge{position:absolute;bottom:-1px;left:0;right:0;height:19px;background:var(--paper);clip-path:polygon(0 40%,2% 40%,2% 65%,5% 65%,5% 25%,7% 25%,7% 75%,10% 75%,10% 50%,14% 50%,14% 80%,17% 80%,17% 40%,21% 40%,21% 65%,26% 65%,26% 85%,30% 85%,30% 55%,34% 55%,34% 80%,40% 80%,40% 60%,44% 60%,44% 85%,50% 85%,50% 60%,54% 60%,54% 75%,60% 75%,60% 40%,66% 40%,66% 80%,70% 80%,70% 50%,74% 50%,74% 80%,80% 80%,80% 45%,85% 45%,85% 75%,90% 75%,90% 30%,93% 30%,93% 65%,97% 65%,97% 40%,100% 40%,100% 100%,0 100%)}.fireflies{position:absolute;inset:0;pointer-events:none}.firefly{position:absolute;background:#ecffd0;width:3px;height:3px;box-shadow:0 0 8px #e4ff79;border-radius:1px;animation:firefly 9s infinite;opacity:0}.intro-strip{text-align:center;padding:77px 24px 67px}.capability-logos{display:flex;justify-content:center;align-items:center;gap:0}.capability-logos>span{padding:12px 30px;border-right:1px solid var(--line);font-size:16px;color:#6a7667}.capability-logos>span:last-child{border:0;font-size:23px}.capability-logos b{font-weight:500}.intro-strip>p{font-size:11px;color:#92978f;margin-top:24px}.content-section{max-width:1120px;margin:auto;padding:40px 25px 70px}.platform h2{text-align:center;font-size:37px}.platform h2>span{color:#8b9188}.workspace-preview{border:1px solid #dce2d7;border-radius:12px;overflow:hidden;margin-top:48px;box-shadow:0 15px 50px #2b462b05;background:#f9faf7}.window-bar{height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 16px;font-size:10px;color:#838a81}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#d9ded6;border-radius:50%}.workspace-status{margin-left:auto;display:flex;align-items:center;gap:6px}.workspace-status .live-dot,.activity-item .live-dot,.mini-top .live-dot,.email-bottom .live-dot,.workflow-top .live-dot{background:#79a471;box-shadow:none}.workspace-body{display:grid;grid-template-columns:2.15fr 1fr;min-height:450px}.agent-world{position:relative;background-image:radial-gradient(#d7ded088 .8px,transparent .8px);background-size:20px 20px;min-height:450px;overflow:hidden}.world-top{position:absolute;left:20px;right:20px;top:18px;display:flex;gap:8px;align-items:center;font-size:11px;z-index:2}.company-avatar{display:grid;place-items:center;width:29px;height:29px;font:22px var(--serif);background:#e7ecd8;border:1px solid #d9dfca;border-radius:6px}.world-top small{display:block;font-size:8px;color:#92978c}.zoom{margin-left:auto;color:#969c91;font-size:9px}.connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.connections path{stroke:#cbd4c3;stroke-width:1;fill:none;stroke-dasharray:5 6;animation:flow 24s linear infinite}.agent-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:4px;background:var(--paper);padding:12px 15px;font-size:12px;font-weight:600;z-index:2}.agent-center>span{font-size:34px;line-height:1.2;color:#739b43;animation:gentle-spin 32s linear infinite}.agent-center>small{font-size:8px;color:#919789;font-weight:400}.agent-node{position:absolute;transform:translate(-50%,-50%);background:#fffefb;box-shadow:0 2px 4px #43543b08;border:1px solid #e4e7de;border-radius:7px;padding:9px 12px;font-size:10px;display:flex;align-items:center;gap:9px;transition:box-shadow .3s,background .3s,border .3s;z-index:2}.agent-node>span{font-size:14px;color:#8b9c78}.agent-node>i{width:4px;height:4px;border-radius:100%;background:#a2bc83}.agent-node:hover,.agent-node.active{border-color:#afc397;box-shadow:0 3px 20px #76846a14;background:#fff}.n1{left:50%;top:18%}.n2{left:77%;top:26%}.n3{left:84%;top:53%}.n4{left:74%;top:79%}.n5{left:50%;top:87%}.n6{left:25%;top:79%}.n7{left:16%;top:53%}.n8{left:24%;top:26%}.agent-sidebar{border-left:1px solid var(--line);padding:0 20px 18px;display:flex;flex-direction:column;background:#ffffff8c}.sidebar-tabs{display:flex;gap:22px;font-size:10px;border-bottom:1px solid var(--line);padding:15px 0}.sidebar-tabs span{color:#a3a89e}.sidebar-tabs span:first-child{color:#43583d}.agent-detail{padding-top:30px;animation:content-in .4s}.agent-badge{font-size:28px;color:#789b60;margin-bottom:9px}.small-muted{font-size:9px!important;color:#8e9588!important}.agent-detail h3{font-size:23px;margin:8px 0 15px;letter-spacing:-.7px}.agent-detail>p{font-size:11px;color:#7f8778}.activity-item{font-size:9px;padding:14px 0;border-bottom:1px solid #e9ece4;display:flex;align-items:center;gap:7px}.activity-item.finished{color:#9aa18f}.agent-prompt{display:flex;justify-content:space-between;align-items:center;padding:8px 9px;font-size:9px;border:1px solid var(--line);border-radius:6px;background:transparent;margin-top:auto;color:#999f92}.agent-prompt span{background:#40543b;color:white;border-radius:3px;width:20px;height:20px;display:grid;place-items:center}.platform-points{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:30px 0;font-size:11px;color:#858c7f;line-height:1.75}.platform-points strong{color:#55614e;font-weight:550}.section-tail{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:35px}.section-tail p{font-size:11px;color:#8b9283}.section-tail .button{font-size:11px;min-height:36px;padding:8px 13px}.features{padding-top:120px}.section-label{color:#8b9585;font-size:11px;margin-bottom:15px}.features-intro h2{font-size:42px}.features-intro>p:last-child{font-size:13px;color:#8a9181;line-height:1.7;margin-top:22px}.feature-row{display:grid;grid-template-columns:1fr 1.4fr;gap:90px;align-items:center;padding:110px 0 35px;scroll-margin-top:20px}.feature-row.reverse{grid-template-columns:1.4fr 1fr}.reverse .feature-copy{grid-column:2}.reverse .feature-visual{grid-column:1;grid-row:1}.chapter-label{font-size:10px;color:#8b9484;display:block;margin-bottom:17px}.feature-copy h3{font-size:33px;letter-spacing:-1.15px}.feature-copy>p{margin-top:20px;font-size:12px;line-height:1.8;color:#848d7d}.feature-options{margin-top:25px;display:flex;flex-direction:column;gap:7px}.feature-options button{background:#fdfefa;border:1px solid #e4e8de;border-radius:5px;padding:10px 12px;display:flex;justify-content:space-between;text-align:left;font-size:10px;transition:background .3s,border-color .3s,padding .3s}.feature-options button>span{color:#8d9783}.feature-options button.selected{background:#eaf0e2;border-color:#c9d5bb;padding-left:17px}.feature-options button:hover{background:#edf0e7}.feature-visual{border:1px solid #e0e5d9;border-radius:10px;min-height:350px;box-shadow:0 10px 30px #44503904}.mini-top{display:flex;justify-content:space-between;font-size:10px;padding:14px 17px;border-bottom:1px solid #e5e9df}.mini-top>span{display:flex;gap:7px;align-items:center}.roadmap-visual{background:#eef0e9;overflow:hidden}.board-headings{display:grid;grid-template-columns:repeat(3,1fr);font-size:8px;gap:10px;padding:20px 12px}.board-headings>span{display:flex;justify-content:space-between}.board-headings small{color:#91998a}.roadmap-board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:5px 12px;min-height:224px}.board-column{display:flex;flex-direction:column;gap:12px}.board-card{background:#fffefa;border:1px solid #e3e7dc;border-radius:5px;padding:10px 9px;min-height:89px;animation:content-in .5s}.board-card.done{opacity:.65}.card-icon{display:block;margin-bottom:10px;background:#eaf1dc;width:21px;height:21px;border-radius:4px;color:#7d9b54;text-align:center;font-size:13px}.card-icon.blue{background:#e5eef6;color:#8da6bc}.card-icon.lavender{background:#ede8f5;color:#ab99bb}.card-icon.amber{background:#f7eedc;color:#c5ab71}.card-icon.pink{background:#f6e6e3;color:#c5928b}.board-card b{display:block;font-weight:500;font-size:8px}.board-card small{font-size:6px;color:#959c8f;display:flex;gap:4px;align-items:center;margin-top:6px}.board-card .live-dot{width:3px;height:3px;background:#88ad61}.visual-caption{display:flex;align-items:center;gap:8px;font-size:8px;background:#f8f9f4;padding:12px;border-top:1px solid #e1e6d9}.tiny-avatar{font:18px var(--serif);color:#69834d}.typing-dots{margin-left:auto;letter-spacing:2px;animation:blink 2s infinite}.email-visual{border:0;box-shadow:none;position:relative;padding:0 30px 25px 0}.email-window{border:1px solid #dfe5d7;background:#fdfefa;border-radius:7px;box-shadow:0 10px 30px #34522905}.email-meta{display:grid;grid-template-columns:40px 1fr;font-size:8px;padding:13px 18px;gap:9px;border-bottom:1px solid #e9ece3}.email-meta>span{color:#9ca390}.email-meta>b{font-weight:500}.email-body{font-size:9px;color:#7b8472;padding:17px 18px;line-height:1.8}.email-body p+p{margin-top:13px}.email-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:8px;border-top:1px solid #e9ece3}.email-bottom>span{display:flex;gap:5px;align-items:center;color:#8e9b7c}.email-bottom button{padding:5px 8px;border-radius:4px;background:#edf2e3;font-size:8px}.growth-badge{margin-top:20px;position:relative;margin-left:100px;margin-right:-30px;background:#e9efdf;border:1px solid #dfe7d2;border-radius:6px;padding:14px 16px}.growth-badge>span{font-size:8px;color:#91a17d}.growth-badge>div{display:flex;align-items:center;justify-content:space-between;font-size:12px}.growth-badge b{font-weight:500}.growth-badge>div>span{font-size:24px;color:#839d62}.analytics-visual{background:#fdfefa;padding-bottom:20px}.sample-label{color:#a0a694;font-size:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 22px;gap:8px}.metrics>div{display:flex;flex-direction:column}.metrics span{font-size:8px;color:#999e92}.metrics strong{font-size:24px;font-weight:450;letter-spacing:-.6px;margin:4px 0}.metrics small{font-size:7px;color:#7e9e66}.chart-title{display:flex;justify-content:space-between;margin:7px 22px;font-size:8px}.chart-title>span:last-child{color:#929a88}.chart{display:flex;position:relative;margin:20px 22px 0;height:150px;background:repeating-linear-gradient(to top,#e8ecdf 0,#e8ecdf 1px,transparent 1px,transparent 50px)}.chart-grid{display:flex;justify-content:space-between;flex-direction:column;font-size:6px;width:25px;color:#a0a792}.chart svg{width:calc(100% - 25px);height:100%;overflow:visible}.chart-line{fill:none;stroke:#83a96a;stroke-width:2;stroke-dasharray:800;stroke-dashoffset:800}.in-view .chart-line{animation:draw-chart 2.5s forwards}.chart-area{fill:url(#area)}.chart-dates{display:flex;justify-content:space-between;font-size:7px;color:#a2a894;margin:10px 22px 0 47px}.guides{text-align:center;padding-top:130px;padding-bottom:140px}.guides>p{font-size:13px;color:#929787;margin:20px 0}.guides>.button{font-size:11px;min-height:37px}.books{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:65px auto 35px;max-width:980px;perspective:1400px}.book{text-align:left;position:relative;border-radius:3px 8px 8px 3px;min-height:305px;padding:20px 22px 18px;background:#e5ebd7;border:1px solid #cbd4bc;box-shadow:inset 5px 0 7px #394d321a,inset 6px 0 1px #ffffff50,5px 5px 0 #e7e8df,6px 6px 0 #d6dacd,10px 12px 18px #3143240a;display:flex;flex-direction:column;transform:rotate(-3deg);transition:transform .45s,box-shadow .45s}.book:hover{transform:rotate(0) translateY(-15px) rotateY(-8deg);box-shadow:inset 5px 0 7px #394d321a,5px 5px 0 #e7e8df,6px 6px 0 #d6dacd,14px 22px 25px #31432417}.book-top{display:flex;justify-content:space-between;font-size:8px}.book-title{font:43px/1 var(--serif);letter-spacing:-1px;margin-top:26px}.book-illustration{font-size:64px;line-height:1.3;align-self:center;margin:10px 0;color:#7d9864;transition:transform .5s}.book:hover .book-illustration{transform:rotate(30deg)}.book-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px;font-size:8px}.book-bottom>span{font:13px var(--serif);opacity:.7}.book-blue{background:#e0e9ec;border-color:#c5d4d9;transform:rotate(2deg);color:#425f69}.book-blue .book-illustration{color:#739aaa}.book-yellow{background:#f2e9cf;border-color:#e1d7b7;transform:rotate(-2deg);color:#7a6640}.book-yellow .book-illustration{color:#b6a36b}.book-pink{background:#eedfdb;border-color:#dec9c3;transform:rotate(3deg);color:#8b6660}.book-pink .book-illustration{color:#bb9085}.guide-footnote{color:#a2a797;font-size:10px}.tools-section{position:relative;overflow:hidden;background:linear-gradient(#288fe4,#81c3ef);color:white;padding:90px 24px 95px}.tools-sky{position:absolute;inset:0;background-image:url('public/images/weir-world.png');background-size:cover;background-position:center 15%;opacity:.13;filter:blur(1px);mask-image:linear-gradient(transparent,#000 65%,transparent);pointer-events:none}.tools-content{position:relative;z-index:1;max-width:950px;margin:auto;text-align:center}.tools-content h2{font-size:43px}.tools-content>p{font-size:13px;color:#e5f4ffb3;margin:20px 0 30px}.tool-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:25px}.tool-tabs button{padding:9px 18px;color:#e9f5ffd9;background:transparent;font-size:12px;border:1px solid transparent;border-radius:7px;transition:.3s}.tool-tabs button[aria-selected=true]{background:#ffffff1f;border-color:#ffffff48;box-shadow:inset 0 1px 0 #ffffff35;backdrop-filter:blur(10px)}.workflow-window{display:grid;grid-template-columns:210px 1fr;min-height:420px;border:5px solid #ffffff46;border-radius:12px;background:#fafcf8;background-clip:padding-box;color:#626f57;text-align:left;box-shadow:0 20px 60px #07629a20}.workflow-window>aside{position:relative;background:#f2f5ed;border-right:1px solid #e1e7da;padding:23px 15px}.tiny-wordmark{font:28px var(--serif);color:#4b6540}.tiny-wordmark span{font-size:18px}.workflow-window>aside>p{font-size:8px;color:#a0a894;margin:30px 8px 10px}.workflow-window>aside>span{display:block;padding:9px 10px;font-size:10px;color:#9aA28f}.workflow-window>aside>span.selected{background:#e5ebdc;border-radius:5px;color:#556949}.workspace-person{position:absolute;bottom:17px;left:20px;display:flex;gap:10px;align-items:center;font-size:9px}.workspace-person small{display:block;font-size:7px;color:#9aa68d}.workflow-canvas{padding:17px 20px;background-image:radial-gradient(#d6dfcc .65px,transparent .65px);background-size:15px 15px}.workflow-top{display:flex;justify-content:space-between;align-items:center;font-size:10px}.workflow-top>b{font-weight:500}.workflow-top>span{font-size:7px;color:#9ca68f;display:flex;align-items:center;gap:5px}.workflow-flow{display:flex;flex-direction:column;align-items:center;margin:25px 0;min-height:270px}.flow-step{display:flex;align-items:center;flex-direction:column;width:180px;padding:10px 20px;border:1px solid #dce5d2;background:#fffefb;border-radius:6px;box-shadow:0 3px 3px #5d764c04}.flow-step>span{font-size:19px;line-height:1.2;color:#829f69}.flow-step>b{font-size:9px;font-weight:500}.flow-step>small{font-size:6px;color:#a1aa98}.flow-connector{height:30px;border-left:1px dashed #aebfa0;position:relative}.flow-connector:after{content:'';height:4px;width:4px;position:absolute;background:#9caf84;top:0;left:-2px;border-radius:50%;animation:travel 2s linear infinite}.flow-branches{display:flex;gap:23px;position:relative}.flow-branches:before{content:'';position:absolute;left:40px;right:40px;top:-13px;border-top:1px solid #bccdaf}.flow-branches>div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dce5d2;background:#fffefb;border-radius:6px;min-width:87px;padding:10px;font-size:9px}.flow-branches>div:before{content:'';position:absolute;left:50%;top:-13px;height:13px;border-left:1px solid #bccdaf}.flow-branches span{font-size:18px;color:#9daf87}.flow-branches b{font-weight:500}.workflow-footer{display:flex;align-items:center;justify-content:space-between;font-size:8px;border-top:1px solid #e3e9dc;padding-top:12px;color:#8e9a83}.workflow-footer>div{display:flex;gap:12px;align-items:center}.workflow-footer button{background:transparent;border:1px solid #dee5d6;border-radius:5px;font-size:13px;width:24px;height:24px;line-height:1}.industries{text-align:center;padding-top:95px;padding-bottom:110px}.industries h2{font-size:32px}.industries>p{margin:18px 0;font-size:12px;color:#929b86}.word-search{font-family:var(--sans);max-width:690px;display:grid;grid-template-columns:repeat(19,1fr);gap:10px 14px;position:relative;margin:40px auto 28px;mask-image:linear-gradient(transparent,#000 14%,#000 80%,transparent);user-select:none}.letter{font-size:15px;color:#c8cfbe;transition:color .8s,background .8s;line-height:1.8}.letter.highlight{color:#73915c;background:#e3ecd7;border-radius:3px}.industry-options{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.industry-options button{font-size:10px;padding:7px 13px;background:transparent;border:1px solid #e0e6d6;border-radius:30px;color:#8a957e;transition:.3s}.industry-options button.active{background:#e8eddf;border-color:#bccba9;color:#567340}.industry-description{font-size:11px!important;min-height:20px}footer{border-top:1px solid #e4e9dc;background:#f0f3eb;padding:70px 5% 0;overflow:hidden}.footer-inner{max-width:1070px;margin:auto;display:grid;grid-template-columns:1fr 290px;gap:80px}.footer-main h2{font-size:34px}.footer-main>.button{font-size:11px;min-height:38px;margin-top:25px}.footer-links{display:flex;gap:85px;margin-top:45px}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:10px;color:#7b8970}.footer-links>div>span{color:#a6af9b;font-size:9px;margin-bottom:8px}.footer-links button{padding:0;background:none;font-size:10px}.footer-links a:hover,.footer-links button:hover{color:#314b25}.footer-legal{display:flex;align-items:center;gap:17px;color:#a4ae98;font-size:8px;margin:35px 0}.footer-legal button{font-size:8px;background:none;padding:0;color:#8a977c}.footer-postcard{background:#fffef8;border:1px solid #dce3d2;padding:8px;align-self:start;transform:rotate(3deg);box-shadow:0 5px 20px #31462307;border-radius:4px}.postcard-photo{height:180px;background:url('public/images/weir-world.png') center/cover;border-radius:2px}.footer-postcard>div:last-child{padding:20px 13px 10px}.footer-postcard .serif{font-size:26px}.footer-postcard p{font-size:11px;line-height:1.7;margin-top:10px;color:#96a087}.footer-postcard a{margin-top:25px;font:17px var(--serif);display:flex;justify-content:space-between}.footer-wordmark{font:clamp(60px,14.5vw,225px)/1.1 var(--serif);letter-spacing:-7px;color:#d8e0cc;display:flex;justify-content:space-between;align-items:center;white-space:nowrap;max-width:1300px;margin:35px auto -26px}.footer-wordmark>span{font:100px var(--sans);color:#c6d5b6;margin-left:20px}dialog{border:1px solid #ffffff9c;background:#fafbf5f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--ink);border-radius:18px;padding:42px;width:calc(100% - 32px);max-width:570px;max-height:85vh;box-shadow:0 30px 100px #07282250}dialog[open]{animation:dialog-in .3s}dialog::backdrop{background:#18332d75;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:13px;right:16px;border-radius:50%;height:29px;width:29px;background:#e7ecdf;font-size:22px;line-height:1}.dialog-mark{font:27px var(--serif);color:#789160;display:block;margin-bottom:25px}dialog h2{font-size:34px;margin-bottom:17px}dialog p{font-size:13px;color:#849177;margin-bottom:20px}dialog label{display:block;font-size:12px;margin:20px 0 7px}dialog input,dialog textarea{display:block;width:100%;padding:12px;border:1px solid #ccd7c1;border-radius:7px;background:#fffef9;outline:none;color:#405236}dialog input:focus,dialog textarea:focus{border-color:#759b57;box-shadow:0 0 0 3px #759b571a}dialog textarea{resize:vertical;min-height:100px}dialog .button{margin-top:22px;width:100%;font-size:13px}.dialog-note{display:block;color:#a1aa94;font-size:10px;margin-top:13px;text-align:center}.roadmap-result{padding:0;list-style:none}.roadmap-result li{padding:13px 0;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #e3e9db;font-size:12px}.roadmap-result li>span{display:grid;place-items:center;border:1px solid #d3dfc8;border-radius:50%;height:24px;min-width:24px;font-size:10px;color:#8ca973}.roadmap-result small{display:block;color:#99a78c;font-size:10px;margin-top:4px}.guide-dialog-content h3{font-size:20px;margin:25px 0 10px;letter-spacing:-.3px}.guide-dialog-content p{margin:0}.toast-message{position:fixed;z-index:99;bottom:25px;left:50%;transform:translate(-50%,100px);opacity:0;padding:12px 22px;background:#304c3aeF;backdrop-filter:blur(15px);color:#fff;border:1px solid #ffffff35;border-radius:10px;font-size:12px;box-shadow:0 6px 20px #172e2a22;transition:.35s;max-width:calc(100% - 32px);text-align:center}.toast-message.visible{transform:translate(-50%,0);opacity:1}.in-view .feature-visual{animation:visual-settle .9s both}
@keyframes world-arrives{from{transform:scale(1.04)}to{transform:scale(1)}}@keyframes copy-arrives{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes notification-float{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -8px;rotate:1deg}}@keyframes firefly{0%,100%{opacity:0;transform:translate(0,0)}35%,65%{opacity:.8}80%{transform:translate(28px,-65px)}}@keyframes scroll-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes flow{to{stroke-dashoffset:-200}}@keyframes gentle-spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.3}}@keyframes draw-chart{to{stroke-dashoffset:0}}@keyframes travel{to{top:100%}}@keyframes content-in{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes visual-settle{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-copy{max-width:900px}.hero-actions .button{font-size:17px}.task-notifications{width:345px}.task-toast{padding:15px;font-size:12px}.task-toast strong{font-size:14px}}
@media(max-width:1150px){.site-header{padding:25px 4%;gap:10px}.wordmark{font-size:32px}.wordmark span{font-size:22px}.nav-group a{padding:4px 10px}.nav-label{padding:0 10px 0 5px}.nav-link{padding:11px 13px}.site-header nav{gap:7px}.site-header .button{font-size:13px}.hero-copy{left:5%;top:18%;max-width:650px}.hero{height:800px}.hero-art{background-position:58% center}.task-notifications{left:60%;top:45%;width:270px}.task-toast{font-size:9px}.task-toast strong{font-size:11px}.feature-row{gap:55px}.content-section{padding-left:40px;padding-right:40px}.book{min-height:285px;padding:18px}.book-title{font-size:39px}.footer-inner{gap:50px}}
@media(max-width:900px){.site-header nav{gap:6px}.nav-group{padding:3px}.nav-group a{font-size:12px;padding:4px 9px}.nav-label{display:none}.nav-link{font-size:12px;padding:11px 12px}.wordmark{font-size:30px;gap:6px}.wordmark span{font-size:19px}.site-header .button{font-size:12px;padding:11px 12px}.hero h1{font-size:39px}.hero-copy{max-width:650px}.hero-copy p{font-size:15px}.hero-copy .wide-break{display:none}.hero-copy h1{max-width:550px}.hero-copy p{max-width:500px}.task-notifications{left:58%;top:48%}.workspace-body{grid-template-columns:1.7fr 1fr}.agent-node{font-size:8px;gap:4px;padding:8px}.agent-node>span{font-size:10px}.agent-node>i{display:none}.agent-center{font-size:11px}.platform-points{gap:22px}.feature-row,.feature-row.reverse{gap:35px;grid-template-columns:1fr 1.2fr}.feature-copy h3{font-size:29px}.board-card{padding:7px}.board-card b{font-size:7px}.books{gap:18px}.book{min-height:250px;padding:15px}.book-title{font-size:34px}.book-top{font-size:6px}.book-illustration{font-size:52px}.workflow-window{grid-template-columns:180px 1fr}.capability-logos>span{padding:12px 20px;font-size:13px}.capability-logos>span:last-child{font-size:20px}.footer-inner{grid-template-columns:1fr 250px}}
@media(max-width:700px){html{scroll-padding-top:30px}.site-header{padding:24px 6%}.wordmark{font-size:35px}.wordmark span{font-size:23px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:40px;border-radius:9px;z-index:21}.menu-toggle span{height:1px;width:18px;background:#fff;transition:.3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:77px;left:5%;right:5%;padding:15px;background:#214f4fef;backdrop-filter:blur(20px);border:1px solid #ffffff40;border-radius:13px;box-shadow:0 15px 30px #163a4630}.site-header nav.open{display:flex;flex-wrap:wrap}.nav-group{width:100%;justify-content:space-around}.nav-group a{font-size:14px}.nav-link{flex:1;text-align:center;font-size:13px}.site-header .button{flex:1;font-size:13px}.hero{height:860px;max-height:none;border-radius:0 0 12px 12px}.hero-art{inset:0;background-size:auto 100%;background-position:56% bottom;animation:none}.sky-glow{background:linear-gradient(#087ecb70 0%,#087ecb70 39%,transparent 65%)}.hero-copy{top:133px;left:6%;right:6%;max-width:none}.hero h1{font-size:clamp(34px,8.2vw,47px);letter-spacing:-1.3px;line-height:1.1;max-width:520px}.hero-copy p{font-size:14px;margin:22px 0;max-width:360px;line-height:1.7}.hero-actions{gap:9px}.hero-actions .button{font-size:12px;padding:12px 13px;gap:7px}.task-notifications{left:auto;right:6%;top:52%;width:240px}.task-toast{padding:10px;font-size:9px}.task-toast strong{font-size:10px}.task-toast:nth-child(3){display:none}.hero-bottom{bottom:35px;left:6%;right:6%;font-size:8px}.hero-bottom>span{max-width:230px}.hero-bottom a{height:37px;width:28px}.intro-strip{padding:45px 15px 35px}.capability-logos{flex-wrap:wrap;row-gap:10px}.capability-logos>span{padding:5px 17px;font-size:12px;flex-basis:50%}.capability-logos>span:nth-child(2){border:0}.capability-logos>span:last-child{font-size:20px}.intro-strip>p{font-size:9px}.content-section{padding-left:23px;padding-right:23px}.platform{padding-top:25px}.platform h2{font-size:27px;letter-spacing:-.9px}.workspace-preview{margin-top:30px}.window-bar{font-size:8px;padding:0 12px;gap:13px}.workspace-status{font-size:6px}.workspace-body{display:block}.agent-world{min-height:340px}.world-top{top:12px;left:12px;right:12px}.agent-node{font-size:8px;padding:7px;gap:5px}.agent-node>span{font-size:12px}.agent-center{font-size:10px}.agent-center>span{font-size:29px}.agent-sidebar{padding:0 18px 15px;border-left:0;border-top:1px solid var(--line)}.sidebar-tabs{font-size:9px}.agent-detail{padding-top:16px}.agent-badge{float:left;margin-right:12px;margin-bottom:0;font-size:30px}.agent-detail h3{font-size:21px;margin:2px 0 12px}.agent-detail>p:not(.small-muted){font-size:10px}.activity-item{padding:10px 0;font-size:8px}.agent-prompt{margin-top:14px}.platform-points{grid-template-columns:1fr;gap:16px;font-size:12px;margin-top:25px}.section-tail{flex-direction:column;gap:12px;text-align:center;margin-top:27px}.section-tail p{font-size:11px}.features{padding-top:40px}.features-intro h2{font-size:32px;letter-spacing:-1px}.features-intro>p:last-child{font-size:12px}.features-intro br{display:none}.section-label{font-size:10px}.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:28px;padding-top:65px;padding-bottom:0}.reverse .feature-copy,.reverse .feature-visual{grid-column:auto;grid-row:auto}.feature-copy h3{font-size:32px}.feature-copy>p{font-size:12px;max-width:440px;margin-top:15px}.chapter-label{margin-bottom:12px}.feature-options{gap:5px;margin-top:20px}.feature-options button{font-size:11px;padding:10px 12px}.feature-visual{min-height:300px}.board-card b{font-size:8px}.board-card small{font-size:6px}.board-card{padding:9px}.roadmap-board{min-height:220px}.email-visual{padding:0 15px 20px 0;min-height:auto}.growth-badge{margin-right:-15px;margin-left:50px}.email-body{font-size:10px}.email-meta{font-size:9px}.metrics strong{font-size:25px}.metrics small{font-size:6px}.chart-title{font-size:7px}.guides{padding-top:90px;padding-bottom:70px}.guides h2{font-size:31px}.guides>p{font-size:12px}.books{grid-template-columns:repeat(2,1fr);max-width:440px;gap:30px 24px;margin-top:45px}.book{min-height:270px;padding:17px}.book-title{font-size:38px}.book-top{font-size:7px}.book-illustration{font-size:60px}.tools-section{padding:60px 17px}.tools-content h2{font-size:34px}.tools-content>p{font-size:12px}.tool-tabs{gap:4px}.tool-tabs button{font-size:9px;padding:8px 9px}.workflow-window{grid-template-columns:1fr;min-height:390px;border-width:3px}.workflow-window>aside{display:none}.workflow-canvas{padding:15px}.workflow-top{font-size:9px}.workflow-top>span{font-size:6px}.workflow-flow{margin-top:25px}.flow-branches{gap:15px}.flow-branches>div{min-width:76px;font-size:8px}.workflow-footer{font-size:7px;gap:10px}.workflow-footer>span{max-width:170px}.industries{padding-top:65px;padding-bottom:65px}.industries h2{font-size:29px}.industries>p{font-size:11px}.industries br{display:none}.word-search{gap:3px 4px;margin-top:30px}.letter{font-size:10px}.industry-options{gap:7px}.industry-options button{font-size:9px;padding:6px 10px}.industry-description{font-size:10px!important}footer{padding:50px 6% 0}.footer-inner{grid-template-columns:1fr;gap:15px}.footer-main h2{font-size:31px}.footer-links{gap:70px;margin-top:30px}.footer-links>div{font-size:11px}.footer-links button{font-size:11px}.footer-postcard{max-width:290px;margin:15px auto 30px;width:85%}.footer-legal{font-size:7px;gap:12px;margin:25px 0 0}.footer-wordmark{font-size:15vw;letter-spacing:-3px;margin-top:30px;margin-bottom:-6px}.footer-wordmark>span{font-size:40px;margin-left:10px}dialog{padding:32px 24px}dialog h2{font-size:29px}.dialog-mark{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.chart-line{stroke-dashoffset:0}.hero-art{will-change:auto}.fireflies{display:none}}

@media(max-width:360px){.hero{height:900px}.task-notifications{top:56%}.hero-actions .button{font-size:11px;padding:12px 11px}.book-title{font-size:33px}.book{min-height:250px}}

/* Project discovery preview */
.discovery-feed{padding:4px 18px}.discovery-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.project-open{display:flex;align-items:center;gap:11px;flex:1;min-width:0;background:none;text-align:left;padding:0}.project-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:9px;background:#e7ecd8;color:#739b43;font-size:22px}.project-icon.blue{background:#e3edf5;color:#7498b5}.project-icon.pink{background:#f0e3e7;color:#b0839a}.project-open b{display:block;font-size:12px;font-weight:600}.project-open small{display:block;font-size:9px;color:#7d8972}.project-open em{display:block;font-style:normal;font-size:7px;color:#99a48e;margin-top:3px}.project-open:hover b{color:#709747}.upvote{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#fbfcf7;border:1px solid #dce4d2;border-radius:6px;min-width:39px;min-height:42px;font-size:9px}.upvote>span{font-size:8px;color:#8c9b7d}.upvote b{font-weight:500}.upvote[aria-pressed=true]{background:#e4eed8;border-color:#9bb985;color:#4c7631}.analytics-visual .metrics{padding:18px 22px}.analytics-visual .chart{height:110px}.project-dialog-tag{display:inline-block;border:1px solid #d6e0cb;border-radius:20px;padding:4px 11px;margin-bottom:16px;color:#789363;font-size:10px}@media(max-width:700px){.discovery-feed{padding:3px 14px}.project-open small{font-size:8px}.project-open em{font-size:7px}.project-icon{width:30px;height:30px}}

/* Keep a wide, steady view of the original landscape throughout the page. */
body { background: #183d2a; isolation: isolate; }
.hero { border-radius: 0; background: transparent; }
.hero .pixel-edge { display: none; }
.hero-art { background: none; animation: none; will-change: auto; }
.sky-glow { mask-image: linear-gradient(to bottom, #000 calc(100% - 110px), transparent); }
.story-scene {
  --scene-ink: #f7f9ed;
  --scene-muted: #d5e5dc;
  --scene-line: rgba(233, 255, 236, .2);
  --scene-glass: rgba(12, 43, 36, .79);
  position: relative;
  isolation: isolate;
  overflow: clip;
  color: var(--scene-ink);
  padding: 55px 0 100px;
  background: transparent;
}
/* One pinned landscape. Its scale never increases as the page scrolls. */
.continuous-world { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.continuous-art { position: absolute; display: block; width: 100%; height: var(--landscape-height, 100vh); object-fit: cover; object-position: 50% 50%; top: 0; left: 0; }
.continuous-world::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #123c40c2, #102c2db3 55%, #102c2d99); opacity: var(--landscape-shade, 0); pointer-events: none; }
.world-atmosphere { position: absolute; inset: 0; overflow: hidden; }
.world-atmosphere::before { content: ''; position: absolute; inset: -20%; background: radial-gradient(ellipse at 78% 20%, #fff8b317, transparent 55%); animation: canopy-light 14s ease-in-out infinite alternate; }
.scene-particle { position: absolute; width: 3px; height: 3px; background: #f4ffc1; box-shadow: 0 0 10px #e4ff8b; animation: world-drift var(--duration, 10s) var(--delay, 0s) ease-in-out infinite; opacity: .6; }
.world-paused .world-atmosphere *, .world-paused .world-atmosphere::before { animation-play-state: paused!important; }
.scene-beginning { padding-top: 110px; padding-bottom: 120px; }
@keyframes canopy-light { from { opacity: .25; transform: translateX(-2%); } to { opacity: .8; transform: translateX(2%); } }
.story-scene .content-section { max-width: 1180px; padding-left: 35px; padding-right: 35px; }
.story-scene .glass-heading,
.story-scene .features-intro,
.story-scene .feature-copy,
.story-scene .platform-points,
.story-scene .section-tail,
.story-scene .intro-strip,
.story-scene .industries,
.story-scene .footer-main {
  background: linear-gradient(135deg, #ffffff0b, #ffffff00 55%), var(--scene-glass);
  border: 1px solid #eefff447;
  border-radius: 22px;
  box-shadow: inset 0 1px 0 #ffffff55, inset 0 -1px 0 #081e2544, 0 18px 60px #061e292a;
  backdrop-filter: blur(24px) saturate(130%);
  -webkit-backdrop-filter: blur(24px) saturate(130%);
}
.story-scene .glass-heading { width: fit-content; max-width: 100%; padding: 28px 38px; margin: 0 auto; text-align: center; }
.world-eyebrow { display: block; color: #dbe9c8; font-size: 12px; margin-bottom: 14px; }
.story-scene h2, .story-scene h3 { color: #fcfff5; }
.story-scene .platform h2 { font-size: 38px; }
.story-scene .platform h2 > span { color: #dcebcf; }
.story-scene .intro-strip { width: calc(100% - 70px); max-width: 1080px; padding: 22px; margin: 0 auto 80px; border-radius: 14px; }
.story-scene .capability-logos > span { color: #f0f7e5; border-color: #ffffff26; }
.story-scene .intro-strip > p { color: #d2e3d6; font-size: 12px; margin-top: 15px; }
.story-scene .platform { padding-top: 0; padding-bottom: 0; }
.story-scene .platform-points { padding: 25px 28px; gap: 28px; font-size: 12px; color: #e0e9dc; }
.story-scene .platform-points strong { color: #fffde9; }
.story-scene .section-tail { width: fit-content; padding: 15px 22px; border-radius: 12px; margin: 28px auto 0; }
.story-scene .section-tail p { color: #e3eddd; font-size: 12px; }
.story-scene .button.dark { background: linear-gradient(135deg,#eaf5d5,#d3e6b9); color: #203b29; border: 1px solid #ffffff85; box-shadow: inset 0 1px 1px white,0 4px 16px #0b202d20; }
.story-scene .workspace-preview, .story-scene .roadmap-visual, .story-scene .email-window,
.story-scene .analytics-visual, .story-scene .workflow-window {
  background: linear-gradient(135deg,#ffffff14,#ffffff00 48%), var(--scene-glass);
  border: 1px solid #f2fff555; border-radius: 16px;
  box-shadow: inset 0 1px 0 #ffffff65, 0 25px 65px #08212445;
  backdrop-filter: blur(22px) saturate(125%); -webkit-backdrop-filter: blur(22px) saturate(125%);
  color: #f1f8e9;
}
.story-scene .window-bar { color: #d1e5d6; border-color: var(--scene-line); background: #ffffff07; height: 48px; font-size: 11px; }
.story-scene .window-dots i { background: #b4d8ae; }
.story-scene .workspace-body { min-height: 460px; }
.story-scene .agent-world { background-image: radial-gradient(#d9fdd528 1px,transparent 1px); min-height: 460px; }
.story-scene .world-top { font-size: 12px; }
.story-scene .company-avatar { background: #f0ffdc21; border-color: #ebffce50; color: #f3ffcb; }
.story-scene .world-top small, .story-scene .zoom { color: #d3e3c9; }
.story-scene .connections path { stroke: #d4f4b86e; stroke-dasharray: 4 9; stroke-width: 1.3; }
.story-scene .agent-center { background: #194b3ee6; border: 1px solid #bbed9470; border-radius: 50%; width: 116px; height: 116px; justify-content: center; box-shadow: 0 0 0 14px #b5e49e08,0 0 0 28px #b5e49e06,0 0 50px #c4ff8730; font-size: 12px; }
.story-scene .agent-center > span { color: #e7fdbb; }
.story-scene .agent-center > small { color: #cce2bc; }
.story-scene .agent-node { padding: 11px 15px; background: #d9efdb14; color: #f3f9ea; border-color: #e2fbd73d; backdrop-filter: blur(10px); font-size: 11px; box-shadow: inset 0 1px 0 #ffffff24,0 4px 18px #061d2c20; }
.story-scene .agent-node > span { color: #dbf4b7; }
.story-scene .agent-node.active, .story-scene .agent-node:hover { background: #def4b72c; border-color: #e5ffbfa3; }
.story-scene .agent-sidebar { background: #0b2c2566; border-color: var(--scene-line); }
.story-scene .sidebar-tabs { border-color: var(--scene-line); }
.story-scene .sidebar-tabs span { color: #bacfc2; }
.story-scene .sidebar-tabs span:first-child { color: #eafdd6; }
.story-scene .agent-badge { color: #e9efac; }
.story-scene .small-muted { color: #d3e6c7!important; }
.story-scene .agent-detail > p { color: #d9e9dc; font-size: 12px; }
.story-scene .activity-item { border-color: var(--scene-line); color: #e3f1d6; font-size: 10px; }
.story-scene .activity-item.finished { color: #c8dabe; }
.story-scene .agent-prompt { color: #e0ebd7; border-color: var(--scene-line); background: #ffffff0b; font-size: 10px; }
.story-scene .agent-prompt span { background: #d6e8b7; color: #274532; }
.world-features { padding: 0; max-width: none; margin: 0; }
.story-scene .features-intro { max-width: 755px; margin: 0 auto 60px; padding: 35px 40px; text-align: center; }
.story-scene .features-intro h2 { font-size: 38px; }
.story-scene .features-intro .section-label { color: #e0edc9; font-size: 12px; }
.story-scene .features-intro > p:last-child { color: #dbead9; font-size: 14px; }
.story-scene .feature-row { max-width: 1180px; margin: 0 auto; padding: 30px 35px 50px; gap: 50px; grid-template-columns: 1fr 1.3fr; }
.story-scene .feature-row.reverse { grid-template-columns: 1.3fr 1fr; }
.story-scene .feature-copy { padding: 32px; }
.story-scene .feature-copy h3 { font-size: 35px; }
.story-scene .chapter-label { color: #d8eab6; font-size: 11px; }
.story-scene .feature-copy > p { color: #e0eade; font-size: 14px; line-height: 1.8; }
.story-scene .feature-options button { color: #f3f8ed; background: #ffffff0a; border-color: #ffffff2a; padding: 12px; font-size: 11px; border-radius: 8px; }
.story-scene .feature-options button > span { color: #e1efc6; }
.story-scene .feature-options button.selected { background: #e0f0c326; border-color: #effed26b; box-shadow: inset 0 1px 0 #ffffff29; }
.story-scene .feature-options button:hover { background: #ecffd22e; }
.story-scene .mini-top { border-color: var(--scene-line); font-size: 11px; }
.story-scene .mini-top .live-dot, .story-scene .activity-item .live-dot, .story-scene .workspace-status .live-dot { background: #d8ed9b; box-shadow: 0 0 9px #d8ed9b77; }
.story-scene .board-headings { font-size: 10px; }
.story-scene .board-headings small { color: #c6ddbd; }
.story-scene .roadmap-board { min-height: 245px; gap: 10px; }
.story-scene .board-card { background: #edf9dc0f; border-color: #e7f9d233; border-radius: 8px; box-shadow: inset 0 1px 0 #ffffff1c; }
.story-scene .board-card.done { opacity: .8; }
.story-scene .board-card b { color: #f7ffed; font-size: 10px; }
.story-scene .board-card small { color: #d5e4c9; font-size: 8px; }
.story-scene .card-icon { border: 1px solid #ffffff35; }
.story-scene .visual-caption { color: #e2edda; background: #ffffff08; border-color: var(--scene-line); font-size: 10px; }
.story-scene .tiny-avatar { color: #e2f2b9; }
.scene-funding { padding-top: 180px; }
.scene-funding .feature-row { align-items: end; padding-bottom: 90px; }
.story-scene .email-visual { position: relative; padding: 0; background: none; border: 0; box-shadow: none; }
.story-scene .email-meta { border-color: var(--scene-line); font-size: 10px; row-gap: 12px; }
.story-scene .email-meta > span { color: #d1dbbd; }
.story-scene .email-body { color: #e0e8d6; font-size: 11px; padding: 20px; }
.story-scene .email-bottom { border-color: var(--scene-line); font-size: 10px; gap: 10px; }
.story-scene .email-bottom > span { color: #d8e8c1; }
.story-scene .email-bottom button { background: #e6f4c521; border: 1px solid #e8f7c85c; color: #f6ffe6; padding: 7px 10px; border-radius: 6px; font-size: 9px; }
.story-scene .sample-label { color: #cddfc6; font-size: 9px; }
.story-scene .growth-badge { margin-right: -14px; margin-top: 16px; background: #314630c9; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-color: #e9f7c163; box-shadow: inset 0 1px 0 #ffffff38; }
.story-scene .growth-badge > span { color: #d2e4bb; font-size: 10px; }
.story-scene .growth-badge > div { color: #ffffe4; font-size: 14px; }
.story-scene .growth-badge > div > span { color: #ebf3b1; }
.token-orbit { position: relative; width: 200px; height: 150px; margin: -150px auto 25px; perspective: 600px; }
.world-coin { position: absolute; width: 90px; height: 90px; top: 26px; left: 55px; border-radius: 50%; display: grid; place-items: center; font-size: 56px; color: #ffefab; background: linear-gradient(140deg,#f8d8728a,#af7c2aaa 50%,#edd18077); border: 2px solid #ffeea58c; box-shadow: inset 0 0 0 6px #66491f33,inset 0 0 0 8px #ffe8a563,0 0 45px #e8c66945; backdrop-filter: blur(8px); animation: coin-turn 10s ease-in-out infinite; }
.orbit-ring { position: absolute; inset: 16px 0; border: 1px solid #fff2c773; border-radius: 50%; transform: rotate(-22deg) rotateX(50deg); animation: orbit-ring 14s linear infinite; }
.ring-b { inset: 0 25px; transform: rotate(40deg) rotateY(50deg); animation-direction: reverse; }
.orbit-spark { position: absolute; height: 7px; width: 7px; background: #fff1b7; box-shadow: 0 0 18px #ffeea4; border-radius: 50%; }
.spark-a { top: 22px; right: 29px; animation: spark-orbit 6s linear infinite; }
.spark-b { left: 25px; bottom: 20px; animation: spark-orbit 6s -3s linear infinite; }
.story-scene .discovery-item { border-color: var(--scene-line); }
.story-scene .project-open b { color: #f7fae9; font-size: 14px; }
.story-scene .project-open small { color: #d7e3cd; font-size: 10px; }
.story-scene .project-open em { color: #c4d3b8; font-size: 9px; }
.story-scene .project-open:hover b { color: #e3f4a8; }
.story-scene .upvote { background: #effcce0b; color: #f2fbe2; border-color: #e7f6d547; min-width: 44px; min-height: 45px; }
.story-scene .upvote > span { color: #d5e5b6; }
.story-scene .upvote[aria-pressed=true] { background: #e9ffab3d; border-color: #e4f8a3aa; color: #f5ffd9; }
.story-scene .metrics span { color: #d8e5c7; font-size: 10px; }
.story-scene .metrics strong { color: #f4fae3; font-size: 26px; }
.story-scene .metrics small { color: #d4e8ac; font-size: 8px; }
.story-scene .chart-title { color: #e5eecd; font-size: 10px; }
.story-scene .chart-title > span:last-child, .story-scene .chart-dates, .story-scene .chart-grid { color: #c4d8b5; }
.story-scene .chart { background: repeating-linear-gradient(to top,#ecffd91a 0,#ecffd91a 1px,transparent 1px,transparent 50px); }
.story-scene .chart-line { stroke: #def6a7; stroke-width: 2.5; }
.story-scene .chart-area { opacity: .65; }
.scene-guides { padding-top: 90px; padding-bottom: 130px; }
.story-scene .guides { padding-top: 0; padding-bottom: 0; }
.story-scene .glass-heading > p { color: #dfebdc; font-size: 14px; margin: 20px 0; }
.story-scene .glass-heading .button { font-size: 12px; }
.story-scene .books { gap: 28px; margin-top: 65px; }
.story-scene .book { color: #edfae5; min-height: 330px; border: 1px solid #eaffc366; background: linear-gradient(140deg,#a1c37d55,#173c35cc); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); box-shadow: inset 5px 0 8px #ffffff15,inset 6px 0 1px #ffffff47,5px 5px 0 #718977,6px 6px 0 #1a3637,10px 16px 35px #040e2550; }
.story-scene .book-title { font-size: 40px; }
.story-scene .book-top { font-size: 9px; }
.story-scene .book-bottom { font-size: 9px; }
.story-scene .book-illustration { color: #e2f5b5; text-shadow: 0 0 25px #dbff7970; }
.story-scene .book-blue { background: linear-gradient(140deg,#a4dfff40,#173948dc); border-color: #c5f1ff66; }
.story-scene .book-blue .book-illustration { color: #bbeaff; }
.story-scene .book-yellow { background: linear-gradient(140deg,#e9ce814f,#493d31d6); border-color: #fff0b566; }
.story-scene .book-yellow .book-illustration { color: #ffe7a6; }
.story-scene .book-pink { background: linear-gradient(140deg,#e6b2d24f,#3a2b46d6); border-color: #ffe4f266; }
.story-scene .book-pink .book-illustration { color: #f3c9e9; }
.story-scene .guide-footnote { background: #0c2939c9; border: 1px solid #ffffff23; border-radius: 100px; padding: 8px 16px; color: #e0e6db; font-size: 11px; }
.story-scene .tools-section { background: none; padding: 0 35px 0; overflow: visible; }
.story-scene .tools-sky { display: none; }
.story-scene .tools-content { max-width: 1050px; }
.story-scene .tools-content h2 { font-size: 42px; }
.story-scene .tool-tabs { width: fit-content; margin: 30px auto; padding: 7px; background: #102b42da; border: 1px solid #cbeafa48; border-radius: 12px; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.story-scene .tool-tabs button { color: #e1eef4; }
.story-scene .tool-tabs button[aria-selected=true] { background: #ffffff20; }
.story-scene .workflow-window { border-width: 1px; background: #102d42c7; overflow: hidden; }
.story-scene .workflow-window > aside { background: #061d3355; border-color: #d9efff20; }
.story-scene .tiny-wordmark { color: #eef5d7; }
.story-scene .workflow-window > aside > p, .story-scene .workflow-window > aside > span { color: #c8dbe4; }
.story-scene .workflow-window > aside > span.selected { background: #c6e4f322; color: #f6fbdc; }
.story-scene .workspace-person small { color: #b9d4dd; }
.story-scene .workflow-canvas { background-image: radial-gradient(#d6edff38 .7px,transparent .7px); }
.story-scene .workflow-top > span { color: #c5dce5; }
.story-scene .workflow-top b { font-size: 12px; }
.story-scene .workflow-flow { margin-top: 35px; }
.story-scene .flow-step, .story-scene .flow-branches > div { background: #e9f7ff12; border-color: #cae5f54d; box-shadow: inset 0 1px 0 #ffffff33,0 5px 10px #061e3020; }
.story-scene .flow-step { width: 220px; }
.story-scene .flow-step > b { font-size: 11px; }
.story-scene .flow-step > small { color: #c9dce8; font-size: 8px; }
.story-scene .flow-step > span, .story-scene .flow-branches span { color: #e4ecb7; }
.story-scene .flow-branches > div { min-width: 95px; color: #e9f4f2; font-size: 10px; }
.story-scene .flow-connector, .story-scene .flow-branches:before, .story-scene .flow-branches > div:before { border-color: #d9eef85e; }
.story-scene .flow-connector:after { background: #e6f9bc; box-shadow: 0 0 10px #ebff9c; }
.story-scene .workflow-footer { color: #d5e5e8; border-color: #c6e3f529; font-size: 10px; }
.story-scene .workflow-footer button { color: #e8f5f7; border-color: #d7ecf747; background: #ffffff0e; }
.scene-possibility { padding-bottom: 100px; }
.story-scene .industries { width: calc(100% - 70px); max-width: 920px; padding: 40px 50px; }
.story-scene .industries > p { color: #dbe7e8; font-size: 13px; }
.story-scene .letter { color: #c1dfef7d; text-shadow: 0 0 10px #bedef41c; }
.story-scene .letter.highlight { color: #f1ffc5; background: #c8eba626; box-shadow: 0 0 20px #dfff961c; }
.story-scene .industry-options button { color: #d5e8e9; border-color: #d2edf34a; background: #deedff0a; }
.story-scene .industry-options button.active { color: #f5ffd9; border-color: #dcebab8a; background: #d6ebb225; }
.story-scene .industry-description { color: #e2f0dd!important; }
.scene-finale { padding: 40px 0 0; }
.story-scene footer { background: none; border: 0; padding-top: 20px; }
.story-scene .footer-main { padding: 32px; }
.story-scene .footer-links > div { color: #e0e9e1; font-size: 12px; }
.story-scene .footer-links > div > span { color: #b5c9d2; font-size: 10px; }
.story-scene .footer-links button { color: #e0e9e1; font-size: 12px; }
.story-scene .footer-links a:hover, .story-scene .footer-links button:hover { color: #f3facb; }
.story-scene .footer-legal, .story-scene .footer-legal button { color: #c1d6dc; font-size: 9px; }
.story-scene .footer-postcard { background: #dfedff16; border-color: #d9efff55; color: #f2f5e5; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: 0 20px 40px #00182944; }
.story-scene .footer-postcard p { color: #dbe7e3; }
.story-scene .footer-postcard .postcard-photo { background-image: url('public/images/weir-world.png'); }
.story-scene .footer-wordmark { color: #deecedaa; text-shadow: 0 5px 35px #06162555; }
.story-scene .footer-wordmark > span { color: #e3efbd; }
.world-motion-toggle { display: flex; align-items: center; gap: 8px; position: fixed; bottom: 20px; right: 20px; z-index: 30; padding: 9px 14px; font-size: 10px; color: #e8f3ed; background: #153d38de; border: 1px solid #d1f6e658; border-radius: 100px; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: inset 0 1px 0 #ffffff25,0 6px 20px #061c2933; opacity: 0; visibility: hidden; transition: opacity .3s; }
.in-story .world-motion-toggle { opacity: 1; visibility: visible; }
.motion-symbol { font-size: 12px; }
.story-scene *, .story-scene ::before, .story-scene ::after { animation-play-state: paused; }
.story-scene.is-near *, .story-scene.is-near ::before, .story-scene.is-near ::after { animation-play-state: running; }
.world-paused .story-scene *, .world-paused .story-scene ::before, .world-paused .story-scene ::after { animation-play-state: paused!important; }
.story-scene.is-near .book { animation: book-bob 7s ease-in-out infinite; }
.story-scene.is-near .book:nth-child(2) { animation-delay: -1.8s; }
.story-scene.is-near .book:nth-child(3) { animation-delay: -3.6s; }
.story-scene.is-near .book:nth-child(4) { animation-delay: -5.4s; }
.story-scene .book:hover, .story-scene .book:focus-visible { animation-play-state: paused; }
@keyframes river-shimmer { from { transform: translateX(-20px) scaleY(.94); opacity: .35; } to { transform: translateX(25px) scaleY(1.05); opacity: .8; } }
@keyframes world-drift { 0%,100% { transform: translate3d(0,0,0); opacity: .1; } 45% { opacity: .95; } 75% { transform: translate3d(40px,-75px,0); opacity: .2; } }
@keyframes coin-turn { 0%,100% { transform: translateY(0) rotateY(-20deg) rotate(-8deg); } 50% { transform: translateY(-12px) rotateY(25deg) rotate(8deg); } }
@keyframes orbit-ring { to { rotate: 360deg; } }
@keyframes spark-orbit { 0%,100% { translate: 0 0; opacity: .4; } 50% { translate: 10px -15px; opacity: 1; } }
@keyframes book-bob { 0%,100% { translate: 0 0; } 50% { translate: 0 -10px; } }
@media(max-width:1000px) {
  .story-scene .feature-row, .story-scene .feature-row.reverse { gap: 28px; }
  .story-scene .feature-copy { padding: 25px; }
  .story-scene .feature-copy h3 { font-size: 30px; }
  .story-scene .feature-copy > p { font-size: 13px; }
  .story-scene .board-card b { font-size: 9px; }
  .story-scene .agent-node { padding: 9px; font-size: 10px; }
  .story-scene .agent-center { width: 100px; height: 100px; }
  .story-scene .book { padding: 18px; min-height: 290px; }
  .story-scene .book-title { font-size: 32px; }
  .story-scene .book-top { font-size: 7px; }
  .story-scene .book-bottom { font-size: 8px; }
  .story-scene .footer-main { padding: 25px; }
}
@media(max-width:700px) {
  .story-scene { padding: 30px 0 65px; }
  .story-scene .content-section { padding-left: 20px; padding-right: 20px; }
  .story-scene .intro-strip { width: calc(100% - 40px); margin-bottom: 50px; padding: 18px 10px; }
  .story-scene .intro-strip > p { font-size: 10px; padding: 0 10px; }
  .story-scene .capability-logos > span { font-size: 11px; padding: 5px 8px; }
  .story-scene .capability-logos > span:last-child { font-size: 20px; }
  .story-scene .glass-heading { padding: 24px 20px; border-radius: 16px; }
  .world-eyebrow { font-size: 10px; margin-bottom: 12px; }
  .story-scene .platform h2 { font-size: 27px; }
  .story-scene .workspace-body { min-height: auto; }
  .story-scene .window-bar { font-size: 8px; gap: 10px; }
  .story-scene .workspace-status { font-size: 7px; }
  .story-scene .agent-world { min-height: 355px; }
  .story-scene .world-top { font-size: 10px; }
  .story-scene .agent-node { padding: 8px 7px; font-size: 8px; }
  .story-scene .agent-node > span { font-size: 11px; }
  .story-scene .agent-center { width: 90px; height: 90px; font-size: 9px; }
  .story-scene .agent-center > span { font-size: 27px; }
  .story-scene .agent-center > small { font-size: 7px; }
  .story-scene .agent-detail > p { font-size: 12px; }
  .story-scene .platform-points { padding: 20px; gap: 20px; font-size: 12px; }
  .story-scene .section-tail { padding: 17px; width: 100%; }
  .story-scene .section-tail p { font-size: 11px; }
  .story-scene .features-intro { margin: 0 20px 35px; padding: 25px 20px; border-radius: 16px; }
  .story-scene .features-intro h2 { font-size: 30px; }
  .story-scene .features-intro > p:last-child { font-size: 12px; }
  .story-scene .features-intro .section-label { font-size: 10px; }
  .story-scene .feature-row, .story-scene .feature-row.reverse { grid-template-columns: 1fr; padding: 0 20px 20px; gap: 30px; }
  .story-scene .feature-copy { padding: 25px 22px; border-radius: 16px; }
  .story-scene .feature-copy h3 { font-size: 32px; }
  .story-scene .feature-copy > p { font-size: 13px; }
  .story-scene .feature-options button { font-size: 11px; }
  .story-scene .mini-top { font-size: 9px; gap: 6px; }
  .story-scene .sample-label { font-size: 7px; }
  .story-scene .board-headings { font-size: 9px; }
  .story-scene .board-card { padding: 8px; }
  .story-scene .board-card b { font-size: 8px; }
  .story-scene .board-card small { font-size: 7px; }
  .story-scene .visual-caption { font-size: 8px; }
  .scene-funding .feature-copy { grid-row: 2; }
  .scene-funding .email-visual { grid-row: 1; margin-top: 45px; }
  .token-orbit { height: 120px; margin-top: -140px; margin-bottom: 20px; }
  .story-scene .email-meta { font-size: 9px; }
  .story-scene .email-body { font-size: 11px; }
  .story-scene .email-bottom { font-size: 8px; }
  .story-scene .growth-badge { margin-right: 0; margin-left: 35px; }
  .story-scene .growth-badge > div { font-size: 12px; }
  .story-scene .project-open b { font-size: 12px; }
  .story-scene .project-open small { font-size: 9px; }
  .story-scene .project-open em { font-size: 8px; }
  .story-scene .metrics span { font-size: 8px; }
  .story-scene .metrics small { font-size: 7px; }
  .story-scene .metrics strong { font-size: 24px; }
  .story-scene .chart-title { font-size: 8px; }
  .story-scene .glass-heading > p { font-size: 12px; }
  .story-scene .books { gap: 30px 22px; margin-top: 45px; }
  .story-scene .book { min-height: 270px; padding: 16px; }
  .story-scene .book-title { font-size: 31px; }
  .story-scene .book-top { font-size: 6px; }
  .story-scene .book-bottom { font-size: 7px; }
  .story-scene .book-illustration { font-size: 53px; }
  .story-scene .tools-section { padding: 0 20px; }
  .story-scene .tools-content h2 { font-size: 32px; }
  .story-scene .tool-tabs { padding: 4px; gap: 0; width: 100%; }
  .story-scene .tool-tabs button { font-size: 9px; padding: 8px; flex: 1; }
  .story-scene .workflow-top b { font-size: 10px; }
  .story-scene .workflow-top > span { font-size: 6px; }
  .story-scene .flow-step { width: 195px; }
  .story-scene .flow-step > b { font-size: 10px; }
  .story-scene .flow-step > small { font-size: 7px; }
  .story-scene .flow-branches { gap: 10px; }
  .story-scene .flow-branches > div { min-width: 70px; font-size: 9px; }
  .story-scene .workflow-footer { font-size: 8px; }
  .story-scene .industries { width: calc(100% - 40px); padding: 27px 20px; border-radius: 16px; }
  .story-scene .industries h2 { font-size: 28px; }
  .story-scene .industries > p { font-size: 12px; }
  .story-scene .word-search { gap: 4px 3px; }
  .story-scene .letter { font-size: 9px; }
  .story-scene .footer-main { padding: 25px 22px; border-radius: 16px; }
  .story-scene .footer-main h2 { font-size: 29px; }
  .story-scene .footer-links { gap: 42px; }
  .story-scene .footer-links > div, .story-scene .footer-links button { font-size: 11px; }
  .story-scene .footer-legal { flex-wrap: wrap; gap: 7px 14px; font-size: 8px; }
  .story-scene .footer-legal button { font-size: 8px; }
  .story-scene .footer-wordmark { margin-top: 20px; }
  .world-motion-toggle { right: 12px; bottom: 12px; font-size: 9px; padding: 8px 11px; }
}
@media(prefers-reduced-motion:reduce) {
  .scene-particle { display: none; }
  .world-motion-toggle { display: none; }
}
/* Keep nested glass readable while its surrounding scene moves. */
.story-scene .in-view .feature-visual { animation: none; }
.story-scene .email-window { background-color: rgba(12,43,36,.9); }
.story-scene .email-body { font-size: 12px; }
.skip-link:not(:focus) { clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; padding: 0; }

@media(max-width:700px) {
  .scene-beginning { padding-top: 75px; }
  .scene-funding { padding-top: 140px; }
}
@media(prefers-reduced-motion:reduce) {
  .world-atmosphere { display: none; }
}

@media(max-width:1150px) { .continuous-art { object-position: 58% 50%; } }
@media(max-width:700px) { .continuous-art { object-position: 56% 50%; } }

/* Meadow glass: clear edges, pale transmitted light, and dark readable ink. */
.icon-library { position: absolute; width: 0; height: 0; overflow: hidden; }
.ui-icon { width: 1.15em; height: 1.15em; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; display: inline-block; vertical-align: -.16em; flex-shrink: 0; }
.continuous-world { background: #264f31; }
.continuous-world::after { display: none; }
.continuous-art, .world-original { position: absolute; display: block; width: var(--world-width, max(100vw,1200px)); max-width: none; height: auto; left: var(--world-left,0px); top: 0; transform: translate3d(0,var(--world-y,0px),0); }
.world-original { mask-image: linear-gradient(#000 80%,transparent); }
.landscape-wind { position: absolute; inset: 0; display: block; width: 100%; height: 100%; opacity: 0; }
.wind-ready .landscape-wind { opacity: 1; }
.wind-ready .continuous-art, .wind-ready .world-original { visibility: hidden; }
.world-atmosphere { z-index: 1; }
.world-atmosphere::before { display: none; }
.story-scene { --scene-ink: #183a32; --scene-muted: #35564a; --scene-line: #284d3826; --scene-glass: #effbf26b; color: var(--scene-ink); }
.story-scene :is(h2,h3,p,b,strong,small,span,a,button,em,aside,div) { color: inherit; }
.story-scene :is(.glass-heading,.features-intro,.feature-copy,.platform-points,.section-tail,.intro-strip,.industries,.footer-main,.workspace-preview,.roadmap-visual,.email-window,.analytics-visual,.workflow-window,.footer-postcard) {
  color: var(--scene-ink);
  background: linear-gradient(128deg,#ffffff7a 0%,#ffffff1a 38%,#e6f4f01a 65%,#ffffff3d 100%),var(--scene-glass);
  border: 1px solid #ffffffb8;
  border-radius: 24px;
  box-shadow: inset 0 1.5px 0 #ffffffed,inset 1px 0 0 #ffffff85,inset 0 -1px 0 #ffffff6b,0 3px 4px #1537270a,0 18px 45px #15372722;
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
}
.story-scene :is(.glass-heading,.features-intro) { background-color: #edf9f280; padding: 30px 40px; }
.story-scene .feature-copy { background-color: #f1faf28f; }
.story-scene .world-eyebrow, .story-scene .chapter-label, .story-scene .section-label { color: #315b4b; }
.story-scene :is(.platform h2 > span,.feature-copy > p,.features-intro > p:last-child,.glass-heading > p,.intro-strip > p,.platform-points,.section-tail p,.industries > p,.footer-postcard p) { color: #2f5043; }
.story-scene :is(.glass-heading h2,.features-intro h2,.feature-copy h3,.industries h2,.footer-main h2) { color: #163b30; font-weight: 500; }
.story-scene .small-muted, .story-scene .industry-description { color: #3c5b4d!important; }
.story-scene .window-bar, .story-scene .mini-top { background: #ffffff26; border-color: #23482e24; color: #385447; }
.story-scene .window-dots i { background: #789b87; }
.story-scene .agent-world { background-image: radial-gradient(#35563f38 1px,transparent 1px); }
.story-scene .agent-sidebar { background: #f7fff33b; border-color: #284a3329; }
.story-scene :is(.sidebar-tabs,.activity-item,.agent-prompt,.email-meta,.email-bottom,.discovery-item,.workflow-footer) { border-color: #23462e26; }
.story-scene .agent-center { color: #224d3a; background: linear-gradient(140deg,#fffffff0,#e1efc77a); border: 1px solid #ffffffed; box-shadow: inset 0 1px 2px #ffffff,0 0 0 12px #f5ffe31f,0 0 0 25px #ffffff12,0 12px 28px #23402f24; }
.story-scene .agent-center > span { color: #32634c; }
.story-scene .agent-center .ui-icon { width: 30px; height: 30px; }
.story-scene .agent-node { background: #f4fff65c; color: #234939; border: 1px solid #ffffffb3; box-shadow: inset 0 1px 0 #ffffffcf,0 5px 10px #14351d0f; backdrop-filter: blur(8px); }
.story-scene .agent-node.active, .story-scene .agent-node:hover { background: #ffffffb3; border-color: #fff; box-shadow: inset 0 1px 0 #fff,0 4px 15px #234b3224; }
.story-scene .agent-node .ui-icon { width: 17px; height: 17px; }
.story-scene .agent-node > span, .story-scene .agent-badge { color: #35624e; }
.story-scene .agent-center > small, .story-scene .agent-detail > p, .story-scene .activity-item, .story-scene .activity-item.finished { color: #355548; }
.story-scene .connections path { stroke: #3a705762; }
.story-scene .agent-prompt { background: #ffffff4d; color: #355548; }
.story-scene .agent-prompt > span { background: #356b50; color: #fff; }
.story-scene .company-avatar { color: #2c593e; background: #f9ffe88c; border-color: #ffffffab; }
.story-scene .sidebar-tabs span { color: #496556; }
.story-scene .sidebar-tabs span:first-child { color: #1f4634; }
.story-scene .button.dark { color: #fafff5; background: linear-gradient(150deg,#4a7b626b,#244e40d9),#396a50; border: 1px solid #a4c7b8b3; border-radius: 100px; box-shadow: inset 0 1px 0 #edfff6a1,inset 0 -1px 0 #193d3059,0 5px 15px #1b423333; }
.story-scene .feature-options button { background: #ffffff29; color: #30513f; border-color: #ffffffab; border-radius: 11px; box-shadow: inset 0 1px 0 #ffffff8c; }
.story-scene .feature-options button.selected { background: #ffffff9e; color: #153e2c; border-color: #fff; box-shadow: inset 0 1px 0 #ffffff,0 4px 12px #193e2214; }
.story-scene .feature-options button > span { color: #496f57; }
.story-scene .board-headings, .story-scene .board-card small { color: #4b6654; }
.story-scene .board-card { background: #fbfff975; border-color: #ffffffbd; box-shadow: inset 0 1px 0 #fff,0 4px 10px #203f220a; }
.story-scene .board-card b { color: #294732; }
.story-scene .card-icon { background: #d4e9c4a3; color: #48733d; }
.story-scene .card-icon.blue { background: #c8e5ec9c; color: #367a8a; }
.story-scene .card-icon.lavender { background: #dcd4ec9c; color: #71668a; }
.story-scene .card-icon.amber { background: #f0e1b59c; color: #8a7134; }
.story-scene .card-icon.pink { background: #f0d4d59c; color: #8a6369; }
.story-scene .visual-caption { background: #ffffff35; border-color: #37513c24; color: #36513d; }
.story-scene .tiny-avatar { color: #3f6c4b; }
.story-scene .email-window { background-color: #f5fff199; }
.story-scene .email-body, .story-scene .email-meta > span, .story-scene .email-bottom > span { color: #35543f; }
.story-scene .email-bottom button { color: #285038; background: #ffffff61; border-color: #ffffffc7; }
.story-scene .growth-badge { color: #29492e; background: #edf7d894; border: 1px solid #ffffffc2; border-radius: 14px; box-shadow: inset 0 1px 0 #ffffffc9,0 8px 22px #263a1c17; backdrop-filter: blur(16px); }
.story-scene .growth-badge > span { color: #446041; }
.story-scene .growth-badge > div, .story-scene .growth-badge > div > span { color: #305335; }
.world-coin .ui-icon { width: 54px; height: 54px; }
.story-scene .project-open b { color: #214936; }
.story-scene .project-open small, .story-scene .project-open em { color: #4b6353; }
.story-scene .upvote { color: #335b3a; background: #f8fff661; border-color: #ffffffba; }
.story-scene .upvote > span { color: #527346; }
.story-scene .upvote[aria-pressed=true] { color: #214822; background: #d4efbab5; border-color: #779968; }
.story-scene .project-icon { color: #456941; background: #d4e9ba91; }
.story-scene .project-icon.blue { color: #396978; background: #badde891; }
.story-scene .project-icon.pink { color: #845563; background: #eccfd291; }
.story-scene .metrics span, .story-scene .metrics small, .story-scene .chart-title, .story-scene .chart-title > span:last-child, .story-scene .chart-dates, .story-scene .chart-grid { color: #486048; }
.story-scene .metrics strong { color: #234829; }
.story-scene .chart { background: repeating-linear-gradient(to top,#395d3321 0,#395d3321 1px,transparent 1px,transparent 50px); }
.story-scene .chart-line { stroke: #4b8649; }
.story-scene .book { color: #2e5237; background: linear-gradient(130deg,#ffffffab,#edf8e399 55%,#c7e1b27d); border-color: #ffffffc4; box-shadow: inset 5px 0 9px #254b2421,inset 6px 0 0 #ffffff99,5px 5px 0 #e2e7d4,6px 6px 0 #6a816766,9px 18px 28px #15332229; }
.story-scene .book-blue { color: #31535c; background: linear-gradient(130deg,#ffffffab,#deeff099 55%,#add4df7d); }
.story-scene .book-yellow { color: #655334; background: linear-gradient(130deg,#ffffffab,#f7efd599 55%,#e6d5a17d); }
.story-scene .book-pink { color: #765964; background: linear-gradient(130deg,#ffffffab,#f3e6ed99 55%,#dfbfd47d); }
.story-scene .book-illustration { color: inherit; text-shadow: none; width: 100%; margin: 20px 0 10px; }
.book-art { display: block; width: 100%; max-width: 165px; height: 118px; margin: auto; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.story-scene .guide-footnote { color: #284b38; background: #effbea9c; border-color: #ffffffa3; backdrop-filter: blur(12px); }
.story-scene .tool-tabs { background: #edf7ee75; border-color: #ffffffa3; box-shadow: inset 0 1px 0 #ffffffb3; border-radius: 100px; }
.story-scene .tool-tabs button { color: #355a46; border-radius: 100px; }
.story-scene .tool-tabs button[aria-selected=true] { color: #163e2a; background: #ffffffb0; border-color: #ffffffd6; box-shadow: 0 3px 7px #1f3b2112; }
.story-scene .workflow-window > aside { color: #345940; background: #eff9f042; border-color: #3b5d3524; }
.story-scene .tiny-wordmark, .story-scene .workflow-window > aside > p, .story-scene .workflow-window > aside > span, .story-scene .workspace-person small { color: #335b3b; }
.story-scene .workflow-window > aside > span.selected { background: #ffffff5e; color: #204d2b; }
.story-scene .workflow-canvas { background-image: radial-gradient(#3e65332e .7px,transparent .7px); }
.story-scene .workflow-top > span, .story-scene .workflow-footer, .story-scene .flow-step > small { color: #486b45; }
.story-scene .flow-step, .story-scene .flow-branches > div { color: #2b532f; background: #fbfff878; border-color: #ffffffd6; box-shadow: inset 0 1px 0 #fff,0 6px 14px #1536190f; border-radius: 12px; }
.story-scene .flow-step > span, .story-scene .flow-branches span { color: #416939; }
.story-scene .flow-connector, .story-scene .flow-branches:before, .story-scene .flow-branches > div:before { border-color: #4b743675; }
.story-scene .flow-connector:after { background: #4c8534; box-shadow: 0 0 9px #6a972659; }
.story-scene .workflow-footer button { color: #376034; background: #ffffff47; border-color: #ffffff9c; }
.story-scene .letter { color: #4d70486b; text-shadow: none; }
.story-scene .letter.highlight { color: #254b25; background: #d3e7bba3; box-shadow: none; }
.story-scene .industry-options button { color: #42643b; border-color: #ffffff9c; background: #ffffff33; }
.story-scene .industry-options button.active { color: #264b23; border-color: #638a535e; background: #ecf9db91; }
.story-scene .footer-links > div, .story-scene .footer-links button, .story-scene .footer-links a { color: #305336; }
.story-scene .footer-links > div > span, .story-scene .footer-legal, .story-scene .footer-legal button { color: #4a654b; }
.story-scene .footer-wordmark { color: #eaffdeb3; text-shadow: 0 4px 30px #14351c80; }
.story-scene .footer-wordmark > span { color: #e6faca; }
.story-scene .footer-wordmark .ui-icon { width: .8em; }
.world-motion-toggle { color: #244f38; background: #f4ffea9c; border-color: #ffffffa8; box-shadow: inset 0 1px 0 #fff,0 5px 14px #22432926; }
.glass, .button.light { border-radius: 100px; border-color: #ffffff78; box-shadow: inset 0 1px 0 #ffffffa1,inset 0 -1px 0 #ffffff26,0 4px 14px #163e3d17; }
.task-toast.glass { border-radius: 12px; background: #244e4459; backdrop-filter: blur(15px) saturate(150%); }
@media(max-width:700px) {
  .story-scene :is(.glass-heading,.features-intro) { padding: 25px 23px; }
  .story-scene .agent-node .ui-icon { width: 13px; height: 13px; }
  .story-scene .book-illustration { margin-top: 10px; }
  .book-art { height: 95px; }
  .story-scene .tool-tabs { border-radius: 16px; }
  .story-scene .tool-tabs button { border-radius: 12px; }
  .world-motion-toggle { bottom: 10px; right: 10px; }
}

/* Text and illustrations retain contrast as the meadow moves behind the glass. */
.story-scene .capability-logos > span, .story-scene .world-top,
.story-scene .world-top small, .story-scene .world-top .zoom,
.story-scene .platform-points strong, .story-scene .features-intro .section-label,
.story-scene .board-headings small, .story-scene .sample-label { color: #36533f; }
.story-scene .agent-detail h3, .story-scene .email-meta b,
.story-scene .workflow-top b, .story-scene .footer-postcard { color: #1e4434; }
.story-scene .book-blue .book-illustration { color: #31535c; }
.story-scene .book-yellow .book-illustration { color: #655334; }
.story-scene .book-pink .book-illustration { color: #765964; }
.story-scene .footer-links a:hover, .story-scene .footer-links button:hover,
.story-scene .project-open:hover b { color: #173d2b; text-decoration: underline; text-underline-offset: 3px; }