@import url('demo.css?v=20261029-4');
:root{--system-bg:#10201a;--system-panel:#192b23;--system-cream:#f2f0e5;--system-muted:#acb9ab;--system-line:#ffffff29;--system-lime:#c5ff2c;--system-lilac:#c5b6ec}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--system-bg);color:var(--system-cream);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:3px solid var(--system-lime);outline-offset:5px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:absolute;left:20px;top:-100px;z-index:100}.skip-link:focus{top:15px;background:var(--system-lime);color:#10201a;padding:12px}
.system-header{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:27px max(28px,4vw);border-bottom:1px solid var(--system-line)}.system-brand{font-weight:700;text-decoration:none;font-size:22px;letter-spacing:-.7px;display:flex;align-items:center;gap:4px}.system-brand>span:last-child{color:var(--system-lime)}.brand-pages{font-size:42px;line-height:.5;margin-right:10px;color:var(--system-cream)!important}.system-header nav{display:flex;gap:30px;align-items:center;font-size:13px}.system-header nav a{text-decoration:none}.system-header nav a[aria-current]{color:var(--system-lime)}.system-header nav a:last-child{background:var(--system-cream);color:var(--system-bg);padding:15px 22px;font-weight:700}
main{max-width:1680px;margin:auto;padding:0 max(28px,4vw)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;line-height:1.6;margin:0 0 18px}.system-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:62px 0 40px}.system-intro h1{font-size:clamp(44px,5.6vw,86px);font-weight:500;letter-spacing:-4.3px;line-height:.99;margin:0}.system-intro em,h2 em{font-family:Georgia,serif;font-weight:400}.system-intro>p{font-size:17px;line-height:1.65;color:var(--system-muted);margin:0 0 5px}
.builder-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);border:1px solid var(--system-line);min-height:540px}.model-panel{position:relative;min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 45%,#30483a 0,#14231c 66%)}.model-heading{display:flex;justify-content:space-between;gap:12px;padding:22px 25px;z-index:2;font-size:9px;letter-spacing:1.6px}.model-heading #selected-count{color:var(--system-lime);letter-spacing:.3px}.system-model{width:100%;flex:1;min-height:430px;position:relative}.system-model canvas{max-width:100%}.scene-loading{position:absolute;inset:40% 12% auto;text-align:center;line-height:1.5;color:var(--system-muted);font-size:14px}.model-caption{display:flex;justify-content:space-between;gap:15px;padding:18px 25px;border-top:1px solid var(--system-line);font-size:10px;line-height:1.5;z-index:2}.model-caption span{color:var(--system-muted)}.model-caption a{text-decoration:none;color:var(--system-lime)}.chooser-panel{padding:26px 25px;border-left:1px solid var(--system-line);background:#17251f}.presets{display:flex;flex-wrap:wrap;gap:6px}.presets button{background:transparent;border:1px solid #516053;color:var(--system-cream);border-radius:30px;padding:9px 12px;font-size:10px}.presets button[aria-pressed=true]{background:var(--system-cream);color:var(--system-bg);border-color:var(--system-cream)}.chooser-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:29px 0 15px}.chooser-title h2{font-size:22px;margin:0;font-weight:500;letter-spacing:-.7px}.chooser-title button{background:none;border:none;color:var(--system-muted);font-size:12px;text-decoration:underline}.capability-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.capability-choice{position:relative;text-align:left;padding:12px 10px;color:var(--system-cream);border:1px solid #526052;background:transparent;display:flex;gap:8px;align-items:center;min-height:46px;font-size:11px;line-height:1.25}.capability-choice .choice-symbol{display:grid;place-items:center;flex:0 0 21px;height:21px;border:1px solid #718071;border-radius:50%;font-size:13px}.capability-choice[aria-pressed=true]{border-color:var(--system-lime);background:#c5ff2c0c}.capability-choice[aria-pressed=true] .choice-symbol{border-color:var(--system-lime);background:var(--system-lime);color:var(--system-bg)}.capability-choice.is-active{box-shadow:inset 0 -3px var(--system-lime)}.chooser-note{font-size:10px;line-height:1.6;color:var(--system-muted);margin:18px 0 0}
.active-capability{display:grid;grid-template-columns:1.1fr 1fr auto;gap:40px;align-items:center;background:var(--system-cream);color:var(--system-bg);padding:30px 34px}.active-capability .eyebrow{font-size:9px;margin-bottom:9px}.active-capability h2{font-size:29px;letter-spacing:-1px;font-weight:500;margin:0 0 10px}.active-capability p:not(.eyebrow){font-size:13px;line-height:1.6;margin:0;color:#43544a}.active-capability ul{margin:0;padding:0;list-style:none;font-size:12px;line-height:1.6}.active-capability li{padding:7px 0;border-bottom:1px solid #10201a20}.active-capability li:before{content:'↗';margin-right:10px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:15px 19px;font-size:12px;font-weight:700;border:1px solid transparent;text-decoration:none;line-height:1.3}.button-lime{background:var(--system-lime);color:var(--system-bg)}.button-cream{background:var(--system-cream);color:var(--system-bg)}.button-outline{background:transparent;border-color:var(--system-line);color:var(--system-cream)}.quiet-button{background:none;border:0;padding:10px 0;color:inherit;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.playground{padding:88px 0 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px;margin-bottom:35px}.section-heading h2,.system-summary h2{font-size:clamp(32px,3.9vw,56px);font-weight:500;letter-spacing:-2px;line-height:1.08;margin:0}.section-heading>p{font-size:13px;line-height:1.7;color:var(--system-muted);max-width:440px;margin:0 0 3px}.demo-tabs{display:flex;gap:0;border:1px solid var(--system-line);overflow-x:auto}.demo-tabs button{flex:1;min-width:115px;border:0;border-right:1px solid var(--system-line);padding:17px 18px;color:var(--system-muted);background:transparent;font-size:12px;white-space:nowrap}.demo-tabs button[aria-selected=true]{background:var(--system-lilac);color:var(--system-bg);font-weight:700}.demo-panel{display:grid;grid-template-columns:.75fr 1.5fr;gap:50px;padding:38px;border:1px solid var(--system-line);border-top:0;background:#16271f;min-height:420px}.demo-panel[hidden]{display:none}.example-label{font-size:9px;letter-spacing:1.5px;color:var(--system-lilac)}.demo-description h3{font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:22px 0 16px}.demo-description p{font-size:13px;line-height:1.7;color:var(--system-muted);margin:0 0 23px}.demo-stat{display:flex;gap:15px;align-items:center;margin:20px 0}.demo-stat strong{font-size:50px;letter-spacing:-3px;font-weight:400;color:var(--system-lime)}.demo-stat span{font-size:11px;color:var(--system-muted)}.inline-link{font-size:12px;text-underline-offset:5px;line-height:1.7}.demo-panel label{display:grid;gap:8px;font-size:11px;color:var(--system-muted)}.demo-panel input,.demo-panel select,.demo-panel textarea{background:#102019;color:var(--system-cream);border:1px solid #526052;border-radius:0;min-height:42px;width:100%;padding:11px 12px;font-size:12px}.demo-panel textarea{min-height:74px;resize:vertical}.demo-panel input::placeholder,.demo-panel textarea::placeholder{color:#93a194}.demo-panel input:invalid:not(:placeholder-shown){box-shadow:none}.demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.demo-status{font-size:11px;line-height:1.6;color:var(--system-muted);margin:16px 0 0}
#record-form{display:grid;grid-template-columns:1.3fr 1fr auto;align-items:end;gap:10px}#record-form .button{min-height:42px;padding:10px 14px}.search-label{margin-top:20px}.records-table{overflow-x:auto;margin-top:14px}.records-table table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.records-table th{font-size:9px;font-weight:400;letter-spacing:1px;color:var(--system-muted);padding:12px 10px;border-bottom:1px solid var(--system-line)}.records-table td{padding:12px 10px;border-bottom:1px solid var(--system-line)}.records-table td:first-child{min-width:140px;overflow-wrap:anywhere}.records-table select{min-width:125px;min-height:34px;padding:7px;font-size:11px}.delete-record{background:none;color:var(--system-muted);border:0;font-size:19px;min-width:32px;min-height:32px}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;margin:25px 0;gap:8px}.workflow-steps li{border:1px solid #526052;min-height:119px;padding:14px 11px;display:flex;flex-direction:column;gap:9px}.workflow-steps li>span{color:var(--system-muted);font-size:9px}.workflow-steps strong{font-size:14px;font-weight:400}.workflow-steps small{font-size:10px;color:var(--system-muted);line-height:1.4}.workflow-steps li.is-done{border-color:var(--system-lime)}.workflow-steps li.is-active{background:var(--system-lilac);color:var(--system-bg);border-color:var(--system-lilac)}.workflow-steps li.is-active span,.workflow-steps li.is-active small{color:#39463e}.workflow-result,.booking-result{padding:18px 20px;background:#233c2d;font-size:14px;line-height:1.6;min-height:82px;margin:0 0 22px}.portal-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.portal-heading small{font-size:9px;letter-spacing:1px;color:var(--system-muted)}.portal-heading h4{font-size:22px;margin:8px 0 0;font-weight:400}.portal-heading>span{background:#c5b6ec1a;border:1px solid var(--system-lilac);color:var(--system-lilac);font-size:10px;padding:7px 10px;white-space:nowrap}.mini-site{position:relative;overflow:hidden;padding:22px 26px;background:#e9e2cf;color:#1e3c28;margin:0 0 20px;min-height:144px}.mini-site>span:first-child{font-size:8px;letter-spacing:1.5px}.mini-site strong{font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.1;display:block;margin-top:18px}.mini-site-line{position:absolute;right:30px;top:23px;width:80px;height:100px;border-radius:80px 80px 0 0;background:#a8b995;transform:rotate(-15deg);box-shadow:14px 10px #67856a}.portal-workspace .demo-actions{margin-top:16px}.booking-workspace fieldset{border:0;margin:23px 0;padding:0}.booking-workspace legend{font-size:12px;color:var(--system-muted);margin-bottom:12px}.booking-slots{display:grid;grid-template-columns:1fr 1fr;gap:9px}.booking-slots button{min-height:50px;padding:12px;border:1px solid #526052;background:transparent;color:var(--system-cream);font-size:12px}.booking-slots button[aria-pressed=true]{background:var(--system-lilac);color:var(--system-bg);border-color:var(--system-lilac)}.booking-result{margin:24px 0 0}
.commerce-workspace{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.commerce-workspace label{margin-bottom:20px}.notebook-preview{min-height:310px;display:grid;place-items:center;background:#e4e5d8;perspective:700px;overflow:hidden}.notebook{position:relative;width:152px;height:215px;background:#2b4d39;color:#eee8d4;box-shadow:8px 5px 0 #d1cdbb,12px 9px 0 #193623,20px 25px 26px #0003;transform:rotateY(-20deg) rotateZ(-10deg);border-radius:3px 9px 9px 3px;padding:32px 25px;transition:background .25s,color .25s}.notebook:before{content:'';position:absolute;inset:0 auto 0 10px;width:1px;background:#ffffff25}.notebook>span{font-family:Georgia,serif;font-size:28px;line-height:.95}.notebook small{position:absolute;bottom:30px;left:25px;font-size:7px;letter-spacing:1.2px}.notebook-preview[data-color=lavender] .notebook{background:#c5b6ec;color:#283d30}.notebook-preview[data-color=sand] .notebook{background:#c7b690;color:#283d30}.product-total{border-top:1px solid var(--system-line);padding-top:20px}.product-total span{display:block;font-size:10px;color:var(--system-muted);margin-bottom:9px}.product-total strong{font-size:42px;font-weight:400;letter-spacing:-2px;color:var(--system-lime)}.layout-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.layout-preview{--layout-accent:#c5ff2c;background:#e8e7dd;color:#163526;position:relative;min-height:290px;overflow:hidden;padding:23px 26px}.layout-preview>span{font-size:8px;letter-spacing:1px}.layout-preview>div:not(.layout-object){position:relative;z-index:1;width:66%}.layout-preview h4{font-size:31px;line-height:1.06;letter-spacing:-1.3px;font-family:Georgia,serif;font-weight:400;margin:35px 0 13px}.layout-preview p{font-size:10px;line-height:1.5;max-width:185px}.layout-cta{font-size:9px;background:var(--layout-accent);padding:10px 12px;display:inline-block;margin-top:8px}.layout-object{position:absolute;right:17px;bottom:30px;transform:rotate(-12deg);width:130px;height:175px}.layout-object i{position:absolute;display:block;background:var(--layout-accent);width:80px;height:110px;border-radius:60px 60px 6px 6px;bottom:0;right:0;box-shadow:10px 13px 0 #1e3c2820}.layout-object i:nth-child(2){right:37px;bottom:36px;opacity:.7}.layout-object i:nth-child(3){right:72px;bottom:68px;opacity:.4}.layout-preview[data-layout=centered]>div:not(.layout-object){width:100%;text-align:center}.layout-preview[data-layout=centered] h4{margin-top:24px}.layout-preview[data-layout=centered] p{margin-left:auto;margin-right:auto}.layout-preview[data-layout=centered] .layout-object{opacity:.12;right:-20px}.layout-preview[data-layout=split]{background:linear-gradient(90deg,#e8e7dd 0 63%,#344d3a 63%)}.layout-preview[data-accent=lavender]{--layout-accent:#c5b6ec}.layout-preview[data-accent=coral]{--layout-accent:#e4a27d}
.system-summary{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding:78px 0 85px;align-items:center}.system-summary #system-summary-text{font-size:21px;line-height:1.5;margin:0 0 15px}.summary-note{font-size:12px;line-height:1.7;color:var(--system-muted);max-width:520px;margin:0 0 22px}.system-footer{background:#0a1510;border-top:1px solid var(--system-line);padding:45px max(28px,4vw);display:grid;grid-template-columns:1fr 1fr;gap:50px}.system-footer p{font-size:12px;color:var(--system-muted);line-height:1.6;max-width:300px;margin:16px 0}.system-footer small{font-size:10px;color:var(--system-muted)}.system-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:12px}.system-footer nav a{text-decoration:none}
@media(min-width:1600px){.system-model{min-height:490px}.chooser-panel{padding:30px}.capability-choice{padding:15px 12px;font-size:12px}.model-caption{font-size:12px}}
@media(max-width:1100px){.builder-grid{grid-template-columns:1.1fr 1fr}.system-intro h1{letter-spacing:-3px}.system-intro>p{font-size:14px}.chooser-panel{padding:20px 18px}.model-caption{flex-direction:column;gap:8px}.active-capability{grid-template-columns:1.1fr 1fr;gap:22px}.active-capability>.button{grid-column:1/-1;justify-self:start}.demo-panel{grid-template-columns:1fr;gap:28px;padding:28px}.demo-description{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.demo-description .example-label{grid-column:1/-1}.demo-description h3{margin:0}.demo-description p{margin:0}.demo-stat{margin:0}.demo-description>.quiet-button,.demo-description>.inline-link{justify-self:start}.system-summary{gap:35px}.section-heading{gap:35px}.commerce-workspace{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.system-header{padding:21px 22px;gap:20px;flex-wrap:wrap}.system-brand{font-size:20px}.system-header nav{width:100%;justify-content:space-between;gap:13px;font-size:11px}.system-header nav a:last-child{padding:11px 13px}main{padding:0 20px}.system-intro{display:block;padding:40px 0 28px}.system-intro h1{font-size:51px;letter-spacing:-2.8px}.system-intro>p{margin-top:24px;font-size:14px}.builder-grid{grid-template-columns:1fr}.system-model{min-height:350px}.model-heading{padding:18px}.model-caption{flex-direction:row;padding:16px 18px}.chooser-panel{border-left:0;border-top:1px solid var(--system-line);padding:22px 18px}.capability-choice{min-height:47px;font-size:12px}.chooser-title{margin-top:23px}.active-capability{padding:26px 22px;grid-template-columns:1fr;gap:20px}.active-capability h2{font-size:29px}.active-capability ul{font-size:12px}.playground{padding-top:55px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:20px}.section-heading h2,.system-summary h2{font-size:38px;letter-spacing:-1.6px}.demo-tabs button{min-width:115px;padding:16px 12px}.demo-panel{padding:24px 18px;gap:25px}.demo-description{display:block}.demo-description h3{margin:17px 0 13px;font-size:26px}.demo-description p{font-size:12px;margin-bottom:18px}.demo-stat{display:none}#record-form{grid-template-columns:1fr}#record-form .button{justify-self:start}.records-table td,.records-table th{padding-left:0;padding-right:6px}.records-table td:first-child{min-width:95px}.records-table select{min-width:110px;font-size:10px}.delete-record{min-width:26px}.workflow-steps{grid-template-columns:repeat(2,1fr)}.workflow-steps li{min-height:100px}.workflow-result{font-size:13px}.portal-heading{align-items:flex-start}.portal-heading h4{font-size:20px}.portal-heading small{font-size:8px}.portal-heading>span{font-size:8px;padding:7px}.mini-site{padding:20px}.mini-site-line{right:18px;width:60px;height:80px}.mini-site strong{font-size:27px}.commerce-workspace{grid-template-columns:1fr}.notebook-preview{min-height:270px}.commerce-workspace>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.commerce-workspace .demo-status{margin:20px 0 0}.product-total{margin:0;padding-top:10px}.product-total strong{font-size:34px}.layout-preview{padding:20px;min-height:292px}.layout-preview h4{font-size:28px}.layout-preview>div:not(.layout-object){width:78%}.layout-object{right:-25px;bottom:35px;transform:scale(.8) rotate(-12deg)}.system-summary{grid-template-columns:1fr;padding:53px 0 58px;gap:25px}.system-summary #system-summary-text{font-size:18px}.system-summary .button{width:100%;justify-content:space-between}.system-footer{padding:35px 22px;grid-template-columns:1fr;gap:30px}.system-footer nav{font-size:12px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.spatial-unavailable .scene-loading{display:none}