@font-face {
  font-family: "Instrument Sans";
  src: url("assets/fonts/InstrumentSans-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

:root {
  --paper: #f5f6f2;
  --paper-bright: #fbfcf8;
  --ink: #141817;
  --ink-soft: #53605b;
  --line: #d8ddd7;
  --line-strong: #bcc5bd;
  --deep: #071b17;
  --deep-raised: #102720;
  --deep-line: #2c4b42;
  --mint: #96decf;
  --mint-bright: #c3f7eb;
  --violet: #8978ef;
  --violet-soft: #e6e1ff;
  --coral: #ed9479;
  --lime: #c9f36c;
  --white: #fff;
  --container: 1240px;
  --radius-sm: .75rem;
  --radius-md: 1.25rem;
  --radius-lg: 2rem;
  --shadow-soft: 0 1.5rem 5rem rgb(17 34 28 / 10%);
  --shadow-dark: 0 2rem 6rem rgb(0 10 7 / 32%);
  --ease: cubic-bezier(.2,.75,.22,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:6rem}
body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-family:"Instrument Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
html,body{max-width:100%;overflow-x:clip}
body.menu-open{overflow:hidden}
button,textarea,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{color:inherit}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
p,h1,h2,h3,h4,ul,ol{margin-top:0}
::selection{color:var(--deep);background:var(--mint)}
:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
.container{width:min(calc(100% - 3rem),var(--container));margin-inline:auto}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:1000;top:.75rem;left:.75rem;padding:.75rem 1rem;color:var(--white);background:var(--deep);border-radius:.6rem;transform:translateY(-160%)}
.skip-link:focus{transform:none}

.site-header{position:fixed;z-index:100;top:0;right:0;left:0;padding-top:1rem;pointer-events:none}
.nav-shell{display:grid;width:min(calc(100% - 2.5rem),1320px);min-height:4.3rem;margin-inline:auto;padding:.6rem .7rem .6rem 1.15rem;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;background:rgb(251 252 248 / 88%);border:1px solid rgb(198 206 199 / 72%);border-radius:1.4rem;box-shadow:0 .8rem 2.5rem rgb(22 34 29 / 7%);backdrop-filter:blur(20px);pointer-events:auto;transition:transform 250ms var(--ease),box-shadow 250ms ease}
.site-header.is-scrolled .nav-shell{transform:translateY(-.25rem);box-shadow:0 1rem 3.5rem rgb(16 32 26 / 12%)}
.brand{display:inline-flex;align-items:center;font-weight:760;letter-spacing:.03em}
.brand-word{font-family:"Instrument Sans",system-ui,sans-serif;font-size:1.08rem;font-weight:760;letter-spacing:.03em;text-transform:none;color:#121614}.brand-word>span{color:#5d47c9}
.exploration-brand .brand-word,.gallery-brand .brand-word,.demo-brand .brand-word{font-size:.8rem;color:#eef3f0}.exploration-brand .brand-word>span,.gallery-brand .brand-word>span,.demo-brand .brand-word>span{color:#9c8df6}
.nav-links{display:flex;justify-content:center;gap:2rem}
.nav-links a{position:relative;color:#3e4945;font-size:.8rem;font-weight:620}
.nav-links a::after{position:absolute;right:50%;bottom:-.55rem;left:50%;height:2px;content:"";background:var(--mint);transition:left 180ms ease,right 180ms ease}
.nav-links a:hover::after{right:0;left:0}
.nav-actions{display:flex;align-items:center;gap:.6rem}
.language-switcher{display:flex;padding:.2rem;background:#ecefea;border:1px solid #d5dbd4;border-radius:999px}
.language-switcher button{min-width:2.2rem;min-height:2.1rem;padding:.3rem .5rem;color:#5f6965;background:transparent;border:0;border-radius:999px;font-size:.68rem;font-weight:700;cursor:pointer}
.language-switcher button[aria-pressed="true"]{color:var(--deep);background:var(--white);box-shadow:0 .2rem .8rem rgb(18 32 27 / 10%)}
.button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:.55rem;padding:.75rem 1.1rem;border:1px solid transparent;border-radius:999px;font-size:.78rem;font-weight:680;cursor:pointer;transition:transform 180ms var(--ease),background 180ms ease,color 180ms ease}
.button:hover{transform:translateY(-2px)}
.button-primary{color:var(--white);background:var(--ink)}
.button-primary:hover{background:#29312f}
.menu-button{display:none;width:2.8rem;height:2.8rem;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:.35rem;background:var(--paper-bright);border:1px solid var(--line);border-radius:50%;cursor:pointer}
.menu-button span{width:1rem;height:1px;background:var(--ink);transition:transform 180ms ease}
.menu-button[aria-expanded="true"] span:first-child{transform:translateY(.2rem) rotate(45deg)}
.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-.2rem) rotate(-45deg)}

.hero{position:relative;min-height:100svh;padding:9.5rem 0 4rem;overflow:hidden;background:var(--paper)}
.hero-grid,.final-grid-pattern,.scene-grid,.viewport-grid{position:absolute;inset:0;background-image:linear-gradient(rgb(65 88 78 / 5%) 1px,transparent 1px),linear-gradient(90deg,rgb(65 88 78 / 5%) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,black 22%,black 75%,transparent)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(3px);pointer-events:none}
.hero-glow-left{top:13rem;left:-18rem;width:42rem;height:42rem;background:radial-gradient(circle,rgb(150 222 207 / 30%),transparent 68%)}
.hero-glow-right{top:-18rem;right:-13rem;width:38rem;height:38rem;background:radial-gradient(circle,rgb(137 120 239 / 18%),transparent 68%)}
.hero-inner{position:relative;z-index:2;display:flex;min-height:calc(100svh - 13.5rem);flex-direction:column;align-items:center;justify-content:center;text-align:center}
.hero-copy{width:100%;min-width:0;max-width:66rem}
.eyebrow,.kicker{font-size:.66rem;font-weight:690;letter-spacing:.14em;text-transform:uppercase}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.2rem;color:#68736f}
.eyebrow i{width:.45rem;height:.45rem;background:var(--mint);border-radius:50%;box-shadow:0 0 0 .28rem rgb(150 222 207 / 20%)}
.eyebrow b{color:var(--violet)}
.hero h1{width:100%;margin:0;overflow-wrap:normal;letter-spacing:-.067em;line-height:.93}
.hero h1>span{display:block}
.hero h1>span:first-child{margin-bottom:.45rem;color:#5b6662;font-size:clamp(2.2rem,4.5vw,4.15rem);font-weight:560;letter-spacing:-.055em}
.hero h1>span:last-child{font-size:clamp(3.6rem,7.6vw,7.1rem);font-weight:720}
.hero h1 em{color:var(--violet);font-style:normal;background:linear-gradient(120deg,var(--violet) 16%,#7668e7 55%,#39a89c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.idea-composer{width:min(100%,50rem);min-width:0;max-width:100%;margin:2.25rem auto 0;padding:1.25rem;color:#e9efec;background:#151918;border:1px solid #303634;border-radius:1.5rem;box-shadow:0 2rem 5rem rgb(23 31 28 / 17%);text-align:left}
.idea-composer>label{display:block;margin:0 0 .55rem .1rem;color:#aeb8b4;font-size:.72rem}
.idea-writing-area{position:relative;min-height:6.2rem}
.idea-writing-area textarea{position:relative;z-index:2;width:100%;min-height:6.2rem;padding:0;color:#eff4f2;background:transparent;border:0;outline:0;resize:none;font-size:1.04rem;line-height:1.55}
.typed-placeholder{position:absolute;z-index:1;inset:0;color:#8f9995;font-size:1.04rem;line-height:1.55;pointer-events:none}
.typed-placeholder span.is-selected{color:#17211e;background:var(--mint)}
.idea-composer.has-value .typed-placeholder,.idea-writing-area:focus-within .typed-placeholder{display:none}
.typed-placeholder i{display:inline-block;width:1px;height:1.2em;margin-left:2px;background:var(--mint);vertical-align:-.2em;animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.composer-tools{display:flex;align-items:center;gap:.45rem}
.icon-button{display:grid;width:2.5rem;height:2.5rem;padding:0;place-items:center;color:#a4aeaa;background:#222725;border:1px solid #363d3a;border-radius:50%;cursor:pointer}
.icon-button:hover{color:var(--white);border-color:#5c6762}.icon-button svg{width:1rem;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
.icon-button.is-listening{color:var(--deep);background:var(--mint);border-color:var(--mint)}
.file-count{max-width:14rem;overflow:hidden;color:#a9b4b0;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}
.composer-submit{display:flex;min-height:2.9rem;align-items:center;gap:.6rem;padding:.4rem .45rem .4rem 1rem;color:var(--deep);background:var(--paper-bright);border:0;border-radius:999px;font-size:.72rem;font-weight:700;cursor:pointer}
.composer-submit svg{width:2.1rem;height:2.1rem;padding:.42rem;background:#dce4df;border-radius:50%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform 180ms var(--ease)}
.composer-submit:hover svg{transform:translateX(2px)}
.idea-meta{display:flex;margin:.8rem .15rem 0;align-items:center;justify-content:space-between;color:#7a8581;font-size:.65rem}
.idea-meta button{padding:0;color:inherit;background:transparent;border:0;border-bottom:1px solid currentColor;cursor:pointer}
.idea-status{margin:.6rem 0 0;color:var(--mint);font-size:.7rem}
.idea-status:empty{display:none}
.exploration-preview{width:min(100%,70rem);margin:1.6rem auto 0;overflow:hidden;color:#eef7f3;background:#071b17;border:1px solid #315148;border-radius:1.6rem;box-shadow:var(--shadow-dark);text-align:left}
.exploration-preview[hidden],.exploration-loading[hidden],.exploration-result[hidden],.exploration-decision[hidden],.exploration-save[hidden]{display:none!important}
.exploration-chrome{display:grid;min-height:4rem;padding:0 1rem 0 1.25rem;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #29463e;background:#102720}
.exploration-brand{display:flex;align-items:center;gap:.5rem;color:#bfd0ca;font:600 .6rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.exploration-label>i{width:.42rem;height:.42rem;background:var(--mint);border-radius:50%;box-shadow:0 0 0 .28rem rgb(150 222 207 / 12%)}
.exploration-steps{display:flex;align-items:center;gap:.45rem;color:#60776e;font:500 .5rem ui-monospace,SFMono-Regular,Menlo,monospace}.exploration-steps span{display:grid;width:1.55rem;height:1.55rem;place-items:center;border:1px solid #37544c;border-radius:50%;transition:color 300ms ease,background 300ms ease,border-color 300ms ease}.exploration-steps span.is-active{color:#10251f;background:var(--mint);border-color:var(--mint)}.exploration-steps i{width:1.5rem;height:1px;background:#37544c}
.exploration-chrome>button{justify-self:end;width:2.15rem;height:2.15rem;padding:0;color:#88a097;background:transparent;border:1px solid #36544b;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer}.exploration-chrome>button:hover{color:#f4fbf8;border-color:#668279}
.exploration-loading{display:grid;min-height:19rem;padding:3rem;place-items:center;align-content:center;gap:1.3rem;background:radial-gradient(circle at center,rgb(137 120 239 / 13%),transparent 36%),#071b17;text-align:center}.exploration-loading p{max-width:31rem;margin:0;color:#9bb0a8;font-size:.82rem}
.exploration-orbit{position:relative;display:block;width:4rem;height:4rem;border:1px solid #35544b;border-radius:50%;animation:activity-spin 3.2s linear infinite}.exploration-orbit::before{position:absolute;inset:.65rem;content:"";border:1px dashed #635c97;border-radius:50%;animation:activity-spin 1.7s linear infinite reverse}.exploration-orbit i{position:absolute;width:.48rem;height:.48rem;background:var(--mint);border-radius:50%;box-shadow:0 0 .8rem rgb(150 222 207 / 60%)}.exploration-orbit i:nth-child(1){top:-.24rem;left:50%}.exploration-orbit i:nth-child(2){right:.18rem;bottom:.4rem;background:var(--violet)}.exploration-orbit i:nth-child(3){bottom:.4rem;left:.18rem;background:var(--coral)}
.exploration-result{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);background:#0b201a}
.exploration-understanding{padding:clamp(1.5rem,3.5vw,3rem);border-right:1px solid #29463e}.exploration-label{display:flex;margin:0 0 1rem;align-items:center;gap:.55rem;color:#83a297;font:600 .56rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}.exploration-label>span:first-child:not(:last-child){display:grid;width:1.4rem;height:1.4rem;place-items:center;color:#10241e;background:var(--mint);border-radius:50%;font-size:.48rem}.exploration-understanding h2{max-width:42rem;margin:0;font-size:clamp(1.85rem,3.4vw,3.3rem);font-weight:650;letter-spacing:-.05em;line-height:1.02}.exploration-source{display:grid;margin:1.5rem 0;padding:1rem 1.1rem;grid-template-columns:auto 1fr;gap:.75rem;color:#9eb2aa;background:#102a22;border:1px solid #2d4b42;border-radius:.8rem;font-size:.72rem}.exploration-source>span{color:#789b91;font:500 .5rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.exploration-source q{font-style:normal}.exploration-source q::before,.exploration-source q::after{color:#5c7a70}
.exploration-map{display:grid;margin:0;grid-template-columns:repeat(3,1fr);border:1px solid #2c4940;border-radius:.9rem;overflow:hidden}.exploration-map>div{min-height:8.5rem;padding:1rem;border-left:1px solid #2c4940}.exploration-map>div:first-child{border-left:0}.exploration-map dt{margin-bottom:.7rem;color:#75a496;font:600 .49rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}.exploration-map dd{margin:0;color:#a8bab3;font-size:.68rem;line-height:1.55}
.exploration-decision,.exploration-save{display:flex;padding:clamp(1.5rem,3vw,2.5rem);flex-direction:column;justify-content:center;background:linear-gradient(145deg,#171d24,#211d36)}.exploration-decision h3,.exploration-save h3{margin:.3rem 0 1.3rem;font-size:clamp(1.45rem,2.6vw,2.2rem);letter-spacing:-.04em;line-height:1.08}.exploration-options{display:grid;gap:.55rem}.exploration-options button{display:grid;min-height:3.8rem;padding:.7rem .9rem;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;color:#a9a9ba;background:#171d25;border:1px solid #3d3b56;border-radius:.8rem;text-align:left;cursor:pointer;transition:color 180ms ease,border-color 180ms ease,transform 180ms var(--ease)}.exploration-options button:hover{color:#f2efff;border-color:#7569bd;transform:translateX(.15rem)}.exploration-options button.is-selected{color:#12231e;background:var(--mint);border-color:var(--mint)}.exploration-options button span{display:grid;width:1.35rem;height:1.35rem;place-items:center;border:1px solid currentColor;border-radius:50%;font:.48rem ui-monospace,SFMono-Regular,Menlo,monospace}.exploration-options button b{font-size:.72rem}.exploration-note{margin:1rem 0 0;color:#858397;font-size:.64rem;line-height:1.5}
.exploration-save>p:not(.exploration-label):not(.exploration-prototype):not(.exploration-save-status){margin:0 0 1.3rem;color:#aaa8bc;font-size:.76rem}.exploration-save form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem}.exploration-save form .button{grid-column:1/-1;justify-content:center}.exploration-save input{min-width:0;padding:.8rem 1rem;color:#f4f1ff;background:#161c23;border:1px solid #484460;border-radius:999px;outline:0}.exploration-save input:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgb(150 222 207 / 12%)}.exploration-save .button{white-space:nowrap}.exploration-prototype{margin:1rem 0 0;color:#777589;font:500 .5rem ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5;letter-spacing:.04em}.exploration-save-status{margin:.65rem 0 0;color:var(--mint);font-size:.68rem}.exploration-save-status:not(:empty){padding:.7rem .9rem;font-size:.82rem;font-weight:600;border:1px solid rgb(150 222 207 / 35%);border-radius:.8rem;background:rgb(150 222 207 / 8%)}.exploration-save.is-sent form{display:none}.exploration-save-status:empty{display:none}
.hero.has-exploration{min-height:auto}.hero.has-exploration .hero-inner{min-height:auto;padding-top:3rem}.hero.has-exploration .hero-route{margin-top:2.5rem}
.hero-route{display:grid;width:min(100%,39rem);min-width:0;margin:auto 0 0;padding:2.7rem 0 0;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none}
.hero-route li{position:relative;display:grid;min-width:0;justify-items:center;gap:.45rem;color:#68736f;font-size:.62rem;text-align:center}
.hero-route span{max-width:100%;overflow-wrap:anywhere}
.hero-route li:not(:last-child)::after{position:absolute;z-index:-1;top:.74rem;left:50%;width:100%;height:1px;content:"";background:#c6cdc7}
.hero-route b{display:grid;width:1.55rem;height:1.55rem;place-items:center;color:#5b6863;background:var(--paper);border:1px solid #c8d0ca;border-radius:50%;font:500 .5rem ui-monospace,SFMono-Regular,Menlo,monospace}

.trust-strip{color:#dbe7e2;background:#10241f;border-block:1px solid #2d4740}
.trust-strip,.possibilities,.proof-section,.value-section,.method-section,.roles-section,.final-section{scroll-margin-top:6rem}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-grid p{display:flex;min-height:5.6rem;margin:0;padding:1.1rem 1.3rem;align-items:center;gap:.8rem;border-left:1px solid #2d4740;font-size:.75rem}
.trust-grid p:last-child{border-right:1px solid #2d4740}
.trust-grid span{color:var(--mint);font:500 .56rem ui-monospace,SFMono-Regular,Menlo,monospace}.trust-grid strong{font-weight:540}

.section-heading h2{margin:0;font-size:clamp(2.7rem,5.2vw,5.5rem);font-weight:660;letter-spacing:-.06em;line-height:.96}
.section-heading>p,.split-heading>p{margin:0;color:var(--ink-soft);line-height:1.65}
.kicker{margin-bottom:1rem;color:#61716b}.kicker-dark{color:#92aaa1}
.split-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.55fr);align-items:end;gap:4rem}

.possibilities{position:relative;padding:clamp(6rem,10vw,10rem) 0;background:#181b1a;color:#f3f5f3;overflow:hidden}
.possibilities::before{position:absolute;inset:0;content:"";background-image:linear-gradient(rgb(127 171 157 / 6%) 1px,transparent 1px),linear-gradient(90deg,rgb(127 171 157 / 6%) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.possibilities .container{position:relative;z-index:1}
.possibilities .section-heading>p{color:#9da7a3}.possibilities .kicker{color:var(--mint)}
.gallery-tabs{display:grid;margin:4rem 0 .75rem;padding:.45rem;grid-template-columns:repeat(4,1fr);gap:.45rem;background:#151a18;border:1px solid #343c38;border-radius:1.15rem}
.gallery-tabs button{position:relative;display:grid;min-height:7.8rem;padding:1rem 1rem .9rem;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;align-content:start;gap:.2rem .65rem;color:#8f9995;background:#191f1c;border:1px solid #353e3a;border-radius:.8rem;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgb(255 255 255 / 2%);transition:color 180ms ease,background 180ms ease,border-color 180ms ease,box-shadow 220ms ease,transform 180ms var(--ease)}
.gallery-tabs button:hover{color:#eef4f1;background:#202724;border-color:#5a6b64;box-shadow:0 .65rem 1.5rem rgb(0 0 0 / 18%);transform:translateY(-2px)}
.gallery-tabs button::after{position:absolute;right:.8rem;bottom:-1px;left:.8rem;height:3px;content:"";background:transparent;border-radius:99px 99px 0 0}
.gallery-tabs button[aria-selected="true"]{color:#f7faf8;background:linear-gradient(145deg,#24312c,#1d2522);border-color:#759a8e;box-shadow:0 .8rem 2rem rgb(0 0 0 / 22%),inset 0 0 0 1px rgb(150 222 207 / 8%);transform:translateY(-2px)}.gallery-tabs button[aria-selected="true"]::after{background:linear-gradient(90deg,var(--mint),var(--violet))}
.gallery-tabs span{grid-row:1/3;grid-column:1;display:grid;width:1.7rem;height:1.7rem;place-items:center;color:var(--mint);background:#20302a;border:1px solid #3e5a51;border-radius:50%;font:600 .5rem ui-monospace,SFMono-Regular,Menlo,monospace}.gallery-tabs b{grid-row:1;grid-column:2/4;align-self:center;font-size:.84rem}.gallery-tabs small{grid-row:2;grid-column:2/4;color:#77847f;font-size:.58rem;font-weight:500}.gallery-tabs button[aria-selected="true"] small{color:#aebdb7}.gallery-tabs em{grid-row:3;grid-column:2;align-self:end;color:#82918b;font-size:.53rem;font-style:normal;font-weight:650}.gallery-tabs button[aria-selected="true"] em{color:var(--mint)}.gallery-tabs button>i{grid-row:3;grid-column:3;display:grid;width:1.65rem;height:1.65rem;align-self:end;place-items:center;color:#87948f;border:1px solid #485650;border-radius:50%;font-size:.7rem;font-style:normal;transition:color 180ms ease,background 180ms ease,border-color 180ms ease,transform 180ms var(--ease)}.gallery-tabs button:hover>i,.gallery-tabs button[aria-selected="true"]>i{color:#12241e;background:var(--mint);border-color:var(--mint);transform:translateX(2px)}
.gallery-tour{display:flex;min-height:2.75rem;margin-bottom:1.5rem;padding:0 .4rem;align-items:center;justify-content:space-between;gap:1rem}.gallery-tour>p{display:flex;margin:0;align-items:center;gap:.55rem;color:#7e8985;font-size:.58rem}.gallery-tour>p>i{width:.45rem;height:.45rem;background:var(--mint);border-radius:50%;box-shadow:0 0 0 .22rem rgb(150 222 207 / 9%)}.gallery-tour button{display:flex;min-height:2.35rem;padding:.45rem .7rem;align-items:center;gap:.5rem;color:#9ba6a1;background:#1a201e;border:1px solid #3b4541;border-radius:999px;font-size:.56rem;font-weight:650;cursor:pointer}.gallery-tour button:hover{color:#eef5f2;border-color:#64756e}.gallery-tour button>i{font-size:.5rem;font-style:normal}
.gallery-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(20rem,.72fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.gallery-visual{overflow:hidden;background:#0a1c17;border:1px solid #35463f;border-radius:1.6rem;box-shadow:var(--shadow-dark)}
.gallery-chrome{display:grid;min-height:4.4rem;padding:0 1.35rem;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #2c423a;background:#15231f}
.gallery-chrome>div:nth-child(2){display:grid;text-align:center}.gallery-chrome small{color:#7f8985;font-size:.54rem;letter-spacing:.09em;text-transform:uppercase}.gallery-chrome strong{color:#d8e3de;font-size:.72rem}
.gallery-brand,.gallery-status{display:flex;align-items:center;gap:.45rem;color:#bfd0c9;font:600 .6rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}.gallery-status i{width:.43rem;height:.43rem;background:var(--mint);border-radius:50%;box-shadow:0 0 0 .28rem rgb(150 222 207 / 12%)}
.gallery-status{justify-content:flex-end;color:#8fa29a;font-size:.5rem}
.gallery-canvas{position:relative;min-height:38rem;overflow:hidden;background:radial-gradient(circle at 66% 54%,rgb(137 120 239 / 10%),transparent 38%),#071813}
.gallery-scene{position:absolute;inset:0}.gallery-scene[hidden]{display:none}.gallery-scene.is-entering{animation:gallery-scene-enter 520ms var(--ease) both}.gallery-layout.is-switching .gallery-copy{animation:gallery-copy-enter 420ms var(--ease) both}@keyframes gallery-scene-enter{from{opacity:.18;transform:translateY(.45rem) scale(.996)}to{opacity:1;transform:none}}@keyframes gallery-copy-enter{from{opacity:.35;transform:translateY(.3rem)}to{opacity:1;transform:none}}
.gallery-electronics img{position:absolute;right:-3%;bottom:1%;width:78%;filter:drop-shadow(0 1.5rem 2rem rgb(0 0 0 / 35%))}
.gallery-work-card{position:absolute;z-index:2;top:9%;left:5%;width:44%;padding:1.1rem;background:rgb(18 43 35 / 94%);border:1px solid #38574c;border-radius:1rem}.gallery-work-card>small{color:var(--mint);font:.5rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.gallery-work-card>p{margin:.45rem 0 1rem;color:#aabdb5;font-size:.7rem}.gallery-work-card>div{display:flex;margin-top:.5rem;padding:.6rem;align-items:center;gap:.55rem;color:#aebfb8;background:#0d221b;border:1px solid #2c493f;border-radius:.6rem;font-size:.62rem}.gallery-work-card .done{color:var(--deep);background:var(--mint);border-radius:50%;padding:.05rem .2rem}.gallery-work-card .active{width:.65rem;height:.65rem;border:2px solid var(--violet);border-top-color:var(--mint);border-radius:50%;animation:activity-spin .9s linear infinite}
.scene-callout{position:absolute;z-index:3;color:var(--mint);font:.5rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}.scene-callout::before{position:absolute;top:50%;height:1px;content:"";background:currentColor}.scene-callout-a{right:4%;bottom:42%}.scene-callout-a::before{right:calc(100% + .5rem);width:4rem}.scene-callout-b{right:9%;bottom:20%;color:#b4a9ff}.scene-callout-b::before{right:calc(100% + .5rem);width:3rem}
.gallery-ai svg{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#50776b;stroke-width:2;stroke-dasharray:7 9;stroke-linecap:round;vector-effect:non-scaling-stroke}.ai-source,.ai-output,.ai-core{position:absolute;z-index:2}.gallery-ai .ai-source{display:grid;width:9rem;min-height:4.7rem;padding:.7rem .7rem .7rem 2.8rem;align-content:center;background:#112b23;border:1px solid #3b5b51;border-radius:.8rem}.gallery-ai .ai-source i{position:absolute;top:50%;left:.75rem;display:grid;width:1.35rem;height:1.35rem;place-items:center;border:1px solid #58756c;border-radius:50%;font:.45rem ui-monospace,SFMono-Regular,Menlo,monospace;transform:translateY(-50%)}.gallery-ai .ai-source b{font-size:.72rem}.gallery-ai .ai-source small{color:#779087;font-size:.55rem}.gallery-ai .mail{top:14%;left:6%}.gallery-ai .crm{top:43%;left:6%}.gallery-ai .erp{bottom:14%;left:6%}.gallery-ai .ai-core{top:50%;left:53%;display:flex;width:8.25rem;height:8.25rem;padding:.65rem;flex-direction:column;align-items:center;justify-content:center;color:#f1efff;background:linear-gradient(145deg,#282242,#1d2634);border:1px solid #7669bd;border-radius:1.7rem;box-shadow:0 1.5rem 3rem rgb(0 0 0 / 25%);text-align:center;transform:translate(-50%,-50%)}.assistant-mark{display:grid;width:2.35rem;height:2.35rem;place-items:center;color:#ded8ff;background:#342d56;border:1px solid #8d80df;border-radius:.75rem;font:760 .78rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;box-shadow:inset 0 0 0 1px rgb(150 222 207 / 8%)}.gallery-ai .ai-core strong{margin-top:.6rem;font-size:.63rem;line-height:1.2;letter-spacing:0}.gallery-ai .ai-core small{margin-top:.3rem;color:#a9a3c5;font-size:.47rem;font-weight:500;line-height:1.25;letter-spacing:0}.gallery-ai .ai-output{right:5%;bottom:32%;display:flex;max-width:10rem;padding:.8rem;align-items:center;gap:.55rem;background:#133329;border:1px solid #4c7467;border-radius:.8rem;font-size:.62rem}.gallery-ai .ai-output span{display:grid;width:1.2rem;height:1.2rem;place-items:center;color:var(--deep);background:var(--mint);border-radius:50%}
.gallery-mobile{background:radial-gradient(circle at 48% 52%,rgb(137 120 239 / 20%),transparent 47%)}.mobile-phone{position:absolute;width:15.5rem;height:31rem;padding:.55rem;background:#0c0f0e;border:1px solid #66716d;border-radius:2.5rem;box-shadow:0 2rem 4rem rgb(0 0 0 / 45%)}.phone-back{top:13%;left:16%;opacity:.72;transform:rotate(-7deg) scale(.88)}.phone-front{top:7%;right:19%;transform:rotate(5deg)}.phone-screen{height:100%;padding:3.4rem 1.1rem 1rem;color:#1a211f;background:#f6f5ef;border-radius:2rem}.phone-island{position:absolute;z-index:2;top:1.1rem;left:50%;width:5rem;height:1.25rem;background:#0b0d0c;border-radius:99px;transform:translateX(-50%)}.phone-screen>small{color:#7d7d89;font-size:.5rem;letter-spacing:.1em}.phone-screen h4{margin:.5rem 0 1.2rem;font-size:1.35rem;line-height:1.1}.phone-screen p{display:flex;margin:.45rem 0;padding:.7rem;align-items:center;gap:.55rem;background:#e9ece7;border-radius:.7rem;font-size:.62rem}.phone-screen p i{width:.75rem;height:.75rem;border:1px solid #9ba59f;border-radius:50%}.mobile-alert{padding:1rem;color:#eff7f4;background:#173b31;border-radius:1rem}.mobile-alert b,.mobile-alert span{display:block}.mobile-alert b{font-size:.8rem}.mobile-alert span{margin-top:.3rem;color:#a8bdb5;font-size:.58rem}.phone-screen button{width:100%;margin-top:1rem;padding:.75rem;color:#18221f;background:var(--mint);border:0;border-radius:999px;font-size:.68rem;font-weight:700}
.gallery-software{padding:5%;background:radial-gradient(circle at 64% 42%,rgb(237 148 121 / 13%),transparent 46%)}.web-window{display:grid;height:100%;grid-template-columns:3.7rem 1fr;grid-template-rows:2.5rem 1fr;overflow:hidden;color:#18211e;background:#f5f4ef;border:1px solid #83908b;border-radius:1rem;box-shadow:0 2rem 4rem rgb(0 0 0 / 35%)}.gallery-software .web-window{width:88%;height:92%}.web-bar{grid-column:1/3;display:flex;padding:0 .8rem;align-items:center;gap:.35rem;background:#e7e9e4;border-bottom:1px solid #d4d8d3}.web-bar i{width:.45rem;height:.45rem;background:#aeb6b1;border-radius:50%}.web-bar span{margin-left:.5rem;color:#727b77;font-size:.5rem}.web-window aside{display:flex;padding:.8rem;flex-direction:column;align-items:center;gap:1rem;color:var(--white);background:#152720}.web-window aside b{display:grid;width:1.7rem;height:1.7rem;place-items:center;background:var(--violet);border-radius:.5rem}.web-window aside i{width:1.2rem;height:1.2rem;border:1px solid #5c6f67;border-radius:.35rem}.web-dashboard{padding:1.5rem}.web-dashboard header{display:flex;align-items:center;justify-content:space-between}.web-dashboard h4{margin:.15rem 0 0;font-size:1.15rem}.web-dashboard header small,.web-chart>small{color:#7b8580;font-size:.48rem;letter-spacing:.08em}.web-dashboard header button{padding:.55rem .8rem;color:var(--white);background:#24473b;border:0;border-radius:.5rem;font-size:.55rem}.web-metrics{display:grid;margin-top:1.4rem;grid-template-columns:repeat(3,1fr);gap:.6rem}.web-metrics span{display:grid;padding:.8rem;background:#e8ebe6;border-radius:.6rem}.web-metrics small{color:#7c8681;font-size:.45rem}.web-metrics b{font-size:1.15rem}.web-chart{margin-top:.8rem;padding:.9rem;background:#eceee9;border-radius:.7rem}.web-chart svg{width:100%;height:7rem;fill:none}.chart-grid{stroke:#d6dad5;stroke-width:1}.chart-line{stroke:var(--violet);stroke-width:3}.web-list p{display:flex;margin:.55rem 0 0;padding:.65rem;align-items:center;gap:.5rem;background:#eceee9;border-radius:.55rem;font-size:.55rem}.web-list p i{width:.6rem;height:.6rem;background:var(--mint);border-radius:50%}.web-list p small{margin-left:auto;color:#7a8580}.software-phone{z-index:4;right:3%;bottom:2%;width:9.6rem;height:19rem;padding:.38rem;border-radius:1.7rem;transform:rotate(2deg)}.software-phone .phone-island{top:.75rem;width:3rem;height:.8rem}.software-phone .phone-screen{padding:2.25rem .65rem .65rem;border-radius:1.4rem}.software-phone .phone-screen h4{font-size:.9rem}.software-phone .mobile-alert{padding:.65rem}.software-phone .mobile-alert b{font-size:.6rem}.software-phone .mobile-alert span{font-size:.48rem}.software-phone .phone-screen button{padding:.55rem;font-size:.5rem}
.gallery-system{background:radial-gradient(circle at 17% 73%,rgb(150 222 207 / 12%),transparent 28%),radial-gradient(circle at 79% 28%,rgb(137 120 239 / 12%),transparent 30%)}
.gallery-system .scene-grid{opacity:.42}
.system-product-shell{position:absolute;z-index:2;top:7%;right:6%;width:72%;height:68%;display:grid;grid-template-columns:2.6rem minmax(0,1fr) 34%;grid-template-rows:2.1rem 1fr;overflow:hidden;color:#18211e;background:#f4f4ef;border:1px solid #89948f;border-radius:1.05rem;box-shadow:0 1.8rem 4rem rgb(0 0 0 / 42%)}
.system-appbar{grid-column:1/4;display:flex;padding:0 .7rem;align-items:center;color:#66716c;background:#e8ebe6;border-bottom:1px solid #d5dad5;font-size:.43rem}.system-window-dots{display:flex;margin-right:.5rem;gap:.25rem}.system-window-dots i{width:.32rem;height:.32rem;background:#aeb8b3;border-radius:50%}.system-appbar>b{font-weight:540}.system-appbar>em{display:flex;margin-left:auto;align-items:center;gap:.3rem;color:#3b675a;font:600 .37rem ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;letter-spacing:.06em}.system-appbar>em i{width:.35rem;height:.35rem;background:#59c99d;border-radius:50%;box-shadow:0 0 0 .16rem rgb(89 201 157 / 13%)}
.system-sidebar{display:flex;padding:.65rem .5rem;flex-direction:column;align-items:center;gap:.7rem;background:#173027}.system-sidebar>b{display:grid;width:1.25rem;height:1.25rem;place-items:center;color:#fff;background:var(--violet);border-radius:.38rem;font-size:.55rem}.system-sidebar>i{width:1rem;height:1rem;border:1px solid #567067;border-radius:.3rem}.system-sidebar>i.is-active{position:relative;background:#28483d;border-color:#89b5a7}.system-sidebar>i.is-active::after{position:absolute;inset:.28rem;content:"";background:var(--mint);border-radius:50%}
.system-dashboard{min-width:0;padding:1rem .9rem}.system-dashboard>header{display:flex;align-items:flex-start;justify-content:space-between}.system-dashboard>header small{color:#79847f;font-size:.38rem;letter-spacing:.08em}.system-dashboard-title{display:block;margin:.08rem 0 0;font-size:1rem;letter-spacing:-.035em}.system-dashboard>header p{margin:.08rem 0 0;color:#82908a;font-size:.39rem}.system-health{display:flex;padding:.25rem .38rem;align-items:center;gap:.3rem;color:#356052;background:#dfece7;border-radius:99px;font-size:.34rem;font-weight:680}.system-health>i{width:.35rem;height:.35rem;background:#59c99d;border-radius:50%}
.system-metrics{display:grid;margin-top:.7rem;grid-template-columns:repeat(3,1fr);gap:.42rem}.system-metrics article{display:grid;padding:.5rem;background:#e8ebe6;border:1px solid #dfe3df;border-radius:.5rem}.system-metrics small{color:#7e8883;font-size:.31rem;letter-spacing:.06em}.system-metrics b{margin-top:.12rem;font-size:.72rem}.system-metrics span{color:#718079;font-size:.34rem}.system-metrics article.is-alert{background:#eeeafd;border-color:#d5cdf8}.system-metrics article.is-alert b{color:#6957cd}.system-metrics article.is-alert span{color:#756ba2}
.system-chart-card{position:relative;margin-top:.5rem;padding:.55rem;background:#e9ece7;border-radius:.55rem}.system-chart-card>div{display:flex;align-items:center;justify-content:space-between}.system-chart-card>div b{font-size:.43rem}.system-chart-card>div small{color:#818b86;font-size:.28rem;letter-spacing:.06em}.system-chart-card svg{display:block;width:100%;height:5rem;overflow:visible}.system-chart-grid{fill:none;stroke:#d4d9d4;stroke-width:1}.system-chart-area{fill:url(#none);fill:#8978ef;opacity:.08}.system-chart-line{fill:none;stroke:#7d69e6;stroke-width:3;stroke-linecap:round}.system-chart-card circle{fill:#7d69e6;stroke:#f2f1ec;stroke-width:3}.system-chart-note{position:absolute;top:2rem;right:.45rem;padding:.2rem .32rem;color:#5146a6;background:#e0dafb;border-radius:.3rem;font-size:.3rem;font-weight:650}
.system-job-row{display:grid;margin-top:.5rem;padding:.5rem;grid-template-columns:1.1rem 1fr auto;align-items:center;gap:.4rem;background:#fdfdf9;border:1px solid #dfe3df;border-radius:.5rem}.system-job-row>span{display:grid;width:1rem;height:1rem;place-items:center;color:#546961;border:1px solid #a5b1ac;border-radius:50%;font:.3rem ui-monospace,SFMono-Regular,Menlo,monospace}.system-job-row b{display:block;font-size:.4rem}.system-job-row small{display:block;color:#7d8984;font-size:.32rem}.system-job-row em{padding:.18rem .28rem;color:#4c41a3;background:#e4dffd;border-radius:99px;font:.28rem ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}
.system-ai-panel{padding:.85rem;color:#f0edff;background:linear-gradient(155deg,#292442,#1a2930);border-left:1px solid #514a7a}.system-ai-panel header{display:flex;align-items:center;gap:.55rem}.system-ai-panel .assistant-mark{flex:0 0 1.75rem;width:1.75rem;height:1.75rem;border-radius:.52rem;font-size:.56rem}.system-ai-panel header small{display:block;color:#aaa3c9;font-size:.3rem;letter-spacing:.08em}.system-ai-panel header b{display:block;margin-top:.1rem;font-size:.49rem}.system-ai-panel>p{margin:.8rem 0;color:#b7b2cb;font-size:.43rem;line-height:1.55}.system-ai-evidence{display:grid;gap:.35rem}.system-ai-evidence>span{display:flex;padding:.38rem;align-items:center;gap:.36rem;color:#bdb8d0;background:rgb(255 255 255 / 5%);border:1px solid rgb(183 174 239 / 18%);border-radius:.42rem;font-size:.34rem}.system-ai-evidence i{position:relative;width:.55rem;height:.55rem;background:var(--mint);border-radius:50%}.system-ai-evidence i::after{position:absolute;top:42%;left:50%;width:.22rem;height:.1rem;content:"";border-bottom:1px solid #173027;border-left:1px solid #173027;transform:translate(-50%,-50%) rotate(-45deg)}.system-ai-boundary{margin-top:.7rem;padding:.55rem;background:#302b4b;border:1px solid #675ea0;border-radius:.5rem}.system-ai-boundary small{display:block;color:#9f97c6;font-size:.28rem;letter-spacing:.06em}.system-ai-boundary b{display:block;margin-top:.2rem;font-size:.42rem}
.system-device{position:absolute;z-index:4;bottom:7%;left:2.5%;width:31%;height:13.2rem;padding:.65rem;overflow:hidden;color:#dce9e4;background:rgb(13 34 28 / 96%);border:1px solid #47665c;border-radius:.9rem;box-shadow:0 1.2rem 2.6rem rgb(0 0 0 / 30%)}.system-device>div{display:flex;align-items:center;justify-content:space-between}.system-device>div>b{font:600 .36rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.system-device>div>span{display:flex;align-items:center;gap:.3rem;color:#7ea99b;font:500 .27rem ui-monospace,SFMono-Regular,Menlo,monospace}.system-device>div>span i{width:.32rem;height:.32rem;background:#7fe7b9;border-radius:50%;box-shadow:0 0 .45rem rgb(127 231 185 / 70%);animation:system-led-pulse 1.65s ease-in-out infinite}.system-device img{position:absolute;right:0;bottom:1.3rem;width:100%;filter:brightness(1.28) saturate(1.08) drop-shadow(0 .9rem .8rem rgb(0 0 0 / 34%))}.system-device>small{position:absolute;bottom:.5rem;left:.7rem;color:#749086;font-size:.32rem}
@keyframes system-led-pulse{0%,100%{opacity:.45}48%{opacity:1;box-shadow:0 0 .5rem rgb(127 231 185 / 85%)}}
.system-review-phone{position:absolute;z-index:5;right:1.8%;bottom:3.5%;width:22%;height:16.5rem;padding:2.1rem .65rem .75rem;color:#18211e;background:linear-gradient(160deg,#fbfaf5,#eef4ef);border:.36rem solid #111614;border-radius:1.5rem;box-shadow:0 1.5rem 3.2rem rgb(0 0 0 / 42%);transform:rotate(2deg)}.system-phone-island{position:absolute;top:.55rem;left:50%;width:2.8rem;height:.65rem;background:#0c100e;border-radius:99px;transform:translateX(-50%)}.system-phone-top{display:flex;margin-bottom:.55rem;align-items:center;gap:.4rem}.system-phone-top>b{display:grid;width:1.25rem;height:1.25rem;place-items:center;color:#fff;background:var(--violet);border-radius:.38rem;font-size:.5rem}.system-phone-top>span{color:#69766f;font-size:.34rem}.system-review-phone>small{color:#64736c;font-size:.3rem;font-weight:680;letter-spacing:.09em}.system-phone-title{display:block;margin:.16rem 0 .5rem;font-size:.82rem;letter-spacing:-.035em}.system-phone-alert{padding:.55rem;color:#f0f8f5;background:#193d33;border-radius:.65rem}.system-phone-alert>span{display:flex;align-items:center;gap:.3rem}.system-phone-alert>span i{width:.38rem;height:.38rem;background:var(--coral);border-radius:50%}.system-phone-alert>span small{color:#f0b8a7;font-size:.27rem;font-weight:700;letter-spacing:.05em}.system-phone-alert>b{display:block;margin-top:.42rem;font-size:.48rem;line-height:1.2}.system-phone-alert>p{margin:.18rem 0 0;color:#a8beb5;font-size:.32rem}.system-review-phone>button{display:flex;width:100%;margin-top:.55rem;padding:.48rem;align-items:center;justify-content:space-between;color:#133128;background:var(--mint);border:0;border-radius:.55rem;font-size:.39rem;font-weight:720}.system-review-phone>button b{display:grid;width:.9rem;height:.9rem;place-items:center;color:#eaffe7;background:#1d5141;border-radius:50%;font-size:.38rem}.system-phone-note{margin:.42rem 0 0;color:#7c8983;font-size:.29rem;line-height:1.4}.system-caption{position:absolute;z-index:6;bottom:2.2%;left:37%;margin:0;color:#829c92;font:.36rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.gallery-copy{padding-block:1rem}.gallery-meta{display:flex;align-items:center;gap:.7rem;color:var(--mint);font:.56rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.gallery-meta i{width:2rem;height:1px;background:#52615c}.gallery-copy h3{margin:1.1rem 0 1.2rem;font-size:clamp(2.4rem,4vw,4.3rem);letter-spacing:-.06em;line-height:.98}.gallery-description{color:#a4aeaa;line-height:1.65}.gallery-copy ol{margin:2rem 0 1.8rem;padding:0;list-style:none}.gallery-copy li{display:grid;padding:1rem 0;grid-template-columns:2rem 1fr;gap:.7rem;color:#7f8985;border-top:1px solid #363c39}.gallery-copy li.is-active{color:#f0f4f1}.gallery-copy li>span{color:var(--mint);font:.52rem ui-monospace,SFMono-Regular,Menlo,monospace}.gallery-copy li b{font-size:.84rem}.gallery-copy li p{margin:.25rem 0 0;color:#89938f;font-size:.7rem}.text-link{display:inline-flex;align-items:center;gap:.6rem;color:var(--mint);font-size:.76rem;font-weight:650}.text-link b{display:grid;width:2.2rem;height:2.2rem;place-items:center;border:1px solid #436158;border-radius:50%}.gallery-disclaimer{margin:1.2rem 0 0;color:#7f8985;font:.5rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;text-transform:uppercase}

/* Detailed proof — adapted from V2, with the same narrative semantics. */
.proof-section{padding:clamp(6rem,10vw,9rem) 0;color:#eff8f4;background:var(--deep)}
.proof-heading{margin-bottom:3rem}.proof-heading>p{color:#9eb0a9}
.demo-tabs{display:grid;margin-bottom:.8rem;grid-template-columns:repeat(3,1fr);gap:.65rem}
.demo-tabs button{display:grid;min-height:4.5rem;padding:.75rem 1rem;grid-template-columns:1.55rem 1fr;grid-template-rows:auto auto;align-content:center;align-items:center;gap:.12rem .65rem;color:#8fa39b;background:#0a211b;border:1px solid #2c4740;border-radius:1rem;font-size:.8rem;font-weight:620;text-align:left;cursor:pointer;transition:color 180ms ease,border-color 180ms ease,background 180ms ease,transform 180ms var(--ease)}
.demo-tabs button:hover{color:#ecf7f3;border-color:#607b72;transform:translateY(-1px)}.demo-tabs button span{grid-row:1/3;display:grid;width:1.55rem;height:1.55rem;place-items:center;color:var(--mint);border:1px solid #456159;border-radius:50%;font:.55rem ui-monospace,SFMono-Regular,Menlo,monospace}.demo-tabs button b{font-size:.75rem}.demo-tabs button small{color:#7f968d;font-size:.51rem;font-weight:520}.demo-tabs button[aria-selected="true"]{color:#0c211c;background:var(--mint);border-color:var(--mint);box-shadow:0 .7rem 1.6rem rgb(0 0 0 / 16%)}.demo-tabs button[aria-selected="true"] span{color:#15332b;border-color:#4f8979}.demo-tabs button[aria-selected="true"] small{color:#315d51}
.project-routing-note{margin:0 0 .8rem;color:#81968e;font-size:.58rem;line-height:1.5}
.project-path-callout{display:grid;min-height:5.1rem;margin-bottom:1rem;padding:.9rem 1.1rem;grid-template-columns:2.15rem 1fr;align-items:center;gap:.85rem;color:#b6d0c6;background:linear-gradient(100deg,#102b23,#0d251f);border:1px solid #3c6358;border-radius:1rem;transition:background 220ms ease,border-color 220ms ease}.project-path-callout>span{display:grid;width:2.1rem;height:2.1rem;place-items:center;color:#12372d;background:var(--mint);border-radius:50%;font-size:.85rem;font-weight:760}.project-path-callout>div{display:grid;grid-template-columns:minmax(10rem,.55fr) minmax(14rem,.9fr);align-items:center;gap:.18rem 1.4rem}.project-path-callout small{grid-row:1/3;color:#94cabb;font:.5rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.project-path-callout b{color:#ecf8f4;font-size:.76rem}.project-path-callout p{margin:.18rem 0 0;color:#88a49a;font-size:.6rem}.project-path-callout[data-path="guided"]{background:linear-gradient(100deg,#211e36,#18252a);border-color:#62598e}.project-path-callout[data-path="guided"]>span{color:#eeeaff;background:#5d51a2}.project-path-callout[data-path="guided"] small{color:#b8aceb}
.demo-window{overflow:hidden;background:#0a211b;border:1px solid #36564d;border-radius:1.7rem;box-shadow:var(--shadow-dark)}
.demo-chrome{display:grid;min-height:4.4rem;padding:0 1.4rem;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #29463e;background:#102720}
.demo-brand,.demo-project,.demo-status{font:.67rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}.demo-brand{display:flex;align-items:center;gap:.5rem;color:#c5d8d1}.demo-status i{width:.45rem;height:.45rem;background:var(--mint);border-radius:50%;box-shadow:0 0 0 .28rem rgb(150 222 207 / 12%)}.demo-project{color:#718a80;text-align:center}.demo-status{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;color:#b5cbc3}.demo-status.is-complete i{background:var(--lime);box-shadow:0 0 0 .28rem rgb(201 243 108 / 13%),0 0 1rem rgb(201 243 108 / 38%)}
.demo-panel{position:relative;display:grid;min-height:43rem;grid-template-columns:minmax(19rem,.82fr) minmax(0,1.18fr);transition:grid-template-columns 850ms var(--ease)}.demo-panel[hidden]{display:none}.demo-decisions{position:relative;z-index:3;min-width:0;padding:2rem;background:#102720;border-right:1px solid #29463e;transition:padding 850ms var(--ease),max-width 850ms var(--ease)}
.electronics-demo[data-stage="0"],.electronics-demo[data-stage="1"],.electronics-demo[data-stage="2"]{grid-template-columns:minmax(0,1fr) minmax(0,0fr)}
.electronics-demo[data-stage="0"] .demo-decisions,.electronics-demo[data-stage="1"] .demo-decisions,.electronics-demo[data-stage="2"] .demo-decisions{width:100%;max-width:59rem;margin-inline:auto;padding:3rem clamp(2rem,5vw,5rem);border-right-color:transparent}
.electronics-demo[data-stage="0"] .electronics-viewport,.electronics-demo[data-stage="1"] .electronics-viewport,.electronics-demo[data-stage="2"] .electronics-viewport{opacity:0;pointer-events:none}
.demo-idea-card{padding:1.2rem 1.3rem;background:#173129;border:1px solid #355249;border-radius:1rem;transition:padding 600ms var(--ease),opacity 600ms ease}.demo-idea-card>span,.ai-boundary>span{display:block;margin-bottom:.45rem;color:#7fa79a;font:.6rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.demo-idea-card p{margin:0;color:#e1ebe7;font-size:.93rem;line-height:1.55}
.decision-block{max-height:0;margin-top:0;overflow:hidden;opacity:0;transform:translateY(.8rem);transition:max-height 650ms var(--ease),margin 650ms var(--ease),opacity 450ms ease,transform 650ms var(--ease)}.decision-block.is-visible{max-height:16rem;margin-top:1.25rem;opacity:1;transform:none}.decision-block>p{display:flex;margin-bottom:.65rem;align-items:center;gap:.6rem;color:#c6d4cf;font-size:.78rem}.decision-block>p span{display:grid;width:1.45rem;height:1.45rem;place-items:center;color:#90a9a0;border:1px solid #3d5a51;border-radius:50%;font:.52rem ui-monospace,SFMono-Regular,Menlo,monospace}.choice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.choice-list button{position:relative;min-height:3.6rem;padding:.7rem .8rem;color:#91a39c;background:#0c211b;border:1px solid #2d4941;border-radius:.8rem;font-size:.72rem;line-height:1.25;text-align:left;cursor:pointer}.choice-list button:hover{color:#d8e5e0;border-color:#547268}.choice-list button.is-selected{padding-right:2rem;color:#f0ecff;background:#2b3140;border-color:#7467c8}.choice-list button.is-selected::after{position:absolute;top:50%;right:.75rem;display:grid;width:1.1rem;height:1.1rem;place-items:center;content:"✓";color:#141817;background:var(--mint);border-radius:50%;font-size:.65rem;transform:translateY(-50%)}
.electronics-demo.is-building .demo-idea-card{padding-block:.9rem}.electronics-demo.is-building .decision-block{max-height:6rem;margin-top:.7rem}.electronics-demo.is-building .decision-block>p{display:none}.electronics-demo.is-building .choice-list{display:block}.electronics-demo.is-building .choice-list button{display:none;width:100%;min-height:2.65rem}.electronics-demo.is-building .choice-list button.is-selected{display:block}
.build-activity{max-height:0;margin-top:0;overflow:hidden;opacity:0;transform:translateY(1rem);transition:max-height 800ms var(--ease),margin 800ms var(--ease),opacity 500ms ease,transform 800ms var(--ease)}.build-activity.is-visible{max-height:27rem;margin-top:1rem;opacity:1;transform:none}.activity-header{display:flex;min-height:2.8rem;align-items:center;justify-content:space-between;padding:0 .2rem;color:#9aada6;font:.62rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.activity-header span{display:flex;align-items:center;gap:.55rem}.activity-header span::before{width:.45rem;height:.45rem;content:"";background:var(--mint);border-radius:50%;animation:status-breathe 1.8s ease-in-out infinite}.activity-header b{color:var(--mint)}
@keyframes status-breathe{50%{box-shadow:0 0 0 .35rem rgb(150 222 207 / 12%)}}@keyframes activity-spin{to{transform:rotate(360deg)}}
.build-activity ol{display:grid;margin:0;padding:0;gap:.45rem;list-style:none}.build-activity li{display:grid;min-height:3.25rem;padding:0 .85rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;color:#71877e;background:#0d211c;border:1px solid #29463e;border-radius:.75rem;font-size:.69rem}.build-activity li i{width:.75rem;height:.75rem;border:1px solid #46635a;border-radius:50%}.build-activity li b{color:#718a80;font:.5rem ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}.build-activity li.is-active{color:#e5e1fc;background:#242d35;border-color:#665b9e}.build-activity li.is-active i{border:2px solid #766ad3;border-top-color:var(--mint);animation:activity-spin .85s linear infinite}.build-activity li.is-active b{color:#b2a8f3}.build-activity li.is-complete{color:#afc4bc;border-color:#36574d}.build-activity li.is-complete i{position:relative;background:var(--mint);border-color:var(--mint)}.build-activity li.is-complete i::after{position:absolute;top:44%;left:50%;width:.26rem;height:.13rem;content:"";border-bottom:1px solid #0b251e;border-left:1px solid #0b251e;transform:translate(-50%,-50%) rotate(-45deg)}.build-activity li.is-complete b{color:#77aa9b}
.electronics-viewport,.ai-viewport{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 54% 46%,rgb(141 124 241 / 11%),transparent 38%),#061713;opacity:1;transition:opacity 650ms ease}.viewport-grid{background-size:76px 76px;mask-image:none}.board-stage{position:absolute;top:48%;left:50%;width:min(94%,46rem);aspect-ratio:4/3;transform:translate(-50%,-50%)}.board-layer,.component-stack,.component-part{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.board-layer{opacity:0;transform:translateY(1rem) scale(.98);transition:opacity 700ms var(--ease),transform 900ms var(--ease)}
.electronics-demo[data-stage="3"] .board-base,.electronics-demo[data-stage="4"] .board-routed,.electronics-demo[data-stage="5"] .board-routed,.electronics-demo[data-stage="6"] .board-routed{opacity:1;transform:none}.electronics-demo[data-stage="4"] .board-base,.electronics-demo[data-stage="5"] .board-base,.electronics-demo[data-stage="6"] .board-base{opacity:0}.electronics-demo[data-stage="7"] .board-enclosure{opacity:1;transform:none}.electronics-demo[data-stage="7"] .board-base,.electronics-demo[data-stage="7"] .board-routed,.electronics-demo[data-stage="7"] .component-stack{opacity:0;transition:opacity 500ms ease}
.board-stage::after{position:absolute;z-index:8;top:37.3%;left:55.5%;width:.72rem;height:.72rem;content:"";opacity:0;background:#75f2be;border:2px solid #caffea;border-radius:50%;box-shadow:0 0 .45rem #7ff7c4,0 0 1.1rem rgb(95 237 177 / 70%);transform:translate(-50%,-50%)}.electronics-demo[data-stage="7"] .board-stage::after{opacity:1;animation:enclosure-led 1.45s ease-in-out 2}@keyframes enclosure-led{0%,100%{opacity:.32;box-shadow:0 0 .2rem #7ff7c4}48%{opacity:1;box-shadow:0 0 .5rem #7ff7c4,0 0 1.25rem rgb(95 237 177 / 78%)}}
.component-stack{z-index:4;transition:opacity 500ms ease}.component-part{opacity:0;filter:drop-shadow(0 1.8rem .7rem rgb(0 0 0 / 10%));transform:translate3d(0,-5.5rem,0) scale(.985);transform-origin:center;will-change:opacity,transform,filter}.component-part.is-landed{animation:component-land 620ms cubic-bezier(.2,.78,.24,1) both}@keyframes component-land{0%{opacity:0;filter:drop-shadow(0 1.8rem .8rem rgb(0 0 0 / 8%));transform:translate3d(0,-5.5rem,0) scale(.985)}20%{opacity:1}84%{opacity:1;filter:drop-shadow(0 .5rem .4rem rgb(0 0 0 / 24%));transform:translate3d(0,.12rem,0) scale(1.004)}100%{opacity:1;filter:drop-shadow(0 .15rem .2rem rgb(0 0 0 / 22%));transform:none}}.component-part.is-led.is-landed{z-index:6}.electronics-demo[data-stage="6"] .component-part.is-led,.electronics-demo[data-stage="5"] .component-part.is-led.is-landed{animation:component-land 620ms cubic-bezier(.2,.78,.24,1) both,physical-led-pulse 1.35s ease-in-out 720ms 3}@keyframes physical-led-pulse{0%,100%{filter:hue-rotate(95deg) saturate(1.1) brightness(.9) drop-shadow(0 0 .06rem rgb(93 240 162 / 30%))}48%{filter:hue-rotate(95deg) saturate(1.8) brightness(1.8) drop-shadow(0 0 .45rem rgb(93 240 162 / 75%))}}
.demo-panel.is-paused *,.demo-window.is-paused *{animation-play-state:paused!important}.viewport-label{position:absolute;bottom:1.2rem;display:flex;align-items:center;gap:.45rem;color:#7f9990;font:.54rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.viewport-label-left{left:1.2rem}.viewport-label-right{right:1.2rem}.viewport-label span{width:.4rem;height:.4rem;background:var(--mint);border-radius:50%}.viewport-caption{position:absolute;top:1.25rem;left:1.25rem;max-width:22rem;margin:0;color:#8fa49c;font-size:.72rem}
.ai-boundary{margin-top:1rem;padding:1.1rem 1.2rem;background:#191f25;border:1px solid #403c60;border-radius:.9rem}.ai-boundary strong{display:block;color:#e5e0ff;font-size:.88rem}.ai-boundary p{margin:.35rem 0 0;color:#88899a;font-size:.7rem}.ai-activity{max-height:30rem;margin-top:1rem;opacity:1;transform:none}.ai-viewport{background:radial-gradient(circle at 55% 48%,rgb(141 124 241 / 13%),transparent 39%),#071713}.integration-map{position:absolute;top:50%;left:50%;width:min(96%,45rem);aspect-ratio:720/520;transform:translate(-50%,-50%)}.integration-lines{position:absolute;z-index:0;inset:0;width:100%;height:100%}.integration-lines path{fill:none;stroke:#31534a;stroke-width:2;stroke-dasharray:6 8;opacity:.55;transition:stroke 450ms ease,opacity 450ms ease}.integration-lines path.is-active{stroke:var(--mint);opacity:1;animation:integration-flow 1.5s linear infinite}@keyframes integration-flow{to{stroke-dashoffset:-56}}
.source-node,.output-node,.agent-node,.audit-chip{position:absolute;z-index:2;opacity:.34;transition:opacity 500ms ease,transform 650ms var(--ease),border-color 500ms ease,box-shadow 500ms ease}.source-node,.output-node{display:grid;width:9rem;min-height:4.8rem;padding:.75rem .8rem .7rem 2.6rem;align-content:center;color:#aabdb6;background:#0e2620;border:1px solid #34554c;border-radius:.8rem;transform:translateY(.6rem)}.source-node i,.output-node i{position:absolute;top:50%;left:.75rem;display:grid;width:1.35rem;height:1.35rem;place-items:center;color:#8ba098;border:1px solid #46655c;border-radius:50%;font:.45rem ui-monospace,SFMono-Regular,Menlo,monospace;transform:translateY(-50%)}.source-node span,.output-node span{font-size:.74rem;font-weight:640}.source-node small,.output-node small{color:#6f877e;font-size:.58rem}.source-mail{top:10%;left:2%}.source-crm{top:50%;left:2%;transform:translateY(-50%)}.source-erp{bottom:10%;left:2%}.output-proposal{top:24%;right:1%}.output-human{right:1%;bottom:21%}.output-human .approval-control{display:inline-block;width:max-content;margin-top:.35rem;padding:.26rem .45rem;color:#a7afa9;background:#26332e;border:1px solid #41534c;border-radius:.35rem;font-size:.54rem}
.agent-node{top:50%;left:55%;display:flex;width:7rem;height:7rem;flex-direction:column;align-items:center;justify-content:center;color:#f2efff;background:#211d39;border:1px solid #6d62aa;border-radius:1.6rem;box-shadow:0 1rem 3rem rgb(0 0 0 / 18%);transform:translate(-50%,calc(-50% + .6rem))}.agent-node>span{font-size:.62rem;font-weight:740;letter-spacing:.08em}.agent-node strong{margin-top:.45rem;color:#a9a4c4;font-size:.55rem}.agent-node i{position:absolute;right:.8rem;bottom:.8rem;width:.48rem;height:.48rem;background:var(--mint);border-radius:50%}.audit-chip{right:4%;bottom:2%;display:flex;min-height:2.35rem;align-items:center;gap:.55rem;padding:.5rem .8rem;color:#a8beb5;background:#0f2821;border:1px solid #3b6055;border-radius:999px;font-size:.58rem;transform:translateY(.7rem)}.audit-chip span{display:grid;width:1.15rem;height:1.15rem;place-items:center;color:#0b211b;background:var(--mint);border-radius:50%}.source-node.is-active,.output-node.is-active,.agent-node.is-active,.audit-chip.is-active{opacity:1;border-color:#6b9c8d;box-shadow:0 .8rem 2.5rem rgb(0 0 0 / 22%),0 0 1.5rem rgb(150 222 207 / 7%);transform:none}.source-crm.is-active{transform:translateY(-50%)}.agent-node.is-active{transform:translate(-50%,-50%)}.output-human.is-active .approval-control{color:#0e261f;background:var(--mint);border-color:var(--mint)}
/* Flow lines use live node geometry; these rules keep endpoints visually exact. */
.integration-lines{overflow:visible}
.integration-lines path{stroke-linecap:round}
.agent-node{width:8rem;height:8rem;padding:.65rem;color:#f2efff;background:linear-gradient(145deg,#282242,#1d2634);text-align:center}
.agent-node>.assistant-mark{display:grid;width:2.25rem;height:2.25rem;place-items:center;color:#ded8ff;background:#342d56;border:1px solid #8d80df;border-radius:.72rem;font:760 .76rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
.agent-node strong{margin-top:.5rem;color:#eeeaff;font-size:.57rem;line-height:1.2}
.agent-node>small{margin-top:.25rem;color:#9e99b7;font-size:.46rem;line-height:1.25}
/* Step numbers align with the title line, not the title + subtitle block. */
.gallery-ai .ai-source i,.source-node>i,.output-node>i{width:1.5rem;height:1.5rem;font-size:.5rem;transform:translateY(calc(-50% - .41rem))}
/* Tab indexes share the title block; the action remains visually separate. */
.gallery-copy li>span{align-self:start;padding-top:.93rem;font-size:.58rem;line-height:1}
.gallery-meta [data-gallery-index]{display:inline-flex;align-items:center;gap:.42rem;color:#d9f4eb}
.gallery-meta [data-gallery-index] strong{font:720 .74rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}
.gallery-meta [data-gallery-index] em{display:grid;min-width:1.5rem;height:1.2rem;padding-inline:.25rem;place-items:center;color:#b9e8da;background:#203b33;border:1px solid #42675c;border-radius:999px;font:650 .48rem ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;letter-spacing:.04em}
.gallery-ai .ai-output{top:50%;bottom:auto;transform:translateY(-50%)}
.gallery-ai .ai-output span{flex:0 0 1.2rem;aspect-ratio:1;line-height:1}
.gallery-ai [data-flow-map]>path{stroke:#65897f;stroke-width:2;stroke-dasharray:none;stroke-linecap:round;opacity:.88}
.integration-lines>path{stroke-dasharray:none;stroke-linecap:round}
.gallery-ai [data-flow-map] marker path,.gallery-system [data-flow-map] marker path{fill:#83aa9f;stroke:none}
.integration-lines marker path{fill:#6f988c;stroke:none}
.integration-lines>path.is-active{animation:flow-line-glow 1.8s ease-in-out infinite}
@keyframes flow-line-glow{0%,100%{filter:none;opacity:.82}50%{filter:drop-shadow(0 0 .22rem rgb(150 222 207 / 55%));opacity:1}}
/* The phone is a focused field companion, not a shrunken desktop dashboard. */
.software-phone .phone-screen{position:relative;overflow:hidden;padding:2rem .7rem 2.15rem;background:linear-gradient(160deg,#fbfaf5 0%,#f2f2ec 62%,#e8f4ef 100%)}
.software-phone .phone-screen::before{position:absolute;top:-2.6rem;right:-2.4rem;width:7rem;height:7rem;content:"";background:radial-gradient(circle,rgb(137 120 239 / 22%),transparent 68%);pointer-events:none}
.software-phone .mobile-appbar{position:relative;display:flex;margin-bottom:.65rem;align-items:center;justify-content:space-between}
.software-phone .mobile-appbar span{display:grid;width:1.55rem;height:1.55rem;place-items:center;color:#fff;background:linear-gradient(145deg,var(--violet),#6654d2);border-radius:.48rem;font-size:.72rem;font-weight:760;box-shadow:0 .35rem .8rem rgb(103 83 211 / 22%)}
.software-phone .mobile-appbar i{position:relative;width:1.45rem;height:1.45rem;background:#e5e9e4;border:1px solid #d2d8d3;border-radius:50%}
.software-phone .mobile-appbar i::after{position:absolute;top:.34rem;right:.34rem;width:.35rem;height:.35rem;content:"";background:var(--coral);border:2px solid #e5e9e4;border-radius:50%}
.software-phone .phone-screen>small{color:#68766f;font-size:.42rem;font-weight:650;letter-spacing:.13em}
.software-phone .phone-screen h4{margin:.2rem 0 .65rem;font-size:1rem;letter-spacing:-.035em}
.software-phone .mobile-summary{display:grid;margin-bottom:.55rem;grid-template-columns:1fr 1fr;gap:.4rem}
.software-phone .mobile-summary>span{display:grid;padding:.45rem .5rem;background:rgb(255 255 255 / 72%);border:1px solid #dde2dc;border-radius:.65rem;box-shadow:0 .3rem .8rem rgb(25 42 35 / 5%)}
.software-phone .mobile-summary b{font-size:.72rem}.software-phone .mobile-summary small{margin-top:.05rem;color:#7f8c86;font-size:.34rem;font-weight:650;letter-spacing:.08em}
.software-phone .mobile-alert{position:relative;padding:.7rem;color:#eff8f4;background:linear-gradient(145deg,#1b483b,#17382f);border:1px solid #2f5f50;border-radius:.8rem;box-shadow:0 .7rem 1.4rem rgb(18 48 39 / 18%)}
.software-phone .mobile-alert::after{position:absolute;right:.6rem;bottom:.6rem;width:1.6rem;height:1.6rem;content:"";background:radial-gradient(circle,rgb(150 222 207 / 24%),transparent 68%);border-radius:50%}
.software-phone .mobile-alert>div{display:flex;align-items:center;justify-content:space-between;gap:.3rem}
.software-phone .mobile-alert em{padding:.18rem .28rem;color:#211a15;background:var(--coral);border-radius:99px;font-size:.3rem;font-style:normal;font-weight:760;letter-spacing:.06em}
.software-phone .mobile-alert>div span{margin:0;color:#a8bdb5;font-size:.36rem}.software-phone .mobile-alert>b{margin-top:.45rem;font-size:.63rem;line-height:1.2}.software-phone .mobile-alert p{display:block;margin:.25rem 0 0;padding:0;color:#b9cbc4;background:transparent;font-size:.4rem}
.software-phone .phone-screen>button{display:flex;margin-top:.55rem;padding:.56rem .65rem;align-items:center;justify-content:space-between;color:#15241f;background:linear-gradient(90deg,var(--mint),#b5eadf);border-radius:.65rem;box-shadow:0 .45rem 1rem rgb(73 154 135 / 14%)}
.software-phone .phone-screen>button b{display:grid;width:1rem;height:1rem;place-items:center;color:#eefbf7;background:#234b3f;border-radius:50%;font-size:.46rem}
.software-phone .mobile-next{display:flex;margin-top:.5rem;padding:.42rem .15rem;align-items:center;gap:.4rem;color:#60716a;font-size:.39rem;font-weight:620}
.software-phone .mobile-next i{width:.42rem;height:.42rem;background:var(--violet);border-radius:50%;box-shadow:0 0 0 .18rem rgb(137 120 239 / 12%)}
.software-phone .mobile-nav{position:absolute;right:.7rem;bottom:.45rem;left:.7rem;display:flex;height:1.25rem;align-items:center;justify-content:space-around;background:rgb(255 255 255 / 78%);border:1px solid #dce2dd;border-radius:.55rem;backdrop-filter:blur(8px)}
.software-phone .mobile-nav i{width:.45rem;height:.45rem;border:1px solid #9aa7a1;border-radius:.15rem}.software-phone .mobile-nav i.is-active{background:var(--violet);border-color:var(--violet);box-shadow:0 0 0 .14rem rgb(137 120 239 / 13%)}

.demo-footer{position:relative;display:grid;min-height:5rem;padding:1rem 1.35rem;grid-template-columns:1fr auto;align-items:center;gap:1rem;background:#102720;border-top:1px solid #29463e}.demo-progress{position:absolute;top:-1px;right:0;left:0;height:2px;background:#29463e}.demo-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--mint),var(--violet));transition:width 80ms linear}.demo-footer>p{margin:0;color:#8ea39b;font-size:.72rem}.demo-controls{display:flex;align-items:center;gap:.55rem}.demo-controls button{min-height:2.45rem;padding:.55rem .85rem;color:#aebfb8;background:transparent;border:1px solid #36554c;border-radius:999px;font-size:.65rem;font-weight:620;cursor:pointer}.demo-controls button:hover{color:#eef7f3;border-color:#638278}.demo-controls .demo-next{color:#10241e;background:var(--mint);border-color:var(--mint)}.demo-disclaimer{margin:.9rem 0 0;color:#718a80;font:.58rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;text-align:right;text-transform:uppercase}

/* Automatic journey: prompt → five large questions → routed next step. */
.journey-scene:not([hidden]){animation:journey-scene-in 360ms var(--ease) both}
.journey-option{pointer-events:none}
@keyframes journey-scene-in{from{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:none}}
.journey-idea-composer .icon-button:disabled,.journey-idea-composer .composer-submit:disabled{opacity:1;cursor:default}.journey-typed-placeholder{color:#8f9995}.journey-prompt-scene>small{align-self:flex-start}
.journey-stage{position:relative;min-height:44rem;overflow:hidden;color:var(--ink);background:radial-gradient(circle at 50% 34%,rgb(137 120 239 / 10%),transparent 34%),linear-gradient(145deg,#fbfcf8,#eef3ed)}.journey-stage::before{position:absolute;inset:0;content:"";opacity:.55;background-image:linear-gradient(rgb(57 83 73 / 5%) 1px,transparent 1px),linear-gradient(90deg,rgb(57 83 73 / 5%) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}.journey-scene{position:relative;z-index:1;display:flex;width:min(100% - 3rem,62rem);min-height:44rem;margin:auto;padding:4.5rem 2rem;flex-direction:column;justify-content:center}.journey-scene[hidden]{display:none}.journey-step{display:flex;margin:0 0 1.5rem;align-items:center;gap:.65rem;color:#55756b;font:600 .57rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.journey-step span{display:grid;width:1.8rem;height:1.8rem;place-items:center;color:#173f34;background:var(--mint);border-radius:50%;font-size:.53rem}.journey-scene h3{max-width:52rem;margin:0;font-size:clamp(2.5rem,5vw,5.2rem);letter-spacing:-.06em;line-height:.96}.journey-prompt-scene>small{margin-top:1rem;color:#72827c;font-size:.72rem}.journey-composer{position:relative;display:grid;min-height:10rem;margin-top:2.5rem;padding:1.7rem 5.5rem 1.7rem 1.7rem;align-items:center;color:#f1f6f3;background:#151817;border:1px solid #3d4844;border-radius:1.4rem;box-shadow:0 1.4rem 3.5rem rgb(19 35 29 / 24%)}.journey-composer p{margin:0;font-size:clamp(1.1rem,2vw,1.55rem);font-weight:540;line-height:1.55}.journey-composer>i{display:inline-block;width:2px;height:1.5rem;margin-left:.12rem;background:var(--mint);animation:caret .85s step-end infinite}.journey-composer button{position:absolute;right:1.25rem;bottom:1.25rem;display:grid;width:3.1rem;height:3.1rem;place-items:center;color:#11332a;background:var(--mint);border:0;border-radius:50%;font-size:1.15rem}.journey-question-scene{padding-top:3.5rem;padding-bottom:3.5rem}.journey-question-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.journey-question-top .journey-step{margin:0}.journey-dots{display:flex;align-items:center;gap:.4rem}.journey-dots i{display:block;width:1.9rem;height:.28rem;background:#d6dcd7;border-radius:99px;transition:background 260ms ease,transform 260ms var(--ease)}.journey-dots i.is-complete{background:#639a8a}.journey-dots i.is-active{background:var(--violet);transform:scaleX(1.08)}.journey-question-scene h3{max-width:56rem;margin-top:2rem}.journey-reason{max-width:40rem;margin:1rem 0 2rem;color:#68756f;font-size:.82rem;line-height:1.6}.journey-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.journey-options button{position:relative;display:grid;min-height:8rem;padding:1.15rem 1.1rem 1.15rem 3.7rem;align-content:center;color:#24302c;background:rgb(255 255 255 / 82%);border:1px solid #cdd6cf;border-radius:1rem;text-align:left;box-shadow:0 .45rem 1.2rem rgb(27 48 40 / 5%);transition:background 220ms ease,border-color 220ms ease,box-shadow 220ms ease,transform 220ms var(--ease)}.journey-options button>span{position:absolute;top:1.05rem;left:1.05rem;display:grid;width:1.8rem;height:1.8rem;place-items:center;color:#68766f;background:#edf0eb;border:1px solid #d2d8d3;border-radius:.52rem;font:.58rem ui-monospace,SFMono-Regular,Menlo,monospace}.journey-options button>b{font-size:.86rem;line-height:1.2}.journey-options button>small{margin-top:.4rem;color:#728079;font-size:.65rem;line-height:1.45}.journey-options button.is-hovered{border-color:#8376d1;box-shadow:0 .8rem 2rem rgb(83 65 173 / 12%);transform:translateY(-2px)}.journey-options button.is-selected{color:#302958;background:#eeeaff;border-color:#786ac8;box-shadow:0 .8rem 2rem rgb(83 65 173 / 14%)}.journey-options button.is-selected>span{color:#fff;background:var(--violet);border-color:var(--violet)}.journey-options button.is-selected::after{position:absolute;top:1rem;right:1rem;display:grid;width:1.5rem;height:1.5rem;place-items:center;content:"✓";color:#123b30;background:var(--mint);border-radius:50%;font-size:.7rem;font-weight:800}.journey-auto-note{display:flex;margin:1.25rem 0 0;align-items:center;gap:.5rem;color:#77847f;font-size:.6rem}.journey-auto-note i{width:.42rem;height:.42rem;background:var(--mint);border-radius:50%;box-shadow:0 0 0 .2rem rgb(92 151 134 / 10%)}.journey-result-scene{align-items:center;text-align:center}.journey-result-mark{display:grid;width:4.2rem;height:4.2rem;place-items:center;color:#173d33;background:var(--mint);border-radius:50%;font-size:1.35rem;box-shadow:0 0 0 .85rem rgb(150 222 207 / 22%)}.journey-result-label{margin:2.2rem 0 .8rem;color:#4d766a;font:650 .62rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}.journey-result-scene h3{max-width:55rem}.journey-result-scene>p:not(.journey-result-label){max-width:42rem;margin:1.2rem auto 0;color:#68756f;font-size:.86rem;line-height:1.6}.journey-result-route{display:flex;margin:2rem 0 1.5rem;align-items:center;justify-content:center;gap:.8rem;color:#5f6e68}.journey-result-route span,.journey-result-route strong{display:inline-flex;min-height:2.8rem;padding:.65rem .85rem;align-items:center;gap:.45rem;background:#e4eae5;border:1px solid #ced7d0;border-radius:999px;font:650 .58rem ui-monospace,SFMono-Regular,Menlo,monospace}.journey-result-route span b{font-family:InstrumentSans,Arial,sans-serif;font-size:.68rem}.journey-result-route strong{color:#f4faf7;background:#193d33;border-color:#193d33;letter-spacing:.06em}.journey-result-scene>a{display:inline-flex;min-height:3.2rem;padding:.65rem .75rem .65rem 1.2rem;align-items:center;gap:1rem;color:#f4faf7;background:#193d33;border-radius:999px;font-size:.75rem;font-weight:700}.journey-result-scene>a>b{display:grid;width:2rem;height:2rem;place-items:center;color:#17372e;background:var(--mint);border-radius:50%}.journey-result-scene>small{margin-top:1rem;color:#75837d;font-size:.62rem}.journey-stage[data-route="guided"] .journey-result-mark{color:#eeeaff;background:var(--violet);box-shadow:0 0 0 .85rem rgb(137 120 239 / 17%)}.journey-stage[data-route="guided"] .journey-result-route strong{background:#30294d;border-color:#665b9c}.journey-stage[data-route="guided"] .journey-result-scene>a{background:#30294d}.journey-stage[data-route="guided"] .journey-result-scene>a>b{color:#efeaff;background:var(--violet)}.journey-cursor{position:absolute;z-index:8;top:50%;left:50%;width:2.3rem;height:2.8rem;opacity:0;pointer-events:none;filter:drop-shadow(0 .3rem .3rem rgb(0 0 0 / 22%));transform:translate(-50%,-50%);transition:left 700ms cubic-bezier(.22,.8,.25,1),top 700ms cubic-bezier(.22,.8,.25,1),opacity 180ms ease}.journey-cursor svg{width:100%;height:100%;fill:#141817;stroke:#f7fbf8;stroke-width:1.5}.journey-cursor i{position:absolute;top:1.1rem;left:.65rem;width:.5rem;height:.5rem;opacity:0;border:2px solid var(--violet);border-radius:50%}.journey-cursor.is-visible{opacity:1}.journey-cursor.is-clicking i{animation:journey-click 420ms ease-out}@keyframes journey-click{0%{opacity:.9;transform:scale(.2)}100%{opacity:0;transform:scale(3.4)}}.journey-stage.is-transitioning .journey-scene{animation:journey-scene-out 240ms ease both}@keyframes journey-scene-out{to{opacity:0;transform:translateY(.45rem)}}

.value-section,.method-section{padding:clamp(6rem,10vw,9rem) 0}
.value-layout{display:grid;grid-template-columns:minmax(18rem,.68fr) minmax(0,1fr);gap:clamp(3rem,8vw,8rem)}.value-layout .section-heading{position:sticky;top:8rem;align-self:start}.value-layout .section-heading h2{font-size:clamp(3rem,5vw,5rem)}.value-layout .section-heading>p{margin-top:1.5rem}.value-list article{display:grid;min-height:11rem;padding:1.5rem 0;grid-template-columns:3rem 1fr auto;align-items:start;gap:1rem;border-top:1px solid var(--line)}.value-list article:last-child{border-bottom:1px solid var(--line)}.value-list article>span{color:#68736f;font:.58rem ui-monospace,SFMono-Regular,Menlo,monospace}.value-list h3{margin:0;font-size:1.35rem}.value-list p{max-width:35rem;margin:.45rem 0 0;color:var(--ink-soft);font-size:.85rem}.value-list i{padding:.4rem .55rem;color:#426c60;background:#dcece6;border-radius:999px;font-size:.52rem;font-style:normal;font-weight:650;letter-spacing:.06em}
.method-section{background:var(--paper-bright)}.method-grid{display:grid;margin:4rem 0 0;padding:0;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:1.4rem;overflow:hidden;list-style:none}.method-grid li{display:flex;min-height:25rem;padding:1.5rem;flex-direction:column;border-left:1px solid var(--line)}.method-grid li:first-child{border-left:0}.method-grid li>span{color:#68736f;font:.58rem ui-monospace,SFMono-Regular,Menlo,monospace}.method-grid li>div{margin:auto 0}.method-grid li b{color:#557167;font-size:.6rem;letter-spacing:.1em}.method-grid h3{margin:.8rem 0;font-size:1.45rem;line-height:1.15}.method-grid p{margin:0;color:var(--ink-soft);font-size:.78rem}.method-grid small{color:#68736f;font:.5rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.method-grid .method-free{background:#e8f6f1}.method-grid .method-free b,.method-grid .method-free small{color:#2f6c5c}.method-boundary{width:max-content;max-width:100%;margin:1rem 0 0 auto;padding:.55rem .75rem;color:#606d68;background:#edf0eb;border-radius:999px;font-size:.6rem}
.roles-section{padding:clamp(6rem,10vw,9rem) 0;color:#eff8f4;background:#10251f}.roles-heading>p{color:#9bb0a7}.roles-grid{display:grid;margin-top:4rem;grid-template-columns:repeat(3,1fr);border:1px solid #345149;border-radius:1.4rem;overflow:hidden}.roles-grid article{min-height:27rem;padding:1.8rem;border-left:1px solid #345149}.roles-grid article:first-child{border-left:0}.role-icon{display:grid;width:4.6rem;height:4.6rem;margin-bottom:5rem;place-items:center;border:1px solid #49675e;border-radius:1.3rem;font-size:.78rem;font-weight:750}.role-ai{color:#141817;background:var(--mint)}.role-team{color:#e4dfff;background:#292344;border-color:#655aa1}.role-client{color:#0f251e;background:var(--coral);border-color:var(--coral)}.roles-grid article>p{color:#829c92;font:.55rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.roles-grid h3{max-width:17rem;margin:.7rem 0 1.5rem;font-size:1.55rem;line-height:1.15}.roles-grid ul{margin:0;padding-left:1rem;color:#9eb1aa;font-size:.78rem;line-height:1.9}
.final-section{position:relative;min-height:45rem;overflow:hidden;color:#f4fbf8;background:#071b17}.final-grid-pattern{opacity:.7;mask-image:radial-gradient(circle at center,black,transparent 73%)}.final-inner{position:relative;z-index:2;display:flex;min-height:45rem;flex-direction:column;align-items:center;justify-content:center;text-align:center}.final-inner h2{margin:0;font-size:clamp(3.4rem,7vw,7rem);letter-spacing:-.065em;line-height:.94}.final-inner>p:not(.kicker){max-width:42rem;margin:1.6rem auto;color:#a9bab3}.button-light{color:#11231e;background:var(--mint)}.final-inner small{margin-top:1rem;color:#789087;font-size:.6rem;letter-spacing:.06em}
.site-footer{padding:3rem 0 1.5rem;background:#f0f2ed}.footer-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}.footer-main>p{margin:0;color:#5f6b66;font-size:.74rem;text-align:center}.footer-main nav{display:flex;justify-content:flex-end;gap:1.2rem;font-size:.7rem}.footer-bottom{display:flex;margin-top:2.5rem;padding-top:1rem;justify-content:space-between;color:#5e6965;border-top:1px solid var(--line);font-size:.6rem}.footer-brand .brand-word span{color:#5d47c9}

[data-reveal]{opacity:0;transform:translateY(1rem);transition:opacity 650ms ease,transform 800ms var(--ease)}[data-reveal].is-visible{opacity:1;transform:none}

@media(max-width:1080px){.nav-links{position:fixed;z-index:90;top:5.5rem;right:1.25rem;left:1.25rem;display:none;padding:1rem;flex-direction:column;gap:0;background:rgb(251 252 248 / 97%);border:1px solid var(--line);border-radius:1.2rem;box-shadow:var(--shadow-soft)}.nav-links.is-open{display:flex}.nav-links a{padding:.9rem;border-bottom:1px solid var(--line)}.nav-links a:last-child{border-bottom:0}.nav-links a::after{display:none}.nav-shell{grid-template-columns:auto 1fr auto}.menu-button{display:flex}.gallery-layout{grid-template-columns:1fr}.gallery-copy{max-width:48rem}.gallery-canvas{min-height:42rem}.demo-panel{grid-template-columns:minmax(18rem,.82fr) minmax(0,1.18fr)}.demo-decisions{padding:1.35rem}.choice-list{grid-template-columns:1fr}.method-grid{grid-template-columns:repeat(2,1fr)}.method-grid li:nth-child(3){border-left:0;border-top:1px solid var(--line)}.method-grid li:nth-child(4){border-top:1px solid var(--line)}}
@media(max-width:820px){.container,.nav-shell{width:min(calc(100% - 2rem),var(--container))}.nav-cta{display:none}.hero{min-height:auto;padding-top:8rem}.hero-inner{min-height:auto}.hero h1>span:first-child{font-size:clamp(2rem,8vw,3.5rem)}.hero h1>span:last-child{font-size:clamp(3rem,12vw,5rem)}.exploration-result{grid-template-columns:1fr}.exploration-understanding{border-right:0;border-bottom:1px solid #29463e}.hero-route{margin-top:2rem}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid p:nth-child(3){border-top:1px solid #2d4740}.trust-grid p:nth-child(4){border-top:1px solid #2d4740}.split-heading,.value-layout{grid-template-columns:1fr;gap:1.5rem}.gallery-tabs{grid-template-columns:1fr}.gallery-tabs button{border-top:1px solid #353b38;border-right:1px solid #353b38}.gallery-tabs button:first-child{border-top:0}.gallery-canvas{min-height:34rem}.gallery-work-card{width:48%}.demo-panel,.electronics-demo[data-stage="0"],.electronics-demo[data-stage="1"],.electronics-demo[data-stage="2"]{min-height:auto;grid-template-columns:1fr}.electronics-demo[data-stage="0"] .demo-decisions,.electronics-demo[data-stage="1"] .demo-decisions,.electronics-demo[data-stage="2"] .demo-decisions{max-width:none;padding:1.35rem}.electronics-demo[data-stage="0"] .electronics-viewport,.electronics-demo[data-stage="1"] .electronics-viewport,.electronics-demo[data-stage="2"] .electronics-viewport{display:none}.demo-decisions{border-right:0;border-bottom:1px solid #29463e}.electronics-viewport,.ai-viewport{min-height:32rem}.demo-chrome{grid-template-columns:1fr auto}.demo-project{display:none}.value-layout .section-heading{position:static}.roles-grid{grid-template-columns:1fr}.roles-grid article{min-height:auto;border-top:1px solid #345149;border-left:0}.roles-grid article:first-child{border-top:0}.role-icon{margin-bottom:2.5rem}.footer-main{grid-template-columns:1fr;justify-items:start}.footer-main>p{text-align:left}.footer-main nav{justify-content:flex-start}}
@media(max-width:620px){.site-header{padding-top:.65rem}.nav-shell{min-width:0;min-height:3.8rem;padding:.45rem .5rem .45rem .8rem;border-radius:1.15rem;gap:.55rem}.brand-word{font-size:.98rem}.nav-actions{min-width:0;gap:.35rem}.language-switcher button{min-width:2rem}.hero{padding-bottom:3rem}.hero-copy{width:100%;min-width:0;padding-top:1rem}.hero h1>span:first-child{font-size:clamp(1.75rem,7.4vw,2.4rem)}.hero h1>span:last-child{font-size:clamp(2.5rem,11.6vw,3.75rem)}.idea-composer{width:100%;min-width:0;max-width:100%;margin-top:1.8rem;padding:1rem;border-radius:1.3rem}.idea-writing-area,.idea-writing-area textarea{min-height:7rem}.idea-writing-area textarea,.typed-placeholder{font-size:.96rem}.composer-footer{min-width:0}.composer-submit span{display:none}.composer-submit{flex:0 0 auto;padding:.35rem}.composer-submit svg{background:transparent}.idea-meta{display:block;min-width:0;text-align:center}.idea-meta button{max-width:100%;margin-top:.5rem;white-space:normal}.exploration-chrome{grid-template-columns:1fr auto}.exploration-steps{display:none}.exploration-loading{min-height:15rem;padding:2rem 1rem}.exploration-understanding,.exploration-decision,.exploration-save{padding:1.25rem}.exploration-map{grid-template-columns:1fr}.exploration-map>div{min-height:auto;border-top:1px solid #2c4940;border-left:0}.exploration-map>div:first-child{border-top:0}.exploration-save form{grid-template-columns:1fr}.exploration-save .button{width:100%}.hero-route{width:100%;min-width:0;padding-top:2rem}.hero-route span{font-size:.48rem;line-height:1.25}.hero-route b{width:1.4rem;height:1.4rem}.trust-grid{grid-template-columns:1fr}.trust-grid p{min-height:4.5rem;border-top:1px solid #2d4740;border-right:1px solid #2d4740}.trust-grid p:first-child{border-top:0}.possibilities,.proof-section,.value-section,.method-section,.roles-section{padding-block:5rem}.section-heading h2{font-size:clamp(2.7rem,13vw,4.2rem)}.gallery-tabs{margin-top:2.5rem}.gallery-tabs button{min-height:5.4rem;padding:.85rem}.gallery-tabs small{display:none}.gallery-canvas{min-height:28rem}.gallery-chrome{padding-inline:.8rem}.gallery-status{display:none}.gallery-chrome{grid-template-columns:1fr auto}.gallery-electronics img{right:-14%;bottom:4%;width:100%}.gallery-work-card{top:5%;width:58%;padding:.75rem}.gallery-work-card>p{font-size:.57rem}.gallery-work-card>div{font-size:.53rem}.scene-callout{display:none}.gallery-software{padding:3%}.gallery-software .web-window{width:100%;height:100%}.software-phone{right:1%;bottom:0;width:7.5rem;height:15rem}.web-dashboard{padding:.8rem}.web-metrics{gap:.25rem}.web-chart svg{height:5rem}.gallery-ai{transform:scale(.78);transform-origin:center}.gallery-copy h3{font-size:2.7rem}.demo-tabs{display:grid;grid-template-columns:1fr 1fr}.demo-tabs button{justify-content:center;padding-inline:.6rem;font-size:.68rem}.demo-window{border-radius:1.2rem}.demo-chrome{padding-inline:.9rem}.demo-decisions{padding:1rem}.electronics-viewport,.ai-viewport{min-height:24rem}.board-stage{width:108%}.viewport-caption{right:1rem;font-size:.64rem}.integration-map{width:112%;transform:translate(-50%,-50%) scale(.86)}.source-node,.output-node{width:8.2rem}.demo-footer{grid-template-columns:1fr}.demo-controls{justify-content:space-between}.demo-controls button{flex:1}.demo-disclaimer{text-align:left}.value-list article{grid-template-columns:2rem 1fr}.value-list i{grid-column:2;justify-self:start}.method-grid{grid-template-columns:1fr}.method-grid li{min-height:20rem;border-top:1px solid var(--line);border-left:0}.method-grid li:first-child{border-top:0}.method-boundary{width:auto;border-radius:.7rem;text-align:center}.final-inner,.final-section{min-height:39rem}.footer-bottom{flex-direction:column;gap:.4rem}}
@media(max-width:620px){
  .gallery-system .system-product-shell{top:4%;right:4%;width:92%;height:68%;grid-template-columns:2rem minmax(0,1fr) 36%;grid-template-rows:1.8rem 1fr}
  .gallery-system .system-appbar{padding-inline:.45rem}.gallery-system .system-appbar>b{font-size:.34rem}
  .gallery-system .system-sidebar{padding:.5rem .35rem}.gallery-system .system-sidebar>b{width:1.1rem;height:1.1rem}
  .gallery-system .system-dashboard{padding:.65rem .5rem}.gallery-system .system-dashboard-title{font-size:.78rem}.gallery-system .system-dashboard>header p{display:none}.gallery-system .system-health{display:none}
  .gallery-system .system-metrics{gap:.25rem}.gallery-system .system-metrics article{padding:.35rem}.gallery-system .system-metrics small{font-size:.24rem}.gallery-system .system-metrics b{font-size:.55rem}.gallery-system .system-metrics span{font-size:.26rem}
  .gallery-system .system-chart-card{padding:.4rem}.gallery-system .system-chart-card svg{height:3.8rem}.gallery-system .system-chart-note{display:none}.gallery-system .system-job-row{padding:.35rem}.gallery-system .system-job-row>em{display:none}
  .gallery-system .system-ai-panel{padding:.55rem}.gallery-system .system-ai-panel .assistant-mark{width:1.4rem;height:1.4rem;flex-basis:1.4rem}.gallery-system .system-ai-panel>p{margin:.5rem 0;font-size:.35rem}.gallery-system .system-ai-evidence>span{padding:.3rem;font-size:.27rem}.gallery-system .system-ai-boundary{margin-top:.45rem;padding:.4rem}
  .gallery-system .system-device{bottom:4%;left:3%;width:43%;height:11rem}.gallery-system .system-device img{right:0;bottom:1.1rem;width:100%}.gallery-system .system-device>div>span{display:none}
  .gallery-system .system-review-phone{right:3%;bottom:2%;width:35%;height:13.6rem;padding:1.75rem .48rem .55rem;border-width:.3rem}.gallery-system .system-phone-title{font-size:.65rem}.gallery-system .system-phone-alert{padding:.42rem}.gallery-system .system-phone-alert>b{font-size:.39rem}.gallery-system .system-phone-note{font-size:.25rem}
  .gallery-system .system-caption{display:none}
}

/* Project room — a concrete preview of the customer clarification interface. */
.project-room-window{background:#0a211b}.project-room-window .demo-brand>b{color:#9db2aa;font:inherit;font-weight:500}.project-room-window .demo-project{color:#9cafaa}
.project-room{display:grid;min-height:47rem;grid-template-columns:27% 41% 32%}
.project-question-rail,.project-question-stage,.project-live-preview{min-width:0}
.project-question-rail{padding:1.35rem;background:#102720;border-right:1px solid #29463e}
.project-idea-card{padding:1rem 1.05rem;background:#173129;border:1px solid #355249;border-radius:1rem}
.project-idea-card>div{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.project-idea-card>div>span,.project-question-summary>span,.project-question-meta,.project-preview-heading,.electronics-preview-meta small,.quote-app header small,.quote-plan>p>span,.quote-output small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}
.project-idea-card>div>span{color:#8eb0a5;font-size:.55rem}
.project-idea-card>div>b{display:flex;align-items:center;gap:.35rem;color:#93cabb;font-size:.52rem;font-weight:600}
.project-idea-card>div>b i{width:.38rem;height:.38rem;background:var(--mint);border-radius:50%;box-shadow:0 0 0 .18rem rgb(150 222 207 / 10%)}
.project-idea-card p{margin:.72rem 0 0;color:#edf7f3;font-size:.76rem;font-weight:560;line-height:1.48}
.project-question-summary{display:flex;margin:1.45rem .15rem .5rem;align-items:center;justify-content:space-between;color:#87a097}
.project-question-summary>span{font-size:.54rem}.project-question-summary>b{color:#bad0c8;font-size:.61rem;font-weight:600}
.project-rail-progress{height:3px;margin:0 .15rem 1rem;overflow:hidden;background:#29443c;border-radius:99px}
.project-rail-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--mint),var(--violet));border-radius:inherit;transition:width 420ms var(--ease)}
.project-question-list{display:grid;margin:0;padding:0;gap:.48rem;list-style:none}
.project-question-list button{display:grid;width:100%;min-height:4.25rem;padding:.72rem .7rem;grid-template-columns:1.55rem minmax(0,1fr) auto;align-items:start;gap:.65rem;color:#738b82;background:#0d211c;border:1px solid #29463e;border-radius:.82rem;text-align:left;cursor:default;transition:color 180ms ease,background 180ms ease,border-color 180ms ease,transform 180ms var(--ease)}
.project-question-list button>span{display:grid;width:1.5rem;height:1.5rem;place-items:center;color:#708a80;border:1px solid #3e5c53;border-radius:50%;font:.49rem ui-monospace,SFMono-Regular,Menlo,monospace}
.project-question-list button>div{min-width:0;padding-top:.08rem}.project-question-list button b{display:-webkit-box;overflow:hidden;color:inherit;font-size:.67rem;line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-question-list button small{display:block;overflow:hidden;margin-top:.22rem;color:#688077;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}
.project-question-list button>i{display:grid;width:1.15rem;height:1.15rem;margin-top:.15rem;place-items:center;color:#10241e;background:#3d5c52;border-radius:50%;font-size:.59rem;font-style:normal}
.project-question-list li.is-complete button,.project-question-list li.is-active button{cursor:pointer}
.project-question-list li.is-complete button{color:#b9cbc4;border-color:#35564c}.project-question-list li.is-complete button small{color:#90a69e}.project-question-list li.is-complete button:hover{background:#143028;transform:translateX(.12rem)}
.project-question-list li.is-complete button>span{color:#10241e;background:var(--mint);border-color:var(--mint)}.project-question-list li.is-complete button>i{color:var(--deep);background:var(--mint)}
.project-question-list li.is-active button{color:#f1edff;background:linear-gradient(110deg,#2a3040,#222a34);border-color:#7167bd;box-shadow:inset 3px 0 0 var(--violet)}.project-question-list li.is-active button>span{color:#e2ddff;border-color:#8e83dd}.project-question-list li.is-active button>i{background:var(--violet)}
.project-question-list li.is-upcoming button>i{color:#52665f;background:transparent;border:1px solid #38534a}

.project-question-stage{display:flex;padding:2.2rem 2rem 1.6rem;flex-direction:column;color:var(--ink);background:linear-gradient(145deg,#fbfcf8,#f0f3ee);border-right:1px solid #ccd3cd}
.project-question-view{display:flex;min-height:100%;flex:1;flex-direction:column}.project-question-view[hidden],.project-complete[hidden]{display:none}
.project-question-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#69766f;font-size:.55rem}.project-question-meta>span{color:#4d776b}.project-question-meta>b{padding:.35rem .5rem;color:#5e50a7;background:var(--violet-soft);border-radius:999px;font-size:.46rem;font-weight:700}
.project-question-stage h3{max-width:28rem;margin:1.8rem 0 .7rem;font-size:clamp(1.65rem,2.45vw,2.25rem);letter-spacing:-.045em;line-height:1.08}.project-question-reason{max-width:30rem;margin:0 0 1.6rem;color:#68736f;font-size:.76rem;line-height:1.55}
.project-choice-grid{display:grid;gap:.65rem}
.project-choice-grid button{position:relative;display:grid;width:100%;min-height:4.8rem;padding:.85rem 2.7rem .85rem 3.2rem;align-content:center;color:#26302d;background:rgb(255 255 255 / 74%);border:1px solid #d0d7d1;border-radius:.9rem;text-align:left;cursor:pointer;box-shadow:0 .25rem .8rem rgb(17 34 28 / 3%);transition:transform 180ms var(--ease),border-color 180ms ease,box-shadow 180ms ease,background 180ms ease}
.project-choice-grid button:hover{border-color:#82938c;box-shadow:0 .5rem 1.4rem rgb(17 34 28 / 7%);transform:translateY(-1px)}
.project-choice-grid button>span{position:absolute;top:50%;left:.9rem;display:grid;width:1.55rem;height:1.55rem;place-items:center;color:#68736f;background:#edf0eb;border:1px solid #d3d9d4;border-radius:.5rem;font:.56rem ui-monospace,SFMono-Regular,Menlo,monospace;transform:translateY(-50%)}
.project-choice-grid button>b{font-size:.78rem;line-height:1.2}.project-choice-grid button>small{margin-top:.24rem;color:#727e79;font-size:.62rem;line-height:1.35}
.project-choice-grid button>i{position:absolute;top:50%;right:.9rem;display:grid;width:1.35rem;height:1.35rem;place-items:center;color:transparent;border:1px solid #c3cbc5;border-radius:50%;font-size:.68rem;font-style:normal;transform:translateY(-50%)}
.project-choice-grid button.is-selected{background:#f0edff;border-color:#776aca;box-shadow:0 .6rem 1.6rem rgb(85 66 174 / 10%)}.project-choice-grid button.is-selected>span{color:#f8f6ff;background:var(--violet);border-color:var(--violet)}.project-choice-grid button.is-selected>i{color:#f6fffb;background:#386d60;border-color:#386d60}
.project-question-actions{display:grid;margin-top:auto;padding-top:1.5rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;border-top:1px solid #d9ded9}.project-question-actions button,.project-complete-actions button,.project-complete-actions a{min-height:2.75rem;padding:.62rem .85rem;border-radius:999px;font-size:.67rem;font-weight:680;cursor:pointer}.project-back{color:#56635e;background:transparent;border:1px solid #cbd2cc}.project-back:disabled{opacity:.35;cursor:not-allowed}.project-question-actions small{color:#7c8782;font-size:.55rem;text-align:center}.project-continue{color:#f3faf7;background:#193d33;border:1px solid #193d33}.project-continue:disabled{color:#8c9691;background:#e3e7e2;border-color:#d5dad5;cursor:not-allowed}
.project-complete{margin:auto 0;padding:.25rem}.project-complete-mark{display:grid;width:3.3rem;height:3.3rem;place-items:center;color:#103128;background:var(--mint);border-radius:50%;font-size:1.15rem;box-shadow:0 0 0 .65rem rgb(150 222 207 / 22%)}.project-complete>p:first-of-type{margin:1.7rem 0 .6rem;color:#4c7469;font:.58rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.project-complete>p:not(:first-of-type){color:#68736f;font-size:.75rem;line-height:1.55}.project-complete ul{display:grid;margin:1.3rem 0 1.6rem;padding:0;gap:.45rem;list-style:none}.project-complete li{display:flex;padding:.55rem .65rem;align-items:center;gap:.5rem;color:#47534e;background:#e9eee9;border-radius:.65rem;font-size:.64rem}.project-complete li::before{content:"✓";color:#25594b;font-weight:750}.project-complete-actions{display:flex;gap:.6rem}.project-complete-actions button{color:#53615b;background:transparent;border:1px solid #c4ccc6}.project-complete-actions a{display:inline-flex;align-items:center;gap:.45rem;color:#f4faf7;background:#193d33;border:1px solid #193d33}

.project-live-preview{position:relative;display:flex;padding:1.2rem;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgb(137 120 239 / 12%),transparent 38%),#061713}
.project-live-preview::before{position:absolute;inset:0;content:"";opacity:.48;background-image:linear-gradient(rgb(91 126 112 / 10%) 1px,transparent 1px),linear-gradient(90deg,rgb(91 126 112 / 10%) 1px,transparent 1px);background-size:54px 54px;pointer-events:none}.project-live-preview>*{position:relative;z-index:1}
.project-preview-heading{display:flex;min-height:2rem;align-items:center;justify-content:space-between;gap:.6rem;color:#9ab0a8;font-size:.46rem}.project-preview-heading>span{display:flex;align-items:center;gap:.45rem}.project-preview-heading i{width:.42rem;height:.42rem;background:var(--mint);border-radius:50%;box-shadow:0 0 0 .2rem rgb(150 222 207 / 11%)}.project-preview-heading b{font-weight:600}.project-preview-heading em{color:#7e918a;font-size:.4rem;font-style:normal;text-align:right}
.room-preview{display:flex;min-height:0;margin-top:1rem;flex:1;align-items:center}.room-preview[hidden]{display:none}
.quote-app{width:100%;overflow:hidden;color:#17211e;background:#f4f5f0;border:1px solid #8d9993;border-radius:1rem;box-shadow:0 1.4rem 3rem rgb(0 0 0 / 28%)}
.quote-app>header{display:grid;min-height:3.5rem;padding:.65rem .75rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;background:#eaede8;border-bottom:1px solid #d2d8d2}.quote-app-mark{display:grid;width:1.75rem;height:1.75rem;place-items:center;color:#fff;background:var(--violet);border-radius:.55rem;font-size:.75rem;font-weight:760}.quote-app header div{display:grid}.quote-app header small{color:#7e8b85;font-size:.33rem}.quote-app header b{font-size:.62rem}.quote-app header em{padding:.25rem .35rem;color:#5f519e;background:#e5e0ff;border-radius:999px;font-size:.34rem;font-style:normal;font-weight:700}
.quote-request{padding:.8rem;border-bottom:1px solid #dde2dd}.quote-request>div{display:flex;align-items:center;gap:.55rem}.quote-request>div>span{display:grid;width:1.65rem;height:1.65rem;place-items:center;color:#21483c;background:#c8e8df;border-radius:50%;font-size:.45rem;font-weight:720}.quote-request>div p{display:grid;margin:0}.quote-request>div b{font-size:.58rem}.quote-request>div small{color:#7b8882;font-size:.42rem}.quote-request>p{margin:.65rem 0 0;padding:.65rem;color:#3f4b46;background:#fff;border:1px solid #e0e4df;border-radius:.65rem;font-size:.52rem;line-height:1.45}
.quote-plan{padding:.8rem}.quote-plan>p{display:flex;margin:0 0 .55rem;align-items:center;justify-content:space-between;gap:.5rem;color:#68756f}.quote-plan>p>span{font-size:.36rem}.quote-plan>p>b{color:#4f625a;font-size:.4rem;font-weight:650}.quote-plan ol{display:grid;margin:0;padding:0;gap:.35rem;list-style:none}.quote-plan li{display:grid;min-height:2.15rem;padding:.4rem .5rem;grid-template-columns:1rem 1fr auto;align-items:center;gap:.42rem;color:#7c8983;background:#e9ece8;border-radius:.48rem;font-size:.45rem}.quote-plan li>span{display:grid;width:.85rem;height:.85rem;place-items:center;border:1px solid #b9c3bd;border-radius:50%;font-size:.34rem}.quote-plan li>b{font-weight:600}.quote-plan li>em{color:#7e8984;font-size:.33rem;font-style:normal}.quote-plan li.is-decided{color:#24483e;background:#deeee8}.quote-plan li.is-decided>span{color:#11372d;background:var(--mint);border-color:var(--mint)}.quote-plan li.is-current{color:#423a75;background:#e8e4fb}.quote-plan li.is-current>span{color:white;background:var(--violet);border-color:var(--violet)}
.quote-output{display:flex;margin:.1rem .8rem .8rem;padding:.65rem;align-items:center;gap:.55rem;color:#e9f6f2;background:#183b31;border-radius:.65rem}.quote-output>span{display:grid;width:1.6rem;height:1.6rem;place-items:center;color:#e6e0ff;background:#352e58;border:1px solid #776bd0;border-radius:.5rem;font:.65rem ui-monospace,SFMono-Regular,Menlo,monospace}.quote-output>div{display:grid}.quote-output small{color:#8fb0a5;font-size:.32rem}.quote-output b{font-size:.48rem;line-height:1.35}
.project-preview-note{min-height:2.6rem;margin:.85rem 0 0;color:#88a198;font-size:.56rem;line-height:1.45}

.software-room-app{width:100%;overflow:hidden;color:#17211e;background:#f4f5f0;border:1px solid #8d9993;border-radius:1rem;box-shadow:0 1.4rem 3rem rgb(0 0 0 / 28%)}.software-room-app>header{display:flex;min-height:3.5rem;padding:.65rem .75rem;align-items:center;justify-content:space-between;gap:.6rem;background:#e8ebe6;border-bottom:1px solid #d2d8d2}.software-room-app>header>div{display:flex;align-items:center;gap:.55rem}.software-room-app>header>div>span{display:grid;width:1.75rem;height:1.75rem;place-items:center;color:#fff;background:linear-gradient(145deg,var(--violet),#5b4cbd);border-radius:.55rem;font-size:.75rem;font-weight:760}.software-room-app header p{display:grid;margin:0}.software-room-app header small{color:#75827c;font:500 .33rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.software-room-app header b{font-size:.62rem}.software-room-app header em{padding:.25rem .38rem;color:#355f53;background:#cce7df;border-radius:999px;font-size:.33rem;font-style:normal;font-weight:700;white-space:nowrap}.software-room-shell{display:grid;min-height:24rem;grid-template-columns:2.6rem 1fr}.software-room-shell>nav{display:flex;padding:.85rem .6rem;flex-direction:column;align-items:center;gap:.75rem;background:#153027}.software-room-shell>nav i{width:1.1rem;height:1.1rem;border:1px solid #557168;border-radius:.35rem}.software-room-shell>nav i.is-active{background:var(--mint);border-color:var(--mint);box-shadow:0 0 0 .2rem rgb(150 222 207 / 12%)}.software-room-shell>section{padding:1rem}.software-room-audience{display:flex;margin:0 0 .75rem;align-items:center;justify-content:space-between;color:#69766f}.software-room-audience span,.software-room-title small,.software-room-metrics small,.software-room-activity>p{font:500 .34rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.software-room-audience b{padding:.25rem .38rem;color:#594b9b;background:#e5e0ff;border-radius:999px;font-size:.38rem}.software-room-title{display:flex;align-items:end;justify-content:space-between;gap:.5rem}.software-room-title small{color:#78857f}.software-room-title h4{margin:.18rem 0 0;font-size:.9rem;letter-spacing:-.035em}.software-room-title>span{padding:.3rem .42rem;color:#eaf7f2;background:#204a3e;border-radius:.45rem;font-size:.38rem;white-space:nowrap}.software-room-metrics{display:grid;margin-top:.8rem;grid-template-columns:repeat(3,1fr);gap:.42rem}.software-room-metrics article{display:grid;min-height:3.6rem;padding:.55rem;background:#e7ebe6;border:1px solid #d9ded9;border-radius:.62rem}.software-room-metrics small{color:#7c8983}.software-room-metrics b{align-self:end;font-size:.8rem}.software-room-metrics .is-accent{background:#e9e5fc;border-color:#d7d0f5}.software-room-metrics .is-accent b{color:#5c4fa5;font-size:.52rem}.software-room-activity{margin-top:.65rem;padding:.6rem;background:#ebeee9;border-radius:.7rem}.software-room-activity>p{display:flex;margin:0 0 .4rem;align-items:center;justify-content:space-between;color:#6d7974}.software-room-activity>p em{color:#4b7569;font-style:normal}.software-room-activity>div{display:grid;min-height:2rem;padding:.35rem .45rem;grid-template-columns:.48rem 1fr auto;align-items:center;gap:.4rem;color:#68736e;background:#f8f9f5;border-top:1px solid #e2e5e1;font-size:.4rem}.software-room-activity>div i{width:.38rem;height:.38rem;background:#93a19b;border-radius:50%}.software-room-activity>div b{font-weight:600}.software-room-activity>div small{color:#8a958f}.software-room-activity>div.is-highlighted{color:#234a3e;background:#dcefe8}.software-room-activity>div.is-highlighted i{background:var(--mint);box-shadow:0 0 0 .14rem rgb(61 111 95 / 12%)}

.project-delivery-boundary{display:grid;margin-top:.7rem;padding:.65rem .7rem;grid-template-columns:1.4rem 1fr;align-items:start;gap:.5rem;color:#b8cec6;background:rgb(17 48 39 / 82%);border:1px solid #36594f;border-radius:.72rem}.project-delivery-boundary>span{display:grid;width:1.35rem;height:1.35rem;place-items:center;color:#17372e;background:var(--mint);border-radius:50%;font-size:.58rem}.project-delivery-boundary>div{display:grid}.project-delivery-boundary small{color:#83a99d;font:.34rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.project-delivery-boundary b{margin-top:.18rem;color:#eff8f5;font-size:.56rem}.project-delivery-boundary p{margin:.18rem 0 0;color:#8da59c;font-size:.46rem;line-height:1.4}

.room-preview-electronics{display:flex;flex-direction:column;align-items:stretch}.electronics-preview-meta{display:flex;width:100%;align-items:center;justify-content:space-between}.electronics-preview-meta div{display:grid}.electronics-preview-meta small{color:#7f9990;font-size:.4rem}.electronics-preview-meta b{font-size:.73rem}.electronics-preview-meta em{padding:.3rem .42rem;color:#a79ce9;background:#292545;border:1px solid #50487f;border-radius:999px;font-size:.38rem;font-style:normal;font-weight:650;letter-spacing:.06em}
.room-board-stage{position:relative;width:100%;min-height:24rem;margin:.45rem 0 .25rem;overflow:hidden;border:1px solid #28463e;border-radius:.9rem;background:radial-gradient(circle at 52% 55%,rgb(125 102 232 / 15%),transparent 40%),#061914}.room-board-stage .viewport-grid{opacity:.65;mask-image:none}.room-board-layer{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(.5rem) scale(.98);transition:opacity 650ms var(--ease),transform 800ms var(--ease)}.room-board-stage[data-room-board-stage="concept"] .room-board-concept{opacity:1;transform:none}.room-concept-stamp{position:absolute;z-index:4;right:.65rem;bottom:.65rem;padding:.3rem .4rem;color:#a99fe6;background:#27233f;border:1px solid #564d87;border-radius:.4rem;font:.36rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}
.electronics-choice-summary{display:flex;min-height:2rem;flex-wrap:wrap;gap:.35rem}.electronics-choice-summary span{padding:.32rem .45rem;color:#9bb5ac;background:#102a23;border:1px solid #315047;border-radius:999px;font-size:.42rem}.electronics-choice-summary span.is-pending{color:#61776f;background:transparent;border-style:dashed}

@media(max-width:1080px){
  .project-path-callout>div{grid-template-columns:1fr}.project-path-callout small{grid-row:auto}
  .project-room{grid-template-columns:32% 68%}
  .project-question-rail,.project-question-stage{min-height:43rem}
  .project-question-stage{border-right:0}
  .project-live-preview{min-height:34rem;grid-column:1/-1;border-top:1px solid #29463e}
  .room-preview{width:min(100%,38rem);margin-inline:auto}.project-preview-heading,.project-preview-note{width:min(100%,38rem);margin-inline:auto}.project-preview-note{margin-top:.85rem}
}
@media(max-width:820px){
  .demo-tabs{grid-template-columns:1fr}.demo-tabs button{min-height:4rem}.project-path-callout{grid-template-columns:1.8rem 1fr}.project-path-callout>span{width:1.75rem;height:1.75rem}
  .journey-stage,.journey-scene{min-height:42rem}.journey-scene{width:min(100% - 1.5rem,62rem);padding-inline:1rem}.journey-options{grid-template-columns:1fr}.journey-options button{min-height:5.8rem}.journey-result-route{flex-wrap:wrap}
  .project-room{grid-template-columns:1fr}
  .project-question-rail,.project-question-stage{min-height:auto}
  .project-question-rail{border-right:0;border-bottom:1px solid #29463e}
  .project-question-list{grid-template-columns:1fr 1fr}.project-question-list li:last-child{grid-column:1/-1}
  .project-question-stage{min-height:38rem}
}
@media(max-width:620px){
  .demo-tabs button small{display:block}.project-path-callout{padding:.75rem}.project-path-callout p{font-size:.55rem}
  .journey-stage,.journey-scene{min-height:43rem}.journey-scene{padding-block:2.5rem}.journey-scene h3{font-size:clamp(2.15rem,10vw,3.15rem)}.journey-composer{min-height:9rem;margin-top:1.8rem;padding:1.2rem 4.3rem 1.2rem 1.2rem}.journey-composer p{font-size:1rem}.journey-composer button{right:.8rem;bottom:.8rem;width:2.7rem;height:2.7rem}.journey-question-top{align-items:flex-start}.journey-dots i{width:1.15rem}.journey-question-scene h3{margin-top:1.5rem}.journey-reason{margin-bottom:1.25rem}.journey-options{gap:.55rem}.journey-options button{min-height:5.2rem;padding:.8rem .8rem .8rem 3rem}.journey-options button>span{top:.8rem;left:.8rem;width:1.55rem;height:1.55rem}.journey-options button>small{font-size:.58rem}.journey-auto-note{font-size:.54rem}.journey-result-route i{display:none}.journey-result-route span,.journey-result-route strong{min-height:2.4rem}.journey-cursor{width:1.9rem;height:2.3rem}.demo-controls{width:100%}.demo-controls button{padding-inline:.65rem}
  .project-question-rail{padding:1rem}.project-question-list{grid-template-columns:1fr}.project-question-list li:last-child{grid-column:auto}.project-question-list button{min-height:3.8rem}
  .project-question-stage{min-height:39rem;padding:1.5rem 1rem 1rem}.project-question-meta>b{display:none}.project-question-stage h3{margin-top:1.25rem;font-size:1.65rem}.project-choice-grid button{min-height:4.5rem;padding-left:3rem}.project-question-actions{grid-template-columns:auto auto;justify-content:space-between}.project-question-actions small{display:none}
  .project-live-preview{min-height:31rem;padding:1rem}.project-preview-heading em{display:none}.room-board-stage{min-height:21rem}.project-complete-actions{flex-direction:column}.project-complete-actions a{justify-content:center}
}

/* One-pass gallery tour: the active underline also communicates time remaining. */
.gallery-tabs button.is-auto-counting::after{animation:gallery-tab-countdown 6.2s linear both;transform-origin:left}@keyframes gallery-tab-countdown{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.gallery-tabs button.is-tour-held::after{animation-play-state:paused}
@media(max-width:820px){
  .gallery-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery-tabs button,.gallery-tabs button:first-child,.gallery-tabs button:last-child{border:1px solid #353e3a}
}
@media(max-width:620px){
  .gallery-tabs{display:flex;margin-right:calc((100vw - 100%)/-2);margin-left:calc((100vw - 100%)/-2);padding:.45rem 1rem;gap:.55rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:1rem;scroll-snap-type:x proximity;border-right:0;border-left:0;border-radius:0;scrollbar-width:none}
  .gallery-tabs::-webkit-scrollbar{display:none}.gallery-tabs button{width:min(78vw,18rem);min-width:min(78vw,18rem);flex:0 0 min(78vw,18rem);min-height:7rem;padding:.9rem;scroll-snap-align:start}.gallery-tabs button small{display:block}.gallery-tabs em{font-size:.51rem}
  .gallery-tour{align-items:flex-start}.gallery-tour>p{max-width:15rem;line-height:1.4}.gallery-tour button{flex:0 0 auto}
}
@media(prefers-reduced-motion:reduce){.gallery-tabs button.is-auto-counting::after,.gallery-scene.is-entering,.gallery-layout.is-switching .gallery-copy{animation:none;transform:none}}
@media(max-width:430px){.nav-cta{display:none}.language-switcher button{min-width:1.9rem;padding:.3rem .45rem}.hero h1>span:first-child{font-size:1.85rem}.hero h1>span:last-child{font-size:2.65rem}.gallery-work-card{width:68%}}
@media(max-width:620px){.journey-idea-composer .composer-submit span{display:none}}
.journey-cursor{transition:opacity 180ms ease;will-change:left,top}
.journey-idea-composer .composer-submit{transition:background 180ms ease,transform 150ms ease}
.journey-idea-composer .composer-submit.is-demo-pressed{background:#e8eeea;transform:translateY(1px) scale(.985)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-reveal]{opacity:1;transform:none}.typed-placeholder i,.journey-composer>i{display:none}.journey-cursor{display:none}}