/* Brighter Create: isolated public showcase. */
.create-page{--cx-dark:#071c2b;--cx-navy:#082d4c;--cx-gold:#ffc632;--cx-teal:#27776e;--cx-paper:#f7f8f3;--cx-line:#d9e2dd;background:var(--cx-paper);color:#163344}
.create-page :where(button,input,select,textarea){font:inherit}.create-page button{cursor:pointer}.create-page button:disabled{cursor:default;opacity:.5}.create-page :is(button,a,input,select,textarea):focus-visible{outline:3px solid #d98a00;outline-offset:5px}.create-page .skip{z-index:110}.create-page .site-header{border:0;padding:17px 0;gap:25px}.create-page .site-header .logo{width:194px}.create-page .site-header nav{gap:22px;font-size:12px}.create-page .site-header nav a[aria-current]{color:#237d71}.create-page .site-header .login{font-size:12px;white-space:nowrap}.create-page .site-header .website-session{font-size:10px}
.cx-wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.cx-section{padding:112px 0}.cx-kicker{font-size:10px;font-weight:750;letter-spacing:2px;line-height:1.6;color:#4b7770;margin-bottom:23px}.signal-dot{display:inline-block;width:7px;height:7px;background:#63c7aa;border-radius:50%;box-shadow:0 0 0 4px #63c7aa13;flex-shrink:0}.cx-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:17px 23px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:720;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;line-height:1.4}.cx-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000015}.cx-button>span{font-size:18px}.cx-button.gold{background:var(--cx-gold);color:#0b2b3d}.cx-button.gold:hover{background:#ffda72}.cx-button.dark{background:#0c344b;color:#fff}.cx-button.light{background:#fff;color:var(--cx-navy)}.reset-button{border:0;background:transparent;padding:12px 8px;font-size:12px;font-weight:650;color:inherit;text-decoration:underline;text-underline-offset:4px}.no-script{padding-block:22px}.no-script a{text-decoration:underline}
.create-hero{position:relative;isolation:isolate;overflow:hidden;background:#071c2b;color:#f6f6ef;min-height:720px}.create-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 83% 45%,#164b5260,transparent 50%),radial-gradient(ellipse at 38% 110%,#394d3540,transparent 60%)}.hero-grain{position:absolute;inset:0;opacity:.07;z-index:-1;background-image:radial-gradient(#d7e4c8 .5px,transparent .5px);background-size:5px 5px}.hero-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:0;align-items:center;min-height:680px;position:relative}.hero-words{position:relative;z-index:2;padding:65px 0 60px}.create-hero .cx-kicker{color:#adc6bf;display:flex;align-items:center;gap:12px;font-size:10px;margin-bottom:28px}.create-hero h1{font-size:clamp(58px,6.05vw,94px);font-weight:650;line-height:.99;letter-spacing:-5px;color:#fbfcf5;margin:0 0 27px}.create-hero h1 em{font-style:normal;color:var(--cx-gold);display:block;white-space:nowrap}.hero-description{font-size:17px;line-height:1.7;color:#b8c9cf;max-width:450px;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:25px}.hero-secondary{color:#e4eee9;font-size:12px;font-weight:600;padding:15px 0;white-space:nowrap}.hero-small{font-size:11px;color:#8fa9b2;margin:19px 0 0}.hero-baseline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff17;padding:23px 0;color:#b9cbc9;font-size:11px;gap:20px}.hero-baseline strong{font-weight:600;color:#f2f1df}.hero-baseline i{font-style:normal;padding:0 14px;color:#718f94}.universe{position:relative;height:580px;min-width:0;margin-right:-34px;perspective:900px;isolation:isolate}.orb-halo{position:absolute;width:85%;aspect-ratio:1;left:10%;top:10%;border-radius:50%;background:radial-gradient(circle,#234b3b15 20%,#397e6520 40%,transparent 70%);box-shadow:inset 0 0 100px #2a9a7520}.orb-halo:before,.orb-halo:after{content:'';position:absolute;border:1px solid #90c69b17;inset:0;border-radius:50%;transform:rotateX(58deg) rotate(-35deg)}.orb-halo:after{transform:rotateY(60deg) rotate(45deg);inset:-20px}.universe canvas{position:absolute;inset:0;width:100%;height:100%}.orb-centre{position:absolute;left:52%;top:47%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;text-align:center;text-shadow:0 1px 20px #001526}.orb-centre>span{letter-spacing:8px;font-size:10px;color:#d0dbb8;margin-left:8px}.orb-centre strong{font-size:33px;letter-spacing:2px;color:#f5f3d8;line-height:1.5}.orb-centre small{font-size:10px;color:#a2b9b1;letter-spacing:1px}.orbit-label{position:absolute;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1b3948ed,#0d2635eb);border:1px solid #73929344;box-shadow:0 20px 60px #00131f40,inset 0 1px #c4e0de0d;padding:16px 19px;border-radius:9px;backdrop-filter:blur(12px);animation:orbit-float 7s ease-in-out infinite}.orbit-label small{display:block;font-size:7px;letter-spacing:1.3px;color:#9bbeb5;margin-bottom:7px}.orbit-label strong{font-size:14px;font-weight:600;letter-spacing:-.2px}.orbit-symbol{font-size:23px;color:var(--cx-gold);width:27px}.orbit-people{left:3%;top:16%;transform:rotate(-4deg)}.orbit-field{right:-3%;top:35%;animation-delay:-2s;transform:rotate(4deg)}.orbit-data{left:6%;bottom:18%;animation-delay:-4s;transform:rotate(-3deg)}.orb-notification{position:absolute;bottom:28px;right:-12px;display:flex;align-items:center;gap:14px;background:#d3e8d4;color:#11382f;border:1px solid #dff9d9;box-shadow:0 17px 40px #00111c55;border-radius:9px;padding:17px 19px;transform:rotate(2deg);transition:transform .25s}.orb-notification:hover{transform:rotate(0) translateY(-5px)}.notification-icon{font-size:24px;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#bad7bf;color:#276044}.orb-notification small{font-size:6.5px;letter-spacing:1.1px;display:block;font-weight:750;margin-bottom:7px}.orb-notification strong{font-size:12px}.universe-coordinate{position:absolute;right:18%;bottom:1px;font-size:7px;letter-spacing:2px;color:#76999c}.lab-nav{position:sticky;top:0;z-index:40;background:#f7f8f3f2;backdrop-filter:blur(16px);border-bottom:1px solid #d8dfd8;box-shadow:0 5px 14px #092b3b04}.lab-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:62px}.lab-brand{font-size:9px;font-weight:750;letter-spacing:1.5px;white-space:nowrap}.lab-brand>span{font-size:23px;color:#277b6d;vertical-align:middle;margin-right:10px}.lab-nav nav{display:flex;gap:32px;align-items:center;font-size:12px}.lab-nav nav a{padding:18px 0}.lab-nav nav a:hover{color:#287d71}.motion-button{display:flex;align-items:center;gap:10px;border:1px solid #d4ddd5;background:transparent;color:#476359;border-radius:5px;padding:9px 11px;font-size:10px;white-space:nowrap}.motion-button>span{font-size:12px}.create-page section[id]{scroll-margin-top:85px}
.chapter-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:end;margin-bottom:48px}.chapter-heading h2,.idea-copy h2{font-size:clamp(38px,4.3vw,66px);line-height:1.06;letter-spacing:-2.8px;font-weight:620;color:#103143;margin:0}.chapter-heading h2 em,.idea-copy h2 em{font-style:normal;color:#4c7e70}.chapter-heading>p,.chapter-heading>div>p:not(.cx-kicker){font-size:16px;line-height:1.75;color:#526b71;margin:0 0 4px;max-width:420px}.industry-switch{display:flex;gap:8px;margin:0 0 25px}.industry-button{background:#e9ede7;border:1px solid #dde5dd;border-radius:6px;padding:15px 21px;font-size:12px;font-weight:650;color:#395854;display:flex;align-items:center;gap:13px;transition:background .2s,box-shadow .2s}.industry-button>span{font-size:9px;opacity:.6}.industry-button.active{background:#103b49;border-color:#103b49;color:#fff;box-shadow:0 5px 15px #173e4a18}.industry-button:hover:not(.active){background:#dfe9dd}.command-window{border:1px solid #d5e1d9;border-radius:13px;background:white;box-shadow:0 35px 70px -30px #153c382b,0 2px 3px #0b304408;overflow:hidden}.command-top{display:flex;align-items:center;gap:20px;min-height:43px;background:#fff;border-bottom:1px solid #e0e8e4;padding:12px 20px;font-size:8px;letter-spacing:1.5px;font-weight:650;color:#6e8488}.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#d8e0dd}.window-dots i:first-child{background:#e4c7b4}.simulation-label{margin-left:auto;display:flex;gap:7px;align-items:center;color:#35776c;font-size:8px;white-space:nowrap}.simulation-label i{width:5px;height:5px;background:#65a98d;border-radius:50%}.command-layout{display:grid;grid-template-columns:172px minmax(0,1fr)}.command-sidebar{background:#103243;color:#b9d0d0;padding:30px 14px;display:flex;flex-direction:column;min-width:0}.example-brand{display:flex;gap:10px;align-items:center;padding:0 7px 36px}.example-brand>span{display:grid;place-items:center;background:#d1e5cc;color:#19443c;width:31px;height:31px;border-radius:7px;font-size:21px}.example-brand strong{font-size:11px;line-height:1.5;color:#fff}.example-sidebar-label{font-size:7px;letter-spacing:1.5px;color:#90afb5;padding:0 8px 13px}.example-menu{display:block;padding:12px 9px;font-size:10px;margin:3px 0;border-radius:5px}.example-menu.selected{color:#fff;background:#2d5461}.sidebar-bottom{margin-top:auto;padding:38px 7px 4px;font-size:8px;white-space:nowrap}.sidebar-bottom .signal-dot{width:5px;height:5px;margin-right:4px}.sidebar-bottom small{display:block;color:#82a6af;font-size:8px;margin-top:9px;margin-left:12px}.command-content{padding:28px;background:#fbfcfa;min-width:0}.command-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.command-title p{font-size:7px;letter-spacing:1.8px;color:#5f897d;font-weight:750;margin:0 0 7px}.command-title h3{font-size:25px;letter-spacing:-.9px;margin:0;font-weight:650}.example-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#e9eece;color:#477359;font-size:10px;font-weight:650}.command-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.command-metrics>div{background:#fff;border:1px solid #e2e8e1;border-radius:7px;padding:16px 18px;position:relative}.command-metrics>div>span{display:block;font-size:10px;color:#627b7c}.command-metrics strong{display:block;font-size:31px;letter-spacing:-1px;line-height:1;margin:12px 0 9px;font-weight:650}.command-metrics small{font-size:8px;color:#74867f}.command-metrics>div.attention-metric{background:#fcf7e9;border-color:#efe2bd}.attention-metric strong{color:#99700a}.command-panels{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px}.map-panel,.activity-panel{background:#fff;border:1px solid #e0e7df;border-radius:7px;overflow:hidden}.panel-caption{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;border-bottom:1px solid #e8ece6}.panel-caption strong{font-weight:650}.panel-caption>span{font-size:7px;letter-spacing:.7px;color:#63867a;white-space:nowrap}.live-dot:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#55a58a;margin-right:6px}.map-panel svg{width:100%;height:auto;display:block}.map-panel svg text{font-family:inherit;font-size:10px;font-weight:600}.map-legend{display:flex;gap:18px;padding:11px 15px;font-size:7px;color:#6c827a}.map-legend i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px}.legend-green{background:#39877c}.legend-yellow{background:#e5a71c}.legend-blue{background:#4980ad}.map-route{animation:route-flow 20s linear infinite}.activity-panel ol{padding:0 15px;list-style:none;margin:0}.activity-panel li{display:flex;align-items:flex-start;gap:10px;padding:19px 0;border-bottom:1px solid #edf0eb}.activity-panel li:last-child{border:0}.activity-icon{display:grid;place-items:center;font-size:12px;min-width:25px;height:25px;border-radius:50%;background:#e7f3ea;color:#377457}.activity-icon.gold-icon{background:#fff1cc;color:#97710c}.activity-panel li strong{font-size:9px;line-height:1.6;display:block;font-weight:650}.activity-panel li small{font-size:8px;color:#6f8383;display:block;line-height:1.6;margin-top:4px}.work-list-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 12px;font-size:11px}.work-list-top>div{display:flex;gap:5px}.work-filter{padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:5px;font-size:9px;color:#67817c}.work-filter.active{background:#edf1ea;border-color:#dce6d9;color:#2b6054}.work-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:20px;padding:14px 5px;border-top:1px solid #e2e8e0;align-items:center;font-size:10px}.work-row strong{font-weight:600}.work-row>span{color:#6a8381;font-size:9px}.work-status{padding:5px 9px;border-radius:4px;font-size:8px;font-weight:650;background:#e4f0e8;color:#286347;white-space:nowrap}.work-status.attention{background:#fff0c8;color:#875f09}.work-status.scheduled{background:#e6eef8;color:#3d6590}.command-demo-bar{border-top:1px solid #dde6de;padding:19px 25px;background:#f0f4eb;display:flex;align-items:center;gap:18px}.command-demo-bar>div{margin-right:auto}.command-demo-bar strong{display:block;font-size:12px;margin-bottom:5px}.command-demo-bar>div>span{font-size:10px;color:#627c75}.command-demo-bar .cx-button{min-height:43px;padding:12px 18px;font-size:11px}.command-demo-bar .reset-button{font-size:10px}.demo-footnote{font-size:10px;color:#71857b;line-height:1.65;margin:20px 0 0;max-width:920px}.possibility-line{display:flex;justify-content:space-between;gap:30px;padding-top:55px;font-size:clamp(16px,1.6vw,23px);font-weight:550;letter-spacing:-.6px;color:#39715f}.possibility-line span:before{content:'✳';color:#b88a13;margin-right:12px;font-size:18px}
.connected-section{position:relative;overflow:hidden;background:#0b2532;color:#d3e3df;padding:110px 0 65px}.connected-section:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 60%,#254f343b,transparent 55%)}.connected-section>.cx-wrap{position:relative}.connected-section .cx-kicker{color:#99baab}.connected-section h2{color:#f0f2e6;font-size:clamp(38px,4.3vw,65px)}.connected-section h2 em{color:#d6e6b5}.connected-section .chapter-heading{grid-template-columns:1.35fr 1fr;align-items:center}.connected-section .chapter-heading>div>p:not(.cx-kicker){color:#a6c0bb}.connected-section .chapter-heading>div>.connected-note{font-size:12px;color:#d4debf;margin-top:25px;line-height:1.9}.sensor-lab{display:grid;grid-template-columns:1.05fr 1fr;background:linear-gradient(135deg,#16323c,#102e38);border:1px solid #52726155;border-radius:14px;overflow:hidden;box-shadow:0 40px 60px -25px #00172277}.tank-stage{position:relative;min-height:585px;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center}.lab-stamp{position:absolute;top:25px;left:27px;right:27px;display:flex;gap:9px;align-items:center;letter-spacing:1.8px;font-size:8px;color:#9dbbb3}.lab-stamp>span:last-child{margin-left:auto;color:#5f8d87}.tank-ground{position:absolute;inset:50% -60% -40%;background-image:linear-gradient(#70b09115 1px,transparent 1px),linear-gradient(90deg,#70b09115 1px,transparent 1px);background-size:45px 45px;transform:perspective(480px) rotateX(57deg);z-index:-1;mask-image:linear-gradient(transparent,#000,transparent)}.tank-visual{position:relative;width:235px;height:345px;margin-top:-5px;isolation:isolate}.tank-cap{position:absolute;top:0;left:0;width:100%;height:45px;border-radius:50%;background:linear-gradient(135deg,#829890,#3c5c59 55%,#1a343a);border:1px solid #a9c9b166;z-index:5;box-shadow:inset 0 5px 10px #d4e1cd0d}.tank-cap:before{content:'';position:absolute;left:38%;top:1px;width:24%;height:18px;border-radius:50%;border:3px solid #86a69a;background:#2d5151;box-shadow:0 -5px #304b4e}.tank-body{position:absolute;top:21px;left:0;width:100%;height:300px;border:1px solid #b5cfc142;border-top:0;border-radius:0 0 50% 50% / 0 0 7% 7%;overflow:hidden;background:linear-gradient(90deg,#557a672d,#213c4340 20%,#9fb9a211 45%,#5a7a6b11 70%,#001d2680);box-shadow:inset 12px 0 25px #bddec509,inset -16px 0 28px #00151b77;z-index:4}.tank-fill{position:absolute;left:0;bottom:0;width:100%;height:55%;transition:height .65s cubic-bezier(.22,1,.36,1),background .4s;background:linear-gradient(90deg,#337d69c9,#65b38da8 40%,#2c675bcd);border-radius:50% 50% 0 0 / 16px 16px 0 0;box-shadow:inset -15px 0 35px #103f433b}.water-surface{position:absolute;top:0;width:100%;height:32px;background:linear-gradient(90deg,#6eaa80,#b1dba4 50%,#528f6e);border:1px solid #c6efb76b;border-radius:50%;box-shadow:0 0 30px #9ad48722;animation:water-breathe 4s ease-in-out infinite}.tank-visual.low .tank-fill{background:linear-gradient(90deg,#907b38,#b8983db3 40%,#695427)}.tank-visual.low .water-surface{background:linear-gradient(90deg,#a78a36,#eac86a,#9a792d);border-color:#f7d88355}.tank-base{position:absolute;bottom:5px;width:100%;height:40px;border-radius:50%;background:linear-gradient(90deg,#385f5a,#26494a 50%,#102d34);border:1px solid #7098884f;box-shadow:0 12px 20px #0015213b;z-index:2}.tank-shadow{position:absolute;left:-15%;bottom:-35px;width:130%;height:80px;filter:blur(14px);border-radius:50%;background:#001b2690;z-index:1}.tank-scale{position:absolute;right:14px;top:35px;bottom:17px;display:flex;flex-direction:column;justify-content:space-between;z-index:4;color:#c2d4bf77;font-size:8px}.tank-scale span:before{content:'─';margin-right:6px;color:#b3c6b35e}.tank-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:6;text-shadow:0 2px 10px #173727;pointer-events:none}.tank-value strong{font-size:61px;color:#f0f3da;font-weight:550;letter-spacing:-2px;line-height:1}.tank-value strong>span{font-size:22px;margin-left:3px}.tank-value>span{font-size:11px;color:#dcdfc3;margin-top:10px}.threshold-line{position:absolute;bottom:30%;height:1px;border-top:1px dashed #ffe7a57a;left:6px;right:6px;z-index:5;transition:bottom .4s}.threshold-line>span{font-size:5px;letter-spacing:1px;position:absolute;top:4px;left:7px;color:#ede9bc}.tank-stripe{position:absolute;top:0;bottom:0;width:24px;left:19%;background:linear-gradient(90deg,transparent,#efffe608,transparent);z-index:7}.tank-caption{position:absolute;bottom:30px;left:20px;right:20px;text-align:center}.tank-caption strong{display:block;font-size:13px;font-weight:500;letter-spacing:.3px}.tank-caption>span{display:block;color:#93b4ac;font-size:10px;margin-top:9px}.sensor-controls{background:#f8f8f0;color:#163f40;padding:32px;min-width:0}.control-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:32px}.demo-tag{font-size:8px;letter-spacing:1.5px;font-weight:750;color:#688474}.control-heading .reset-button{font-size:10px;color:#6b8175;padding:4px}.range-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:18px}.range-label output{font-size:24px;letter-spacing:-1px;color:#316f5a}.sensor-controls input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:7px;border-radius:5px;background:linear-gradient(90deg,#4a8a70 0 55%,#dce4d8 55% 100%);margin:9px 0 12px;cursor:pointer}.sensor-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:25px;height:25px;border-radius:50%;background:#f8f8f0;border:6px solid #38785d;box-shadow:0 2px 10px #123c3325}.sensor-controls input[type=range]::-moz-range-thumb{width:15px;height:15px;border:5px solid #38785d;border-radius:50%;background:#f8f8f0}.control-help{font-size:10px;line-height:1.7;color:#74877b;margin:6px 0 0}.tank-presets{display:flex;gap:8px;margin:15px 0 23px}.tank-presets button{font-size:10px;color:#38654f;border:1px solid #cfdccd;border-radius:5px;background:transparent;padding:10px 12px}.tank-presets button:hover{background:#e8eedd}.threshold-control{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-top:1px solid #dbe2d3;border-bottom:1px solid #dbe2d3;font-size:11px}.threshold-control>div{display:flex;align-items:center;gap:8px}.threshold-control input{width:61px;border:1px solid #d0dcce;border-radius:4px;background:#fff;padding:9px;color:#285944;font-size:13px}.sensor-result{padding:23px 0 20px;min-height:158px}.sensor-state{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:650;color:#3f8062;letter-spacing:.3px;margin-bottom:13px}.sensor-state.low{color:#92680f}.sensor-state.low .signal-dot{background:#dda92d}.sensor-result h3{font-size:21px;letter-spacing:-.6px;font-weight:600;margin:0 0 9px;line-height:1.25}.sensor-result p{font-size:11px;line-height:1.75;margin:0;color:#687e70;max-width:380px}.refill-request{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;background:#f0ebd5;border:1px solid #e5d8ac;padding:13px 16px;border-radius:6px}.refill-request[hidden]{display:none}.refill-request small{display:block;color:#7c784f;font-size:7px;letter-spacing:1px}.refill-request strong{display:block;font-size:25px;margin:5px 0;font-weight:600;color:#796214;letter-spacing:-.7px}.refill-request div>span{font-size:9px;color:#7c784f}.request-review{border:1px solid #d6c791;background:#f8f1da;border-radius:4px;padding:7px;font-size:9px;white-space:nowrap;color:#887228}.sensor-controls>.cx-button{width:100%;font-size:12px;min-height:45px;padding:12px 17px}.sensor-controls>.control-help{margin-top:12px;font-size:9px}.connection-chain{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:36px}.chain-step{border-top:1px solid #6c8b7355;padding:22px 0;position:relative;color:#a1bbb0}.chain-step>span{font-size:9px;color:#9cb09e;display:block;margin-bottom:12px}.chain-step>strong{font-size:13px;font-weight:500;display:block;margin-bottom:8px}.chain-step>small{font-size:10px;color:#70988e}.chain-step.done{border-color:#d6e6b5;color:#d6e6b5}.chain-step.done:after{content:'✓';position:absolute;right:3px;top:19px;color:#d6e6b5;font-size:14px}.integration-note{border-top:1px solid #64857838;padding-top:21px;margin:15px 0 0;color:#85a69c;font-size:11px;line-height:1.8;max-width:1000px}
.capability-section{background:#f0f2e9}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.capability-card{min-width:0}.capability-art{height:300px;border-radius:9px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#e0e8df}.capability-card>.cx-kicker{margin:26px 0 13px;font-size:8px}.capability-card h3{font-size:26px;line-height:1.15;letter-spacing:-.9px;max-width:320px;font-weight:600}.capability-card>p:not(.cx-kicker){font-size:13px;line-height:1.8;color:#667e70;max-width:350px}.capability-add{display:inline-flex;align-items:center;gap:22px;background:transparent;border:0;border-bottom:1px solid #bfcfc0;color:#2b6955;font-size:11px;padding:11px 0;font-weight:650}.capability-add>span{font-size:19px;line-height:1}.capability-add[aria-pressed=true]{color:#143d2b;border-color:#417a56}.portal-art{background:radial-gradient(circle at 80% 20%,#e0e8b5,#d4e4cf)}.mini-client{background:#fffef4;border:1px solid #ceddc5;box-shadow:0 20px 25px #40634817;width:80%;padding:23px;border-radius:9px;transform:rotate(-4deg)}.mini-client-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#d6e4c2;color:#416644;font-size:10px;margin-bottom:18px}.mini-client>strong{display:block;font-size:16px;margin-bottom:9px;letter-spacing:-.4px}.mini-client>span:not(.mini-client-avatar){font-size:8px;color:#73806b}.mini-client-actions{display:flex;gap:7px;margin:18px 0}.mini-client-actions>span{border:1px solid #d8e0d0;padding:8px;font-size:7px;border-radius:4px;color:#526f50}.mini-client-progress{height:4px;border-radius:4px;background:#e4e9d8}.mini-client-progress i{display:block;width:62%;height:100%;background:#688f58;border-radius:4px}.mini-client small{font-size:7px;display:block;color:#7c8b71;margin-top:10px}.floating-lozenge{position:absolute;bottom:27px;right:9px;border-radius:5px;background:#224b3d;color:#edf1d9;font-size:8px;padding:12px 16px;transform:rotate(3deg);box-shadow:0 7px 20px #143b3a22}.field-art{background:linear-gradient(120deg,#183a4b,#2a5758)}.mini-phone{width:178px;height:273px;transform:rotate(8deg) translate(-12px,25px);padding:21px 15px;border:5px solid #f0f3dc;border-radius:22px;background:#f7f8f0;box-shadow:12px 15px 25px #001c2e55;position:relative}.phone-speaker{position:absolute;top:6px;left:60px;width:46px;height:4px;border-radius:4px;background:#2e4b47}.mini-phone>small{font-size:6px;letter-spacing:.6px;color:#678e7a;display:block;margin-top:10px}.mini-phone>strong{display:block;font-size:18px;line-height:1.1;letter-spacing:-.7px;margin:12px 0 17px}.phone-job{padding:10px 0;border-block:1px solid #dfe4d8;display:flex;gap:7px}.phone-job>span{font-size:8px;color:#4d8667}.phone-job b{font-size:7px;display:block}.phone-job small{font-size:6px;display:block;margin-top:5px;color:#698579}.phone-check{background:#e7efdc;border-radius:5px;padding:12px 7px;margin:13px 0;font-size:8px;color:#548260}.phone-cta{padding:12px 7px;border-radius:5px;background:#163d49;color:#fff;font-size:8px}.field-orbit{position:absolute;right:22px;top:55px;border:1px solid #779b8355;border-radius:50%;width:83px;height:83px;background:#46664d4d;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(5px);color:#d1e7ba}.field-orbit>span{font-size:32px}.field-orbit small{font-size:7px}.data-art{background:#ede2c2}.insight-card{border:1px solid #e3d7b7;background:#fcf9ed;padding:25px 22px;width:83%;border-radius:7px;transform:rotate(-3deg);box-shadow:15px 16px 35px #9f895c25}.insight-card>span{font-size:6px;letter-spacing:.5px;color:#8d8966}.insight-card>strong{font-size:19px;display:block;letter-spacing:-.6px;line-height:1.2;margin:13px 0 22px}.insight-bars{display:flex;gap:6px;align-items:end;height:90px;border-bottom:1px solid #d9d7bd}.insight-bars i{height:30%;flex:1;background:#cbd6a5;border-radius:2px 2px 0 0;transform-origin:bottom;transition:transform .5s}.insight-bars i:nth-child(2){height:48%}.insight-bars i:nth-child(3){height:38%}.insight-bars i:nth-child(4){height:62%;background:#95ae78}.insight-bars i:nth-child(5){height:52%;background:#95ae78}.insight-bars i:nth-child(6){height:69%;background:#6f9864}.insight-bars i:nth-child(7){height:64%;background:#6f9864}.insight-bars i:nth-child(8){height:77%;background:#4a7e53}.insight-bars i:nth-child(9){height:87%;background:#4a7e53}.insight-bars i:nth-child(10){height:100%;background:#2c6248}.insight-card>small{display:block;font-size:7px;color:#9a967a;margin-top:10px}.capability-card:hover .insight-bars i{transform:scaleY(.88)}.capability-card:hover .insight-bars i:nth-child(even){transform:scaleY(1.08)}.capability-more{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:45px;padding-top:28px;border-top:1px solid #d6dfce}.capability-more>span{font-size:7px;letter-spacing:1.5px;color:#809079;margin-right:10px}.capability-more .capability-add{font-size:10px;gap:12px;padding:9px 12px;border:1px solid #ced9c6;border-radius:5px;background:#f4f6ed}
.workflow-section{background:#fffef7;padding:106px 0 82px}.workflow-builder{border:1px solid #d9e0d0;border-radius:11px;padding:30px;background-image:radial-gradient(#c0ccb959 .6px,transparent .6px);background-size:15px 15px;background-color:#f6f7ee;box-shadow:0 30px 60px -35px #50713e30}.workflow-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;color:#7d8d76;font-size:10px}.workflow-nodes{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr;align-items:center;gap:10px}.workflow-node{background:#fffef8;border:1px solid #d8e0cd;border-radius:9px;padding:24px 18px;box-shadow:0 7px 15px #5e77490a;min-width:0;transition:border .4s,box-shadow .4s,transform .4s}.workflow-node.running{border-color:#75a874;box-shadow:0 0 0 4px #86ae6b20;transform:translateY(-5px)}.workflow-node.complete{border-color:#6e9d60}.node-number{display:block;font-size:8px;color:#73916b;letter-spacing:1px;margin-bottom:20px}.workflow-node label{font-size:10px;display:block;margin-bottom:11px;color:#6e7f65}.workflow-node select{display:block;width:100%;font-size:11px;color:#365d42;border:1px solid #d3dfc7;border-radius:5px;padding:12px 24px 12px 10px;background:#f8faf1;min-height:44px;cursor:pointer;max-width:100%}.node-symbol{margin:25px 0 15px;color:#456e4d;border:1px solid #dbe4d1;background:#edf2e2;width:40px;height:40px;border-radius:8px;display:grid;place-items:center;font-size:23px}.workflow-node>strong{font-size:19px;letter-spacing:-.5px;font-weight:550;display:block}.workflow-arrow{font-size:27px;color:#6a9270;text-align:center}.workflow-run-bar{display:flex;align-items:center;gap:25px;margin:28px 0 20px}.workflow-run-bar .cx-button{min-width:205px}.workflow-run-bar>p{font-size:11px;color:#7d8b72;margin:0;max-width:380px}.workflow-log{margin:0;padding:18px 20px;list-style:none;background:#edf2e3;border:1px solid #dce5d0;border-radius:6px;min-height:56px;color:#567148;font-size:11px;line-height:1.8}.workflow-log li+li{margin-top:8px}.workflow-log li:before{content:'↳';margin-right:10px;color:#83a773}.build-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:62px}.build-principles>div>span{font-size:10px;color:#7f9e70;display:block;margin-bottom:18px}.build-principles strong{font-size:22px;font-weight:550;letter-spacing:-.6px}.build-principles p{font-size:13px;line-height:1.75;color:#7b8971;margin:12px 0 0}
.idea-section{background:#eef1e6}.idea-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:start}.idea-copy h2{font-size:clamp(38px,4.2vw,62px);margin-bottom:32px}.idea-copy>p:not(.cx-kicker){font-size:15px;line-height:1.85;color:#64745e;max-width:420px}.personal-contact{display:flex;align-items:center;gap:16px;margin-top:37px;max-width:max-content}.contact-avatar{display:grid;place-items:center;width:51px;height:51px;border:1px solid #c9d6bc;border-radius:50%;background:#dbe5cb;color:#466a3c;font-size:17px}.personal-contact>span>small{display:block;font-size:7px;letter-spacing:1.3px;color:#7e8e70;margin-bottom:6px}.personal-contact strong{font-size:22px;letter-spacing:-.8px;font-weight:650;display:block}.personal-contact>span>span{display:block;font-size:10px;color:#7a8c6b;margin-top:6px}.direct-email{display:inline-block;margin:22px 0 0;font-size:13px;color:#517146;border-bottom:1px solid #b6c7a7;padding-bottom:5px}.scope-note{border-top:1px solid #d1dcc5;margin-top:37px;padding-top:25px;max-width:410px}.scope-note strong{font-size:12px;font-weight:650;color:#506b43}.scope-note p{font-size:11px;line-height:1.9;color:#7f8c71;margin:10px 0 0}.brief-builder{background:#fffef8;border:1px solid #d4dfc7;border-radius:10px;padding:31px;box-shadow:0 30px 50px -35px #47572b55}.brief-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:27px}.brief-top>span:last-child{font-size:7px;letter-spacing:1px;color:#9ba38b}.brief-builder h3{font-size:27px;letter-spacing:-1px;font-weight:600;margin-bottom:26px}.brief-builder label{display:block;font-size:11px;font-weight:650;color:#536d44;margin-bottom:10px}.brief-builder label>span{color:#89957b;font-weight:400}.brief-builder input,.brief-builder textarea{width:100%;padding:13px 14px;background:#f9faf2;border:1px solid #d5dfca;border-radius:5px;margin-bottom:21px;font-size:13px;color:#23432b;line-height:1.7;resize:vertical}.brief-builder textarea{min-height:116px;max-height:400px}.brief-builder input::placeholder,.brief-builder textarea::placeholder{color:#9aa38d}.brief-interests{margin-bottom:22px}.brief-interests>strong{font-size:11px;font-weight:650;color:#536d44;display:block;margin-bottom:10px}#brief-chips{display:flex;flex-wrap:wrap;gap:8px}.empty-brief{font-size:11px;color:#89957b;line-height:1.7}.brief-chip{border:1px solid #d6dfc5;border-radius:4px;padding:8px 10px;background:#eff4e4;color:#517642;display:flex;gap:10px;align-items:center;font-size:10px}.brief-chip>span{font-size:14px}.brief-workflow{padding:16px;background:#f0f3e8;border:1px solid #e1e6d7;border-radius:5px;margin-bottom:21px}.brief-workflow small{font-size:7px;letter-spacing:1px;color:#859875}.brief-workflow p{font-size:11px;color:#527242;line-height:1.8;margin:7px 0 0}.brief-builder>.cx-button{width:100%;font-size:12px}.download-brief{display:block;width:100%;border:0;background:transparent;text-align:center;color:#658150;font-size:11px;padding:18px 8px 7px}.brief-privacy{font-size:9px;color:#89947d;line-height:1.8;margin:16px 0 0}.brief-status{font-size:11px;color:#4b7b40;margin:12px 0 0}.brief-status:empty{display:none}.create-outro{background:#143b3e;color:#e4edcf;padding:65px 0;text-align:center}.create-outro p{font-size:8px;letter-spacing:1.5px;color:#a5c1a6;margin-bottom:18px}.create-outro h2{font-size:33px;font-weight:550;letter-spacing:-1px;margin-bottom:26px}.create-outro .cx-button{font-size:12px}.outro-free{display:block;font-size:11px;color:#b7d4b0;max-width:max-content;margin:23px auto 0}.create-page .site-footer{padding-top:50px;background:transparent}.create-page .site-footer>div:nth-child(2){flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:12px 20px}.create-page .site-footer .logo{width:180px}.create-page .site-footer a{font-size:11px}.create-page .site-footer .copyright{font-size:10px!important;color:#7e8f7a}
/* Progressive reveal only activates when the observer is ready. */
.create-page.motion-ready:not(.motion-paused) .reveal{transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1)}.create-page.motion-ready:not(.motion-paused) .reveal.reveal-pending{opacity:0;transform:translateY(34px)}.create-page.motion-paused *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.create-page.motion-paused .reveal{opacity:1!important;transform:none!important}
@keyframes orbit-float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes route-flow{to{stroke-dashoffset:-240}}@keyframes water-breathe{0%,100%{scale:1 1}50%{scale:1 1.13}}
@media(min-width:1600px){.hero-layout{min-height:750px}.universe{height:650px}.create-hero h1{font-size:96px}.create-hero{min-height:810px}}
@media(max-width:1180px){.cx-wrap{width:calc(100% - 72px)}.create-page .site-header nav{gap:15px}.create-page .site-header .logo{width:170px}.create-hero h1{font-size:70px;letter-spacing:-4px}.hero-layout{grid-template-columns:1fr 1fr;min-height:650px}.hero-description{font-size:15px;max-width:380px}.hero-actions{gap:15px}.hero-actions .cx-button{padding:15px 18px;gap:16px;font-size:12px}.hero-secondary{font-size:11px}.universe{height:530px;margin-right:0;margin-left:-15px}.orbit-label{padding:12px;gap:8px}.orbit-label strong{font-size:12px}.orbit-label small{font-size:6px}.orbit-field{right:-15px}.orbit-people{left:7%}.orbit-data{left:3%}.orb-centre strong{font-size:27px}.orb-notification{right:-15px;padding:14px;gap:10px}.orb-notification strong{font-size:10px}.orb-notification small{font-size:6px}.hero-baseline{font-size:10px}.chapter-heading{gap:50px}.command-layout{grid-template-columns:150px 1fr}.command-content{padding:22px}.command-panels{grid-template-columns:1.45fr 1fr}.activity-panel li{padding:13px 0}.lab-brand{font-size:8px;letter-spacing:1px}.lab-nav nav{gap:22px;font-size:11px}.capability-art{height:260px}.mini-client{padding:18px}.capability-card h3{font-size:23px}.workflow-node{padding:20px 14px}.workflow-node select{font-size:10px}.workflow-node>strong{font-size:18px}.idea-layout{gap:65px}.brief-builder{padding:27px}}
@media(max-width:950px){.create-page .site-header{flex-wrap:wrap;gap:15px}.create-page .site-header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #dce4d8;padding:14px 0 0;font-size:12px}.create-page .site-header .logo{width:190px}.hero-layout{grid-template-columns:1fr 1fr;min-height:590px}.create-hero h1{font-size:58px;letter-spacing:-3.5px}.hero-description{font-size:14px}.hero-words{padding-block:50px}.hero-actions{align-items:flex-start;flex-direction:column;gap:7px}.hero-secondary{padding-top:6px}.hero-small{font-size:10px;max-width:270px}.universe{height:490px;margin-left:-35px;margin-right:-10px}.orb-centre strong{font-size:22px}.orb-centre small{font-size:8px}.orbit-people{left:14%;top:10%}.orbit-data{left:6%;bottom:22%}.orbit-field{right:-10%;top:32%}.orbit-symbol{font-size:19px;width:20px}.orbit-label strong{font-size:11px}.orb-notification{right:-8px;bottom:30px}.orb-notification .notification-icon{width:27px;height:27px;font-size:17px}.orb-notification strong{font-size:9px}.universe-coordinate{font-size:6px}.lab-brand{font-size:0;letter-spacing:0}.lab-brand>span{font-size:25px;margin:0}.lab-nav-inner{gap:15px}.lab-nav nav{gap:30px;font-size:12px}.chapter-heading{gap:35px}.chapter-heading>p,.chapter-heading>div>p:not(.cx-kicker){font-size:14px}.chapter-heading h2,.idea-copy h2{font-size:44px;letter-spacing:-2px}.command-sidebar{display:none}.command-layout{display:block}.command-panels{grid-template-columns:1.5fr 1fr}.sensor-controls{padding:26px}.tank-visual{width:200px;height:320px}.tank-body{height:275px}.tank-value strong{font-size:53px}.tank-stage{min-height:570px}.connected-section .chapter-heading{grid-template-columns:1.25fr 1fr}.connected-section h2{font-size:45px;letter-spacing:-2px}.sensor-result h3{font-size:19px}.range-label{font-size:13px}.threshold-control{font-size:10px}.capability-grid{gap:17px}.capability-art{height:235px}.mini-client{width:88%;padding:15px}.mini-client>strong{font-size:14px}.mini-client>span:not(.mini-client-avatar){font-size:7px}.mini-client-actions{gap:4px}.mini-client-actions>span{padding:6px;font-size:6px}.floating-lozenge{font-size:7px;padding:10px}.mini-phone{transform:rotate(8deg) translate(-8px,35px)}.field-orbit{right:10px;top:30px;width:65px;height:65px}.insight-card{padding:19px 15px}.insight-card>strong{font-size:16px}.insight-bars{gap:4px}.capability-card h3{font-size:21px}.capability-card>p:not(.cx-kicker){font-size:12px}.workflow-nodes{grid-template-columns:1fr 18px 1fr 18px 1fr;gap:5px}.workflow-arrow{font-size:20px}.workflow-node{padding:20px 10px}.workflow-node label{font-size:9px;min-height:24px}.workflow-node select{font-size:10px;padding:10px 19px 10px 7px}.workflow-node>strong{font-size:15px}.workflow-builder{padding:25px}.build-principles{gap:30px}.idea-layout{gap:40px}.brief-builder{padding:22px}.idea-copy>p:not(.cx-kicker){font-size:14px}}
@media(max-width:700px){.cx-wrap{width:calc(100% - 40px)}.create-page .site-header{width:calc(100% - 40px);padding:14px 0}.create-page .site-header .logo{width:170px}.create-page .site-header .login{padding:10px 11px;font-size:10px}.create-page .site-header nav{display:flex;font-size:10px;padding-top:13px;gap:10px}.create-page .site-header .website-account{gap:3px}.create-page .site-header .website-session{font-size:9px}.hero-layout{grid-template-columns:1fr;min-height:0}.hero-words{padding:44px 0 0}.create-hero .cx-kicker{font-size:8px;letter-spacing:1.2px;margin-bottom:24px}.create-hero h1{font-size:clamp(51px,10.8vw,76px);letter-spacing:-3px;line-height:1.02;margin-bottom:21px}.create-hero h1 em{white-space:normal}.hero-description{max-width:440px;font-size:15px;margin-bottom:24px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions .cx-button{min-height:48px;padding:15px;font-size:11px;gap:19px}.hero-secondary{padding:12px 0;font-size:11px}.hero-small{max-width:none;font-size:9px;margin-top:14px}.universe{height:430px;width:100%;max-width:490px;margin:0 auto;position:relative}.orb-centre{top:47%}.orb-centre strong{font-size:26px}.orb-centre>span{font-size:8px}.orb-centre small{font-size:9px}.orbit-label{padding:12px;gap:8px}.orbit-label strong{font-size:11px}.orbit-people{left:3%;top:9%}.orbit-field{right:0;top:33%}.orbit-data{left:0;bottom:24%}.orb-notification{right:6px;bottom:30px;padding:14px;gap:12px}.orb-notification strong{font-size:10px}.orb-notification small{font-size:6px}.universe-coordinate{font-size:6px;right:12%;bottom:7px}.hero-baseline{padding:20px 0;flex-direction:column;align-items:flex-start;gap:10px;font-size:9px}.hero-baseline i{padding:0 6px}.lab-nav-inner{min-height:53px;gap:10px}.lab-brand{display:none}.lab-nav nav{gap:19px;font-size:10px;flex:1;justify-content:space-between}.lab-nav nav a{padding:17px 0}.motion-button{font-size:0;gap:0;width:31px;height:31px;justify-content:center;padding:0;margin-left:5px}.motion-button>span{font-size:13px}.cx-section{padding:68px 0}.chapter-heading{grid-template-columns:1fr;gap:23px;margin-bottom:31px}.chapter-heading h2,.idea-copy h2{font-size:42px;letter-spacing:-2px}.chapter-heading>p,.chapter-heading>div>p:not(.cx-kicker){font-size:14px;max-width:500px}.cx-kicker{font-size:8px;letter-spacing:1.6px;margin-bottom:18px}.industry-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:19px}.industry-button{padding:12px 11px;font-size:10px;gap:10px;min-height:43px}.industry-button>span{font-size:8px}.command-window{border-radius:9px}.command-top{padding:12px;gap:10px;font-size:6px;letter-spacing:1px}.window-dots{gap:3px}.window-dots i{width:5px;height:5px}.simulation-label{font-size:6px;gap:4px;letter-spacing:.5px}.command-content{padding:20px 14px}.command-title{margin-bottom:20px}.command-title h3{font-size:22px}.command-title p{font-size:6px;letter-spacing:1.2px}.example-avatar{width:26px;height:26px;font-size:8px}.command-metrics{gap:7px;margin-bottom:14px}.command-metrics>div{padding:13px 10px}.command-metrics>div>span{font-size:8px}.command-metrics strong{font-size:27px;margin:10px 0 7px}.command-metrics small{font-size:7px;line-height:1.6;display:block}.command-panels{grid-template-columns:1fr;gap:14px}.panel-caption{font-size:9px;padding:12px}.panel-caption>span{font-size:6px}.map-legend{font-size:7px;gap:16px;padding:10px 12px}.activity-panel ol{display:flex;flex-direction:column;padding:0 12px}.activity-panel li{padding:12px 0;gap:10px}.activity-panel li strong{font-size:9px}.activity-panel li small{font-size:8px;margin-top:2px}.activity-panel .activity-icon{min-width:24px;height:24px}.activity-panel li:nth-child(n+3){display:none}.work-list-top{font-size:10px;margin-top:19px}.work-filter{font-size:8px;padding:8px 7px}.work-row{gap:12px;padding:13px 2px;grid-template-columns:minmax(0,1fr) auto}.work-row strong{font-size:9px}.work-row>span{display:none}.work-status{font-size:7px;padding:5px 7px}.command-demo-bar{padding:17px 14px;gap:12px;flex-wrap:wrap}.command-demo-bar>div{width:100%;margin:0 0 3px}.command-demo-bar strong{font-size:12px}.command-demo-bar>div>span{font-size:10px;line-height:1.7;display:block}.command-demo-bar .cx-button{flex:1;min-height:44px}.command-demo-bar .reset-button{padding:10px 6px}.demo-footnote{font-size:9px;margin-top:16px}.possibility-line{flex-direction:column;gap:20px;padding-top:35px;font-size:20px}.possibility-line span:before{font-size:17px}.connected-section{padding:65px 0 40px}.connected-section .chapter-heading{grid-template-columns:1fr;gap:24px}.connected-section h2{font-size:42px}.connected-section .chapter-heading>div>.connected-note{font-size:11px;margin-top:16px}.sensor-lab{grid-template-columns:1fr}.tank-stage{min-height:420px}.tank-visual{width:180px;height:275px;margin-top:3px}.tank-cap{height:35px}.tank-body{top:17px;height:238px}.tank-base{bottom:3px;height:34px}.tank-value strong{font-size:48px}.tank-value>span{font-size:10px}.tank-cap:before{height:14px;top:0}.lab-stamp{top:21px;left:22px;right:22px;font-size:7px;letter-spacing:1px}.tank-caption{bottom:20px}.tank-caption strong{font-size:12px}.tank-caption>span{font-size:9px;margin-top:6px}.sensor-controls{padding:25px 22px}.control-heading{margin-bottom:25px}.range-label{font-size:14px}.control-help{font-size:11px}.tank-presets button{font-size:11px;min-height:40px}.threshold-control{font-size:11px}.sensor-result h3{font-size:23px}.sensor-result p{font-size:12px}.sensor-controls>.cx-button{font-size:12px;min-height:48px}.connection-chain{grid-template-columns:1fr 1fr;gap:8px 22px;margin-top:25px}.chain-step{padding:17px 0}.chain-step>strong{font-size:12px}.chain-step>small{font-size:10px}.integration-note{font-size:10px;margin-top:20px;line-height:1.85}.capability-grid{grid-template-columns:1fr;gap:35px}.capability-art{height:310px}.capability-card h3{font-size:28px;max-width:360px;margin-bottom:15px}.capability-card>.cx-kicker{margin-top:24px}.capability-card>p:not(.cx-kicker){font-size:14px;max-width:500px}.capability-add{font-size:12px;padding:12px 0}.mini-client{max-width:285px;padding:23px}.mini-client>strong{font-size:18px}.mini-client>span:not(.mini-client-avatar){font-size:9px}.mini-client-actions>span{font-size:8px;padding:9px}.mini-client small{font-size:8px}.floating-lozenge{bottom:24px;right:25px;font-size:9px;padding:14px}.mini-phone{transform:rotate(8deg) translate(-12px,18px);scale:1.1}.field-orbit{right:45px;top:42px;width:86px;height:86px}.field-orbit small{font-size:8px}.insight-card{max-width:290px;padding:25px}.insight-card>span{font-size:7px}.insight-card>strong{font-size:22px}.insight-bars{height:100px;gap:6px}.capability-more{margin-top:30px;gap:10px}.capability-more>span{width:100%;margin-bottom:4px}.capability-more .capability-add{font-size:10px;min-height:40px;padding:9px 12px}.workflow-section{padding:65px 0}.workflow-builder{padding:22px 18px}.workflow-label-row{margin-bottom:23px;gap:15px;align-items:flex-start}.workflow-label-row>span:last-child{font-size:8px;max-width:100px;text-align:right}.workflow-nodes{grid-template-columns:1fr;gap:12px}.workflow-node{padding:20px}.workflow-node label{min-height:0;font-size:12px;margin-bottom:10px}.workflow-node select{font-size:13px;padding:12px}.workflow-node>strong{font-size:21px}.node-number{font-size:8px;margin-bottom:16px}.node-symbol{width:35px;height:35px;font-size:19px;margin:19px 0 12px}.workflow-arrow{rotate:90deg;font-size:25px;height:25px;line-height:1}.workflow-run-bar{flex-direction:column;align-items:stretch;gap:15px;margin-top:23px}.workflow-run-bar p{font-size:11px}.workflow-log{padding:16px;font-size:11px}.build-principles{grid-template-columns:1fr;gap:26px;margin-top:40px}.build-principles>div{padding-top:20px;border-top:1px solid #d8e1ce}.build-principles>div>span{margin-bottom:12px}.build-principles strong{font-size:24px}.build-principles p{font-size:14px;margin-top:10px;max-width:440px}.idea-layout{grid-template-columns:1fr;gap:40px}.idea-copy h2{margin-bottom:25px}.idea-copy>p:not(.cx-kicker){font-size:15px}.personal-contact{margin-top:28px}.scope-note{margin-top:28px}.brief-builder{padding:26px 22px}.brief-builder input,.brief-builder textarea{font-size:16px}.brief-builder label{font-size:12px}.brief-builder h3{font-size:28px}.brief-interests>strong{font-size:12px}.brief-privacy{font-size:10px}.brief-workflow p{font-size:12px}.brief-builder>.cx-button{min-height:50px;font-size:13px}.download-brief{font-size:12px;min-height:44px}.create-outro{padding:49px 0}.create-outro p{font-size:7px;line-height:1.8}.create-outro h2{font-size:30px}.create-page .site-footer{width:calc(100% - 40px);display:block;padding-top:36px}.create-page .site-footer>div:nth-child(2){justify-content:flex-start;gap:15px 20px;padding:20px 0}.create-page .site-footer a{font-size:11px}.create-page .site-footer .copyright{margin-top:18px;line-height:1.8}.create-page section[id]{scroll-margin-top:72px}}
@media(max-width:370px){.cx-wrap{width:calc(100% - 30px)}.create-page .site-header{width:calc(100% - 30px)}.create-page .site-header .logo{width:140px}.create-page .site-header nav{font-size:9px}.create-hero h1{font-size:48px;letter-spacing:-2.6px}.hero-actions{gap:11px}.hero-actions .cx-button{font-size:10px;padding:13px;gap:10px}.hero-secondary{font-size:10px}.hero-description{font-size:14px}.universe{height:390px}.orbit-label small{font-size:5px}.orbit-label strong{font-size:10px}.orbit-label{padding:10px}.orb-notification{right:0;padding:12px}.orb-notification strong{font-size:9px}.orb-notification small{font-size:5px}.lab-nav nav{gap:12px}.chapter-heading h2,.idea-copy h2,.connected-section h2{font-size:37px}.command-top{font-size:5px;letter-spacing:.5px}.simulation-label{font-size:5px}.command-content{padding:18px 11px}.industry-button{font-size:9px}.command-metrics>div{padding:12px 7px}.command-metrics>div>span{font-size:7px}.work-list-top{font-size:9px}.work-filter{font-size:7px}.connection-chain{gap:8px 15px}.chain-step>strong{font-size:11px}.threshold-control{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.create-page *, .create-page *:before,.create-page *:after{animation:none!important;transition:none!important}.create-page .reveal{opacity:1!important;transform:none!important}}
/* Live art direction: a complete visual change, without a page reload. */
.design-studio{background:#e8ede4;overflow:hidden;padding:100px 0 65px;position:relative}.studio-heading{text-align:center}.studio-heading .cx-kicker{color:#6a8263}.studio-heading h2{font-size:clamp(44px,5.3vw,77px);font-weight:550;line-height:1.03;letter-spacing:-3.5px;color:#1a3c35;margin:0}.studio-heading h2 em{font-style:normal;color:#537b60}.studio-heading>p:last-child{font-size:15px;line-height:1.8;color:#70816a;margin:25px 0 30px}.studio-controls{display:flex;justify-content:center;gap:10px;position:relative;z-index:2}.studio-palette{border:1px solid #bdcdb4;padding:12px 16px;border-radius:30px;background:#f2f5eb;color:#5b7650;display:flex;align-items:center;gap:9px;font-size:11px;transition:background .2s,border .2s}.studio-palette.active{background:#1b3c36;color:#e8eed6;border-color:#1b3c36}.studio-palette i{width:10px;height:10px;background:#c8f18a;border-radius:50%;border:1px solid #8b9d6e}.studio-palette[data-palette=botanical] i{background:#56966a}.studio-palette[data-palette=brighter] i{background:#ffc633}.studio-palette[data-palette=terracotta] i{background:#c87553}.studio-stage{position:relative;max-width:1070px;margin:55px auto 50px;perspective:1600px;--studio-bg:#101e23;--studio-text:#f0f2de;--studio-accent:#d1ee91;--studio-muted:#90a6a0;--studio-line:#9aaba12b;--studio-button-text:#243323;--studio-card:#1d3032;--studio-glow:#b2cf7670}.studio-stage[data-style=botanical]{--studio-bg:#f1f4e8;--studio-text:#214438;--studio-accent:#487b4d;--studio-muted:#83947b;--studio-line:#5b79422b;--studio-button-text:#f7f9e9;--studio-card:#e4ebda;--studio-glow:#669c6660}.studio-stage[data-style=brighter]{--studio-bg:#082d4c;--studio-text:#f6f7ee;--studio-accent:#ffc632;--studio-muted:#a4bacc;--studio-line:#d3e1ee2b;--studio-button-text:#082d4c;--studio-card:#15415d;--studio-glow:#ffb93660}.studio-stage[data-style=terracotta]{--studio-bg:#f8ede2;--studio-text:#663b31;--studio-accent:#bc6246;--studio-muted:#a58370;--studio-line:#8c5c3c2b;--studio-button-text:#fff6e6;--studio-card:#f0dfcc;--studio-glow:#bc62464a}.studio-aura{position:absolute;inset:-20%;z-index:0;background:radial-gradient(ellipse,var(--studio-glow),transparent 65%);filter:blur(30px);transition:background .7s}.studio-orbit{position:absolute;width:90%;height:100%;border:1px solid #bbcbb3;border-radius:50%;left:10%;top:-15%;transform:rotate(-20deg) scaleX(1.3);opacity:.5}.studio-preview{position:relative;background:var(--studio-bg);color:var(--studio-text);border:1px solid var(--studio-line);border-radius:12px;box-shadow:0 45px 80px -25px #183d3d44;transform:rotateX(3deg) rotateY(-5deg);transition:background .65s,color .65s,transform .65s;overflow:hidden}.studio-stage:hover .studio-preview{transform:rotateX(0) rotateY(0)}.studio-preview-nav{display:flex;align-items:center;gap:15px;padding:24px 34px;border-bottom:1px solid var(--studio-line)}.studio-mark{font-size:27px;line-height:1;color:var(--studio-accent)}.studio-preview-nav>strong{font-size:12px;font-weight:550;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.studio-preview-nav>span:not(.studio-mark){margin-left:auto;font-size:8px;letter-spacing:1px;color:var(--studio-muted)}.studio-preview-avatar{width:28px;height:28px;background:var(--studio-card);border:1px solid var(--studio-line);display:grid;place-items:center;border-radius:50%;font-size:8px;color:var(--studio-accent)}.studio-preview-main{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:360px;padding:42px 46px;gap:30px}.studio-preview-copy>span:first-child{font-size:8px;letter-spacing:1.6px;color:var(--studio-muted)}.studio-preview-copy h3{font-size:55px;font-weight:500;letter-spacing:-2px;line-height:1.02;margin:24px 0 19px}.studio-preview-copy h3 em{font-style:normal;color:var(--studio-accent)}.studio-preview-copy>p{font-size:12px;color:var(--studio-muted);line-height:1.8;margin-bottom:25px}.studio-faux-button{display:inline-flex;gap:35px;align-items:center;background:var(--studio-accent);color:var(--studio-button-text);padding:13px 17px;border-radius:4px;font-size:10px;transition:background .65s}.studio-faux-button b{font-size:16px;font-weight:400}.studio-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--studio-line);padding:25px 45px;background:var(--studio-card);transition:background .65s}.studio-preview-bottom small{font-size:6px;letter-spacing:1px;color:var(--studio-muted);display:block;margin-bottom:9px}.studio-preview-bottom strong{font-size:12px;font-weight:500;display:block}.studio-preview-bottom>span{font-size:9px;color:var(--studio-muted)}.studio-sculpture{position:relative;height:300px;perspective:700px;transform-style:preserve-3d;display:grid;place-items:center;isolation:isolate}.sculpture-ring{position:absolute;width:245px;height:245px;border:20px solid var(--studio-accent);border-radius:50%;box-shadow:inset 3px 5px 12px #0002,2px 5px 15px #0002;opacity:.9;transition:border .65s;transform:rotateY(60deg) rotateX(20deg)}.ring-two{transform:rotateY(60deg) rotateX(20deg) translateZ(-35px);opacity:.65}.ring-three{transform:rotateY(60deg) rotateX(20deg) translateZ(-70px);opacity:.4}.ring-four{transform:rotateY(60deg) rotateX(20deg) translateZ(-105px);opacity:.15}.sculpture-star{position:absolute;font-size:80px;color:var(--studio-accent);text-shadow:0 0 40px var(--studio-glow);translate:15px 0;animation:sculpture-turn 30s linear infinite}.studio-floating-note{position:absolute;right:-25px;bottom:-25px;padding:20px 25px;border:1px solid #cad7be;background:#f6f7e8;border-radius:9px;display:flex;align-items:center;gap:15px;transform:rotate(3deg);box-shadow:0 15px 30px #344e2a22;color:#3f653d}.studio-floating-note>span{font-size:27px}.studio-floating-note strong{font-size:13px;display:block}.studio-floating-note small{font-size:9px;display:block;color:#819270;margin-top:6px}.studio-personalise{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:65px}.studio-personalise label{font-size:12px;color:#5b7752}.studio-personalise input{border:1px solid #bdcdb2;border-radius:5px;padding:12px 15px;font-size:13px;background:#f3f6eb;color:#325630;width:245px}.studio-personalise>span{font-size:10px;color:#7d8c72;text-align:center;width:100%;margin-top:7px}.industry-button{font-size:13px}.cx-button{font-size:14px}.command-metrics>div>span{font-size:12px}.command-metrics small{font-size:10px}.work-row{font-size:12px}.work-row>span{font-size:11px}.work-status{font-size:10px}.panel-caption{font-size:12px}.activity-panel li strong{font-size:11px}.activity-panel li small{font-size:10px}.activity-panel li{padding:15px 0}.work-filter{font-size:11px}.work-list-top{font-size:12px}.command-demo-bar>div>span{font-size:12px}.command-demo-bar strong{font-size:14px}.command-demo-bar .cx-button{font-size:13px}.capability-more .capability-add{font-size:12px}.workflow-node select{font-size:12px}.workflow-node label{font-size:12px}.workflow-log{font-size:13px}.brief-privacy{font-size:11px}.demo-footnote{font-size:11px}.control-help{font-size:11px}.hero-grain{opacity:.025}
@keyframes sculpture-turn{to{rotate:360deg}}
@media(max-width:950px){.studio-preview-main{padding:30px;gap:10px;min-height:300px}.studio-preview-copy h3{font-size:45px}.studio-sculpture{height:240px}.sculpture-ring{width:190px;height:190px;border-width:15px}.studio-preview-nav{padding:20px 28px}.studio-preview-bottom{padding:23px 28px}.studio-floating-note{right:-10px}.command-metrics small{font-size:9px}.activity-panel li strong{font-size:10px}.activity-panel li small{font-size:9px}.work-row>span{font-size:10px}}
@media(max-width:700px){.design-studio{padding:65px 0 44px}.studio-heading h2{font-size:42px;letter-spacing:-2px}.studio-heading>p:last-child{font-size:13px}.studio-controls{gap:7px;flex-wrap:wrap}.studio-palette{padding:10px 11px;font-size:10px;gap:7px}.studio-palette i{width:8px;height:8px}.studio-stage{margin:35px auto 40px}.studio-preview{transform:rotateY(-3deg)}.studio-preview-nav{padding:18px 20px;gap:9px}.studio-preview-nav>strong{font-size:10px;max-width:70%}.studio-preview-nav>span:not(.studio-mark){display:none}.studio-preview-avatar{margin-left:auto}.studio-preview-main{grid-template-columns:1fr;min-height:0;padding:28px 25px 0;gap:0}.studio-preview-copy>span:first-child{font-size:6px;letter-spacing:1px}.studio-preview-copy h3{font-size:43px;margin:19px 0 17px}.studio-preview-copy>p{font-size:12px;margin-bottom:18px}.studio-sculpture{height:230px;margin-top:3px}.sculpture-ring{width:185px;height:185px;border-width:14px}.sculpture-star{font-size:60px}.studio-preview-bottom{padding:20px 23px;gap:14px;align-items:flex-start}.studio-preview-bottom>span{display:none}.studio-preview-bottom strong{font-size:10px}.studio-preview-bottom small{font-size:5px}.studio-floating-note{padding:14px 17px;right:-6px;bottom:-27px;gap:12px}.studio-floating-note strong{font-size:11px}.studio-floating-note small{font-size:8px}.studio-personalise{margin-top:60px;gap:12px}.studio-personalise label{width:100%;text-align:center}.studio-personalise input{font-size:16px;width:min(100%,300px)}.industry-button{font-size:11px}.command-metrics>div>span{font-size:9px}.command-metrics small{font-size:8px}.panel-caption{font-size:10px}.work-row strong{font-size:11px}.work-status{font-size:9px}.activity-panel li strong{font-size:11px}.activity-panel li small{font-size:10px}.work-filter{font-size:9px}.work-list-top{font-size:10px}.command-demo-bar>div>span{font-size:11px}.command-demo-bar strong{font-size:13px}.command-demo-bar .cx-button{font-size:12px}.capability-more .capability-add{font-size:11px}.workflow-node select{font-size:13px}.workflow-log{font-size:12px}.brief-privacy,.demo-footnote{font-size:10px}.studio-stage:hover .studio-preview{transform:none}}
/* Keep live controls fully visible as soon as the visitor interacts. */
.create-page .reveal:focus-within{opacity:1!important;transform:none!important;transition:none!important}.demo-footnote{color:#607060}.control-help,.sensor-controls>.control-help{color:#5c725f}.sensor-result p{color:#59705f}.brief-privacy,.empty-brief{color:#627157}.brief-builder input::placeholder,.brief-builder textarea::placeholder{color:#707e64}.studio-stage[data-style=botanical]{--studio-muted:#617559}.studio-stage[data-style=terracotta]{--studio-muted:#87624f}.create-page.motion-paused{scroll-behavior:auto}.create-page .studio-stage .reveal{opacity:1}
@media(min-width:701px) and (max-width:950px){.workflow-nodes{grid-template-columns:1fr;gap:10px}.workflow-arrow{rotate:90deg;height:25px;line-height:25px}.workflow-node{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:8px 24px;padding:20px 23px}.node-number{grid-column:1/-1;margin-bottom:3px}.workflow-node label{grid-column:1;margin:0;min-height:0}.workflow-node select{grid-column:1;grid-row:3;font-size:13px;max-width:450px}.workflow-node .node-symbol{grid-column:2;grid-row:2/5;align-self:center;justify-self:center;margin:0;width:48px;height:48px}.workflow-node>strong{grid-column:1;font-size:18px;margin-top:5px}}