/* Cleaner: warm architectural surfaces, one red accent, crisp product detail. */
:root{--room-floor:#e5ded0;--slab-top:#ddd5c6;--slab-front:#beb4a1;--slab-side:#a59a85;--partition-top:#fffdf8;--partition-front:#ece5d9;--partition-side:#c9beac;--furniture-top:#f9f5ec;--furniture-front:#bdb29e;--furniture-side:#9c907b;--chair-top:#45413b;--chair-front:#34312b;--chair-side:#25231f;--paper-top:#b51424;--paper-front:#851220;--paper-side:#73101b}
[data-theme=dark]{--room-floor:#46413a;--slab-top:#413c35;--slab-front:#282621;--slab-side:#1f1e1a;--partition-top:#b1a697;--partition-front:#70675c;--partition-side:#564e44;--furniture-top:#c4b9a5;--furniture-front:#8b7f6a;--furniture-side:#6b604d;--chair-top:#292722;--chair-front:#1f1e1a;--chair-side:#181714;--paper-top:#ef5c68;--paper-front:#ad3542;--paper-side:#942735}
.hero-v2{padding-top:54px;padding-bottom:26px}.hero-heading{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;margin-bottom:35px}.hero-v2 .hero-intro{font-size:11px;letter-spacing:.15em;font-weight:800;margin-bottom:20px;color:var(--muted)}.hero-v2 h1{font-size:clamp(52px,6.6vw,88px);line-height:.99;letter-spacing:-.065em}.hero-v2 h1>span{color:var(--accent)}.hero-lede{padding-top:32px}.hero-lede>p:first-child{font-size:21px;line-height:1.55;max-width:430px;letter-spacing:-.025em}.hero-v2 .hero-actions{margin-top:26px;gap:24px;display:flex;align-items:center}.hero-support{font-size:12px;color:var(--muted);margin-top:20px}.operation-stage{border:1px solid var(--line);border-radius:16px;background:var(--surface-2);overflow:hidden;position:relative}.operation-top{display:flex;justify-content:space-between;align-items:center;padding:16px 27px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.08em;font-weight:800}.operation-top>span:first-child{display:flex;gap:10px;align-items:center}.operation-top>span:last-child{font-size:10px;color:var(--muted);font-weight:500;letter-spacing:0}.operation-top i{width:6px;height:6px;background:var(--accent)}.operation-body{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;min-height:370px;padding:22px 32px 22px 10px;gap:16px}.architecture{position:relative;min-width:0}.scene-location{position:absolute;left:28px;top:0;z-index:1;display:grid;gap:1px}.scene-location strong{font-size:14px}.scene-location span{font-size:10px;color:var(--muted)}#hero-room{width:100%;padding-top:8px}.room-cutaway{width:100%;height:330px;overflow:visible}.room-model{transform-origin:50% 50%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.operation-stage[data-chapter="1"] .room-model{transform:translateY(-4px) scale(1.02)}.operation-stage[data-chapter="2"] .room-model{transform:translateY(-7px) scale(1.045)}.operation-stage[data-chapter="3"] .room-model{transform:translateY(0) scale(1)}.room-marker{transition:opacity .6s,transform .7s}.room-completion{opacity:0;transition:opacity .8s}.operation-stage[data-chapter="3"] .room-completion{opacity:.17}.scene-legend{position:absolute;bottom:2px;left:30px;display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.scene-key{width:6px;height:6px;border-radius:50%;background:var(--accent)}.task-ledger{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:21px 23px 16px;box-shadow:0 8px 0 -3px var(--bg),0 9px 0 -3px var(--line);max-width:420px;width:100%;justify-self:end;min-height:322px}.ledger-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.04em;color:var(--muted)}.ledger-status{border:1px solid var(--control);border-radius:4px;padding:3px 7px;color:var(--text);font-weight:800}.task-ledger h3{font-size:22px;letter-spacing:-.04em;margin-top:12px;line-height:1.2}.ledger-person{display:flex;gap:10px;align-items:center;margin-top:16px}.ledger-person .ticket-avatar{position:static;display:grid;place-items:center;width:33px;height:33px;background:var(--surface-2);color:var(--text);border-radius:50%;font-size:10px;flex:none}.ledger-person strong{font-size:11px;display:block}.ledger-person small{font-size:10px;color:var(--muted);display:block}.ledger-detail{border-top:1px solid var(--line);margin-top:15px;padding-top:13px;min-height:130px}.ledger-label{font-size:10px;font-weight:800;display:flex;justify-content:space-between;color:var(--muted)}.ledger-label>span{font-weight:400}.hero-checklist{list-style:none;margin:12px 0 0;padding:0;font-size:11px;display:grid;gap:8px}.hero-checklist li:before{content:'';display:inline-block;width:9px;height:9px;border:1px solid var(--control);border-radius:2px;margin-right:9px}.ledger-trail{display:flex;gap:9px;align-items:center;font-size:9px;color:var(--muted);padding-top:8px}.ledger-trail i{height:1px;background:var(--line);flex:1}.ledger-trail span:first-child,.operation-stage[data-chapter="1"] .ledger-trail span:nth-of-type(2),.operation-stage[data-chapter="2"] .ledger-trail span,.operation-stage[data-chapter="3"] .ledger-trail span{color:var(--accent);font-weight:800}.hero-message{font-size:12px;line-height:1.5;background:var(--surface-2);padding:9px 11px;border-radius:0 8px 8px 8px;margin-top:8px;animation:detail-enter .45s both}.hero-original{font-size:10px;margin-top:7px;color:var(--muted)}.hero-detail-note{font-size:9px;color:var(--muted);line-height:1.55;margin-top:9px}.proof-preview{display:flex;align-items:center;gap:10px;margin-top:8px;animation:detail-enter .45s both}.proof-preview svg{width:105px;background:var(--bg);border:1px solid var(--line);border-radius:5px}.proof-preview span{font-size:11px}.proof-preview b{color:var(--accent);margin-left:auto}.review-stamp{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:14px;animation:detail-enter .45s both}.review-stamp>span{display:grid;place-items:center;background:var(--accent);color:var(--on-accent);width:26px;height:26px;border-radius:50%}.review-note{font-size:11px;margin-top:12px}.operation-controls{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);background:var(--surface);padding:0 24px}.operation-controls .story-chapters{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:20px;border:0;border-radius:0;background:none;padding:0}.operation-controls .story-chapters button{position:relative;min-height:58px;padding:12px 0;font-size:11px;display:flex;gap:9px;align-items:center;justify-content:flex-start;background:transparent;border-radius:0;color:var(--muted);border-bottom:2px solid transparent}.operation-controls .story-chapters button>span{font-size:9px;opacity:.8}.operation-controls .story-chapters button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:none}.operation-controls .story-chapters button i{display:none}.operation-controls .story-play{position:static;flex:none;width:36px;height:36px;min-width:36px;border:1px solid var(--control);border-radius:50%;font-size:13px;background:transparent;color:var(--text);display:grid;place-items:center;line-height:1}.operation-controls .story-play:disabled{opacity:.4;cursor:default}.hero-caption{font-size:10px;color:var(--muted);margin-top:10px;text-align:right}.real-app{border:1px solid var(--line);border-radius:9px;margin-top:24px;background:var(--surface)}.real-app summary{cursor:pointer;list-style:none;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;font-size:13px;font-weight:800}.actual-app-grid{display:grid;grid-template-columns:1fr 260px;gap:40px;padding:30px;align-items:center;max-width:800px;margin:auto}.actual-app-grid h3{font-size:30px}.actual-app-grid p{margin-top:18px;color:var(--muted);font-size:14px}.actual-phone{border:7px solid #242320;border-radius:28px;overflow:hidden;background:#242320;max-height:480px}.actual-phone img{width:100%;height:auto}.actual-phone .shot-dark{display:none}[data-theme=dark] .actual-phone .shot-light{display:none}[data-theme=dark] .actual-phone .shot-dark{display:block}.enquiry-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.request-result:focus{outline:2px solid var(--accent);outline-offset:4px}.request-result[data-state=error]{border:1px solid var(--accent)}form[aria-busy=true] button[type=submit]{cursor:wait;opacity:.65}.workspace-demo{transition:background .3s}.workspace-demo #role-demo-content{animation:detail-enter .35s both}.room-selected{filter:drop-shadow(0 4px 2px #0001)}.plan-price strong{font-size:28px}.configuration-total strong{font-size:25px}.pricing-cards .plan-title>span{font-size:10px}.plan-recommendation{font-size:10px}.hero-lede .text-link{font-size:13px}.hero-v2 .button{font-size:13px;min-height:52px}.section{padding-block:94px}.footer-bottom{font-size:11px}.footer-bottom button{font-size:11px}.quiet{font-size:13px}
@keyframes detail-enter{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.sample-action{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:48px;border-top:1px solid var(--line);background:none;margin-top:16px;color:var(--accent);font-size:12px;font-weight:800;text-align:left}.sample-detail{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:18px;margin-top:8px;font-size:13px;animation:detail-enter .35s both}.sample-detail>p{margin-top:10px;color:var(--muted)}.sample-detail .sample-label{font-size:9px;letter-spacing:.06em;margin-top:0;margin-bottom:12px}.sample-detail .button{font-size:12px;min-height:44px;margin-top:15px}.sample-detail .button:disabled{opacity:.8;cursor:default}.sample-detail fieldset{border:0;padding:0;margin:0}.sample-detail legend{font-weight:800;margin-bottom:12px}.sample-detail label{display:flex;gap:10px;align-items:center;min-height:44px}.sample-detail input{width:18px;height:18px;accent-color:var(--accent)}.sample-detail .sample-result{font-size:12px;line-height:1.6}.sample-detail .text-link{font-size:12px}.operation-controls .story-play{min-width:44px;width:44px;height:44px}
@media(max-width:1050px){.hero-heading{gap:30px}.hero-v2 h1{font-size:68px}.hero-lede>p:first-child{font-size:18px}.operation-body{grid-template-columns:1.15fr 1fr;padding-right:20px}.room-cutaway{height:310px}.scene-location{left:16px}.task-ledger{padding:18px;min-height:322px}.operation-controls .story-chapters{gap:10px}.hero-v2 .hero-actions{gap:18px;flex-wrap:wrap}}
@media(max-width:760px){.hero-v2{padding-top:34px}.hero-heading{display:block;margin-bottom:28px}.hero-v2 h1{font-size:clamp(49px,9vw,68px)}.hero-v2 .hero-intro{font-size:10px;margin-bottom:18px}.hero-lede{padding-top:22px}.hero-lede>p:first-child{font-size:18px;max-width:480px}.hero-v2 .hero-actions{margin-top:22px;gap:24px}.hero-support{font-size:11px;margin-top:17px}.operation-top{padding:14px 16px;font-size:8px}.operation-top>span:last-child{font-size:8px}.operation-body{display:flex;flex-direction:column;gap:0;padding:15px}.architecture{width:100%}.room-cutaway{height:230px}.scene-location{top:0;left:0}.scene-location strong{font-size:12px}.scene-location span{font-size:9px}#hero-room{padding-top:20px}.scene-legend{position:static;justify-content:center;font-size:10px;margin-top:-4px;margin-bottom:15px}.task-ledger{width:100%;max-width:none;min-height:300px;padding:18px}.task-ledger h3{font-size:21px}.ledger-detail{min-height:120px}.ledger-person strong{font-size:12px}.ledger-person small{font-size:11px}.hero-checklist{font-size:12px}.hero-message{font-size:13px}.hero-original{font-size:11px}.hero-detail-note{font-size:10px}.operation-controls{padding:0 12px;gap:6px}.operation-controls .story-chapters{gap:0}.operation-controls .story-chapters button{min-height:66px;flex-direction:column;justify-content:center;gap:2px;text-align:center;font-size:9px;line-height:1.4;min-width:0}.operation-controls .story-play{width:30px;height:30px;min-width:30px;font-size:11px}.hero-caption{font-size:10px;line-height:1.5;text-align:left}.actual-app-grid{grid-template-columns:1fr;gap:24px;padding:24px}.actual-phone{width:240px;margin:auto}.actual-app-grid h3{font-size:28px}.section{padding-block:65px}.role-copy>p,.feature-lines p,.capability-grid article>p,.faqs details>p{font-size:14px}.role-tabs button{font-size:11px;min-height:64px}.faqs summary{font-size:14px}.floor-visual-top,.illustration-note{font-size:10px}.footer-bottom{font-size:10px}.footer-bottom button{font-size:10px}.configuration-total{align-items:flex-start;gap:10px}.configuration-total strong{font-size:22px}.hero-v2 .hero-actions .button{font-size:12px;gap:16px}.hero-v2 .hero-actions .text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.room-model,.room-marker,.room-completion{transition:none!important}.hero-message,.proof-preview,.review-stamp,.workspace-demo #role-demo-content{animation:none!important}}

.operation-controls .story-play{min-width:44px;width:44px;height:44px}