/* Neutral surfaces with a restrained burnt-orange accent. */
:root{--paper:#fff;--ink:#111;--muted:#606060;--line:#d5d5d5;--accent:#365f4b;--accent-ink:#294c3b;--green:#24723c;--serif:'IBM Plex Sans',Arial,sans-serif}
body{background:#fff;color:#111}::selection{background:#365f4b;color:#111}.serif{font-family:var(--sans);font-style:normal;font-weight:inherit;font-size:inherit!important;letter-spacing:inherit!important}.mono,.eyebrow,.section-label,.tags,.pill{letter-spacing:.015em}.wrap{width:min(1320px,calc(100% - 96px))}p{color:inherit}.status-dot{background:var(--accent)}.signal-dot{background:var(--accent)}.button{border-radius:0;font-weight:650;font-size:13px;min-height:51px;padding:16px 20px;box-shadow:none!important}.primary{background:var(--accent);color:#111}.primary:hover{background:#2d503f;color:#111}.dark{background:#111;color:#fff}.dark:hover{background:#333}.text-link{font-weight:550;font-size:13px;color:#111;border-color:#111}.text-link:hover{color:#111;border-color:var(--accent)}.tags{gap:0;margin-top:25px}.tags span{border:0;background:transparent;border-radius:0;padding:3px 0;font-family:var(--sans);font-size:11px;color:#555}.tags span+span:before{content:'/';margin-inline:8px;color:#aaa}.pill{border:0!important;border-radius:0;background:#e7e7e7!important;color:#505050!important;font-size:9px!important;padding:5px 7px}.tiny-cross{color:var(--accent)}
.site-header{height:84px;max-width:none;padding-inline:48px;border-color:#111;background:#fff}.wordmark{font-size:14px;font-weight:700;gap:14px}.wordmark-sub{font-size:8px;color:#555;letter-spacing:.025em}.monogram{font-size:37px;font-weight:700}.monogram span,.footer-mark span{color:var(--accent)}.monogram i,.footer-mark i{background:var(--accent)}.site-header nav{font-size:13px;gap:31px}.site-header nav a:hover{color:#111;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}.header-contact{border-color:#111;border-radius:0;background:#111;color:#fff;font-size:12px;font-weight:600;padding:11px 15px}.header-contact:hover{background:var(--accent);color:#111;border-color:var(--accent)}
.hero{grid-template-columns:1.05fr 1fr;gap:50px;padding-block:70px 55px;min-height:680px}.hero .eyebrow{font-size:10px;color:#333;letter-spacing:.02em}.hero .eyebrow-divider{color:#aaa}.hero h1{font-size:clamp(64px,6.7vw,96px);line-height:.98;font-weight:750;letter-spacing:-5px;margin-top:32px}.hero h1 .serif{display:inline-block;color:var(--accent);margin-top:5px}.hero-description{font-size:16px;line-height:1.65;max-width:420px;color:#454545;margin-top:26px}.hero-actions{margin-top:32px;gap:25px}.hero-actions .text-link{font-size:12px;gap:20px}.hero-footnote{font-family:var(--mono);font-size:9px;color:#555;gap:20px;border-color:#ccc;letter-spacing:0;margin-top:37px;padding-top:16px}.hero-footnote span:last-child{font-size:8px;color:#727272}
.hero-lab{background:#111;color:#fff;border:1px solid #111;padding:20px 20px 0;margin-top:0;box-shadow:none}.hero-orbit-caption{display:none}.lab-meta{color:#aaa;font-size:8px;letter-spacing:.025em}.lab-meta>.mono{color:#aaa}.lab-meta .tiny-cross{color:var(--accent)}.system-map{background-image:radial-gradient(#ffffff28 .8px,transparent .8px);background-size:20px 20px;margin-block:9px;mask-image:none;-webkit-mask-image:none}.map-wires>g:first-child{stroke:#676767}.map-wires>g:last-child{fill:#111;stroke:#727272}.map-wires .active-wires{stroke:var(--accent);stroke-width:2.5}.map-node{border:1px solid #666;background:#f7f7f7;color:#111;border-radius:0;box-shadow:none!important;transform:rotate(0)}.map-node.selected{background:#fff;border:2px solid var(--accent);box-shadow:none!important}.map-node:hover{transform:translateY(-5px);background:#fff}.node-label{font-family:var(--sans);font-size:9px;font-weight:650;letter-spacing:0;border-color:#c8c8c8;color:#111;padding-top:8px}.map-node.selected .node-label{color:#111}.map-core{border:1px solid #365f4b;background:var(--accent);box-shadow:5px 5px 0 #111,6px 6px 0 #727272;transform:rotate(0)}.hero-lab:has(.map-node:hover) .map-core{transform:rotate(-4deg)}.core-logo{color:#111;font-weight:750}.core-logo i{background:#111}.core-caption{color:#111;font-size:6px;letter-spacing:.02em;font-weight:500}.core-pins{background:repeating-linear-gradient(90deg,#aaa 0 4px,transparent 4px 11px)}.pins-left,.pins-right{background:repeating-linear-gradient(0deg,#aaa 0 4px,transparent 4px 11px)}.mini-browser{border-color:#ccc}.mini-browser i{background:#727272}.mini-product>i{background:#ccc;border-color:#111}.mini-product b{background:#ccc}.mini-product b:nth-child(3){background:var(--accent)}.mini-server i{background:#e7e7e7;border-color:#aaa;border-radius:0}.mini-server i:before{background:#111}.mini-server i:after{background:#aaa}.mini-chart i{background:#bbb}.mini-chart i:nth-child(5){background:var(--accent)}.hero-lab[data-focus=impact] .mini-chart i{background:#727272}.hero-lab[data-focus=impact] .mini-chart i:nth-child(5){background:var(--accent)}.mini-chip i{background:#ddd;border-color:#727272;box-shadow:0 0 0 4px #eee}.hero-lab[data-focus=device] .mini-chip i{background:#eee;border-color:var(--accent)}.lab-caption{color:#ccc;font-size:11px;border-color:#444;line-height:1.5;min-height:61px;padding-block:14px;gap:9px}.lab-caption .signal-dot{width:5px;height:5px}
.experience-strip{border-color:#ccc;padding-block:24px;gap:60px}.experience-strip>.mono{font-size:9px;color:#555;max-width:130px;letter-spacing:.02em}.company{color:#333}.work-heading{padding-block:80px 50px;grid-template-columns:.7fr 1.3fr;gap:50px}.work-heading .eyebrow{color:#555;font-size:10px;letter-spacing:0}.work-heading>p{font-size:37px;font-weight:650;line-height:1.15;letter-spacing:-1.4px}.work-heading .muted{color:#727272;font-weight:450}.work-heading-note{display:none}
.section-label{border-top:2px solid #111;padding-top:16px;gap:12px;font-size:10px;color:#111;letter-spacing:.02em}.section-label .chapter-number{background:#111;color:#fff;font-size:14px;padding:5px 8px;line-height:1.2;margin-right:0}.project.is-visible .chapter-number:before{display:none}.section-line{background:#ddd}.section-label>span:last-child{font-size:9px;color:#606060}.project-grid{gap:50px;margin-top:40px;grid-template-columns:.7fr 1.3fr}.project-copy{padding-bottom:0}.project-brand{font-size:19px;font-weight:600;margin-bottom:23px;color:#111}.project-brand img{border-radius:3px}.project-copy h2{font-size:clamp(39px,4.15vw,61px);font-weight:700;line-height:1.02;letter-spacing:-2.5px;margin-bottom:25px}.project-copy h2 .serif,.cobee .project-copy h2 .serif,.welltech .project-copy h2 .serif{color:#111}.project-copy>p{font-size:15px;line-height:1.75;color:#222;max-width:420px}.project-copy>.secondary-copy{font-size:13px;line-height:1.75;color:#666;max-width:420px;margin-top:16px}.project-note{font-size:11px;color:#555;margin-top:14px}.project-note .status-dot{width:5px;height:5px}.project-link{margin-top:25px}.case-details{max-width:420px;border-color:#ccc;margin-top:24px}.case-details summary{font-size:12px;font-weight:550;padding-block:15px}.case-details p{font-size:12px;color:#555;line-height:1.75}.project-bottom{border-color:#ccc;padding-block:22px;margin-top:28px;gap:20px}.project-bottom>.mono{font-size:9px;color:#666}.project-bottom>p{font-size:11px;color:#444}.project-bottom>.mono:last-child{display:none}#afterchapter + #cobee,#cobee + #welltech,#welltech + #hardware{margin-top:65px}
.project-demo,.after-demo,.payment-demo,.translation-demo,.hardware-demo{background:#f3f3f3;border:1px solid #111;border-radius:0;box-shadow:none}.demo-toolbar,.payment-demo .demo-toolbar,.translation-demo .demo-toolbar,.hardware-demo .demo-toolbar{background:#111;color:#fff;border-color:#111;padding:15px 18px;min-height:59px}.demo-toolbar>.mono{font-size:9px;color:#fff;font-weight:400}.demo-toolbar .tiny-cross{color:var(--accent)}.demo-toolbar .signal-dot{background:var(--accent)}.demo-toolbar .pill{background:#292929!important;color:#bdbdbd!important;font-size:8px!important;padding:4px 6px}.demo-index{font-size:8px;color:#aaa}.segmented{gap:5px}.segmented button{border-radius:0;font-family:var(--sans);font-size:11px;padding:8px 10px;color:#aaa;background:transparent;box-shadow:none}.segmented button:hover{color:#fff}.segmented button[aria-pressed=true]{background:var(--accent);color:#111;box-shadow:none;font-weight:650}.demo-footer,.payment-demo .demo-footer,.translation-demo .demo-footer,.hardware-demo .demo-footer{background:#f3f3f3;border-color:#ccc;color:#555;font-size:9px;line-height:1.5;padding:13px 18px;min-height:47px}.demo-footer>.mono{font-size:8px;color:#727272}.scene-scrubber{background:#222}.scene-scrubber>i{background:var(--accent)}
.after-stage{background:#f3f3f3}.stage-orbit{border-color:#ddd}.orbit-two{opacity:.55}.after-side-note{display:none}.phone-shell{border-color:#111;box-shadow:0 22px 28px -22px #0008,0 0 0 1px #727272}.reading-card{background:#fff;border:1px solid #111;border-radius:0;box-shadow:4px 4px 0 #ddd;transform:rotate(0);padding:15px 17px;width:225px}.reading-card>.mono{color:#666;font-size:8px}.reading-progress-head{font-size:11px}.reading-progress-head b{font-size:10px}.reading-card button{font-size:11px;border-color:#ddd;padding-top:8px}.reading-card button:hover{color:var(--accent-ink)}.progress-track{background:#e4e4e4;border-radius:0;height:4px}.progress-track>i{background:var(--accent)}.arch-node{background:#fff;border-color:#aaa;border-radius:0;box-shadow:none!important;padding:14px 12px;gap:11px}.arch-node b{font-size:12px;font-weight:650;color:#111}.arch-node small{font-size:10px;color:#666}.arch-icon{color:#111}.arch-node>.mono{color:#727272;font-size:10px}.arch-connector{background:#999;height:25px}.trace-bars i{background:#999}.widget-note>.mono{font-size:9px;color:#666}.widget-note h3{font-family:var(--sans);font-size:28px;font-weight:650;line-height:1.1;letter-spacing:-1px;color:#111}.widget-note p{font-size:12px;color:#555}.widget-value{font-size:10px;color:#555}.widget-value b{font-family:var(--sans);font-weight:700;font-size:36px;color:#111}
.race-heading{padding:30px 28px 24px;gap:15px}.race-heading h3{font-size:25px;font-weight:650;line-height:1.15;letter-spacing:-.7px}.race-heading h3 .serif{color:#666}.race-reduction{font-family:var(--sans);font-size:58px;font-weight:750;letter-spacing:-3px;color:var(--accent)}.race-reduction small{font-size:8px;color:#555;letter-spacing:0;font-weight:400;margin-top:9px}.race-lane{border-color:#ccc;padding-block:23px}.race-lane-label{font-size:12px;font-weight:500;color:#555}.race-lane-label b{font-size:22px;color:#111;font-weight:650}.race-lane-label small{font-size:9px;color:#666}.lane-after .race-lane-label{color:#111}.lane-after .race-lane-label b{color:#111}.race-track{background:#ccc}.race-traveller i{background:#666;box-shadow:0 0 0 4px #00000009}.lane-after .race-traveller i{background:var(--accent);box-shadow:0 0 0 4px #365f4b15}.race-finish{background:#f3f3f3;border-color:#888;color:#111}.lane-after .race-finish{border-color:var(--accent);color:#111}.race-lane-note{font-size:8px;color:#727272}.race-note-after{color:var(--accent-ink)}.race-time-bars{font-size:9px;color:#555;gap:8px}.time-before{background:#727272}.time-after{background:var(--accent)}.race-demo .payment-controls>p{font-size:11px;color:#555}.race-demo .payment-controls>p strong{color:#111;font-weight:550}.race-demo .payment-controls .button{font-size:12px;min-height:45px;padding:13px 16px}.race-demo .demo-footer{font-size:8px}
.translation-heading .mono{font-size:9px;color:#666}.translation-heading h3{font-size:25px;font-weight:650;letter-spacing:-.7px}.locale-badge{background:#e4e4e4;color:#444;font-size:9px;border-radius:0;padding:7px 9px}.translation-table{background:#fff;border-color:#bbb;border-radius:0}.translation-row{border-color:#ddd;color:#444;font-size:10px;min-height:53px}.table-head{background:#e7e7e7;color:#666;font-size:9px;min-height:36px}.translation-row .complete{color:#24723c}.translation-row .missing{color:#999}.translation-demo[data-step=review] .missing{background:#fff0dc;box-shadow:0 0 0 3px #fff0dc80;color:#8c5900}.translation-demo[data-step=done] .missing{background:#e1f1e5;box-shadow:0 0 0 3px #e1f1e580;color:#24723c}.translation-status{color:#555;font-size:11px;min-height:18px}.translation-status .signal-dot{background:var(--accent)}.translation-action>.mono{font-size:9px;color:#666}.translation-action .button{font-size:12px;min-height:45px;padding:13px 16px}.translation-result{border-color:#111;color:#555;font-size:12px}.translation-result b{color:#111;font-weight:600}.translation-result p{font-size:11px}.translation-preview{font-size:9px;color:#555}
.hardware-brand>span{color:#111}.hardware-hint{color:#555;font-size:10px}.circuit-grid{stroke:#ddd}.circuit-wire{stroke:#999}.signal-wire{stroke:#24723c}.board>rect:first-child{fill:#222;stroke:#111}.board .chip{fill:#111;stroke:#727272}.board .pins{stroke:#999}.board .mount{fill:#f3f3f3;stroke:#727272}.board-text{fill:#fff}.board-small{fill:#aaa}.gpio-pins{stroke:#bbb}.board-led{fill:#727272}.sensor rect{fill:#fff;stroke:#999}.sensor path{stroke:#555}.sensor text,.actuator text,.io-label{fill:#666}.actuator rect{fill:#e4e4e4;stroke:#999}.actuator circle{fill:#bbb}.hardware-demo[data-weight-state=idle] .light-red{fill:#bbb}.hardware-demo[data-weight-state=detected] .light-amber{fill:#c48a14}.hardware-demo[data-weight-state=active] .light-green{fill:#218044}.hardware-demo[data-weight-state=limit] .light-red{fill:#d6381e}.hardware-demo[data-weight-state=limit] .light-green{fill:#bbb}.hardware-demo[data-weight-state=detected] .signal-wire{stroke:#a77916}.hardware-demo[data-weight-state=limit] .signal-wire{stroke:#c43a24}.hardware-demo[data-weight-state=active] .board-led{fill:#4db566}.hardware-demo[data-weight-state=detected] .board-led{fill:#d1a642}.hardware-demo[data-weight-state=limit] .board-led{fill:#d6381e}.hardware-readouts{border-color:#ccc}.hardware-readouts .mono{font-size:9px;color:#666}.hardware-readouts strong{font-family:var(--mono);font-size:30px;color:#111}.hardware-readouts strong small{font-size:13px;color:#666}.hardware-readouts .device-state{font-size:21px}.readout-arrow{color:#999}.hardware-demo[data-weight-state=detected] .device-state{color:#8b620b}.hardware-demo[data-weight-state=active] .device-state{color:#24723c}.hardware-demo[data-weight-state=limit] .device-state{color:#bd3822}.weight-control label{font-size:12px;color:#111}.weight-control label .mono{font-size:9px;color:#666}.activation-label{font-size:10px;color:#555}.activation-label .signal-dot{background:#111}.weight-control input{accent-color:#111;background:linear-gradient(90deg,transparent calc(50% - 1px),#727272 calc(50% - 1px),#727272 calc(50% + 1px),transparent calc(50% + 1px))}.range-marks{font-size:8px;color:#666}.output-rule{background:#e7e7e7;border-color:#ccc;color:#555;border-radius:0;font-size:9px}.hardware-demo[data-weight-state=active] .output-rule{background:#e4f0e7;border-color:#b0c9b7;color:#27673b}.hardware-demo[data-weight-state=limit] .output-rule{background:#f6e6e2;border-color:#d5b7b1;color:#983c2b}
.about{border-color:#111;margin-top:85px;padding-block:40px 75px}.about>.eyebrow{font-size:10px;color:#666}.about h2{font-size:50px;font-weight:700;line-height:1.03;letter-spacing:-2px}.about h2 .serif{color:#111}.about-grid>div>p{font-size:14px;color:#444;line-height:1.8}.about .text-link{font-size:12px}.about-meta{font-size:9px;color:#666;border-color:#ccc}.contact{background:#111;border:0;color:#fff;padding-block:42px 50px}.contact .eyebrow{font-size:10px;color:#aaa}.contact .status-dot{background:var(--accent)}.contact h2{font-size:clamp(48px,6vw,88px);font-weight:700;line-height:1.03;letter-spacing:-3.5px;margin-top:35px}.contact h2 .serif{color:var(--accent)}.contact-bottom p{font-size:14px;color:#aaa}.contact .button{font-size:13px}.contact .text-link{color:#fff;border-color:#aaa;font-size:12px}.contact .text-link:hover{border-color:var(--accent)}.back-top{border-radius:0;border-color:#555;color:#fff}.back-top:hover{background:#333}.email-link{color:#bbb;border-color:#666;font-size:12px}.email-link:hover{color:#fff}.site-footer{color:#555;font-size:11px;min-height:88px}.site-footer>.mono{font-size:9px;color:#727272}.site-footer button{font-size:9px;border-radius:0;color:#555;border-color:#aaa;padding:7px 9px}
@media(min-width:1600px){.hero h1{font-size:100px}.hero{gap:65px}}
@media(max-width:1180px){.wrap{width:calc(100% - 72px)}.site-header{padding-inline:36px}.hero{gap:35px;min-height:620px;padding-top:60px}.hero h1{font-size:clamp(60px,6.5vw,78px);letter-spacing:-4px}.hero-description{font-size:15px}.hero-footnote{font-size:8px;flex-wrap:wrap;gap:6px 20px}.hero-footnote span:last-child{font-size:7px}.hero-lab{padding:17px 17px 0}.lab-meta{font-size:7px}.lab-caption{font-size:10px}.node-label{font-size:8px}.project-copy h2{font-size:43px}.project-copy>p{font-size:14px}.project-copy>.secondary-copy{font-size:12px}.project-grid{gap:35px}.demo-index{font-size:7px}.demo-toolbar>.mono{font-size:8px}.demo-toolbar .pill{font-size:7px!important}.race-heading h3{font-size:23px}.race-reduction{font-size:51px}.race-lane-label{font-size:11px}.race-lane-label small{font-size:8px}.race-lane-note{font-size:7px}.race-demo .payment-controls>p{font-size:10px}.race-demo .payment-controls .button{font-size:11px}.translation-row{font-size:9px}.translation-action>.mono{font-size:8px}.translation-action .button{font-size:11px}.translation-heading h3{font-size:23px}.arch-node small{font-size:9px}.hardware-readouts .mono{font-size:8px}.hardware-readouts .device-state{font-size:19px}.output-rule{font-size:8px}.range-marks{font-size:7px}.contact h2{font-size:68px}}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;gap:27px}.hero h1{font-size:clamp(53px,6.5vw,68px);letter-spacing:-3px}.hero-description{font-size:14px}.hero .eyebrow{font-size:8px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-actions .text-link{font-size:11px}.hero .button{font-size:12px;padding:14px 17px}.hero-footnote{font-size:7px}.hero-lab{padding:14px 14px 0}.lab-meta{font-size:6px}.lab-caption{font-size:9px}.node-label{font-size:6px}.core-caption{font-size:4px}.work-heading{grid-template-columns:1fr 1.6fr;gap:35px;padding-block:65px 42px}.work-heading>p{font-size:32px}.project-grid{grid-template-columns:1fr;gap:30px;margin-top:32px}.project-copy>p,.project-copy>.secondary-copy{max-width:640px}.project-copy h2{font-size:54px;margin-bottom:22px}.project-copy>p{font-size:15px}.project-copy>.secondary-copy{font-size:13px}.case-details{max-width:640px}.has-scroll-scenes .afterchapter .project-copy{position:static}.has-scroll-scenes .afterchapter .scene-track{height:1380px}.has-scroll-scenes .after-demo{top:104px}.project-demo{max-width:none}.demo-toolbar{padding:16px 22px}.demo-toolbar>.mono{font-size:10px}.demo-toolbar .pill{font-size:9px!important}.segmented button{font-size:12px;padding:8px 12px}.demo-index{display:block;font-size:9px}.after-stage{height:490px}.phone-shell{width:201px;height:437px;top:27px}.reading-card{width:225px;left:25px;bottom:27px}.reading-progress-head{font-size:12px}.reading-card button{font-size:11px}.architecture{top:95px;left:43%;right:23px}.arch-node{padding:16px 14px;gap:12px}.arch-node b{font-size:13px}.arch-node small{font-size:10px}.arch-icon{font-size:19px}.arch-node>.mono,.trace-bars{display:flex}.arch-node>.mono{font-size:10px}.widget-note{left:48%;right:24px;top:140px}.widget-note h3{font-size:32px}.widget-note p{font-size:13px;max-width:240px}.widget-note>.mono{font-size:10px}.widget-value{font-size:11px}.widget-value b{font-size:38px}.demo-footer{font-size:10px;padding:14px 22px}.demo-footer>.mono{font-size:9px}.race-heading{padding:30px}.race-heading h3{font-size:29px}.race-reduction{font-size:68px}.race-reduction small{font-size:9px}.race-lanes{padding-inline:30px}.race-lane-label{font-size:14px}.race-lane-label b{font-size:25px}.race-lane-label small{font-size:10px}.race-lane-note{font-size:9px}.race-time-bars{padding-inline:30px;font-size:10px;grid-template-columns:26px 1fr;gap:9px}.race-demo .payment-controls{padding:0 30px 30px;flex-wrap:nowrap}.race-demo .payment-controls>p{font-size:12px;text-align:right}.race-demo .payment-controls .button{font-size:13px}.race-demo .demo-footer{font-size:9px}.translation-heading{padding:30px}.translation-heading h3{font-size:28px}.translation-heading .mono{font-size:10px}.locale-badge{font-size:10px}.translation-table{margin-inline:30px}.translation-row{grid-template-columns:1fr repeat(3,65px);font-size:12px;min-height:57px;padding-inline:20px}.table-head{font-size:10px;min-height:38px}.translation-status{margin:24px 30px;font-size:12px}.translation-action{padding:0 30px 30px;flex-wrap:nowrap}.translation-action .button{font-size:13px}.translation-action>.mono{font-size:10px}.translation-result{margin-inline:30px;font-size:13px}.translation-result p{font-size:12px}.translation-preview{font-size:11px}.hardware-readouts{margin-inline:30px;padding-block:20px}.hardware-readouts strong{font-size:33px}.hardware-readouts .mono{font-size:10px}.hardware-readouts .device-state{font-size:24px}.weight-control{padding-inline:30px}.weight-control label{font-size:14px}.weight-control label .mono{font-size:10px}.activation-label{font-size:12px}.output-rule{font-size:10px}.range-marks{font-size:9px}.hardware-hint{display:none}.project-bottom>p{font-size:11px}.project-bottom>.mono{font-size:9px}.about-grid{gap:40px}.about h2{font-size:44px}.contact h2{font-size:61px}.contact-actions{gap:22px}.contact .button{font-size:12px}.site-footer>.mono{font-size:8px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.site-header{height:76px;padding-inline:20px}.wordmark{font-size:12px;gap:10px}.wordmark-sub{font-size:7px}.monogram{font-size:32px}.site-header nav{font-size:11px;gap:20px}.header-contact{font-size:10px;padding:9px 11px}.hero{grid-template-columns:1fr;padding-block:40px 30px;gap:34px;min-height:0}.hero .eyebrow{font-size:9px}.hero h1{font-size:clamp(61px,12.5vw,82px);letter-spacing:-3.6px;margin-top:28px}.hero-description{font-size:15px;max-width:440px;margin-top:24px;line-height:1.65}.hero-actions{gap:20px;margin-top:27px}.hero .button{font-size:12px;min-height:48px;padding:14px 18px}.hero-actions .text-link{font-size:12px}.hero-footnote{font-size:8px;flex-direction:row;gap:10px;margin-top:28px;padding-top:14px}.hero-footnote span:last-child{font-size:7px}.hero-lab{padding:17px 17px 0;max-width:500px}.lab-meta{font-size:7px}.lab-caption{font-size:11px;min-height:60px}.node-label{font-size:8px}.core-caption{font-size:5px}.experience-strip{padding-block:21px}.experience-strip>.mono{font-size:9px;margin-bottom:17px}.experience-strip>div{gap:15px}.company.cobee-word{font-size:24px}.company.welltech-word,.company.dezzai-word{font-size:21px}.company.niq-word{font-size:23px}.work-heading{grid-template-columns:1fr;gap:19px;padding-block:55px 35px}.work-heading .eyebrow{font-size:9px}.work-heading>p{font-size:31px}.work-heading>p br{display:block}.section-label{font-size:9px;gap:9px}.section-label .chapter-number{font-size:12px;padding:5px 7px}.section-label>span:last-child{font-size:8px}.section-line{margin-inline:2px}.project-grid{margin-top:29px;gap:28px}.project-copy h2{font-size:48px;letter-spacing:-2px;margin-bottom:23px}.project-brand{margin-bottom:20px}.project-copy>p{font-size:15px;line-height:1.7}.project-copy>.secondary-copy{font-size:13px;line-height:1.75}.tags{margin-top:20px}.tags span{font-size:10px}.project-note{font-size:10px}.project-bottom{margin-top:24px;padding-block:20px;gap:15px}.project-bottom>.mono{font-size:8px}.project-bottom>p{font-size:10px}.has-scroll-scenes .afterchapter .scene-track{height:1350px;margin-top:30px}.has-scroll-scenes .after-demo{top:94px}.demo-toolbar{padding:13px 14px;min-height:56px}.demo-toolbar>.mono{font-size:8px}.demo-toolbar .pill{font-size:7px!important;padding:4px 5px}.demo-index{font-size:7px}.segmented{gap:2px}.segmented button{font-size:11px;padding:8px}.after-stage{height:455px}.phone-shell{width:185px;height:402px;top:30px}.reading-card{width:200px;left:15px;bottom:24px;padding:13px 14px}.reading-card>.mono{font-size:8px}.reading-progress-head{font-size:10px}.reading-progress-head b{font-size:9px}.reading-card button{font-size:10px}.architecture{left:43%;right:13px;top:84px}.arch-node{padding:13px 9px;gap:7px}.arch-node b{font-size:11px}.arch-node small{font-size:8px}.arch-icon{font-size:15px}.arch-node>.mono,.trace-bars{display:none}.widget-note{left:48%;right:13px;top:130px}.widget-note h3{font-size:25px;letter-spacing:-.6px}.widget-note p{font-size:11px}.widget-note>.mono{font-size:8px}.widget-value{font-size:9px}.widget-value b{font-size:34px}.demo-footer{font-size:9px;padding:12px 14px;gap:10px}.demo-footer>.mono{font-size:7px}.race-heading{padding:25px 20px;gap:13px}.race-heading h3{font-size:22px;letter-spacing:-.6px}.race-reduction{font-size:49px;letter-spacing:-2px}.race-reduction small{font-size:7px}.race-lanes{padding-inline:20px}.race-lane-label{font-size:11px;gap:12px}.race-lane-label b{font-size:20px}.race-lane-label small{font-size:7px}.race-lane-note{font-size:7px}.race-time-bars{padding-inline:20px;font-size:8px;gap:7px}.race-demo .payment-controls{padding:0 20px 25px;gap:15px}.race-demo .payment-controls .button{font-size:11px;padding:12px 14px;gap:15px}.race-demo .payment-controls>p{font-size:9px}.race-demo .demo-footer{font-size:8px}.translation-heading{padding:25px 20px}.translation-heading h3{font-size:22px}.translation-heading .mono{font-size:8px}.locale-badge{font-size:8px;padding:6px}.translation-table{margin-inline:20px}.translation-row{grid-template-columns:1fr repeat(3,32px);font-size:9px;min-height:49px;padding-inline:11px}.table-head{font-size:8px;min-height:33px}.translation-status{margin:20px;font-size:10px}.translation-action{padding:0 20px 24px;gap:12px}.translation-action .button{font-size:11px;padding:12px 14px;gap:15px}.translation-action>.mono{font-size:8px}.translation-result{margin-inline:20px;font-size:11px}.translation-result p{font-size:10px}.translation-preview{font-size:9px}.hardware-readouts{margin-inline:20px;padding-block:16px;gap:18px}.hardware-readouts .mono{font-size:8px}.hardware-readouts strong{font-size:28px}.hardware-readouts .device-state{font-size:19px}.weight-control{padding-inline:20px}.weight-control label{font-size:12px}.weight-control label .mono{font-size:8px}.activation-label{font-size:10px}.range-marks{font-size:7px}.output-rule{font-size:8px;padding:10px 9px}.hardware-demo .demo-footer>span:first-child{max-width:85%}#afterchapter + #cobee,#cobee + #welltech,#welltech + #hardware{margin-top:48px}.about{margin-top:65px;padding-block:35px 55px}.about>.eyebrow{font-size:9px}.about-grid{gap:25px}.about h2{font-size:46px}.about-grid>div>p{font-size:14px}.about-meta{font-size:8px;gap:18px}.contact{padding-block:30px 35px}.contact .eyebrow{font-size:8px}.contact h2{font-size:clamp(43px,8.7vw,62px);letter-spacing:-2px;margin-top:30px}.contact-bottom{gap:25px;margin-top:28px}.contact-bottom p{font-size:13px}.contact .button{font-size:12px;padding:14px 16px;gap:18px}.contact-actions{gap:20px}.contact .text-link{font-size:11px}.email-link{font-size:11px}.site-footer{font-size:10px;min-height:115px}.site-footer>span:not(.mono){font-size:9px}.site-footer>.mono{font-size:8px}.site-footer button{font-size:8px}}
@media(max-width:390px){.wrap{width:calc(100% - 32px)}.site-header{padding-inline:16px}.hero h1{font-size:60px;letter-spacing:-3.5px}.hero .eyebrow{font-size:8px}.hero-footnote{font-size:7px}.hero-footnote span:last-child{font-size:6px}.hero-lab{padding:14px 14px 0}.lab-meta{font-size:6px}.node-label{font-size:6px}.core-caption{font-size:4px}.experience-strip>div{gap:12px}.company.cobee-word{font-size:22px}.company.welltech-word,.company.dezzai-word{font-size:19px}.company.niq-word{font-size:22px}.work-heading>p{font-size:28px}.project-copy h2{font-size:43px}.section-label{font-size:8px;gap:7px}.section-label>span:last-child{font-size:7px}.tags span{font-size:9px}.tags span+span:before{margin-inline:6px}.demo-index{display:none}.demo-toolbar>.mono{font-size:7px}.demo-toolbar .pill{font-size:6px!important}.after-stage{height:420px}.phone-shell{width:169px;height:367px;top:28px}.reading-card{width:185px;left:13px;bottom:22px;padding:12px}.architecture{left:40%;right:10px;top:72px}.arch-node{padding:12px 7px;gap:6px}.arch-node b{font-size:10px}.arch-node small{font-size:7px}.widget-note{left:48%;right:10px;top:110px}.widget-note h3{font-size:22px}.widget-note p{font-size:10px}.widget-note>.mono{font-size:7px}.widget-value{font-size:8px}.demo-footer{font-size:8px;padding-inline:12px}.demo-footer>.mono{font-size:6px}.race-heading{padding-inline:17px;gap:10px}.race-heading h3{font-size:20px}.race-reduction{font-size:44px}.race-reduction small{font-size:6px}.race-lanes{padding-inline:17px}.race-lane-label{font-size:10px}.race-lane-label b{font-size:18px}.race-lane-label small{font-size:6px}.race-lane-note{font-size:6px}.race-demo .payment-controls{padding-inline:17px;gap:12px}.race-demo .payment-controls .button{font-size:10px;gap:12px}.race-demo .payment-controls>p{font-size:8px}.race-time-bars{padding-inline:17px}.translation-heading{padding-inline:17px}.translation-heading h3{font-size:20px}.locale-badge{font-size:7px}.translation-table{margin-inline:17px}.translation-row{grid-template-columns:1fr repeat(3,26px);font-size:8px;padding-inline:9px}.table-head{font-size:7px}.translation-status{margin-inline:17px;font-size:9px}.translation-action{padding-inline:17px;gap:8px}.translation-action .button{font-size:10px;gap:12px;padding:12px}.translation-action>.mono{font-size:7px}.translation-result{margin-inline:17px}.hardware-readouts{margin-inline:17px;gap:12px}.hardware-readouts .device-state{font-size:17px}.weight-control{padding-inline:17px}.activation-label{font-size:9px}.range-marks{font-size:6px}.output-rule{font-size:7px}.contact-actions{gap:15px}.contact .button{font-size:11px;gap:15px}.contact .text-link{font-size:10px}}
@media(max-width:345px){.hero h1{font-size:54px}.hero-footnote span:last-child{display:none}.hero .eyebrow{font-size:7px}.node-label{font-size:5px}.project-copy h2{font-size:40px}.demo-footer>.mono{display:none}.race-heading h3{font-size:18px}.race-reduction{font-size:39px}.race-lane-label{font-size:9px}.translation-row{font-size:7px}.translation-action>.mono{font-size:6px}.hardware-readouts .device-state{font-size:16px}.weight-control label .mono{font-size:7px}.range-marks{font-size:5px}.output-rule{font-size:6px}}
@media(max-width:1050px){.hero-lab .map-node{padding:9px}.mini-browser{display:none}.mini-product{padding-top:0;height:27px;align-items:center}.mini-product>i{width:20px;height:22px}.mini-product>span{gap:3px}.mini-product b{height:2px}.mini-server{height:27px;gap:3px;margin:0}.mini-server i{height:7px}.mini-server i:before{width:2px;height:2px;top:2px;left:5px}.mini-server i:after{top:3px}.mini-chart{height:27px;gap:4px}.mini-chip{height:27px}.mini-chip i{height:22px;width:27px;border-width:3px;box-shadow:0 0 0 2px #eee}.mini-chip b{font-size:5px}.node-label{font-size:7px;padding-top:5px;margin-top:6px}}
@media(max-width:390px){.hero-lab .map-node{padding:7px}.mini-product,.mini-server,.mini-chart,.mini-chip{height:21px}.mini-product>i{height:19px;width:17px}.mini-server{gap:2px}.mini-server i{height:6px}.node-label{font-size:5px;line-height:1.4;padding-top:4px;margin-top:5px}.mini-chip i{height:19px;width:23px}}
@media(max-height:649px){.scene-track{height:auto!important}.after-demo,.afterchapter .project-copy{position:static!important}}

/* Continuous light surfaces: no dark slabs between content and demos. */
:root{--paper:#fafaf9;--ink:#2c3033;--muted:#646a6d;--line:#dedfdd;--accent:#365f4b;--accent-ink:#294c3b}
body{background:var(--paper);color:var(--ink)}::selection{background:#dce6df;color:#2c3033}.site-header{background:var(--paper);border-color:#dedfdd}.wordmark,.monogram,.footer-mark{color:var(--ink)}.header-contact{background:transparent;color:var(--ink);border-color:#cecece;border-radius:5px;font-weight:550}.header-contact:hover{background:#eeeae4;color:var(--ink);border-color:#c8c2b8}.site-header nav a:hover{color:var(--ink)}
.button{border-radius:5px;font-weight:550}.primary{background:var(--accent);color:#fff}.primary:hover{background:#2d503f;color:#fff}.dark{background:#e8e8e8;border:1px solid #d2d2d2;color:#42494c}.dark:hover{background:#e0e0e0;color:#42494c}.text-link{color:#373d40;border-color:#aaaaaa}.text-link:hover{color:var(--accent-ink);border-color:var(--accent)}.hero h1{font-weight:650;letter-spacing:-4px;font-size:clamp(62px,6.3vw,88px)}.hero-description{color:#51585c}.hero .eyebrow{color:#5b6265}.hero-footnote{border-color:#dcdcdc;color:#6b7274}.hero-footnote span:last-child{color:#6b7274}
.hero-lab{background:transparent;color:var(--ink);border:0;padding:14px 0 0;box-shadow:none}.lab-meta{color:#747b7d}.lab-meta>.mono{color:#747b7d}.lab-caption{color:#626b6e;border-color:#dcdcdc}.system-map{background-image:radial-gradient(#cbcbcb .8px,transparent .8px)}.map-wires>g:first-child{stroke:#c8c8c8}.map-wires>g:last-child{fill:#fafaf9;stroke:#bbbbbb}.map-wires .active-wires{stroke:var(--accent);stroke-width:1.8}.map-node{background:#fff;color:#363c3e;border:1px solid #d9d9d9;border-radius:5px;box-shadow:0 3px 12px #333b3210!important}.map-node.selected{background:#fff;border:1px solid #365f4b;box-shadow:0 3px 15px #365f4b12!important}.map-node:hover{background:#fff;border-color:#b1b1b1}.map-node.selected .node-label,.node-label{color:#444c4c;border-color:#e2e2e2;font-weight:550}.map-core{border-color:#365f4b;background:var(--accent);box-shadow:4px 5px 0 #e5e2da,5px 6px 0 #d7d7d7}.core-logo{color:#fffaf6;font-weight:650}.core-logo i{background:#fffaf6}.core-caption{color:#fffaf6}.core-pins{background:repeating-linear-gradient(90deg,#b8b8b8 0 4px,transparent 4px 11px)}.pins-left,.pins-right{background:repeating-linear-gradient(0deg,#b8b8b8 0 4px,transparent 4px 11px)}.mini-product>i{background:#dadada;border-color:#8e8e8e}.mini-product b{background:#d8d8d8}.mini-server i{background:#eeeeee;border-color:#cdcdcd}.mini-server i:before{background:#858585}.mini-server i:after{background:#c4c4c4}.mini-chart i{background:#c8c8c8}.hero-lab[data-focus=impact] .mini-chart i{background:#bebebe}.mini-chart i:nth-child(5),.hero-lab[data-focus=impact] .mini-chart i:nth-child(5){background:var(--accent)}.mini-chip i{background:#e2e2e2;border-color:#a5a5a5;box-shadow:0 0 0 3px #f0f0f0}.hero-lab[data-focus=device] .mini-chip i{background:#efe7de;border-color:#7d9a87}.mini-chip b{color:#626b6e}.mini-browser{border-color:#dcdcdc}.mini-browser i{background:#aeaeae}
.experience-strip{border-color:#dedfdd}.company{color:#42494c}.section-label{border-top:1px solid #d5d5d5;color:#4b5353}.section-label .chapter-number{background:#ececec;color:#42494c;border-radius:4px;font-size:13px}.section-line{background:#e1e1e1}.section-label>span:last-child{color:#626b6e}.project-copy h2{font-weight:650;letter-spacing:-1.7px}.project-copy h2 .serif,.cobee .project-copy h2 .serif,.welltech .project-copy h2 .serif{color:#343c3e}.project-copy>p{color:#424b4e}.project-copy>.secondary-copy{color:#6a7374}.project-brand{color:#414949}.case-details{border-color:#d9d9d9}.case-details summary{font-weight:500;color:#42494c}.case-details p{color:#626b6e}.project-bottom{border-color:#dcdcdc}.project-bottom>p{color:#626b6e}.project-bottom>.mono{color:#626b6e}
.project-demo,.after-demo,.payment-demo,.translation-demo,.hardware-demo{background:#f3f3f3;border:1px solid #d9d9d9;border-radius:7px;box-shadow:0 10px 30px -25px #333e2b35}.demo-toolbar,.payment-demo .demo-toolbar,.translation-demo .demo-toolbar,.hardware-demo .demo-toolbar{background:#eeeeee;color:#42494c;border-color:#dcdcdc}.demo-toolbar>.mono{color:#42494c}.demo-toolbar .pill{background:#e3e3e3!important;color:#626b6e!important;border-radius:3px}.demo-index{color:#626b6e}.segmented button{color:#626b6e;border-radius:4px}.segmented button:hover{color:#42494c}.segmented button[aria-pressed=true]{background:#fff;color:#42494c;box-shadow:0 1px 5px #3c4c2d0d;border:1px solid #dcdcdc;padding-block:7px;font-weight:550}.demo-footer,.payment-demo .demo-footer,.translation-demo .demo-footer,.hardware-demo .demo-footer{background:transparent;border-color:#dcdcdc;color:#626b6e}.demo-footer>.mono{color:#626b6e}.scene-scrubber{background:#e4e4e4}.scene-scrubber>i{background:var(--accent)}
.after-stage{background:#f3f3f3}.stage-orbit{border-color:#dfdfdf}.reading-card{background:#fdfdfd;border-color:#d0d0d0;border-radius:5px;box-shadow:0 5px 14px #3b4b2d10}.reading-card>.mono{color:#626b6e}.reading-progress-head{color:#42494c}.reading-card button{color:#42494c;border-color:#dfdfdf}.arch-node{background:#fdfdfd;border-color:#cdcdcd;border-radius:4px;box-shadow:0 3px 8px #3b4b2d08!important}.arch-node b{color:#42494c;font-weight:550}.arch-node small{color:#626b6e}.arch-icon{color:#626b6e}.arch-connector{background:#bdbdbd}.arch-node>.mono{color:#626b6e}.widget-note h3{color:#42494c;font-weight:550}.widget-note p,.widget-value{color:#626b6e}.widget-value b{color:#626b6e;font-weight:600}.widget-note>.mono{color:#626b6e}.trace-bars i{background:#afafaf}
.race-heading h3{font-weight:550;color:#42494c}.race-heading h3 .serif{color:#626b6e}.race-reduction{font-weight:650;color:var(--accent)}.race-lane{border-color:#d9d9d9}.race-lane-label{color:#626b6e}.race-lane-label b,.lane-after .race-lane-label b{color:#42494c;font-weight:550}.lane-after .race-lane-label{color:#42494c}.race-track{background:#cdcdcd}.race-traveller i{background:#929292;box-shadow:0 0 0 4px #84966e10}.lane-after .race-traveller i{background:var(--accent);box-shadow:0 0 0 4px #365f4b12}.race-finish{background:#f3f3f3;border-color:#afafaf;color:#626b6e}.lane-after .race-finish{color:var(--accent);border-color:#7d9a87}.race-lane-note{color:#626b6e}.race-note-after{color:#426650}.time-before{background:#a3a3a3}.time-after{background:var(--accent)}.race-demo .payment-controls>p{color:#626b6e}.race-demo .payment-controls>p strong{color:#42494c;font-weight:500}.race-reduction small{color:#626b6e}.race-time-bars{color:#626b6e}.race-lane-label small{color:#626b6e}
.translation-heading h3{font-weight:550;color:#42494c}.translation-heading .mono{color:#626b6e}.locale-badge{background:#e3e3e3;color:#626b6e;border-radius:4px}.translation-table{background:#fbfbfb;border-color:#d5d5d5;border-radius:4px}.translation-row{border-color:#e0e0e0;color:#626b6e}.table-head{background:#e8e8e8;color:#626b6e}.translation-row .complete{color:#626b6e}.translation-row .missing{color:#626b6e}.translation-status{color:#626b6e}.translation-action>.mono{color:#626b6e}.translation-result{border-color:#b4b4b4;color:#626b6e}.translation-result b{color:#626b6e}.translation-result p,.translation-preview{color:#626b6e}
.hardware-readouts{border-color:#d3d3d3}.hardware-readouts strong{color:#626b6e}.hardware-readouts .mono{color:#626b6e}.hardware-readouts strong small{color:#626b6e}.weight-control label{color:#626b6e}.weight-control label .mono{color:#626b6e}.activation-label{color:#626b6e}.activation-label .signal-dot{background:#8b8b8b}.range-marks{color:#626b6e}.output-rule{background:#e5e5e5;border-color:#cccccc;color:#626b6e}.circuit-grid{stroke:#e0e0e0}.board>rect:first-child{fill:#727272;stroke:#555555}.board .chip{fill:#555555;stroke:#a1a1a1}.board .pins{stroke:#adadad}.board-text{fill:#efefef}.board-small{fill:#bdbdbd}.gpio-pins{stroke:#bcbcbc}.sensor rect{fill:#f5f5f5;stroke:#adadad}.sensor path{stroke:#949494}.sensor text,.actuator text,.io-label{fill:#929292}.actuator rect{fill:#d8d8d8;stroke:#afafaf}.actuator circle{fill:#b8b8b8}.hardware-demo[data-weight-state=idle] .light-red{fill:#b8b8b8}.circuit-wire{stroke:#bebebe}.weight-control input{accent-color:#818181}.hardware-demo[data-weight-state=active] .output-rule{background:#dddddd;border-color:#b9b9b9;color:#626b6e}
.about{border-color:#d1d1d1}.about h2{font-weight:600;color:#42494c}.about h2 .serif{color:#626b6e}.about-grid>div>p{color:#626b6e}.about-meta{border-color:#d9d9d9;color:#626b6e}.contact{background:#ededed;border-top:1px solid #dadada;border-bottom:1px solid #dadada;color:#42494c}.contact .eyebrow{color:#626b6e}.contact h2{font-weight:600;letter-spacing:-2.5px}.contact h2 .serif{color:var(--accent)}.contact-bottom p{color:#626b6e}.contact .text-link{color:#626b6e;border-color:#bababa}.contact .text-link:hover{color:var(--accent-ink);border-color:var(--accent)}.back-top{color:#626b6e;border-color:#c6c6c6;border-radius:5px}.back-top:hover{background:#e5e5e5}.email-link{color:#626b6e;border-color:#c0c0c0}.email-link:hover{color:#626b6e}.site-footer{color:#626b6e}.site-footer>.mono{color:#626b6e}.site-footer button{color:#626b6e;border-color:#d2d2d2;border-radius:4px}
@media(max-width:1180px){.hero h1{font-size:clamp(59px,6.1vw,74px);letter-spacing:-3.5px}}
@media(max-width:1050px){.hero h1{font-size:clamp(51px,6.2vw,65px);letter-spacing:-2.8px}.hero-lab{padding:10px 0 0}.project-copy h2{font-size:51px}}
@media(max-width:720px){.hero h1{font-size:clamp(58px,11.8vw,77px);letter-spacing:-3px}.hero-lab{padding:10px 0 0}.project-copy h2{font-size:45px}.contact h2{letter-spacing:-1.8px}}
@media(max-width:390px){.hero h1{font-size:57px;letter-spacing:-3px}.project-copy h2{font-size:41px}}
@media(max-width:345px){.hero h1{font-size:51px}.project-copy h2{font-size:39px}}

.hardware-demo[data-weight-state=active] .output-rule{background:#e4f0e7;border-color:#b0c9b7;color:#27673b}