.technology-page{--section-accent:#9a5a27;--morbit-surface:#f2ede6;--morbit-metal:#e4e8e7;--morbit-shadow:rgba(101,79,48,.17)}
.morbit-panel .tab-copy>.illustration-note{font-size:11px}
.room-view-controls button,.sensor-controls button{min-height:42px}
[data-theme="dark"] .technology-page{--section-accent:#dfb581;--morbit-surface:#29312f;--morbit-metal:#3d5157;--morbit-shadow:rgba(0,0,0,.4)}
.morbit-hero{display:block;text-align:center;padding:45px 0 56px}.morbit-hero-copy{max-width:920px;margin:auto}.morbit-partnership{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:30px}.morbit-partnership .morbit-wordmark{margin:0;width:123px}.morbit-partnership>span{font-size:12px;color:var(--muted);padding-left:22px;border-left:1px solid var(--line)}
.morbit-hero h1{font-size:clamp(54px,6.4vw,92px);max-width:none;line-height:1.01;letter-spacing:-.055em}.morbit-hero em{color:var(--section-accent)}.morbit-hero .lead{max-width:535px;margin:25px auto 0;font-size:20px}.morbit-hero .actions{justify-content:center;gap:28px}.morbit-hero .button{font-size:15px}
.morbit-product-wrap{max-width:1110px;margin:55px auto 0;position:relative;perspective:1500px;isolation:isolate}.morbit-stage-halo{position:absolute;inset:-50px -5% 0;z-index:-1;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--section-accent) 14%,transparent),transparent 67%);border-radius:50%;pointer-events:none}
.morbit-product-stage{border-radius:24px;background:var(--raised);padding:10px;border:1px solid var(--material-edge);box-shadow:0 45px 80px -45px var(--morbit-shadow),0 2px 4px rgba(25,42,53,.07);transform-origin:center 70%;overflow:hidden}
.morbit-screen-bar{display:flex;justify-content:space-between;gap:20px;padding:11px 13px 18px;font-size:11px;color:var(--muted);text-align:left}.morbit-screen-bar>span:first-child{display:flex;align-items:center;gap:8px;color:var(--ink)}.morbit-screen-bar i{width:6px;height:6px;border-radius:50%;background:var(--section-accent)}
.morbit-screen-image{border-radius:14px!important}.morbit-screen-image>img{width:100%;height:auto;object-fit:contain}.morbit-screen-image:hover>img{transform:none}.morbit-screen-image .zoom-label{bottom:18px;right:18px}
.morbit-stage-labels{display:flex;justify-content:center;gap:36px;margin-top:30px}.morbit-stage-labels a{font-size:13px;display:flex;align-items:center;gap:15px;padding-block:8px;border-bottom:1px solid var(--line)}.morbit-stage-labels a:hover{color:var(--section-accent);border-color:currentColor}
.morbit-summary{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:40px;border-block:1px solid var(--line)}.morbit-summary>p:first-child{font-size:28px;line-height:1.25;letter-spacing:-.025em}.morbit-summary strong{font-weight:500;color:var(--ink)}.morbit-summary>p:last-child{font-size:17px;max-width:470px}.morbit-platform .section-head em,.morbit-outcomes em{color:var(--section-accent)}
.morbit-tabs{border:1px solid var(--line);border-radius:100px;background:var(--surface);padding:5px;gap:6px;display:flex;width:fit-content;margin-bottom:40px;max-width:100%}.morbit-tabs .tab-button{border:0;border-radius:100px;padding:12px 23px;font-size:14px;bottom:0;white-space:nowrap}.morbit-tabs .tab-button[aria-selected="true"]{background:var(--raised);box-shadow:0 2px 7px rgba(30,48,50,.08);color:var(--ink)}
.morbit-panel{grid-template-columns:1.1fr 1fr;gap:70px;min-height:515px;align-items:center}.morbit-panel[hidden]{display:none}.morbit-panel .tab-copy h3{font-size:43px;line-height:1.08;margin-bottom:23px}.morbit-panel .tab-copy>p{font-size:18px}.morbit-feature-kicker{font-size:12px;display:block;margin-bottom:20px;color:var(--section-accent)}.morbit-panel .illustration-note{font-size:11px;margin-top:26px;max-width:380px}
.morbit-illustration{background:linear-gradient(145deg,var(--surface),var(--morbit-surface));height:495px;border-radius:28px;position:relative;isolation:isolate;overflow:hidden;box-shadow:inset 0 1px 0 var(--material-edge)}.illustration-caption{display:block;position:absolute;top:25px;left:28px;color:var(--muted);font-size:12px;z-index:3}
.estate-orbit{position:absolute;inset:76px 65px 130px;display:grid;place-items:center}.estate-orbit>span{position:absolute;border:1px solid color-mix(in srgb,var(--section-accent) 18%,transparent);border-radius:50%;width:300px;height:230px;transform:rotate(-32deg)}.estate-orbit>span:nth-child(2){transform:rotate(32deg);width:245px;height:290px;opacity:.7}.estate-orbit>span:nth-child(3){width:175px;height:175px;background:color-mix(in srgb,var(--raised) 45%,transparent);border-color:var(--material-edge)}
.estate-core{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-5deg);width:180px;height:136px;border-radius:27px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(145deg,var(--raised),var(--morbit-metal));box-shadow:9px 12px 0 -5px color-mix(in srgb,var(--blue) 16%,var(--bg)),0 25px 36px -14px var(--morbit-shadow),inset 1px 1px 0 var(--material-edge);transition:transform .6s var(--motion-ease)}.estate-core img{width:111px;height:auto}.estate-core>span{font-size:10px;color:var(--muted)}[data-theme="dark"] .estate-core img{filter:brightness(0) invert(1)}
.estate-scene:hover .estate-core{transform:translate(-50%,-50%) rotate(0deg) translateY(-5px)}
.estate-nodes>button{position:absolute;width:130px;min-height:62px;border:1px solid var(--material-edge);border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;backdrop-filter:blur(14px);background:var(--material);box-shadow:0 10px 20px -15px var(--morbit-shadow);transition:transform .35s,border-color .3s,background .3s}
.estate-nodes>button:nth-child(1){top:100px;left:28px}.estate-nodes>button:nth-child(2){top:100px;right:28px}.estate-nodes>button:nth-child(3){bottom:126px;left:28px}.estate-nodes>button:nth-child(4){bottom:126px;right:28px}.estate-nodes>button[aria-pressed="true"]{background:var(--raised);border-color:var(--section-accent);transform:translateY(-4px)}.estate-nodes .icon{width:19px;height:19px;color:var(--section-accent)}
.estate-context,.room-context,.sensor-context{position:absolute;bottom:28px;left:30px;right:30px;font-size:13px;text-align:center;max-width:400px;margin:auto;min-height:42px;display:grid;align-content:center}
.room-model{position:absolute;inset:52px 45px 100px;perspective:900px;display:grid;place-items:center}.room-floor{width:330px;height:240px;border-radius:18px;background:var(--morbit-metal);transform:rotateX(45deg) rotateZ(-30deg);position:relative;border:8px solid color-mix(in srgb,var(--raised) 80%,var(--blue));box-shadow:-2px 2px 0 var(--line),-4px 4px 0 var(--line),-6px 6px 0 var(--line),-12px 25px 36px var(--morbit-shadow);transition:transform .65s var(--motion-ease)}
.rooms-scene:hover .room-floor{transform:rotateX(40deg) rotateZ(-25deg) translateY(-7px)}
.room-zone{position:absolute;background:var(--raised);border:3px solid var(--material-edge);border-radius:10px;box-shadow:-2px 3px 0 color-mix(in srgb,var(--blue) 15%,var(--raised));transition:background .4s,box-shadow .4s}
.room-zone--large{inset:14px auto 14px 14px;width:164px}.room-table{position:absolute;inset:47px 35px;border-radius:18px;background:var(--morbit-metal);box-shadow:-3px 4px 0 var(--line)}.room-zone--large>i{position:absolute;width:15px;height:30px;border-radius:5px;background:color-mix(in srgb,var(--blue) 30%,var(--raised));left:12px;top:45px}.room-zone--large>i:nth-of-type(2){top:100px}.room-zone--large>i:nth-of-type(3){left:auto;right:12px}.room-zone--large>i:nth-of-type(4){top:100px;left:auto;right:12px}
.room-zone--small{right:14px;top:14px;width:108px;height:90px}.room-zone--small>span{position:absolute;inset:20px;border-radius:50%;background:var(--morbit-metal)}.room-zone--desk{right:14px;bottom:14px;width:108px;height:86px;display:flex;gap:6px;padding:18px 10px}.room-zone--desk>i{flex:1;border-radius:4px;background:var(--morbit-metal)}.room-display{position:absolute;left:65px;top:10px;width:68px;height:10px;border-radius:3px;background:var(--blue)}.room-sensor{position:absolute;left:167px;top:105px;height:13px;width:13px;border-radius:50%;background:var(--section-accent);box-shadow:0 0 0 8px color-mix(in srgb,var(--section-accent) 15%,transparent)}
[data-room-view="calendar"] .room-zone--large{background:color-mix(in srgb,var(--section-accent) 10%,var(--raised))}[data-room-view="occupancy"] .room-zone--desk{background:color-mix(in srgb,var(--blue) 24%,var(--raised));box-shadow:0 0 0 2px var(--blue)}[data-room-view="environment"] .room-sensor{box-shadow:0 0 0 17px color-mix(in srgb,var(--section-accent) 20%,transparent),0 0 0 30px color-mix(in srgb,var(--section-accent) 8%,transparent)}
.room-view-controls,.sensor-controls{position:absolute;bottom:94px;left:20px;right:20px;display:flex;justify-content:center;gap:7px}.room-view-controls button,.sensor-controls button{padding:8px 13px;border-radius:100px;font-size:11px;border:1px solid var(--line);background:var(--material);transition:background .25s,color .25s,transform .25s}.room-view-controls button[aria-pressed="true"],.sensor-controls button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.report-sheets{position:absolute;inset:68px 45px 93px;perspective:900px;display:grid;place-items:center}.report-sheet{position:absolute;width:255px;height:277px;background:var(--raised);border-radius:16px;box-shadow:0 18px 35px -20px var(--morbit-shadow);padding:28px;transition:transform .65s var(--motion-ease)}.report-sheet--back{transform:rotate(-13deg) translate(-18px,0);background:var(--morbit-metal);border:1px solid var(--material-edge)}.report-sheet--front{transform:rotate(6deg) translate(12px,5px);border:1px solid var(--material-edge)}.report-scene:hover .report-sheet--front{transform:rotate(2deg) translate(12px,-6px)}.report-scene:hover .report-sheet--back{transform:rotate(-17deg) translate(-24px,5px)}
.report-mini-title{font-size:13px;color:var(--ink);font-weight:600}.report-graphic{display:flex;align-items:end;gap:10px;height:105px;margin:25px 0 16px;border-bottom:1px solid var(--line);padding-bottom:10px}.report-graphic i{display:block;flex:1;background:color-mix(in srgb,var(--section-accent) 60%,var(--raised));height:40%;border-radius:4px 4px 0 0;transform-origin:bottom}.report-graphic i:nth-child(2){height:64%}.report-graphic i:nth-child(3){height:45%}.report-graphic i:nth-child(4){height:83%}.report-graphic i:nth-child(5){height:56%}.report-graphic i:nth-child(6){height:69%}.report-graphic i:nth-child(7){height:92%;background:var(--section-accent)}.report-rule{height:4px;border-radius:100px;background:var(--line);width:100%;display:block;margin-bottom:7px}.report-rule.short{width:65%}.report-mini-tags{display:flex;gap:6px;margin-top:17px}.report-mini-tags span{font-size:8px;padding:3px 8px;background:var(--surface);border-radius:100px}.report-caption{position:absolute;bottom:40px;left:20px;right:20px;font-size:12px;text-align:center}
.sensor-object{position:absolute;inset:65px 40px 153px;display:grid;place-items:center;perspective:1000px}.sensor-disc{width:178px;height:178px;border-radius:50%;background:linear-gradient(135deg,var(--raised),var(--morbit-metal));box-shadow:inset 2px 3px 2px var(--material-edge),0 6px 0 color-mix(in srgb,var(--blue) 15%,var(--bg)),0 26px 35px -10px var(--morbit-shadow);display:flex;align-items:center;justify-content:center;gap:17px;flex-direction:column;transform:rotateX(17deg);transition:transform .6s var(--motion-ease)}.sensor-disc .icon{width:45px;height:45px;stroke-width:1.2;color:var(--section-accent)}.sensor-disc>span{font-size:12px;color:var(--muted)}.sensor-ring{position:absolute;width:260px;height:225px;border:1px solid color-mix(in srgb,var(--section-accent) 28%,transparent);border-radius:50%;transform:rotate(-20deg);transition:transform .7s,border-color .4s}.sensor-ring--outer{width:330px;height:280px;border-color:color-mix(in srgb,var(--section-accent) 13%,transparent)}[data-sensor="comfort"] .sensor-ring{transform:rotate(20deg) scale(.95)}[data-sensor="presence"] .sensor-ring{transform:rotate(50deg) scale(1.06)}.sensor-scene:hover .sensor-disc{transform:rotateX(7deg) translateY(-6px)}
.morbit-outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.morbit-outcome{padding:42px;border-radius:26px;background:var(--bg);border:1px solid var(--material-edge);position:relative;overflow:hidden}.morbit-outcome h3{font-size:30px;margin:37px 0 20px}.morbit-outcome p{max-width:420px;font-size:17px}.morbit-outcome .text-link{margin-top:28px;font-size:13px}.outcome-symbol{display:grid;place-items:center;width:60px;height:60px;background:var(--morbit-surface);border-radius:18px;color:var(--section-accent);font-size:40px;line-height:1}.outcome-symbol--rings{background:none;border:1px solid var(--section-accent);width:55px;height:55px;border-radius:50%;position:relative}.outcome-symbol--rings::after{content:"";position:absolute;inset:9px;border:1px solid var(--section-accent);border-radius:50%}
@media(max-width:1100px){.morbit-panel{gap:40px}.morbit-panel .tab-copy h3{font-size:37px}.morbit-illustration{height:460px}.estate-nodes>button{width:112px;font-size:10px;gap:6px}.estate-nodes>button:nth-child(1),.estate-nodes>button:nth-child(3){left:18px}.estate-nodes>button:nth-child(2),.estate-nodes>button:nth-child(4){right:18px}.estate-core{width:148px;height:124px}.estate-orbit{inset:76px 40px 130px}.room-floor{transform:rotateX(45deg) rotateZ(-30deg) scale(.85)}.rooms-scene:hover .room-floor{transform:rotateX(40deg) rotateZ(-25deg) scale(.85)}.report-sheet{width:225px;height:267px;padding:25px}.morbit-tabs .tab-button{padding:11px 19px}.morbit-outcome{padding:32px}}
@media(max-width:900px){.morbit-hero h1{font-size:72px}.morbit-panel{grid-template-columns:1fr;gap:34px}.morbit-panel .tab-copy{max-width:610px}.morbit-illustration{height:440px}.estate-nodes>button{width:140px;font-size:12px}.estate-nodes>button:nth-child(1),.estate-nodes>button:nth-child(3){left:12%}.estate-nodes>button:nth-child(2),.estate-nodes>button:nth-child(4){right:12%}.estate-core{width:180px;height:136px}.room-floor{transform:rotateX(45deg) rotateZ(-30deg)}.rooms-scene:hover .room-floor{transform:rotateX(40deg) rotateZ(-25deg)}.morbit-summary{gap:40px}.morbit-summary>p:first-child{font-size:25px}.morbit-outcome h3{font-size:27px}.morbit-panel .illustration-note{max-width:none}}
@media(max-width:680px){.morbit-hero{padding-top:32px;padding-bottom:37px}.morbit-partnership{gap:14px;margin-bottom:27px}.morbit-partnership .morbit-wordmark{width:105px}.morbit-partnership>span{font-size:10px;padding-left:14px}.morbit-hero h1{font-size:clamp(49px,11vw,66px)}.morbit-hero .lead{font-size:18px;max-width:420px}.morbit-hero .actions{gap:15px 25px}.morbit-product-wrap{margin-top:35px}.morbit-product-stage{border-radius:16px;padding:5px}.morbit-screen-bar{padding:9px 7px 13px;font-size:9px}.morbit-screen-bar>span:last-child{display:none}.morbit-screen-image{border-radius:10px!important}.morbit-screen-image .zoom-label{font-size:9px;padding:6px 10px;bottom:8px;right:8px;gap:10px}.morbit-stage-labels{gap:10px;flex-wrap:wrap;margin-top:20px}.morbit-stage-labels a{font-size:10px;gap:8px}.morbit-summary{grid-template-columns:1fr;gap:18px;padding-block:28px}.morbit-summary>p:first-child{font-size:25px}.morbit-summary>p:last-child{font-size:16px}.morbit-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%;border-radius:22px;padding:6px;margin-bottom:25px;overflow:visible}.morbit-tabs .tab-button{padding:12px 10px;font-size:12px;text-align:center;white-space:normal}.morbit-panel .tab-copy h3{font-size:35px}.morbit-panel .tab-copy>p{font-size:17px}.morbit-panel .tab-copy>.illustration-note{font-size:11px}.morbit-illustration{height:410px;border-radius:20px}.illustration-caption{left:23px;top:22px;font-size:11px}.estate-nodes>button{width:112px;font-size:10px;min-height:54px}.estate-nodes>button:nth-child(1),.estate-nodes>button:nth-child(3){left:15px}.estate-nodes>button:nth-child(2),.estate-nodes>button:nth-child(4){right:15px}.estate-nodes>button:nth-child(1),.estate-nodes>button:nth-child(2){top:80px}.estate-nodes>button:nth-child(3),.estate-nodes>button:nth-child(4){bottom:111px}.estate-core{width:140px;height:100px;top:45%;gap:12px;border-radius:21px}.estate-core img{width:96px}.estate-core>span{font-size:9px}.estate-orbit>span{width:230px;height:190px}.estate-orbit>span:nth-child(2){width:205px;height:245px}.estate-orbit>span:nth-child(3){width:150px;height:150px}.estate-context,.room-context,.sensor-context{bottom:21px;left:20px;right:20px;font-size:12px}.room-model{inset:55px 18px 112px}.room-floor{transform:rotateX(45deg) rotateZ(-30deg) scale(.78)}.rooms-scene:hover .room-floor{transform:rotateX(40deg) rotateZ(-25deg) scale(.78)}.room-view-controls,.sensor-controls{left:10px;right:10px;gap:5px;bottom:83px}.room-view-controls button,.sensor-controls button{padding:8px 11px;font-size:10px}.report-sheets{inset:70px 20px 70px}.report-sheet{width:217px;height:258px;padding:23px}.report-caption{bottom:25px;font-size:11px}.sensor-object{inset:62px 20px 135px}.sensor-disc{width:145px;height:145px}.sensor-disc .icon{width:35px;height:35px}.sensor-disc>span{font-size:10px}.sensor-ring{width:220px;height:185px}.sensor-ring--outer{width:280px;height:240px}.morbit-outcome-grid{grid-template-columns:1fr;gap:18px}.morbit-outcome{padding:30px;border-radius:20px}.morbit-outcome h3{margin-top:27px;font-size:28px}}
@media(prefers-reduced-motion:reduce){.room-floor,.report-sheet,.estate-core,.sensor-disc,.sensor-ring{transition:none!important}.rooms-scene:hover .room-floor{transform:rotateX(45deg) rotateZ(-30deg) scale(var(--room-scale,1))}.estate-scene:hover .estate-core{transform:translate(-50%,-50%) rotate(-5deg)}.report-scene:hover .report-sheet--front{transform:rotate(6deg) translate(12px,5px)}.report-scene:hover .report-sheet--back{transform:rotate(-13deg) translate(-18px,0)}.sensor-scene:hover .sensor-disc{transform:rotateX(17deg)}.morbit-product-stage{transform:none!important}}
@media(max-width:1100px){.room-floor{--room-scale:.85}}
@media(max-width:900px){.room-floor{--room-scale:1}}
@media(max-width:680px){.room-floor{--room-scale:.78}}