:root{--navy:#1244ad;--blue:#d6e2ff;--orange:#f05b4f;--yellow:#f2e74c;--mint:#63d6cb;--paper:#f5f8ff;--ink:#10214e;--sans:'DM Sans',sans-serif;--serif:'Lora',serif;--mono:'JetBrains Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}header,.switchhead{height:76px;padding:10px 6%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:rgba(248,245,237,.98);border-bottom:1px solid var(--ink)}.switchmark,.brand{display:flex;align-items:center;gap:10px;font:800 18px/1 var(--sans)}.switchmark img,.brand img{width:36px;height:36px}.switchmark small,.brand small{display:block;margin-top:4px;font:8px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}.switchhead nav{gap:26px;font:10px var(--mono);letter-spacing:.04em;text-transform:uppercase}.switchmenu{width:48px;height:48px;border:0;background:var(--orange);color:white;font-size:1.3rem}.tag{margin:0 0 16px;color:var(--orange);font:10px/1.4 var(--mono);letter-spacing:.06em}h1,h2,h3{font-family:var(--sans);font-weight:800;letter-spacing:-.035em;text-wrap:balance}h1 em,h2 em{font-family:var(--serif);font-weight:600;letter-spacing:-.015em}.mast{min-height:745px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--navy);color:var(--paper);position:relative}.mast-photo{grid-column:2;grid-row:1}.mast-photo img{width:100%;height:100%;object-fit:cover}.mast-copy{grid-column:1;grid-row:1;z-index:1;padding:95px 14% 110px;align-self:center}.mast .tag{color:var(--yellow)}h1{margin:0 0 24px;font-size:clamp(4rem,6.8vw,7.6rem);line-height:1.02}h1 em{color:var(--yellow)}.mast-copy p:not(.tag){max-width:510px;margin:0}.signal-button{display:inline-flex;align-items:center;gap:9px;min-height:48px;margin-top:28px;padding:13px 18px;border:0;background:var(--orange);color:#fff;font-size:15px;font-weight:700}.mast-log{position:absolute;left:6%;right:6%;bottom:0;display:flex;gap:19px;padding:16px 0;border-top:1px solid rgba(255,255,255,.3);font:9px var(--mono);letter-spacing:.04em}.flow-board{padding:108px 8%;display:grid;grid-template-columns:.78fr 1.22fr;gap:7vw;background:var(--paper)}.flow-intro h2,.moment-wall h2,.desk-bench h2,.tap-relay h2,.pocket-notes h2,.release-index h2,.screen-grid h2,.app-shelf h2,.switch-enquiry h2{margin:0;font-size:clamp(3rem,5.15vw,5.55rem);line-height:1.05}.flow-intro h2 em,.moment-wall h2 em,.pocket-notes h2 em,.screen-grid h2 em,.app-shelf h2 em{color:var(--orange)}.flow-intro p:not(.tag){max-width:400px;margin:22px 0}.flow-switches{border-top:1px solid var(--ink)}.flow-switch{display:block;width:100%;min-height:86px;padding:16px 0;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);font:700 1.3rem/1.2 var(--sans);text-align:left}.flow-switch.active,.flow-switch:hover{padding-left:16px;background:var(--blue)}.flow-answer{grid-column:1/-1;display:grid;grid-template-columns:.42fr 1fr;gap:8vw;padding:35px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.flow-answer span{color:var(--orange);font:10px var(--mono)}.flow-answer h3{margin:0;font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.12}.flow-answer p{grid-column:2;margin:0;max-width:640px}.flow-board figure{grid-column:1/-1;margin:0}.flow-board figure img{width:100%;height:285px;object-fit:cover}.moment-wall{display:grid;grid-template-columns:1.05fr .95fr;background:var(--blue)}.moment-wall figure{position:relative;margin:0}.moment-wall figure img{width:100%;height:100%;min-height:610px;object-fit:cover}.moment-wall>div{padding:103px 14%;align-self:center}.moment-wall p:not(.tag){max-width:490px;margin:22px 0}.moment-wall ol{margin:26px 0 0;padding:0;list-style:none;border-top:1px solid var(--ink)}.moment-wall li{padding:12px 0;border-bottom:1px solid var(--ink)}.moment-wall b{display:inline-block;width:100px;color:var(--orange);font:10px var(--mono)}.desk-bench{padding:108px 8%;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:var(--yellow)}.desk-bench h2 em{color:var(--orange)}.desk-bench>div:first-child p:not(.tag){max-width:430px;margin:22px 0}.desk-cards{border-top:1px solid var(--ink)}.desk-card{display:block;width:100%;padding:18px 0;border:0;border-bottom:1px solid var(--ink);background:transparent;text-align:left;color:var(--ink)}.desk-card span{font:10px var(--mono);color:var(--orange)}.desk-card i{float:right}.desk-card strong{display:block;margin-top:9px;font:700 1.24rem/1.2 var(--sans)}.desk-card p{display:none;margin:12px 35px 3px 0;max-width:540px;font-size:15px}.desk-card.open p{display:block}.desk-image{grid-column:1/-1;width:100%;height:300px;object-fit:cover}.tap-relay{display:grid;grid-template-columns:1fr 1fr;background:var(--mint)}.tap-controls{padding:102px 16%;align-self:center}.tap-relay h2 em{color:var(--orange)}.tap-controls label{display:flex;justify-content:space-between;margin-top:30px;font-weight:700}.tap-controls output{font:10px var(--mono)}input[type=range]{width:100%;margin:24px 0 8px;accent-color:var(--orange)}.tap-controls>div{display:flex;justify-content:space-between;font:9px var(--mono)}.tap-controls article{margin-top:27px;padding:19px;background:var(--paper);border-left:4px solid var(--orange)}.tap-controls article b{font:10px var(--mono)}.tap-controls article p{margin:8px 0 0;font-size:15px}.tap-relay figure{position:relative;margin:0}.tap-relay figure img{width:100%;height:100%;min-height:550px;object-fit:cover}.pocket-notes{padding:108px 8%;display:grid;grid-template-columns:.78fr 1.22fr;gap:7vw;background:var(--navy);color:#fff}.pocket-tabs{border-top:1px solid rgba(255,255,255,.45)}.pocket-tabs button{display:block;width:100%;min-height:72px;padding:16px;border:0;border-bottom:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;text-align:left;font:10px var(--mono)}.pocket-tabs button.active,.pocket-tabs button:hover{background:var(--blue);color:var(--ink)}.pocket-notes output{grid-column:2;padding:18px;background:var(--paper);color:var(--ink);font-size:15px}.pocket-photo{grid-column:1/-1;width:100%;height:280px;object-fit:cover}.release-index{display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.release-index figure{position:relative;margin:0}.release-index figure img{width:100%;height:100%;min-height:570px;object-fit:cover}.release-index>div{padding:102px 15%;align-self:center}.release-index h2 em{color:var(--orange)}.release-index p:not(.tag){margin:22px 0;max-width:470px}.underline-link{display:inline-flex;gap:8px;border-bottom:1px solid var(--ink);font-weight:700}.screen-grid{padding:108px 8%;display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;background:var(--paper)}.screen-options{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.screen-option{min-height:108px;padding:18px;border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);font:700 1.23rem/1.17 var(--sans);text-align:left}.screen-option.active,.screen-option:hover{background:var(--blue)}.screen-options output{grid-column:1/-1;padding:18px;background:var(--orange);color:#fff;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:15px}.screen-grid>img{grid-column:1/-1;width:100%;height:280px;object-fit:cover}.app-shelf{display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;padding:108px 8%;background:var(--blue)}.app-shelf label{display:block;margin:30px 0 7px;font-weight:700}.form-control,.form-select{min-height:50px;border:1px solid var(--ink);border-radius:0;background:var(--paper);font-size:16px}.accordion{border-top:1px solid var(--ink)}.accordion-item{border:0;border-bottom:1px solid var(--ink);background:transparent}.accordion-button{min-height:90px;padding:17px 0;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;font:700 clamp(1.22rem,2vw,1.8rem)/1.17 var(--sans)}.accordion-body{padding:0 10px 23px 0;font-size:15px}.shelf-photo{grid-column:1/-1;width:100%;height:275px;object-fit:cover}.switch-enquiry{display:grid;grid-template-columns:1.04fr .96fr;background:var(--navy);color:#fff}.switch-enquiry>div{padding:102px 14%;align-self:center}.switch-enquiry h2 em{color:var(--yellow)}.switch-enquiry>div>p:not(.tag){max-width:500px;margin:22px 0}.switch-enquiry form{display:grid;gap:10px;margin-top:26px}.switch-enquiry label{font-size:14px;font-weight:700}.switch-enquiry .form-control,.switch-enquiry .form-select{margin-top:6px;color:var(--ink)}.check{font-weight:500!important}.check input{width:16px;height:16px;vertical-align:-2px}#switchMessage{margin:0;padding:12px;background:var(--paper);color:var(--ink)}.switch-enquiry figure{margin:0}.switch-enquiry figure img{width:100%;height:100%;min-height:690px;object-fit:cover}.night-switch{position:relative;display:grid;place-items:center;min-height:480px;text-align:center;color:white;overflow:hidden}.night-switch:after{content:'';position:absolute;inset:0;background:rgba(16,27,53,.64)}.night-switch>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.night-switch>div{position:relative;z-index:1}.night-switch p{font:10px var(--mono);color:var(--yellow)}.night-switch h2{margin:14px 0 22px;font-size:clamp(3.4rem,6vw,6.7rem);line-height:1.03}.night-switch h2 em{color:var(--yellow)}.night-switch a{font:12px var(--mono);border-bottom:1px solid var(--yellow)}.switch-footer,footer{display:grid;grid-template-columns:1fr .9fr .55fr;gap:40px;padding:50px 8%;background:var(--ink);color:var(--paper)}footer p{max-width:350px;margin:0;font-size:15px}footer nav{display:grid;gap:10px;font:10px var(--mono)}.legal-hero{padding:104px 14% 74px;background:var(--legal);color:var(--ink)}.legal-hero h1{max-width:900px;margin:0;font-size:clamp(3.5rem,7.3vw,7.2rem);line-height:1.04}.legal-hero p:last-child{max-width:670px;margin:24px 0 0}.legal-body{max-width:1120px;padding:82px 14%}.legal-body article{max-width:780px;padding:30px 0;border-top:1px solid var(--ink)}.legal-body article:last-child{border-bottom:1px solid var(--ink)}.legal-body h2{margin:0 0 13px;font-size:clamp(1.65rem,3vw,2.55rem)}.legal-body p{margin:0}.not-found{position:relative;min-height:630px;padding:110px 14%;background:var(--navy);color:var(--paper);overflow:hidden}.not-found>b{position:absolute;right:6%;top:-65px;color:rgba(183,217,227,.25);font:800 clamp(12rem,28vw,28rem)/1 var(--sans);letter-spacing:-.08em}.not-found h1{position:relative;max-width:700px;margin:0;font-size:clamp(4rem,7vw,7.2rem);line-height:1.02}.not-found h1 em{color:var(--yellow)}.not-found>p:not(.tag){position:relative;max-width:520px;margin:24px 0 0}@media(max-width:991px){.mast{grid-template-columns:1fr}.mast-photo{grid-column:auto;grid-row:2;height:440px}.mast-copy{grid-column:auto;grid-row:1;padding:82px 11% 95px}.mast-log{left:8%;right:8%}.flow-board,.moment-wall,.desk-bench,.tap-relay,.pocket-notes,.release-index,.screen-grid,.app-shelf,.switch-enquiry{grid-template-columns:1fr}.flow-answer{grid-template-columns:1fr;gap:14px}.flow-answer p{grid-column:auto}.moment-wall figure img,.tap-relay figure img,.release-index figure img,.switch-enquiry figure img{height:420px;min-height:420px}.pocket-notes output{grid-column:auto}.pocket-photo,.screen-grid>img,.shelf-photo{grid-column:auto}.desk-bench,.flow-board,.screen-grid,.app-shelf{gap:42px}.legal-body{padding:70px 10%}}@media(max-width:575px){header,.switchhead{height:65px;padding:8px 6%}.switchmark,.brand{font-size:16px}.switchmark img,.brand img{width:35px;height:35px}.switchmark small,.brand small{font-size:7px}.mast-copy{padding:68px 8% 91px}.mast h1{font-size:clamp(3.1rem,12vw,4rem);line-height:1.06}.mast-photo{height:340px}.mast-log{left:7%;right:7%;gap:9px;flex-wrap:wrap}.flow-board,.desk-bench,.pocket-notes,.screen-grid,.app-shelf{padding:72px 6.5%}.flow-intro h2,.moment-wall h2,.desk-bench h2,.tap-relay h2,.pocket-notes h2,.release-index h2,.screen-grid h2,.app-shelf h2,.switch-enquiry h2{font-size:clamp(2.45rem,10vw,3.15rem);line-height:1.08}.flow-answer{padding:29px 0}.moment-wall>div,.tap-controls,.release-index>div,.switch-enquiry>div{padding:72px 6.5%}.moment-wall figure img,.tap-relay figure img,.release-index figure img,.switch-enquiry figure img{height:340px;min-height:340px}.desk-image,.pocket-photo,.screen-grid>img,.shelf-photo{height:240px}.screen-options{grid-template-columns:1fr}.screen-options output{grid-column:auto}.night-switch{min-height:420px}.night-switch h2{font-size:clamp(3rem,12vw,4rem)}.switch-footer,footer{grid-template-columns:1fr;gap:25px;padding:42px 6.5%}.legal-hero{padding:72px 6.5% 60px}.legal-hero h1{font-size:clamp(3rem,12vw,4rem)}.legal-body{padding:62px 6.5%}.not-found{padding:82px 6.5%;min-height:560px}.not-found>b{right:-9%;top:-2px;font-size:12rem}.not-found h1{font-size:clamp(3rem,12vw,4rem)}}

/* Legal pages reuse the switch header; preserve navigation separation there as well. */
header nav{display:flex;gap:26px;font:10px var(--mono);letter-spacing:.04em;text-transform:uppercase}

/* Corrected Pocket Switchboard selectors. */
.switchhead{height:76px;padding:10px 6%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:rgba(245,248,255,.98);border-bottom:1px solid var(--ink)}.switchmark{display:flex;align-items:center;gap:10px;font:800 18px/1 var(--sans)}.switchmark img{width:36px;height:36px}.switchmark small{display:block;margin-top:4px;font:8px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}.switchhead nav{display:flex;gap:26px;font:10px var(--mono);letter-spacing:.04em;text-transform:uppercase}.switchmenu{width:48px;height:48px;border:0;background:var(--orange);color:#fff;font-size:1.3rem}.mast{min-height:745px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--navy);color:var(--paper);position:relative}.mast-photo{grid-column:2;grid-row:1}.mast-photo img{width:100%;height:100%;object-fit:cover}.mast-copy{grid-column:1;grid-row:1;z-index:1;padding:95px 14% 110px;align-self:center}.mast-log{position:absolute;left:6%;right:6%;bottom:0;display:flex;gap:19px;padding:16px 0;border-top:1px solid rgba(255,255,255,.3);font:9px var(--mono);letter-spacing:.04em}.switch-enquiry{display:grid;grid-template-columns:1.04fr .96fr;background:var(--navy);color:#fff}.switch-enquiry>div{padding:102px 14%;align-self:center}.switch-enquiry figure{margin:0}.switch-enquiry figure img{width:100%;height:100%;min-height:690px;object-fit:cover}.switch-footer{display:grid;grid-template-columns:1fr .9fr .55fr;gap:40px;padding:50px 8%;background:var(--ink);color:var(--paper)}@media(max-width:991px){.mast{grid-template-columns:1fr}.mast-photo{grid-column:auto;grid-row:2;height:440px}.mast-copy{grid-column:auto;grid-row:1;padding:82px 11% 95px}.switch-enquiry{grid-template-columns:1fr}.switch-enquiry figure img{height:420px;min-height:420px}}@media(max-width:575px){.switchhead{height:65px;padding:8px 6%}.switchmark{font-size:16px}.switchmark img{width:35px;height:35px}.mast-copy{padding:68px 8% 91px}.mast h1{font-size:clamp(3.1rem,12vw,4rem);line-height:1.06}.mast-photo{height:340px}.switch-enquiry>div{padding:72px 6.5%}.switch-enquiry figure img{height:340px;min-height:340px}.switch-footer{grid-template-columns:1fr;gap:25px;padding:42px 6.5%}}
/* Original Interaction States ledger: a device-led module, not a copied field-notes layout. */
.state-ledger{display:grid;grid-template-columns:.82fr .6fr 1fr;gap:26px;padding:108px 8%;background:var(--yellow);color:var(--ink)}.state-heading h2{margin:0;font-size:clamp(3rem,5vw,5.4rem);line-height:1.04}.state-heading h2 em{color:var(--orange)}.state-heading p:not(.tag){max-width:390px;margin:22px 0 0;font-size:17px}.state-device{margin:0;align-self:stretch;background:var(--navy);padding:18px}.state-device img{width:100%;height:330px;object-fit:cover}.state-device figcaption{margin-top:12px;color:var(--paper);font:14px/1.4 var(--mono)}.state-list{display:grid;gap:10px}.state-card{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-content:center;min-height:112px;padding:18px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);text-align:left}.state-card span{grid-row:1/3;color:var(--orange);font:14px var(--mono)}.state-card b{font:700 1.3rem/1.18 var(--sans)}.state-card small{margin-top:5px;font-size:15px}.state-card.active,.state-card:hover{background:var(--navy);color:var(--paper)}.state-reading{grid-column:1/-1;display:grid;grid-template-columns:.33fr .67fr;gap:30px;padding:26px 30px;background:var(--blue)}.state-reading .tag{margin:0;color:var(--orange);font-size:14px}.state-reading h3{margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.1}.state-reading p:last-child{grid-column:2;margin:0;font-size:17px;line-height:1.65}@media(max-width:991px){.state-ledger{grid-template-columns:1fr 1fr}.state-heading{grid-column:1/-1}.state-reading{grid-column:1/-1}}@media(max-width:575px){.state-ledger{grid-template-columns:1fr;padding:72px 6.5%}.state-heading{grid-column:auto}.state-heading h2{font-size:clamp(2.55rem,10.5vw,3.25rem)}.state-device img{height:245px}.state-card{min-height:94px}.state-reading{grid-column:auto;grid-template-columns:1fr;padding:22px 20px}.state-reading p:last-child{grid-column:auto;font-size:16px}.tag{font-size:12px!important}.switch-footer nav{font-size:14px}}