*{box-sizing:border-box}
:root{--paper:#f4f3ec;--ink:#173d3a;--muted:#64716a;--line:#d5d9cc;--orange:#b86c44;--sage:#d9e1c8;--motion:1}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
button:disabled{cursor:default}
button:focus-visible,a:focus-visible{outline:3px solid #c17b50;outline-offset:5px}
a{color:inherit;text-decoration:none}
button{min-height:44px}
img{display:block;max-width:100%}
[hidden]{display:none!important}
.wrap{width:calc(100% - 112px);max-width:1480px;margin-inline:auto}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:#fff;padding:14px}
.skip-link:focus{top:10px}
.review-bar{min-height:54px;padding:8px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;color:#50675d;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1px;position:sticky;top:0;z-index:50}
.review-bar>span{display:flex;align-items:center;gap:9px}
.review-bar>span i{height:6px;width:6px;border-radius:100%;background:#558b6e}
.review-bar b{font-weight:500;letter-spacing:0;color:#89948c;margin-left:10px}
.review-bar>div{display:flex;gap:23px;align-items:center}
.review-bar a{font-size:11px;letter-spacing:0}
.review-bar button{background:#edf1e7;border:1px solid #c6d0ba;border-radius:30px;padding:8px 14px;font-size:11px;letter-spacing:0;color:#395b44;min-height:34px}
.review-bar button span{margin-left:15px}
.masthead{height:110px;display:flex;justify-content:space-between;align-items:center;width:calc(100% - 112px);max-width:1480px;margin:auto;border-bottom:1px solid var(--line)}
.masthead img{width:164px;height:auto}
.masthead nav{display:flex;gap:35px;font-size:13px}
.masthead nav a:last-child{border-bottom:1px solid #56705b;padding-bottom:4px}
.intro{padding:47px 0 31px}
.intro-kicker,.intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;line-height:1.6;display:block}
.eyebrow:before{content:"";display:inline-block;width:5px;height:5px;background:#b77a57;border-radius:50%;margin-right:8px;vertical-align:middle}
.edition{font-size:9px;letter-spacing:1px;color:#79887d}
.intro-grid{display:grid;grid-template-columns:1.4fr .65fr;gap:60px;align-items:center;margin:28px 0 39px}
h1{font-size:clamp(60px,7.1vw,116px);font-weight:500;letter-spacing:-6px;line-height:1.02;margin:0;position:relative}
h1 span{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#5c7764}
h1 sup{display:inline-block;font-family:Arial,sans-serif;font-size:50px;font-weight:300;vertical-align:top;margin:7px 0 0 20px;color:#b77b57}
.intro-copy{padding:10px 0 0 15px}
.intro-copy>p{font-size:19px;line-height:1.6;margin:0 0 26px;color:#4e6357}
.text-link{font-size:12px;display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid #809078;padding-bottom:9px}
.intro-copy small{display:block;font-size:10px;color:#7e8b7f;margin-top:23px}
.intro-bottom{font-size:9px;letter-spacing:1.3px;color:#788575;border-top:1px solid var(--line);padding-top:22px}
.intro-bottom span:last-child{letter-spacing:0;font-size:11px}
.intro-bottom b{font-weight:400;margin-left:20px;font-size:18px;color:#3f614b}
.story-track{height:245vh;position:relative;margin-top:12px}
.story-stick{position:sticky;top:77px;padding-top:18px;padding-bottom:20px}
.story-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:39px;align-items:center}
.visual-stage{height:min(690px,calc(100svh - 130px));min-height:480px;position:relative;background:#e7e8df;border:1px solid #d3d7c8;border-radius:5px;overflow:hidden;isolation:isolate}
.stage-grid{position:absolute;inset:0;background:linear-gradient(#7994770a 1px,transparent 1px),linear-gradient(90deg,#7994770a 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}
.stage-top,.stage-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;gap:15px;z-index:7;font-size:9px;letter-spacing:1.3px;pointer-events:none;color:#637967}
.stage-top{top:21px}
.stage-bottom{bottom:20px;font-size:8px}
.live-dot{font-size:9px;letter-spacing:0;display:flex;align-items:center;gap:7px}
.live-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:#719271}
#three-stage{position:absolute;inset:12px 0 0;z-index:1}
#three-stage canvas{display:block;width:100%;height:100%}
.scene-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:0}
.scene-fallback.is-hidden{visibility:hidden}
.fallback-ring{position:absolute;width:280px;height:280px;border-radius:50%;border:38px solid #447667;box-shadow:inset 8px 7px 20px #102e4660,12px 20px 30px #193f3a20;transform:rotateX(40deg) rotateY(-30deg)}
.fallback-ring:nth-child(2){width:210px;height:210px;border-color:#b4815f;transform:rotateX(-30deg) rotateY(30deg)}
.fallback-core{font-family:Georgia,serif;font-style:italic;font-size:74px;color:#ecf1df;position:relative;text-shadow:0 5px 15px #24473d70}
.input-tile{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#ffffffef;border:1px solid #d9dfd1;border-radius:7px;padding:13px 15px;box-shadow:0 12px 22px #2743340a;pointer-events:none;will-change:transform}
.tile-symbol{font-size:22px;color:#7e977c;width:25px}
.input-tile b{display:block;font-size:11px;font-weight:500;color:#3b5945}
.input-tile small{display:block;font-size:9px;color:#88927f;margin-top:4px}
.tile-one{left:5%;top:17%}.tile-two{right:4%;top:27%}.tile-three{left:7%;bottom:22%}.tile-four{right:6%;bottom:12%}
.chapter-number{font-size:8px;letter-spacing:1.2px;color:#7c8b7b;margin-bottom:22px}
.chapter-number>span:first-child{font-size:34px;font-weight:300;color:#b67c56;margin-right:12px;letter-spacing:-1px}
.story-copy h2{font-size:37px;letter-spacing:-1.3px;font-weight:500;line-height:1.15;margin:0}
em{font-family:Georgia,serif;font-weight:400;color:#647d64}
.story-copy>p{font-size:13px;line-height:1.8;color:#6c796b;margin:22px 0 29px;min-height:70px}
.chapter-controls{display:grid;gap:0;border-top:1px solid var(--line)}
.chapter-controls button{background:transparent;border:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;text-align:left;color:#84907e;padding:13px 0;font-size:11px;min-height:45px}
.chapter-controls button>span{font-size:9px;color:#9aa38e}
.chapter-controls button>i{font-size:14px;font-style:normal;margin-left:auto}
.chapter-controls button[aria-pressed=true]{color:#244c3e;font-weight:600}
.chapter-controls button[aria-pressed=true]>span{color:#ae7650}
.story-progress{height:2px;background:#d6dccb;margin-top:23px}
.story-progress span{display:block;height:100%;width:0;background:#b67c56;transition:width .1s linear}
.fiction-note{font-size:9px;line-height:1.7;color:#8b9482;display:block;margin-top:12px}
.workspace-demo{position:absolute;z-index:4;inset:70px 30px 62px;background:#fcfdf8;border:1px solid #c7d1bd;border-radius:9px;box-shadow:0 25px 45px #21443415;transform:translateY(45px) scale(.9);opacity:0;visibility:hidden;overflow:auto}
.demo-top{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid #e0e6d8;font-size:10px;color:#4e6a4d}
.demo-top>span{display:flex;gap:4px}
.demo-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b7c5a9}
.demo-top b{font-weight:500}.demo-top small{margin-left:auto;font-size:8px;color:#8f9c80}
.demo-body{padding:27px}
.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.demo-heading small{font-size:8px;letter-spacing:1px;color:#7d8e72}
.demo-heading h3{font-size:27px;letter-spacing:-1px;font-weight:500;margin:6px 0 0}
.ready-pill{font-size:8px;padding:5px 9px;background:#edf4dd;color:#607c45;border:1px solid #d1e1b5;border-radius:20px;white-space:nowrap}
.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #e1e7d7;border-bottom:1px solid #e1e7d7;padding:17px 0;margin:22px 0}
.demo-stats span{font-size:12px}.demo-stats b{font-weight:500;color:#496541}
.demo-stats small{font-size:8px;color:#929c84;display:block;margin-top:4px}
.demo-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:23px}
.list-label{font-size:7px;letter-spacing:.6px;color:#8b9b7b;display:flex;justify-content:space-between;gap:10px;margin:4px 0 12px}
.creator-entry{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e4e9dc;padding:12px 0;font-size:11px}
.creator-entry .avatar{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:9px;color:#506449}
.avatar.coral{background:#eadac7}.avatar.sage{background:#dbe7cc}.avatar.blue{background:#d9e5df}
.creator-entry b{display:block;font-weight:500}.creator-entry small{display:block;font-size:8px;margin-top:3px;color:#89957f}.creator-entry>span:last-child{margin-left:auto;color:#9baa8c}
.next-action{background:#e9efdf;border:1px solid #dbe4cc;border-radius:6px;padding:17px;position:relative}
.next-action .small-star{position:absolute;right:17px;top:12px;font-size:23px;color:#7d9870}
.next-action>small{font-size:7px;letter-spacing:.6px;color:#7a8b68;display:block;margin-bottom:20px}
.next-action h4{font-size:20px;font-weight:500;letter-spacing:-.5px;line-height:1.2;margin:0 0 10px}
.next-action p{font-size:9px;line-height:1.7;color:#7d8b6e;margin:0 0 12px}
.next-action button{font-size:9px;background:#355b43;border:0;border-radius:4px;color:#f1f7e8;padding:9px 12px;min-height:33px}
.example-detail{font-size:10px;line-height:1.7;background:#f0f4e7;border:1px solid #d5e0c5;border-radius:4px;padding:12px;margin-top:16px;color:#61704f}
.example-detail b{display:block;color:#3c5e3e}
.connection-section{margin-top:65px;padding:80px 0 35px;background:#133530;color:#eef1df;overflow:hidden}
.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}
.section-intro h2{font-size:clamp(38px,4.6vw,66px);font-weight:500;letter-spacing:-2.3px;line-height:1.1;margin:20px 0 0}
.section-intro>p{font-size:14px;line-height:1.9;max-width:350px;color:#6e7c69;margin:0 0 3px}
.connection-section .eyebrow{color:#b7c9ab}
.connection-section .section-intro>p{color:#a5bca7}
.connection-section em{color:#bdd2ae}
.connection-art{position:relative;height:430px;margin:25px calc(-1 * min(5vw,70px)) 0;overflow:hidden}
.hand-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 36%;inset:0;pointer-events:none;filter:drop-shadow(0 15px 25px #051b1750);will-change:transform}
.hand-human{clip-path:inset(0 50% 0 0)}
.hand-machine{clip-path:inset(0 0 0 50%)}
.art-label{position:absolute;top:30px;font-size:8px;letter-spacing:1.6px;color:#9eb49b;z-index:1}
.label-human{left:13%}.label-machine{right:13%}
.art-coordinate{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:#77997c;white-space:nowrap}
.contact-orbit{position:absolute;left:50%;top:43%;width:80px;height:80px;transform:translate(-50%,-50%);color:#d7dfad;opacity:0;pointer-events:none}
.contact-orbit>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:23px}
.contact-orbit i{position:absolute;inset:0;border:1px solid #c4d4a560;border-radius:50%;box-shadow:0 0 40px #d7e3ab20}
.contact-orbit i:nth-child(2){inset:-28px;border-color:#c4d4a530}
.connection-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #41634b;padding-top:27px;margin-top:4px}
.connection-bottom b{font-size:21px;font-weight:400}.connection-bottom p{font-size:12px;color:#91ad91;line-height:1.7;margin:8px 0 0}
.pill-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#1d483d;color:#f6f8ed;border:1px solid #345e49;border-radius:30px;padding:15px 21px;font-size:12px;min-height:47px}
.pill-button.light{color:#1f4435;background:#e0ebcc;border-color:#e0ebcc}
.pill-button span{font-size:18px;font-weight:300}
.automation-track{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;gap:30px;margin-top:50px;align-items:center}
.automation-step{display:grid;grid-template-columns:30px 1fr;column-gap:10px;opacity:.45;transition:opacity .35s}
.automation-step>span{grid-row:1/3;width:28px;height:28px;border:1px solid #648568;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px}
.automation-step b{font-size:12px;font-weight:500}.automation-step small{font-size:9px;color:#a0b995;margin-top:5px}
.automation-step.active{opacity:1}.automation-step.active>span{background:#b9d19a;color:#21422f;border-color:#b9d19a}
.automation-track>i{height:1px;background:#426548;position:relative;overflow:hidden}
.automation-track>i:after{content:"";position:absolute;inset:0;background:#c9dca5;transform:scaleX(var(--connection-progress,0));transform-origin:left}
.section-footnote{font-size:9px;line-height:1.7;color:#7b9b7c;margin:26px 0 0}
.physics-section{padding-top:105px;padding-bottom:105px;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}
.physics-copy h2{font-size:45px;line-height:1.13;font-weight:500;letter-spacing:-1.7px;margin:23px 0}
.physics-copy>p{font-size:14px;line-height:1.8;color:#6c7b68;max-width:360px}
.physics-controls{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 19px}
.outline-button{border:1px solid #c9d0bd;border-radius:30px;background:transparent;color:#5a7053;font-size:11px;padding:12px 17px}
.physics-copy>small{font-size:10px;color:#8a9681;line-height:1.8;display:block;max-width:360px}
.physics-workbench{position:relative;background:#e9eadf;border:1px solid #d4d9c7;border-radius:6px;height:460px;overflow:hidden}
#physics-canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}
#physics-canvas.dragging{cursor:grabbing;touch-action:none}
.workbench-top,.workbench-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1px;color:#7a8c70;pointer-events:none;z-index:1}
.workbench-top{top:20px}.workbench-bottom{bottom:20px;font-size:7px}.workbench-bottom>span:last-child{color:#5f7954}
.products-section{border-top:1px solid var(--line);padding-top:70px;padding-bottom:80px}
.owned-products{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:37px 0 28px;padding:22px 0;gap:25px}
.owned-products>div{display:flex;align-items:center;gap:15px}
.owned-products img{height:48px;width:36px;object-fit:cover;border:1px solid #d6ddcc;border-radius:5px;box-shadow:0 4px 8px #29452e09}
.owned-products b{font-size:20px;font-weight:400}.owned-products small{display:block;font-size:10px;color:#87917c;margin-top:5px}
.featured-product{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding:45px;background:#e7ecd9;border:1px solid #d8dfc8;border-radius:6px}
.status-pill{display:inline-block;font-size:9px;color:#627a52;background:#f4f7eb;border:1px solid #d5dfc3;padding:6px 9px;border-radius:20px;line-height:1.5}
.featured-product h3{font-size:32px;letter-spacing:-1px;font-weight:400;line-height:1.25;margin:23px 0 15px}
.featured-product p{font-size:13px;line-height:1.8;color:#77876a;max-width:420px}
.product-index{display:block;font-size:8px;letter-spacing:.7px;color:#849775;margin-top:30px}
.product-preview{background:#f9fbf2;border:1px solid #d3ddbe;border-radius:6px;box-shadow:0 15px 27px #445e3210;overflow:hidden}
.product-preview-top{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #dce5cd;font-size:11px;color:#6a8256;gap:10px}
.product-preview-top small{font-size:8px;color:#95a383}
.pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:24px 15px 29px}
.pipeline>div>small{display:block;font-size:8px;color:#8f9f7e;margin-bottom:14px}
.pipeline>div>span{display:block;border:1px solid #dce4ce;border-radius:4px;padding:14px 9px;font-size:8px;background:#f3f6ea;color:#94a480}
.pipeline>div:nth-child(2)>span{transform:translateY(-4px);border-color:#afc398;background:#e9f0da;box-shadow:0 5px 11px #5573380a}
.pipeline b{display:block;font-size:10px;font-weight:500;color:#627e4e;margin-bottom:6px}
.pipeline-footer{display:flex;align-items:center;gap:8px;padding:13px 15px;border-top:1px solid #dde6ce;font-size:9px;color:#8a9d75}
.pipeline-footer>i{width:4px;height:4px;background:#9bb980;border-radius:100%}.pipeline-footer>span{margin-left:auto}
.future-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:30px}
.future-products article{padding:30px 25px 15px;border-right:1px solid var(--line)}
.future-products article:first-child{padding-left:0}.future-products article:last-child{border-right:0}
.product-number{font-size:8px;letter-spacing:.8px;color:#9a9f88}
.future-products h3{font-size:25px;font-weight:400;letter-spacing:-.7px;line-height:1.25;margin:20px 0 17px}
.future-products p{font-size:12px;line-height:1.8;color:#7d8a72;min-height:65px}
.coming{font-size:10px;display:inline-block;border-bottom:1px solid #b0bea0;padding-bottom:6px;color:#82936d;margin-top:10px}
.built-automations{border-top:1px solid var(--line);margin-top:49px;padding-top:25px}
.built-automations>div{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:25px;color:#718365;font-size:12px}
.closing{background:#dfe6ce;padding:60px 0 30px}
.closing p{font-size:clamp(60px,7.5vw,110px);font-weight:400;line-height:1.05;letter-spacing:-4px;margin:30px 0 45px}
.closing em{color:#607b54}.closing p>span{float:right;font-size:100px;color:#93aa7b;line-height:1.7}
.closing .wrap>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid #bdccaa;font-size:11px;color:#728564}
.closing b{font-weight:500}.closing .wrap>div>span{font-size:10px}
.review-footer{padding:27px 0;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:9px;line-height:1.6;color:#84917b}
#render-status{font-size:8px;color:#a1aa91}
.demo-top small,.demo-heading small,.demo-stats small,.creator-entry small,.list-label{color:#5f7256}
.ready-pill{color:#4f6a37}
.next-action>small{color:#5d734a}.next-action p{color:#586b48}
.story-copy>p{color:#60705d}.future-products p{color:#5f7058}.featured-product p{color:#5c7052}
.noscript-note{padding:20px;max-width:850px;margin:auto;font-size:14px;line-height:1.7}
body[data-motion="off"] *,body[data-motion="off"] *:before,body[data-motion="off"] *:after{scroll-behavior:auto!important;transition:none!important}
body[data-motion="off"] .story-track{height:auto}
body[data-motion="off"] .story-stick{position:relative;top:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}