:root { --paper:#f5f3ed; --ink:#15221f; --pine:#173e38; --blue:#4a75ff; --coral:#e7785e; --mist:#e4ebe5; --line:#c6d0c7; --mono:"DM Mono", monospace; --sans:"Manrope", sans-serif; --serif:"Newsreader", serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); } a { color:inherit; text-decoration:none; }
.site-header { height:82px; padding:0 clamp(24px,5vw,78px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:rgba(245,243,237,.88); position:sticky; top:0; z-index:10; backdrop-filter:blur(14px); }
.brand { font-size:20px; font-weight:800; letter-spacing:-1.1px; display:flex; gap:8px; align-items:center; }.brand-mark{width:19px;height:19px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.brand-mark i{display:block;background:var(--pine);border-radius:50%}.brand-mark i:nth-child(2){background:var(--blue)}.brand-mark i:nth-child(3){background:var(--coral)}
nav { display:flex; gap:31px; font-size:13px; font-weight:600; } nav a:hover { color:var(--blue); }.header-cta{font-size:13px;font-weight:700;padding:11px 14px;background:var(--ink);color:#fff;border-radius:4px}.header-cta span{margin-left:8px;color:#a7c0ff}
.hero { min-height:calc(100vh - 82px); padding:clamp(70px,10vw,145px) clamp(24px,7.4vw,116px) 80px; display:grid; grid-template-columns:minmax(360px,.88fr) minmax(480px,1.12fr); align-items:center; gap:55px; overflow:hidden; }.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.02em;margin:0 0 24px;display:flex;gap:9px;align-items:center;color:#47605a}.kicker span{height:7px;width:7px;border-radius:50%;background:var(--coral)}
h1 { margin:0; max-width:650px; font-size:clamp(56px,7vw,104px); line-height:.9; letter-spacing:-.075em; font-weight:800; } h1 em { font-family:var(--serif); font-weight:500; letter-spacing:-.085em; color:var(--pine); }.hero-description{max-width:475px;font-size:17px;line-height:1.65;margin:30px 0;color:#41534d}.hero-actions{display:flex;align-items:center;gap:28px}.primary-button{display:inline-flex;gap:25px;align-items:center;background:var(--pine);color:#fff;padding:16px 18px 16px 20px;font-size:13px;font-weight:700;border-radius:4px}.primary-button span{font-size:19px;color:#a7c0ff}.text-button{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}.proof{margin-top:50px;display:flex;align-items:center;gap:10px;color:#5b6a65;font-size:12px}.avatars{display:flex}.avatars b{height:25px;width:25px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--paper);margin-left:-5px;font-size:8px;background:#dcaf79;color:#fff}.avatars b:nth-child(2){background:var(--blue)}.avatars b:nth-child(3){background:var(--pine)}
.mesh-stage { min-height:550px; position:relative; border:1px solid var(--line); background:#e8eee8; overflow:hidden; box-shadow:15px 15px 0 #d4dcd4; }.mesh-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#b4c2b7 1px,transparent 1px);background-size:18px 18px;opacity:.45}.connections{position:absolute;inset:0;width:100%;height:100%;z-index:1}.connections path{stroke:#698c83;stroke-width:1.5;stroke-dasharray:4 6}.node,.activity-card,.stage-label{position:absolute;z-index:2}.node{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #cbd5ce;border-radius:5px;padding:11px 12px;box-shadow:0 6px 0 rgba(23,62,56,.08);min-width:190px}.node strong{display:block;font-size:11px}.node small{font-size:9px;color:#65736e;display:block;margin-top:3px}.node button{margin-left:auto;border:0;background:transparent;color:#778782;letter-spacing:1px}.node-dot{width:12px;height:12px;border-radius:50%;background:#d59d71;box-shadow:0 0 0 3px #f9e9dc}.node-dot.blue{background:var(--blue);box-shadow:0 0 0 3px #dce4ff}.node-dot.coral{background:var(--coral);box-shadow:0 0 0 3px #fae1da}.agent-glyph{display:grid;place-items:center;width:24px;height:24px;background:var(--pine);border-radius:4px;color:#c7e7df;font-size:14px}.working{font:8px var(--mono);color:var(--pine);background:#d9eee8;padding:4px 5px;border-radius:3px;margin-left:auto}.lead-node{left:4%;top:18%}.research-node{left:37%;top:31%}.dev-node{right:5%;top:12%}.build-node{left:45%;bottom:21%}.design-node{left:14%;bottom:17%}.activity-card{right:4%;bottom:8%;width:270px;display:flex;align-items:center;gap:10px;padding:13px;background:var(--ink);color:#fff;box-shadow:8px 8px 0 var(--blue)}.activity-icon{font-size:20px;color:#b7cbff}.activity-card small{display:block;font:9px var(--mono);color:#b4c6c2;margin-bottom:4px}.activity-card strong{font-size:10px}.activity-card time{margin-left:auto;font:9px var(--mono);color:#a7c0ff}.stage-label{font:10px var(--mono);color:#526760}.top-label{top:22px;left:25px}.bottom-label{left:25px;bottom:20px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--coral);margin-left:4px}
.marquee{overflow:hidden;padding:17px 0;background:var(--pine);color:#e8f1ea;font:12px var(--mono);white-space:nowrap}.marquee div{width:max-content;animation:scroll 28s linear infinite}.marquee span{color:#8cb2ff;margin:0 23px}@keyframes scroll{to{transform:translateX(-50%)}}
.problem{padding:145px clamp(24px,7.4vw,116px);display:grid;grid-template-columns:18% 1fr;border-bottom:1px solid var(--line)}.section-note{font:11px var(--mono);color:#59716a;padding-top:13px}.problem-main{display:grid;grid-template-columns:1.3fr .7fr;gap:50px}.problem h2,.workflow h2,.waitlist h2{font-size:clamp(35px,4.5vw,66px);line-height:.96;letter-spacing:-.062em;margin:0}.problem p{font-size:16px;line-height:1.7;color:#4f605a;margin:10px 0 0}
.workflow{padding:130px clamp(24px,7.4vw,116px) 145px}.workflow-head{max-width:740px}.workflow h2{max-width:700px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:65px}.workflow-grid article{border-top:2px solid var(--ink);padding:19px 0}.step{font:11px var(--mono);color:#77918a}.icon-grid{margin:45px 0 25px;font-size:40px;color:var(--blue);height:40px}.workflow h3{font-size:19px;letter-spacing:-.04em;margin:0 0 11px}.workflow p{font-size:14px;line-height:1.6;color:#5b6b65;max-width:270px;margin:0}
.vision{padding:135px clamp(24px,7.4vw,116px);background:var(--pine);color:#edf3ed;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(55px,9vw,150px)}.vision .kicker{color:#c2d8d0}.vision .kicker span{background:#9fb8ff}.vision h2,.possibilities h2{font-size:clamp(38px,4.8vw,70px);line-height:.97;letter-spacing:-.065em;margin:0}.vision-copy>p:last-child{max-width:580px;margin:33px 0 0;color:#c5d4ce;font-size:16px;line-height:1.75}.vision-principles{border-top:1px solid #55726a}.vision-principles article{padding:24px 0 26px;border-bottom:1px solid #55726a;display:grid;grid-template-columns:36px 1fr;column-gap:18px}.vision-principles span{font:11px var(--mono);color:#9fb8ff;padding-top:4px}.vision-principles h3{margin:0;font-size:18px;letter-spacing:-.04em}.vision-principles p{grid-column:2;margin:8px 0 0;color:#b8cac2;font-size:13px;line-height:1.6;max-width:320px}
.possibilities{padding:135px clamp(24px,7.4vw,116px) 145px}.possibilities-head{display:grid;grid-template-columns:1.15fr .6fr;gap:clamp(45px,9vw,150px);align-items:end}.possibilities-head .section-note{padding:0;margin:0 0 22px}.possibilities-head>p{margin:0;max-width:385px;color:#53645f;font-size:15px;line-height:1.7}.use-case-list{margin-top:80px;border-top:1px solid var(--ink)}.use-case-list article{display:grid;grid-template-columns:58px minmax(200px,1fr) max-content;gap:24px;align-items:start;padding:31px 0;border-bottom:1px solid var(--line)}.use-case-index{font:12px var(--mono);color:var(--blue);padding-top:4px}.use-case-list h3{font-size:22px;letter-spacing:-.045em;margin:0 0 10px}.use-case-list p{max-width:630px;margin:0;color:#566660;font-size:14px;line-height:1.65}.use-case-tag{font:10px var(--mono);color:#60756e;background:var(--mist);padding:7px 9px;margin-top:2px}
.waitlist{margin:0 clamp(24px,7.4vw,116px) 70px;padding:74px clamp(26px,7vw,108px);background:var(--blue);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:70px}.waitlist .kicker{color:#dbe4ff}.waitlist .kicker span{background:#fff}.waitlist h2{font-size:clamp(42px,5vw,70px)}.waitlist-form{align-self:end}.waitlist-form label{display:block;font:11px var(--mono);margin-bottom:10px}.waitlist-form>div{display:flex;border-bottom:1px solid #ced9ff}.waitlist-form input{flex:1;border:0;background:transparent;color:#fff;font:16px var(--sans);padding:13px 0;outline:0}.waitlist-form input::placeholder{color:#c5d3ff}.waitlist-form button{border:0;background:transparent;color:#fff;font:700 13px var(--sans);white-space:nowrap;padding:0 0 0 12px}.waitlist-form button span{font-size:18px;margin-left:8px}.waitlist-form p{font-size:11px;line-height:1.55;color:#d1dcff;margin:15px 0 0}footer{padding:0 clamp(24px,7.4vw,116px) 35px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#66756f}
@media (max-width:850px){.site-header nav{display:none}.site-header{height:68px}.hero{grid-template-columns:1fr;padding-top:75px}.mesh-stage{min-height:465px}.problem{grid-template-columns:1fr;gap:22px}.problem-main{grid-template-columns:1fr}.vision,.possibilities-head{grid-template-columns:1fr;gap:45px}.vision{padding:95px clamp(24px,7.4vw,116px)}.use-case-list{margin-top:55px}.use-case-list article{grid-template-columns:42px 1fr}.use-case-tag{grid-column:2;justify-self:start}.workflow-grid{grid-template-columns:1fr;gap:42px}.waitlist{grid-template-columns:1fr;gap:45px}.activity-card{width:230px}.node{min-width:165px}.research-node{left:31%}.build-node{left:33%}footer{gap:20px;flex-wrap:wrap}}@media (max-width:500px){.header-cta{padding:9px 10px}.hero-actions{flex-direction:column;align-items:flex-start}.mesh-stage{transform:scale(.9);width:111%;transform-origin:left top;margin-bottom:-45px}.lead-node{left:2%}.dev-node{right:1%}.activity-card{right:2%}.waitlist{margin:0 16px 35px;padding:50px 27px}.vision,.possibilities{padding:85px 24px}.use-case-list article{gap:14px;padding:25px 0}.use-case-list h3{font-size:19px}.use-case-tag{font-size:9px}footer{padding:0 20px 25px}.problem,.workflow{padding:90px 24px}}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.marquee div{animation:none}}