:root{
  --paper:#070708;--ink:#f1f1ef;--muted:#98989d;--dim:#66666c;--line:#29292d;--panel:#101012;
  --accent:#e20074;--accent-oklch:lch(48% 76 354);--green:#62d89a;--yellow:#f1c74f;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font:14.5px/1.72 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:1000;padding:9px 12px;background:#fff;color:#000}.hamburger{position:fixed;top:18px;left:18px;z-index:109;display:none;width:40px;height:40px;place-content:center;gap:4px;border:1px solid #323238;border-radius:50%;background:rgba(8,8,9,.9)}.hamburger span{display:block;width:15px;height:1px;background:#eee}
.project-toc summary{position:relative;display:grid;gap:2px;padding:10px 30px 10px 11px;border:1px solid #343438;border-radius:8px;background:#101012;cursor:pointer;list-style:none}.project-toc summary::-webkit-details-marker{display:none}.project-toc summary::after{content:'+';position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#777;font-size:15px}.project-toc[open] summary::after{content:'−'}.project-toc summary span{color:#77777d;font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.project-toc summary em{overflow:hidden;color:#d7d7da;font:normal 11px var(--sans);text-overflow:ellipsis;white-space:nowrap}.project-toc-links{margin-top:7px;padding:7px 10px 9px;border:1px solid #2d2d31;border-radius:8px;background:#09090a}.project-toc a{display:block;padding:4px 0;color:#6c6c72;font-size:10.5px;line-height:1.3}.project-toc a:hover,.project-toc a.active{color:#f2f2f4}.project-toc a.active::before{content:'•';display:inline-block;width:10px;color:#ff4aa7}
main{padding-left:250px;transition:padding-left .32s ease}body:not(.nav-pinned) main{padding-left:0}.hero{max-width:820px;margin:0 auto;padding:76px 28px 52px}.eyebrow,.section-label{color:var(--muted);font:10px/1.45 var(--mono);letter-spacing:.13em;text-transform:uppercase}h1{max-width:760px;margin:20px 0 19px;font:400 clamp(34px,3.7vw,46px)/1.07 var(--serif);letter-spacing:-.035em}.dek{max-width:700px;margin:0;color:#c0c0c4;font:400 clamp(16px,1.55vw,19px)/1.5 var(--serif)}.byline{display:flex;flex-wrap:wrap;gap:7px 24px;margin-top:31px;color:var(--muted);font-size:11px}.cover-wrap{width:min(1180px,calc(100% - 54px));margin:0 auto 78px}.cover-wrap img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:8px}.cover-wrap figcaption,figcaption{margin-top:9px;color:#77777d;font:10px/1.55 var(--mono)}
article{max-width:700px;margin:0 auto;padding:0 28px 88px}article p{margin:0 0 22px}.lede{margin-bottom:40px!important;color:#ceced0;font:400 18px/1.56 var(--serif)}.project-meta{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-meta div{min-height:0;padding:15px 13px 18px 0;border-right:1px solid var(--line)}.project-meta div+div{padding-left:13px}.project-meta div:last-child{border:0}.project-meta dt{margin-bottom:10px;color:#66666c;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.project-meta dd{margin:0;color:#c8c8cc;font-size:11px;line-height:1.55}.project-meta dd small{display:block;margin-top:6px;color:#7a7a80;font-size:10px;line-height:1.5;font-weight:400}
section{scroll-margin-top:28px}.section-label{margin-top:72px}h2{margin:15px 0 19px;font:400 clamp(24px,2.7vw,32px)/1.18 var(--serif);letter-spacing:-.026em}h3{margin:40px 0 12px;font-size:17px;line-height:1.4}h4{margin:12px 0 8px;font:400 23px/1.25 var(--serif)}strong{font-weight:650}.pullquote{margin:42px 0;padding:24px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:400 clamp(22px,2.8vw,30px)/1.34 var(--serif)}.pullquote em{color:#ff4aa7;font-style:normal}.wide{width:min(1100px,calc(100vw - 300px));margin-left:50%;transform:translateX(-50%)}figure{margin:42px 0}figure img{width:100%;border:1px solid var(--line);border-radius:8px;background:#0d0d0e}.generated-figure img{aspect-ratio:16/9;object-fit:cover}.product-shot img{aspect-ratio:16/9;object-fit:cover}.tall-evidence{max-width:940px}.tall-evidence img{max-height:790px;object-fit:contain;background:#1b1b20}
.three-up,.test-index{display:grid;grid-template-columns:repeat(3,1fr);margin:38px 0 48px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.three-up>div,.test-index>a{padding:19px 15px 21px 0;border-right:1px solid var(--line)}.three-up>div+div,.test-index>a+a{padding-left:15px}.three-up>div:last-child,.test-index>a:last-child{border:0}.three-up b,.test-index b{color:#ff4aa7;font:10px var(--mono)}.three-up strong,.test-index strong{display:block;margin:10px 0 5px;font:400 16px/1.3 var(--serif)}.three-up span,.test-index span{display:block;color:var(--muted);font-size:11px;line-height:1.5}.test-index a:hover strong{color:#ff4aa7}.subsection{scroll-margin-top:35px}.subsection+.subsection{padding-top:20px}
.lch-lab{display:grid;grid-template-columns:290px 1fr;margin-top:38px;margin-bottom:46px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0c0c0e}.lch-copy{padding:28px;border-right:1px solid var(--line)}.lch-copy>span{color:#77777e;font:9px var(--mono);letter-spacing:.1em}.lch-copy p{color:var(--muted);font-size:12px;line-height:1.55}.lch-copy label{display:flex;justify-content:space-between;margin-top:32px;color:#aaaab0;font-size:11px}.lch-copy output{color:#ff4aa7;font-family:var(--mono)}.lch-copy input{width:100%;margin-top:16px;accent-color:var(--accent)}.lch-preview{--preview-bg:lch(7% 2 285);--preview-surface:lch(11% 3 285);--preview-line:lch(18% 3 285);display:grid;grid-template-columns:120px 1fr;min-height:360px;background:var(--preview-bg);transition:background .18s}.lch-preview aside{display:grid;align-content:start;gap:10px;padding:25px 18px;border-right:1px solid var(--preview-line);background:var(--preview-surface)}.lch-preview aside i{height:25px;border:1px solid var(--preview-line);border-radius:4px}.lch-preview aside i.active{border-color:color-mix(in srgb,var(--accent),#fff 20%);background:color-mix(in srgb,var(--accent),transparent 84%)}.lch-preview section{padding:20px}.lch-preview header{height:32px;border:1px solid var(--preview-line);border-radius:5px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.preview-grid div{height:76px;border:1px solid var(--preview-line);border-radius:6px;background:var(--preview-surface)}.preview-table{display:grid;margin-top:13px;border:1px solid var(--preview-line);border-radius:6px;overflow:hidden}.preview-table i{height:43px;border-bottom:1px solid var(--preview-line);background:linear-gradient(90deg,var(--preview-surface) 0 21%,transparent 21% 25%,var(--preview-surface) 25% 66%,transparent 66%)}.preview-table i:last-child{border:0}
.pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr) 20px) minmax(0,1fr);align-items:stretch;margin-top:40px;margin-bottom:48px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#0d0d0f}.pipeline div{padding:18px 14px}.pipeline i{align-self:center;color:#55555c;font-style:normal;text-align:center}.pipeline b{display:block;margin-bottom:27px;color:#66666c;font:9px var(--mono)}.pipeline strong,.pipeline span{display:block}.pipeline strong{font-size:12px}.pipeline span{margin-top:5px;color:#77777d;font-size:9px;line-height:1.45}.pipeline .human{background:color-mix(in srgb,var(--accent),transparent 92%)}.pipeline .human strong{color:#ff4aa7}.decision-table{margin-top:30px;margin-bottom:50px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.decision-table>div{display:grid;grid-template-columns:1.25fr 1.15fr 1fr 1.1fr}.decision-table span{padding:12px 14px;border-right:1px solid var(--line);color:#aaaab0;font-size:11px}.decision-table span:last-child{border:0}.decision-table>div+div{border-top:1px solid var(--line)}.decision-table .head{background:#121215}.decision-table .head span{color:#707076;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.product-chrome{position:relative;z-index:3;height:43px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #29292d;background:#111113;color:#74747b}.product-chrome>span{width:7px;height:7px;border-radius:50%;background:#34343a}.product-chrome small{position:absolute;left:50%;transform:translateX(-50%);font:9px var(--mono)}.product-chrome a{margin-left:auto;color:#aaaab0;font-size:10px}.live-cover{position:relative;height:670px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#09090a;box-shadow:0 70px 120px -90px rgba(226,0,116,.85)}.live-cover iframe,.live-product-stage>iframe,.story-canvas>iframe,.alignment-stage>iframe{display:block;width:100%;height:calc(100% - 43px);border:0;background:#09090a}.live-cover iframe{height:650px}.product-fade,.canvas-fade{position:absolute;z-index:2;inset:auto 0 0;height:30%;pointer-events:none;background:linear-gradient(180deg,transparent,var(--paper))}
.evolution{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;margin-bottom:54px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#09090a}.evolution-card{min-width:0;padding:22px;border-right:1px solid var(--line)}.evolution-card:last-child{border:0}.evolution-card>span{color:#696970;font:9px var(--mono);letter-spacing:.12em}.evolution-card>p{min-height:58px;margin:17px 0 0;color:#85858c;font-size:11px;line-height:1.55}.mini-dashboard,.wireframe-ui,.mini-live-frame{position:relative;height:260px;margin-top:18px;overflow:hidden;border:1px solid #27272c;border-radius:7px;background:#0d0d0f}.mini-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px}.mini-dashboard>i{height:34px;border:1px solid #242429;border-radius:4px}.mini-dashboard svg{grid-column:1/-1;width:100%;height:105px;border:1px solid #242429;border-radius:5px}.mini-dashboard svg path{fill:none;stroke:#c20065;stroke-width:1.2}.mini-dashboard>div{grid-column:span 2;height:56px;border:1px solid #242429;border-radius:5px}.mini-dashboard>div:last-child{grid-column:span 1}.wireframe-ui{display:grid;grid-template-columns:58px 1fr}.wireframe-ui aside{display:grid;align-content:start;gap:10px;padding:17px 12px;border-right:1px solid #27272c}.wireframe-ui aside i{height:8px;border-radius:2px;background:#28282e}.wireframe-ui main{padding:16px!important}.wireframe-ui header{height:24px;border:1px solid #2d2d33;border-radius:4px}.wireframe-ui section{display:grid;gap:8px;margin-top:14px}.wireframe-ui section div{height:43px;border:1px solid #2b2b31;border-radius:4px}.wireframe-ui>b{position:absolute;top:52px;right:12px;width:33%;height:188px;border:1px dashed #e20074;border-radius:5px;background:rgba(226,0,116,.035)}.mini-live-frame iframe{width:1440px;height:820px;border:0;transform-origin:top left;background:#09090a}
.alignment-study{display:grid;grid-template-columns:210px 1fr;margin-top:38px;margin-bottom:52px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#0b0b0d}.alignment-copy{display:grid;align-content:space-between;padding:30px;border-right:1px solid var(--line)}.alignment-copy span{color:#9b9ba1;font:10px/1.5 var(--mono);letter-spacing:.08em}.alignment-stage{position:relative;height:650px;overflow:hidden}.alignment-stage iframe{height:100%}
.theme-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:44px;margin-bottom:58px}.theme-comparison>div{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#111}.theme-comparison header{height:72px;padding:15px 18px;border-bottom:1px solid var(--line)}.theme-comparison header span,.theme-comparison header strong{display:block}.theme-comparison header span{color:#ff4aa7;font:8px var(--mono);letter-spacing:.12em}.theme-comparison header strong{margin-top:8px;font:400 15px var(--serif)}.theme-comparison iframe{display:block;width:1440px;height:820px;border:0;transform-origin:top left;background:#09090a}
.live-product-stage{height:690px;margin-top:40px;margin-bottom:58px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#09090a}.live-product-stage>iframe{height:647px}
.system-visual{display:grid;grid-template-columns:1.2fr 80px 1fr 80px .9fr;align-items:center;min-height:430px;margin-top:42px;margin-bottom:50px;padding:38px;border:1px solid var(--line);border-radius:10px;background:radial-gradient(circle at 53% 48%,rgba(226,0,116,.07),transparent 30%),#0a0a0c}.device-cluster{display:grid;gap:9px}.device-cluster>div{display:grid;grid-template-columns:44px 1fr;align-items:center;min-height:68px;padding:10px 12px;border:1px solid #2b2b30;border-radius:7px;background:#101012}.device-cluster span,.device-cluster small{grid-column:2}.device-cluster span{font-size:11px}.device-cluster small{color:#717178;font:8px var(--mono)}.device-icon{grid-row:1/3;width:34px;height:34px;border:1px solid #55555d;border-radius:9px}.device-icon.motion{border-radius:50%}.device-icon.scale{border-radius:5px;box-shadow:inset 0 -8px 18px #18181c}.system-connector{display:grid;place-items:center;gap:10px}.system-connector span{color:#67676e;font:7px var(--mono);letter-spacing:.09em}.system-connector i{position:relative;width:100%;height:1px;background:linear-gradient(90deg,#45454c,#e20074)}.system-connector i::after{content:'›';position:absolute;right:-3px;top:-11px;color:#ff4aa7;font-size:17px}.normalize-stack{position:relative;display:grid;justify-items:center;padding-bottom:28px}.normalize-stack>span{margin-bottom:24px;color:#ff4aa7;font:8px var(--mono);letter-spacing:.08em}.normalize-stack>i{width:78%;height:54px;margin-top:-39px;border:1px solid #515159;border-radius:8px;background:#0e0e10;transform:skewY(-6deg)}.normalize-stack>i:first-of-type{margin-top:0}.normalize-stack small{position:absolute;bottom:0;color:#6f6f76;font:7px var(--mono)}.review-terminal{overflow:hidden;border:1px solid #44444b;border-radius:8px;background:#101012}.review-terminal header{display:flex;gap:5px;height:28px;align-items:center;padding:0 10px;border-bottom:1px solid #29292e}.review-terminal header span{width:5px;height:5px;border-radius:50%;background:#3e3e44}.review-terminal>div{display:grid;grid-template-columns:8px 1fr;gap:8px;padding:11px 13px;border-bottom:1px solid #25252a}.review-terminal>div i{width:6px;height:6px;margin-top:5px;border-radius:50%;background:#6f6f76}.review-terminal>div i.green{background:var(--green)}.review-terminal>div i.yellow{background:var(--yellow)}.review-terminal>div b{font-size:9px;font-weight:500}.review-terminal footer{padding:13px;color:#ff4aa7;font:7px var(--mono);letter-spacing:.1em;text-align:center}
.product-story{margin-top:44px}.product-story-block{margin:0 0 100px}.product-story-block>header{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start;margin-bottom:31px}.product-story-block header div>span{color:#ff4aa7;font:9px var(--mono)}.product-story-block h3{margin:7px 0 0;font:400 28px/1.15 var(--serif)}.product-story-block header p{margin:0;color:#a2a2a8;font:16px/1.55 var(--sans)}.story-canvas{position:relative;height:680px;overflow:hidden;border-top:1px solid var(--line);border-radius:10px 10px 0 0;background:#09090a}.story-canvas>iframe{height:680px}.source-canvas>iframe{width:112%;margin-left:-6%}.patient-canvas>iframe{width:108%;margin-left:-4%}.insight-canvas>iframe{width:112%;margin-left:-6%}.prototype-link{margin-top:-45px!important;margin-bottom:60px!important;text-align:right}.prototype-link a{color:#ff4aa7;font-size:11px}
.api-sequence{margin-top:38px;margin-bottom:18px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#0b0b0d}.api-sequence>header{display:grid;grid-template-columns:1fr 1fr 1fr;padding:11px 18px;border-bottom:1px solid var(--line);color:#65656c;font:8px var(--mono);letter-spacing:.1em}.api-sequence>header span:nth-child(2){text-align:center}.api-sequence>header span:last-child{text-align:right}.api-sequence>div{display:grid;grid-template-columns:36px 190px 50px 1fr;align-items:center;min-height:66px;padding:0 18px;border-bottom:1px solid var(--line)}.api-sequence b{color:#66666d;font:9px var(--mono)}.api-sequence code{color:#e6b8d2;font:10px var(--mono)}.api-sequence i{position:relative;height:1px;background:linear-gradient(90deg,#e20074,#4a4a51);font-style:normal}.api-sequence i::after{content:'›';position:absolute;right:-2px;top:-12px;color:#aaa;font-size:17px}.api-sequence .return i{background:linear-gradient(90deg,#4a4a51,#e20074)}.api-sequence .return i::after{content:'‹';left:-2px;right:auto}.api-sequence p{margin:0 0 0 22px;color:#85858c;font-size:11px;line-height:1.5}.api-sequence footer{padding:13px 18px;color:#8d8d94;font:9px/1.5 var(--mono);text-align:center}
.code-evidence{margin-top:38px;margin-bottom:22px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#0b0b0d}.code-nav{display:flex;border-bottom:1px solid var(--line)}.code-nav button{padding:13px 17px;border:0;border-right:1px solid var(--line);background:transparent;color:#73737a;font-size:11px;cursor:pointer}.code-nav button.active{background:#141417;color:#eee}.code-body{display:grid;grid-template-columns:280px 1fr;min-height:390px}.code-note{padding:28px;border-right:1px solid var(--line);color:#888890;font-size:12px;line-height:1.65}.code-note b{display:block;margin:18px 0 10px;color:#eee;font-size:15px}.code-note span{color:#63d99a;font:9px var(--mono);letter-spacing:.06em}pre{margin:0;padding:27px;overflow:auto;color:#c8c8ce;font:11px/1.75 var(--mono);tab-size:2}.tok-key{color:#e997ce}.tok-str{color:#e0bd7b}.tok-fn{color:#78c8d0}.tok-comment{color:#585860}.truth-note{padding:15px 18px;border-left:2px solid var(--yellow);background:color-mix(in srgb,var(--yellow),transparent 96%);color:#94949a;font-size:12px}.truth-note strong{color:#e8d28a}.reflection-list{margin:38px 0;border-top:1px solid var(--line)}.reflection-list>div{display:grid;grid-template-columns:38px 1fr;padding:19px 0;border-bottom:1px solid var(--line)}.reflection-list b{color:#66666c;font:10px var(--mono)}.reflection-list p{margin:0;color:#99999f}.reflection-list strong{color:#eee}.closing-links{display:flex;gap:24px;margin-top:42px!important}.closing-links a{color:#ff4aa7;font-size:12px}footer{display:flex;justify-content:space-between;margin-left:250px;padding:24px 28px;border-top:1px solid var(--line);color:#5c5c62;font:9px var(--mono)}body:not(.nav-pinned) footer{margin-left:0}
@media(max-width:1050px){.wide{width:min(920px,calc(100vw - 290px))}.lch-lab{grid-template-columns:240px 1fr}.pipeline{grid-template-columns:1fr}.pipeline i{display:none}.pipeline div{border-bottom:1px solid var(--line)}.pipeline div:last-child{border:0}.pipeline b{margin-bottom:9px}.system-visual{grid-template-columns:1fr 50px 1fr 50px 1fr;padding:26px}.product-story-block>header{gap:34px}.story-canvas{height:590px}.story-canvas>iframe{height:590px}}
@media(max-width:768px){main{padding-left:0!important}.hamburger{display:grid}.hero{padding:82px 20px 42px}.cover-wrap{width:calc(100% - 32px);margin-bottom:58px}article{padding-inline:20px}.wide{width:calc(100vw - 32px)}.project-meta{grid-template-columns:1fr 1fr}.project-meta div:nth-child(2){border-right:0}.project-meta div:nth-child(-n+2){border-bottom:1px solid var(--line)}.three-up,.test-index{grid-template-columns:1fr}.three-up>div,.test-index>a,.three-up>div+div,.test-index>a+a{padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}.three-up>div:last-child,.test-index>a:last-child{border-bottom:0}.lch-lab{grid-template-columns:1fr}.lch-copy{border-right:0;border-bottom:1px solid var(--line)}.lch-preview{grid-template-columns:86px 1fr;min-height:300px}.decision-table{overflow:auto}.decision-table>div{min-width:650px}.code-body{grid-template-columns:1fr}.code-note{border-right:0;border-bottom:1px solid var(--line)}footer{margin-left:0;flex-direction:column;gap:8px;padding:20px}.live-cover{height:470px}.live-cover iframe{height:445px}.product-chrome small{display:none}.evolution{grid-template-columns:1fr}.evolution-card{border-right:0;border-bottom:1px solid var(--line)}.evolution-card:last-child{border-bottom:0}.evolution-card>p{min-height:0}.alignment-study{grid-template-columns:1fr}.alignment-copy{grid-template-columns:repeat(3,1fr);gap:12px;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.alignment-copy span{font-size:7px}.alignment-stage{height:430px}.theme-comparison{grid-template-columns:1fr}.live-product-stage{height:520px}.live-product-stage>iframe{height:477px}.system-visual{grid-template-columns:1fr;gap:18px;min-height:0;padding:22px}.system-connector{height:42px}.system-connector i{width:1px;height:34px;background:linear-gradient(#45454c,#e20074)}.system-connector i::after{content:'⌄';right:-6px;top:17px}.product-story-block{margin-bottom:70px}.product-story-block>header{grid-template-columns:1fr;gap:13px}.product-story-block h3{font-size:24px}.product-story-block header p{font-size:14px}.story-canvas,.story-canvas>iframe{height:500px}.source-canvas>iframe,.patient-canvas>iframe,.insight-canvas>iframe{width:100%;margin-left:0}.api-sequence>header{display:none}.api-sequence>div{grid-template-columns:28px 1fr;gap:4px;padding:14px}.api-sequence>div i{display:none}.api-sequence>div p{grid-column:2;margin:4px 0 0}.api-sequence footer{text-align:left}}
@media(max-width:480px){h1{font-size:32px}.dek{font-size:16px}.project-meta{grid-template-columns:1fr}.project-meta div,.project-meta div+div{padding:13px 0;border-right:0;border-bottom:1px solid var(--line)}.lch-preview{grid-template-columns:64px 1fr}.lch-preview aside{padding:16px 10px}.lch-preview section{padding:12px}.screen-grid figure:last-child img{max-height:600px}.code-nav{overflow:auto}.code-nav button{white-space:nowrap}.closing-links{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* 2026-08-20 editorial refinement — aligned with the Simon Smart project system. */
:root{--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",sans-serif}
h1{font:620 clamp(34px,3.7vw,46px)/1.06 var(--sans);letter-spacing:-.042em}
.dek{font:400 clamp(15px,1.4vw,18px)/1.52 var(--sans);letter-spacing:-.01em}
.lede{font:400 17px/1.58 var(--sans);letter-spacing:-.012em}
h2{font:620 clamp(23px,2.45vw,30px)/1.16 var(--sans);letter-spacing:-.035em}
h3{font:620 17px/1.4 var(--sans);letter-spacing:-.018em}
h4{font:620 21px/1.25 var(--sans);letter-spacing:-.025em}
.three-up strong,.test-index strong{font:620 15px/1.3 var(--sans);letter-spacing:-.018em}
.theme-comparison header strong{font:620 14px var(--sans);letter-spacing:-.015em}
.product-story-block h3{font:620 26px/1.15 var(--sans);letter-spacing:-.035em}

/* The product is embedded as a fixed desktop canvas, then scaled as one object. */
.product-chrome em{margin-left:auto;color:#66666d;font:7px var(--mono);font-style:normal;letter-spacing:.12em}
.fixed-product-frame{position:absolute!important;left:0;top:43px;width:1440px!important;height:900px!important;max-width:none;transform-origin:top left;border:0}
.story-canvas .fixed-product-frame{top:0}
.live-cover,.live-product-stage,.story-canvas{position:relative;height:auto;min-height:0}
.live-cover,.live-product-stage{aspect-ratio:auto}
.live-cover iframe,.live-product-stage>iframe,.story-canvas>iframe{width:1440px;height:900px;max-width:none}
.source-canvas>iframe,.patient-canvas>iframe,.insight-canvas>iframe{width:1440px;margin-left:0}
.product-fade,.canvas-fade{height:18%;background:linear-gradient(180deg,transparent,rgba(7,7,8,.92))}

/* Linear-inspired alignment study: annotation field + a cropped product surface. */
.alignment-study{position:relative;display:grid;grid-template-columns:34% 66%;height:650px;background:#0a0a0c}
.alignment-copy{position:relative;z-index:4;display:grid;grid-template-rows:1fr 1.25fr 1fr;align-items:center;padding:34px 42px;border-right:1px solid #232329;background:linear-gradient(90deg,#0a0a0c 70%,rgba(10,10,12,.82))}
.alignment-copy span{display:block;max-width:190px;color:#8d8d95;font:400 11px/1.45 var(--sans);letter-spacing:0;text-align:right;text-transform:none}
.alignment-copy b,.alignment-copy small{display:block}.alignment-copy b{margin-bottom:6px;color:#d7d7db;font-size:12px;font-weight:560}.alignment-copy small{color:#73737a;font-size:10px}
.alignment-stage{position:relative;height:650px;overflow:hidden;background:radial-gradient(circle at 15% 45%,rgba(226,0,116,.05),transparent 45%),#09090a}
.alignment-viewport{position:absolute;inset:0;overflow:hidden}
.alignment-stage iframe{position:absolute;left:0;top:0;width:1440px!important;height:900px!important;max-width:none;transform:scale(.72);transform-origin:top left;border:0}
.alignment-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,10,12,.28),transparent 14%),linear-gradient(0deg,#0a0a0c,transparent 14%)}
.alignment-curves{position:absolute;z-index:5;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.alignment-curves path{fill:none;stroke:lch(58% 70 354);stroke-width:1;stroke-dasharray:520;stroke-dashoffset:520;opacity:.85;transition:stroke-dashoffset .9s cubic-bezier(.2,.75,.2,1)}
.alignment-curves path:nth-child(2){transition-delay:.08s}.alignment-curves path:nth-child(3){transition-delay:.16s}
.alignment-curves circle{fill:lch(58% 70 354);opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.3);transition:opacity .2s,transform .35s cubic-bezier(.2,.8,.2,1)}
.alignment-curves circle:nth-of-type(2){transition-delay:.45s}.alignment-curves circle:nth-of-type(3){transition-delay:.55s}
.alignment-curves line{stroke:rgba(226,0,116,.28);stroke-width:.65;stroke-dasharray:3 4;opacity:.25;transition:opacity .4s}
.alignment-study:hover .alignment-curves path,.alignment-study:focus-within .alignment-curves path{stroke-dashoffset:0}
.alignment-study:hover .alignment-curves circle,.alignment-study:focus-within .alignment-curves circle{opacity:1;transform:scale(1)}
.alignment-study:hover .alignment-curves line,.alignment-study:focus-within .alignment-curves line{opacity:.7}

/* A real LCH comparison and the generated semantic roles. */
.lch-lab{grid-template-columns:320px 1fr;background:#0b0b0d}
.lch-copy{padding:30px}.lch-copy p{margin-top:12px}.theme-inputs{display:grid;gap:8px;margin-top:24px}.theme-inputs>div{display:grid;grid-template-columns:20px 1fr;align-items:center;padding:10px 11px;border:1px solid #2a2a2f;border-radius:7px;background:#111114}.theme-inputs i{grid-row:1/3;width:12px;height:12px;border-radius:50%}.theme-inputs .base-swatch{background:lch(18% 3 285)}.theme-inputs .accent-swatch{background:lch(48% 76 354);box-shadow:0 0 18px rgba(226,0,116,.35)}.theme-inputs span{font-size:10px}.theme-inputs b{color:#707077;font:7px var(--mono);font-weight:400}
.lch-preview{display:block;min-height:430px;padding:30px 28px;background:#111114}
.lch-preview>header{display:grid;grid-template-columns:62px repeat(9,1fr);align-items:end;height:auto;margin-bottom:10px;border:0;color:#77777f}.lch-preview>header span{font:7px var(--mono);letter-spacing:.08em}.lch-preview>header b{font:400 8px var(--mono);text-align:center}
.lch-row{display:grid;grid-template-columns:62px repeat(9,1fr);gap:5px;margin-bottom:7px}.lch-row>span{align-self:center;color:#73737b;font:8px var(--mono)}.lch-row i{height:34px;border:1px solid rgba(255,255,255,.04);border-radius:4px}
.lch-row[data-hue="285"] i:nth-of-type(1){background:lch(10% 5 285)}.lch-row[data-hue="285"] i:nth-of-type(2){background:lch(20% 5 285)}.lch-row[data-hue="285"] i:nth-of-type(3){background:lch(30% 5 285)}.lch-row[data-hue="285"] i:nth-of-type(4){background:lch(40% 5 285)}.lch-row[data-hue="285"] i:nth-of-type(5){background:lch(50% 5 285)}.lch-row[data-hue="285"] i:nth-of-type(6){background:lch(60% 5 285)}.lch-row[data-hue="285"] i:nth-of-type(7){background:lch(70% 5 285)}.lch-row[data-hue="285"] i:nth-of-type(8){background:lch(80% 5 285)}.lch-row[data-hue="285"] i:nth-of-type(9){background:lch(90% 5 285)}
.lch-row[data-hue="354"] i:nth-of-type(1){background:lch(10% 45 354)}.lch-row[data-hue="354"] i:nth-of-type(2){background:lch(20% 52 354)}.lch-row[data-hue="354"] i:nth-of-type(3){background:lch(30% 60 354)}.lch-row[data-hue="354"] i:nth-of-type(4){background:lch(40% 68 354)}.lch-row[data-hue="354"] i:nth-of-type(5){background:lch(50% 76 354)}.lch-row[data-hue="354"] i:nth-of-type(6){background:lch(60% 66 354)}.lch-row[data-hue="354"] i:nth-of-type(7){background:lch(70% 52 354)}.lch-row[data-hue="354"] i:nth-of-type(8){background:lch(80% 34 354)}.lch-row[data-hue="354"] i:nth-of-type(9){background:lch(90% 18 354)}
.lch-row[data-hue="145"] i:nth-of-type(1){background:lch(10% 31 145)}.lch-row[data-hue="145"] i:nth-of-type(2){background:lch(20% 38 145)}.lch-row[data-hue="145"] i:nth-of-type(3){background:lch(30% 44 145)}.lch-row[data-hue="145"] i:nth-of-type(4){background:lch(40% 49 145)}.lch-row[data-hue="145"] i:nth-of-type(5){background:lch(50% 54 145)}.lch-row[data-hue="145"] i:nth-of-type(6){background:lch(60% 50 145)}.lch-row[data-hue="145"] i:nth-of-type(7){background:lch(70% 42 145)}.lch-row[data-hue="145"] i:nth-of-type(8){background:lch(80% 30 145)}.lch-row[data-hue="145"] i:nth-of-type(9){background:lch(90% 18 145)}
.lch-row[data-hue="82"] i:nth-of-type(1){background:lch(10% 35 82)}.lch-row[data-hue="82"] i:nth-of-type(2){background:lch(20% 42 82)}.lch-row[data-hue="82"] i:nth-of-type(3){background:lch(30% 50 82)}.lch-row[data-hue="82"] i:nth-of-type(4){background:lch(40% 57 82)}.lch-row[data-hue="82"] i:nth-of-type(5){background:lch(50% 64 82)}.lch-row[data-hue="82"] i:nth-of-type(6){background:lch(60% 59 82)}.lch-row[data-hue="82"] i:nth-of-type(7){background:lch(70% 49 82)}.lch-row[data-hue="82"] i:nth-of-type(8){background:lch(80% 35 82)}.lch-row[data-hue="82"] i:nth-of-type(9){background:lch(90% 20 82)}
.surface-roles{display:grid;grid-template-columns:1.25fr repeat(6,1fr);align-items:stretch;margin-top:24px;border:1px solid #2c2c31;border-radius:7px;overflow:hidden}.surface-roles>*{display:grid;place-items:center;min-height:58px;padding:7px;border-right:1px solid #2c2c31;font:7px var(--mono);font-weight:400}.surface-roles>*:last-child{border:0}.surface-roles span{color:#75757c;background:#0b0b0d}.surface-roles b{color:#96969e;transition:background .2s,color .2s}

/* Code becomes a workbench with file context, line numbers, and runtime evidence. */
.code-evidence{background:#09090b}.code-nav button{font-size:10px}.code-topbar{display:flex;align-items:center;min-height:43px;padding:0 17px;border-bottom:1px solid var(--line);background:#101012}.code-topbar span{color:#8b8b92;font:9px var(--mono)}.code-topbar span::before{content:"▱";margin-right:9px;color:#606068}.code-topbar em{margin-left:auto;color:#63d99a;font:7px var(--mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase}.code-body{grid-template-columns:245px minmax(0,1fr) 190px;min-height:430px}.code-note{padding:26px 23px}.code-note b{font:620 14px/1.45 var(--sans);letter-spacing:-.015em}.code-body pre{padding:22px 0;border-right:1px solid var(--line);background:#0b0b0d}.code-line{display:block;min-height:19px;padding:0 22px 0 52px;position:relative;white-space:pre}.code-line::before{content:attr(data-line);position:absolute;left:18px;width:20px;color:#4f4f57;text-align:right}.code-line:hover{background:rgba(255,255,255,.025)}.runtime-trace{padding:23px 16px;background:#0d0d0f}.runtime-trace>span{color:#63636a;font:7px var(--mono);letter-spacing:.12em}.runtime-trace div{margin-top:23px}.trace-event{position:relative;margin-left:7px;padding:0 0 22px 17px;border-left:1px solid #2d2d33}.trace-event:last-child{border-color:transparent}.trace-event::before{content:"";position:absolute;left:-3px;top:4px;width:5px;height:5px;border-radius:50%;background:#63d99a;box-shadow:0 0 0 3px #102019}.trace-event b,.trace-event small{display:block}.trace-event b{color:#bdbdc3;font:500 9px/1.45 var(--sans)}.trace-event small{margin-top:3px;color:#66666e;font:7px var(--mono)}

@media(max-width:768px){h1{font-size:32px}.alignment-study{grid-template-columns:38% 62%;height:430px}.alignment-copy{display:grid;grid-template-columns:1fr;gap:0;padding:20px 14px;border-right:1px solid var(--line);border-bottom:0}.alignment-copy span{font-size:9px;text-align:left}.alignment-copy small{font-size:7px}.alignment-stage{height:430px}.alignment-stage iframe{transform:scale(.49)}.alignment-curves{display:none}.lch-lab{grid-template-columns:1fr}.lch-preview{min-height:320px;padding:20px 12px}.lch-preview>header,.lch-row{grid-template-columns:44px repeat(9,1fr);gap:3px}.lch-row i{height:25px}.surface-roles{grid-template-columns:1fr 1fr 1fr}.surface-roles span{grid-column:1/-1}.surface-roles>*{min-height:42px;border-bottom:1px solid #2c2c31}.code-body{grid-template-columns:1fr}.code-note{border-right:0;border-bottom:1px solid var(--line)}.code-body pre{min-height:340px;border-right:0;border-bottom:1px solid var(--line)}.runtime-trace{display:none}}

/* Field-note rhythm: smaller evidence, more air, fewer words competing with the work. */
body{font-size:14px;line-height:1.68}
.hero{max-width:760px;padding-top:88px;padding-bottom:62px}
h1{max-width:680px;font-size:clamp(32px,3.3vw,42px)}
.dek{max-width:620px;font-size:clamp(14px,1.25vw,17px)}
article{max-width:660px}
h2{max-width:620px;font-size:clamp(22px,2.2vw,27px)}
.section-label{margin-top:84px}

/* Supplied T-Mobile artwork becomes an editorial stage, encoded as AVIF. */
.editorial-frame{position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:12px;background-color:#c80068;background-position:center;background-size:cover}
.editorial-frame::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(38,0,20,.12));pointer-events:none}
.backdrop-ribbon{background-image:url("carelink-case-assets/tmobile-glass-ribbon.avif")}
.backdrop-capsule{background-image:url("carelink-case-assets/tmobile-glass-capsule.avif")}
.cover-wrap.editorial-frame{width:min(1120px,calc(100% - 72px));padding:clamp(42px,6vw,82px);margin-bottom:96px}
.editorial-frame>.product-window{z-index:1;width:min(82%,900px);margin:0;border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 30px 70px -34px rgba(30,0,18,.75),0 2px 12px rgba(25,0,14,.22)}
.editorial-frame>.live-product-stage{margin:0}
.editorial-frame.backdrop-capsule{min-height:690px;padding:64px 0;margin-top:40px;margin-bottom:68px}
.editorial-static-frame{pointer-events:none}
.product-chrome em{color:#8a8a91}

/* Reference figure: visible optical guides at rest, curved explanation on hover. */
.alignment-study{width:min(920px,calc(100vw - 300px));height:600px;margin-top:46px;margin-bottom:68px}
.alignment-stage{height:600px}.alignment-stage iframe{transform:scale(.82)}
.alignment-curves line{stroke:rgba(255,69,43,.68);stroke-width:.7;opacity:.58}
.alignment-curves path{stroke:rgba(255,92,58,.88)}
.alignment-curves circle{fill:#ff5c3a}

.lch-lab{width:min(920px,calc(100vw - 300px));margin-top:44px;margin-bottom:66px}
.lch-preview{min-height:390px}.lch-row i{height:30px}

/* One fixed screen, two generated themes, one draggable boundary. */
.theme-wipe{width:min(920px,calc(100vw - 300px));margin-top:38px;margin-bottom:72px}
.theme-wipe-stage{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#09090a;box-shadow:0 26px 70px -55px rgba(226,0,116,.7)}
.theme-layer{position:absolute;inset:0;overflow:hidden}.theme-layer iframe{display:block;width:1440px;height:900px;max-width:none;border:0;transform-origin:top left;pointer-events:none}
.theme-light{z-index:2;width:50%;border-right:1px solid rgba(255,255,255,.35)}
.theme-divider{position:absolute;z-index:5;top:0;bottom:0;left:50%;width:1px;background:rgba(255,255,255,.7);pointer-events:none}.theme-divider i{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:32px;height:32px;border:1px solid #d5d5d8;border-radius:50%;background:#f7f7f8;color:#222;font:12px var(--sans);font-style:normal;transform:translate(-50%,-50%);box-shadow:0 4px 18px rgba(0,0,0,.25)}
.theme-wipe input{position:absolute;z-index:6;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.theme-label{position:absolute;z-index:4;top:15px;padding:5px 8px;border-radius:20px;background:rgba(10,10,12,.62);color:#fff;font:7px var(--mono);letter-spacing:.12em;pointer-events:none}.dark-label{left:15px}.light-label{right:15px;background:rgba(255,255,255,.82);color:#222}
.theme-wipe>p{margin:10px 2px 0;color:#73737a;font:9px/1.5 var(--mono)}

.product-story.wide{width:min(940px,calc(100vw - 300px))}.product-story-block{margin-bottom:112px}.story-canvas{border:1px solid var(--line);border-radius:10px}

@media(max-width:768px){.hero{padding-top:88px}.cover-wrap.editorial-frame{width:calc(100% - 28px);padding:28px 18px;margin-bottom:74px}.editorial-frame>.product-window{width:94%}.editorial-frame.backdrop-capsule{min-height:0;padding:36px 14px}.alignment-study,.lch-lab,.theme-wipe,.product-story.wide{width:calc(100vw - 32px)}.alignment-study{height:430px}.alignment-stage{height:430px}.alignment-stage iframe{transform:scale(.52)}.theme-wipe>p{padding-inline:2px}.product-story-block{margin-bottom:82px}}

/* 2026-08-20 detail pass: smaller studies, exact columns, local interaction. */
.editorial-interactive-frame{pointer-events:auto}

/* The alignment specimen is rebuilt as a measured fragment so every guide has a real target. */
.alignment-study{grid-template-columns:34% 66%;height:580px;margin-top:36px;margin-bottom:62px;background:#0a0a0b}
.alignment-copy{grid-template-rows:1fr 1.25fr 1fr;padding:34px 38px}
.alignment-stage{position:relative;height:580px;overflow:hidden;background:#09090a}
.alignment-app{position:absolute;left:24px;top:22px;width:730px;height:536px;overflow:hidden;border:1px solid #29292e;border-radius:9px;background:#090a0b;box-shadow:0 26px 70px -52px rgba(0,0,0,.8)}
.alignment-app iframe{position:absolute!important;left:0!important;top:0!important;width:1440px!important;height:900px!important;max-width:none!important;border:0!important;transform:scale(.595)!important;transform-origin:top left!important;pointer-events:none}
.alignment-sidebar{position:relative;flex:0 0 260px;padding:18px;background:linear-gradient(180deg,#0d0e0f,#0b0c0d);border-right:1px solid #26272a;color:#b9bac0}
.alignment-brand{display:flex;align-items:center;height:28px;gap:10px}.alignment-brand strong{color:#e20074;font:600 15px Georgia,serif}.alignment-brand i{width:1px;height:18px;background:#35363a}.alignment-brand span{font-size:10px;font-weight:650;color:#d6d6da}
.alignment-kicker{display:block;margin:30px 0 8px;color:#55565c;font:7px var(--mono);letter-spacing:.03em}
.alignment-nav-row{position:relative;display:grid;grid-template-columns:22px 1fr 24px;align-items:center;height:34px;padding:0 8px 0 0;border:1px solid transparent;border-radius:5px;color:#9c9da4;font-size:11px;font-weight:590}
.alignment-nav-row.active{border-color:#3c3e46;background:#15171a;color:#d8d8dc}.alignment-nav-row>b{justify-self:end;color:#6b6c73;font:8px var(--mono)}
.alignment-nav-row>i{position:relative;width:14px;height:14px;color:#8a8c94}.alignment-nav-row .icon-grid{width:11px;height:11px;border:1px solid currentColor;box-shadow:6px 0 0 -1px #0d0e0f,6px 0 0 0 currentColor,0 6px 0 -1px #0d0e0f,0 6px 0 0 currentColor,6px 6px 0 -1px #0d0e0f,6px 6px 0 0 currentColor}.alignment-nav-row .icon-person{border:1px solid currentColor;border-radius:50% 50% 45% 45%;transform:scale(.72)}.alignment-nav-row .icon-data{border:1px solid currentColor;border-radius:50%}.alignment-nav-row .icon-data::after{content:"";position:absolute;left:-1px;right:-1px;top:4px;height:4px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.alignment-nav-row .icon-chart{border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:skewY(-25deg) scale(.8)}
.alignment-status{position:absolute;left:18px;right:18px;bottom:18px;padding-top:16px;border-top:1px solid #25262a}.alignment-status>span,.alignment-status>small,.alignment-status>b,.alignment-status>em{display:block}.alignment-status>span{font-size:9px;color:#c4c4c8}.alignment-status>span i{display:inline-block;width:5px;height:5px;margin-right:9px;border-radius:50%;background:#63d99a}.alignment-status>small{margin:4px 0 20px 14px;color:#5e5f65;font:7px var(--mono)}.alignment-status>b{font-size:9px}.alignment-status>em{color:#5f6066;font:7px var(--mono);font-style:normal}
.alignment-content-slice{flex:1;padding:22px 28px;color:#ddd;background:#090a0b}.alignment-content-slice header{height:28px;color:#777981;font-size:10px}.alignment-content-slice h5{margin:32px 0 3px;font-size:23px;letter-spacing:-.04em}.alignment-content-slice p{margin:0;color:#777982;font-size:10px}.alignment-content-slice nav{margin:34px 0 14px;padding-bottom:12px;border-bottom:1px solid #25262a;color:#bcbcc2;font-size:10px}.alignment-content-slice>div{height:82px;margin-top:12px;border:1px solid #292a2f;border-radius:7px;background:#101113}
.alignment-guides{position:absolute;inset:0;pointer-events:none}.alignment-guides i{position:absolute;top:22px;bottom:22px;width:0;border-left:1px dashed rgba(145,148,158,.78);background:none;opacity:0;transition:opacity .45s ease}.alignment-study.guides-ready:hover .alignment-guides i,.alignment-study.guides-ready:focus .alignment-guides i{opacity:.72}
.alignment-curves{height:580px}.alignment-curves path{stroke:#7b7e87;stroke-width:.8;stroke-dasharray:4 5;stroke-dashoffset:0;opacity:0;transition:opacity .55s ease}.alignment-curves circle{fill:#8d9099}.alignment-study.guides-ready:hover .alignment-curves path,.alignment-study.guides-ready:focus .alignment-curves path{opacity:.78}.alignment-study.guides-ready:hover .alignment-curves circle,.alignment-study.guides-ready:focus .alignment-curves circle{opacity:.9;transform:scale(1)}

/* Paired LCH/HSL ramps mirror the compact Linear study; CareLink roles sit below. */
.color-study{width:min(900px,calc(100vw - 300px));margin-top:36px;margin-bottom:68px;padding:30px 32px 26px;border:1px solid #2b2b30;border-radius:10px;background:#1d1d22;color:#aaaab1}
.color-study>header{display:flex;justify-content:space-between;margin-bottom:14px;color:#74747c;font:7px var(--mono);letter-spacing:.1em}.color-study>header output{color:#c6c6cb}
.color-scale,.color-row{display:grid;grid-template-columns:96px repeat(9,minmax(0,1fr));gap:6px}.color-scale{align-items:end;margin-bottom:7px}.color-scale b{color:#7c7c84;font:400 8px var(--mono);text-align:center}
.color-row{margin-bottom:9px}.color-row>span{display:grid;grid-template-rows:15px 1fr 1fr;align-items:center;color:#888890;font:7px var(--mono)}.color-row>span b{font-weight:500;letter-spacing:.08em}.color-row>span i{font-style:normal;font-size:7px}
.color-cell{display:grid;grid-template-rows:1fr 1fr;height:52px;padding:0;overflow:hidden;border:1px solid transparent;border-radius:5px;background:none;cursor:crosshair;transition:transform .18s,border-color .18s}.color-cell i{display:block}.color-cell.active{border-color:#b6b6bd;transform:translateY(-2px)}
.semantic-palette{display:grid;grid-template-columns:1.3fr repeat(4,1fr);margin-top:24px;overflow:hidden;border:1px solid #303037;border-radius:7px}.semantic-palette>*{display:grid;place-items:center;min-height:46px;border-right:1px solid #303037;font:7px var(--mono);font-weight:500}.semantic-palette>*:last-child{border:0}.semantic-palette span{color:#74747c;background:#141417}.semantic-palette .semantic-accent{background:lch(48% 72 354);color:white}.semantic-palette .semantic-healthy{background:lch(62% 48 145);color:#08120c}.semantic-palette .semantic-review{background:lch(74% 58 82);color:#171103}.semantic-palette .semantic-offline{background:lch(42% 3 285);color:white}.color-study>p{margin:12px 0 0;color:#777780;font:8px/1.5 var(--mono)}

/* Signal Geometry: one event per panel, quiet field, three contrast levels. */
.signal-triptych{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;margin-bottom:54px;border-top:1px solid #24252a;border-bottom:1px solid #24252a;background:#09090a}
.signal-triptych figure{position:relative;min-width:0;margin:0;padding:18px 18px 20px;border-right:1px solid #24252a;outline:0}.signal-triptych figure:last-child{border-right:0}.signal-triptych figure>span{color:#42434a;font:7px var(--mono);letter-spacing:.12em}.signal-triptych svg{display:block;width:100%;height:auto;margin:6px 0 5px}.signal-triptych svg *{vector-effect:non-scaling-stroke}.signal-triptych .faint>*{fill:none;stroke:#2c2d33;stroke-width:.75}.signal-triptych .signal-lines,.signal-triptych .signal-lines>*{fill:none;stroke:#858791;stroke-width:.85;stroke-linecap:round}.signal-triptych .gate{fill:none;stroke:#b8bac2;stroke-width:1}.signal-triptych .anchor{fill:#e20074;filter:drop-shadow(0 0 5px rgba(226,0,116,.65))}.signal-triptych figcaption b,.signal-triptych figcaption small{display:block}.signal-triptych figcaption b{color:#c9cad0;font-size:11px}.signal-triptych figcaption small{margin-top:4px;color:#6f7078;font-size:9px;line-height:1.45}.signal-triptych figure:hover .signal-lines,.signal-triptych figure:focus .signal-lines,.signal-triptych figure:hover .signal-lines>*,.signal-triptych figure:focus .signal-lines>*{stroke:#d1d2d7;stroke-dasharray:3 4;animation:signalFlow 1.8s linear infinite}.signal-triptych figure:hover .anchor,.signal-triptych figure:focus .anchor{animation:anchorPulse 1.25s ease-in-out infinite}
@keyframes signalFlow{to{stroke-dashoffset:-28}}@keyframes anchorPulse{50%{r:5px;opacity:.55}}

@media(max-width:768px){.alignment-study,.color-study{width:calc(100vw - 32px)}.alignment-study{grid-template-columns:36% 64%;height:430px}.alignment-copy{padding:18px 13px}.alignment-copy span{text-align:left}.alignment-stage{height:430px}.alignment-app{left:14px;top:14px;width:600px;height:402px;transform:scale(.76);transform-origin:top left}.alignment-guides i{top:14px;bottom:14px}.alignment-curves{display:none}.color-study{padding:22px 14px}.color-scale,.color-row{grid-template-columns:68px repeat(9,minmax(0,1fr));gap:3px}.color-cell{height:40px}.semantic-palette{grid-template-columns:1fr 1fr}.semantic-palette span{grid-column:1/-1}.semantic-palette>*{border-bottom:1px solid #303037}.signal-triptych{grid-template-columns:1fr}.signal-triptych figure{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-right:0;border-bottom:1px solid #24252a}.signal-triptych figure:last-child{border-bottom:0}.signal-triptych figure>span{position:absolute;top:16px;left:18px}}

/* Design-engineering narrative: decisions become inspectable components. */
.design-note{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:18px;margin-top:-32px;margin-bottom:64px;padding:14px 16px;border:1px solid #28292e;border-radius:8px;background:#0d0d0f}.design-note>span{color:#6f7078;font:7px var(--mono);letter-spacing:.12em}.design-note p{margin:0;color:#85868d;font-size:10px;line-height:1.5}.design-note s{text-decoration-color:#666770}.design-note strong{color:#d7d8dc;font-weight:520}.design-note code{padding:5px 7px;border-radius:4px;background:#18181c;color:#a9abb3;font:7px var(--mono)}

.micro-system{margin-top:36px;margin-bottom:72px;overflow:hidden;border:1px solid #292a2f;border-radius:10px;background:#0b0b0d}.micro-system>header,.evidence-classifier>header{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:13px 17px;border-bottom:1px solid #28292e}.micro-system>header div,.evidence-classifier>header div{display:grid;gap:4px}.micro-system>header span,.evidence-classifier>header span{color:#6a6b72;font:7px var(--mono);letter-spacing:.11em}.micro-system>header strong,.evidence-classifier>header strong{color:#d7d8dc;font-size:11px;font-weight:560}.micro-system>header button{min-width:64px;height:28px;border:1px solid #303137;border-radius:5px;background:#111216;color:#a5a6ad;font:8px var(--mono);cursor:pointer}.micro-system>header button[aria-pressed="true"]{border-color:#555761;color:#f1f1f3}.micro-tabs,.classifier-tabs{display:flex;border-bottom:1px solid #28292e}.micro-tabs button,.classifier-tabs button{height:38px;padding:0 15px;border:0;border-right:1px solid #28292e;background:transparent;color:#6f7077;font-size:9px;cursor:pointer}.micro-tabs button.active,.classifier-tabs button.active{background:#141519;color:#ededf0}.micro-panel{display:none;grid-template-columns:225px 1fr;min-height:270px}.micro-panel.active{display:grid}.micro-panel aside{padding:25px 22px;border-right:1px solid #28292e}.micro-panel aside>span{color:#5e6068;font:7px var(--mono);letter-spacing:.1em}.micro-panel aside h4{margin:15px 0 9px;color:#e3e3e6;font:560 14px/1.35 var(--sans)}.micro-panel aside p{margin:0;color:#797a82;font-size:10px;line-height:1.6}.micro-panel aside code{display:inline-block;margin-top:24px;color:#a0a1a9;font:8px var(--mono)}.micro-symbols{position:absolute;width:0;height:0;overflow:hidden}
.type-specimens{display:grid;grid-template-columns:1fr 1fr;padding:22px}.type-specimens>div{display:grid;grid-template-columns:30px 1fr;align-content:center;min-height:112px;padding:16px;border-right:1px solid #24252a;border-bottom:1px solid #24252a}.type-specimens>div:nth-child(2n){border-right:0}.type-specimens>div:nth-child(n+3){border-bottom:0}.type-specimens i{color:#585a62;font:7px var(--mono);font-style:normal}.type-specimens span,.type-specimens small{grid-column:2}.type-specimens small{margin-top:5px;color:#5f6067;font:7px var(--mono)}.type-meta{font-size:10px;font-weight:600;letter-spacing:.08em}.type-caption{font-size:11px;color:#a0a1a8}.type-label{font-size:13px;font-weight:510}.type-title{font-size:22px;font-weight:620;letter-spacing:-.025em}
.weight-specimens{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:30px}.weight-specimens>div{display:grid;grid-template-columns:34px auto;align-items:center;justify-content:center;gap:14px;min-height:165px;border-right:1px solid #24252a}.weight-specimens>div:last-child{border:0}.weight-specimens i{grid-column:1/-1;color:#64656d;font:8px var(--mono);font-style:normal;text-align:center}.weight-specimens svg{width:30px;height:30px;fill:none;stroke:#e1e1e4;stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round}.weight-specimens span{font-size:13px}
.bound-specimens{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:34px;background:#24252a}.bound-specimens>div{display:grid;place-items:center;align-content:center;gap:16px;min-height:185px;background:#0b0b0d}.bound-box{position:relative;width:52px;height:52px;border:1px solid #4e5058;background:linear-gradient(45deg,transparent 49.5%,#292a30 50%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,#292a30 50%,transparent 50.5%)}.bound-box b{position:absolute;left:50%;top:50%;border:1px solid #c8c9ce;transform:translate(-50%,-50%)}.shape-square{width:34px;height:34px}.shape-circle{width:37px;height:37px;border-radius:50%}.shape-wide{width:38px;height:29px}.shape-tall{width:29px;height:38px}.bound-specimens span{display:grid;gap:3px;color:#c2c3c8;font-size:10px;text-align:center}.bound-specimens small{color:#65666d;font:7px var(--mono)}
.density-specimen{display:grid;align-content:center;padding:34px 52px}.density-ruler{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:10px;border-bottom:1px solid #3a3b42}.density-ruler i{position:relative;padding-bottom:7px;color:#5c5d65;font:7px var(--mono);font-style:normal}.density-ruler i::after{content:"";position:absolute;right:0;bottom:-3px;height:6px;border-right:1px solid #55565e}.density-specimen button{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;height:36px;padding:4px 8px;border:1px dashed #575961;border-radius:5px;background:#141519;color:#d5d6da;text-align:left}.density-specimen button svg{width:16px;height:16px;fill:none;stroke:#aeb0b7;stroke-width:1.25}.density-specimen button span{font-size:13px}.density-specimen button b{color:#777981;font:8px var(--mono)}.density-measure{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:14px}.density-measure span{color:#62636b;font:7px var(--mono);text-align:center}

.theme-revisions{display:grid;gap:34px;margin-top:36px;margin-bottom:72px}.theme-revisions .theme-wipe{width:100%;max-width:none;margin:0 auto;padding:0}.theme-wipe>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:11px}.theme-wipe>header div{display:grid;gap:4px}.theme-wipe>header span{color:#696a72;font:7px var(--mono);letter-spacing:.12em}.theme-wipe>header strong{color:#c9cacf;font-size:11px;font-weight:520}.theme-wipe>header small{color:#64656c;font:7px var(--mono)}.theme-before{z-index:1;width:100%}.theme-after{z-index:2;width:100%;clip-path:inset(0 0 0 50%);will-change:clip-path}.before-label{left:15px}.after-label{right:15px;background:rgba(255,255,255,.82);color:#222}

.evidence-classifier{margin-top:48px;margin-bottom:66px;overflow:hidden;border:1px solid #2b2c31;border-radius:10px;background:#0b0b0d}.evidence-classifier>header small{color:#5f6068;font:7px var(--mono)}.classifier-tabs button{display:flex;align-items:center;gap:7px}.classifier-body{display:grid;grid-template-columns:1fr 1.12fr .9fr;min-height:265px}.classifier-body>section,.rule-gates{padding:24px;border-right:1px solid #28292e}.classifier-body>section:last-child{border:0}.payload-card>span,.evidence-result>span,.classifier-code>span{color:#5f6068;font:7px var(--mono);letter-spacing:.11em}.payload-card>div{display:grid;gap:9px;margin-top:20px}.payload-card>div span{display:flex;align-items:center;justify-content:space-between;color:#777982;font-size:9px}.payload-card>div b{color:#d0d1d5;font:500 9px var(--mono)}.rule-gates{display:grid;align-content:center;gap:9px}.rule-gate{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;min-height:42px;padding:7px 10px;border:1px solid #27282d;border-radius:6px;background:#101115}.rule-gate i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#18241d;color:#62d89a;font:8px var(--mono);font-style:normal}.rule-gate.fail i{background:#2b171d;color:#ef708c}.rule-gate.warn i{background:#2b2615;color:#e1bd50}.rule-gate b,.rule-gate small{display:block}.rule-gate b{color:#c0c1c6;font-size:9px;font-weight:510}.rule-gate small{margin-top:2px;color:#5f6068;font:7px var(--mono)}.rule-gate em{color:#777981;font:7px var(--mono);font-style:normal}.evidence-result{display:grid;align-content:center}.evidence-result strong{margin:19px 0 11px;font-size:22px;letter-spacing:-.025em}.evidence-result[data-state="verified"] strong{color:#68d493}.evidence-result[data-state="usable"] strong{color:#e6c35b}.evidence-result[data-state="retake"] strong{color:#ef7890}.evidence-result p{margin:0;color:#888990;font-size:9px;line-height:1.55}.evidence-result small{margin-top:19px;color:#b0b1b7;font:8px var(--mono)}.classifier-code{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:15px 24px;border-top:1px solid #28292e;background:#111216}.classifier-code code{color:#cdd0d5;font:8px/1.6 var(--mono)}
.classifier-tabs .status-dot{display:block;width:5px;height:5px;margin:0;border-radius:50%}.classifier-tabs .neutral-dot{background:#777b84}

.prototype-explorer{margin-top:38px;margin-bottom:76px;overflow:hidden;border:1px solid #2c2d32;border-radius:11px;background:#0a0a0c;box-shadow:0 30px 80px -62px rgba(226,0,116,.7)}.prototype-explorer>header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:44px;padding:0 14px;border-bottom:1px solid #2a2b30;background:#111114}.prototype-explorer>header>span{display:flex;gap:6px}.prototype-explorer>header i{width:6px;height:6px;border-radius:50%;background:#3a3b42}.prototype-explorer>header small{color:#707179;font:7px var(--mono);letter-spacing:.11em}.prototype-explorer>header a{justify-self:end;color:#9b9ca3;font-size:8px}.prototype-explorer-stage{position:relative;overflow:hidden}.prototype-explorer-stage iframe{position:absolute;left:0;top:0;width:1440px;height:900px;max-width:none;border:0;transform-origin:top left;pointer-events:auto}

.engineering-notes{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:stretch;margin-top:32px;margin-bottom:38px;border-top:1px solid #292a2f;border-bottom:1px solid #292a2f}.engineering-notes div{padding:18px 14px}.engineering-notes span{color:#686a72;font:7px var(--mono);letter-spacing:.11em}.engineering-notes p{margin:8px 0 0;color:#a1a2a9;font-size:9px;line-height:1.55}.engineering-notes i{display:grid;place-items:center;color:#555760;font:10px var(--mono);font-style:normal}.code-evidence{background:#e9e8e5;border-color:#c9c8c4}.code-nav{background:#f4f3f0;border-color:#cecdc9}.code-nav button{color:#777671;border-color:#d2d1cd}.code-nav button.active{background:#deddd9;color:#1c1c1d}.code-topbar{background:#f1f0ed;border-color:#cfceca}.code-topbar span{color:#74736f}.code-topbar span::before{color:#92918c}.code-topbar em{color:#2b8c55}.code-body{background:#e9e8e5}.code-note{border-color:#cecdc9;color:#6f6e6a}.code-note b{color:#1e1e20}.code-note span{color:#2c8d57}.code-body pre{border-color:#cecdc9;background:#ebeae7;color:#202022}.code-line::before{color:#9d9c97}.code-line:hover{background:rgba(0,0,0,.035)}.runtime-trace{background:#151619}.runtime-trace>span{color:#72747c}.tok-key{color:#8e3c78}.tok-str{color:#bc650b}.tok-fn{color:#188397}.tok-comment{color:#777671}

@media(max-width:768px){.design-note{grid-template-columns:1fr;margin-top:14px}.design-note code{justify-self:start}.micro-system,.theme-revisions,.evidence-classifier,.prototype-explorer,.engineering-notes{width:calc(100vw - 32px)}.evidence-classifier>header{padding-left:42px}.micro-panel{grid-template-columns:1fr}.micro-panel aside{border-right:0;border-bottom:1px solid #28292e}.type-specimens{padding:8px}.weight-specimens{padding:14px}.bound-specimens{grid-template-columns:1fr 1fr;padding:1px}.classifier-body{grid-template-columns:1fr}.classifier-body>section,.rule-gates{border-right:0;border-bottom:1px solid #28292e}.classifier-code{grid-template-columns:1fr}.engineering-notes{grid-template-columns:1fr}.engineering-notes i{display:none}.code-body{grid-template-columns:1fr}.code-note,.code-body pre{border-right:0;border-bottom:1px solid #cecdc9}.runtime-trace{display:none}}

/* CareLink-specific line studies: quiet by default, semantic on hover. */
.carelink-illustrations{display:grid;grid-template-columns:repeat(3,1fr);margin:46px 0 74px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.carelink-illustrations.wide{width:100%;margin-left:0;transform:none}
.carelink-illustrations article{min-width:0;padding:18px 22px 22px;border-right:1px solid var(--line)}
.carelink-illustrations article:last-child{border-right:0}.carelink-illustrations small{color:#4d4e55;font:7px var(--mono);letter-spacing:.12em}.carelink-illustrations svg{display:block;width:100%;height:218px;margin:8px 0 14px;overflow:visible}.carelink-illustrations path,.carelink-illustrations rect,.carelink-illustrations circle{fill:none;stroke:#5c5e67;stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .35s ease,opacity .35s ease,filter .35s ease}.carelink-illustrations .signal{stroke-dasharray:3 5;opacity:.58}.carelink-illustrations .node{fill:#0a0a0c;stroke:#777983}.carelink-illustrations h3{margin:0;color:#c7c8cd;font-size:12px;font-weight:560}.carelink-illustrations p{max-width:30ch;margin:6px 0 0;color:#707178;font-size:9px;line-height:1.55}.carelink-illustrations article:hover path,.carelink-illustrations article:hover rect,.carelink-illustrations article:hover circle{stroke:#e20074}.carelink-illustrations article:hover .node{fill:#e20074;filter:drop-shadow(0 0 8px rgba(226,0,116,.32))}

/* The divider reveals the original dark and light appearances on one fixed screen. */
.theme-revisions{gap:58px}.theme-change-summary{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start;margin:0 0 16px;padding:0 4px}.theme-change-summary>span{display:grid;grid-template-columns:auto 1fr;gap:10px;color:#97989f;font-size:9px;line-height:1.55}.theme-change-summary>span+span:before{content:'↔';position:absolute;transform:translateX(-26px);color:#4e5058}.theme-change-summary b{color:#777880;font:7px var(--mono);letter-spacing:.13em}.theme-after{inset:0;width:100%;border:0;clip-path:inset(0 0 0 50%)}

/* Engineering reads like a design-engineering essay, not a dashboard table. */
.engineering-essay{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.55fr);column-gap:54px;row-gap:44px;margin:34px 0 76px}.engineering-thought{padding:8px 0}.engineering-thought.second{padding-top:40px;border-top:1px solid #292a30}.engineering-thought small{color:#e20074;font:7px var(--mono);letter-spacing:.12em}.engineering-thought h3{margin:12px 0 10px;color:#d7d7db;font-size:18px;line-height:1.2;letter-spacing:-.025em}.engineering-thought p{max-width:38ch;margin:0;color:#92939a;font-size:11px;line-height:1.7}.revision-note{margin-top:22px;padding:14px 16px;border:1px solid #2a2b30;background:#0e0e11}.revision-note b{display:block;margin-bottom:5px;color:#b8b9bf;font:7px var(--mono);letter-spacing:.11em}.revision-note span{color:#81828a;font-size:9px;line-height:1.55}.editorial-code{align-self:start;overflow:hidden;border:1px solid #cac9c5;border-radius:10px;background:#e9e8e4;box-shadow:0 20px 50px rgba(0,0,0,.18)}.editorial-code header{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #cfcec9;background:#f2f1ee;color:#777570;font:7px var(--mono)}.editorial-code pre{overflow:auto;margin:0;padding:20px 22px 22px;color:#232326;font:10px/1.75 var(--mono);tab-size:2}.editorial-code .code-key{color:#983c7d}.editorial-code .code-fn{color:#147b86}.editorial-code .code-str{color:#b66308}.editorial-code .code-comment{color:#82817c;font-style:italic}.diff-code pre{background:linear-gradient(#dfeadb 0 32%,#e9e8e4 32% 63%,#ecd5d3 63%)}.engineering-truth{grid-column:1/-1;margin:0;padding:14px 18px;border:1px solid #2a2b30;border-left-color:#e2b63e;background:#111109;color:#85868d;font-size:9px;line-height:1.55}.engineering-truth b{color:#d9bd61}

@media(max-width:768px){.carelink-illustrations{grid-template-columns:1fr}.carelink-illustrations article{border-right:0;border-bottom:1px solid var(--line)}.carelink-illustrations article:last-child{border-bottom:0}.carelink-illustrations svg{height:180px}.theme-change-summary{grid-template-columns:1fr}.theme-change-summary i{display:none}.engineering-essay{width:calc(100vw - 32px);grid-template-columns:1fr;gap:24px}.engineering-thought.second{padding-top:24px}.editorial-code pre{font-size:8px}.engineering-truth{grid-column:auto}}

/* Narrow editorial sequence: thought, note, then implementation. */
.engineering-essay.wide{width:100%;margin-left:0;transform:none;grid-template-columns:1fr;gap:24px}.engineering-thought.second{margin-top:22px;padding-top:34px}.engineering-thought>span{color:#e20074;font:7px var(--mono);letter-spacing:.12em}.engineering-thought p{max-width:58ch}.engineering-thought aside{display:grid;gap:6px;margin-top:20px;padding:13px 16px;border-left:1px solid #e20074;background:linear-gradient(90deg,rgba(226,0,116,.08),transparent)}.engineering-thought aside s{color:#686970;font-size:9px}.engineering-thought aside strong{color:#b8b9bf;font-size:10px;font-weight:560}.editorial-code{margin:0}.editorial-code figcaption{display:flex;justify-content:space-between;margin:0;padding:10px 14px;border-bottom:1px solid #cfcec9;background:#f2f1ee;color:#777570;font:7px var(--mono)}.editorial-code figcaption em{font-style:normal}.editorial-code>small{display:block;padding:10px 14px;border-top:1px solid #cfcec9;background:#f2f1ee;color:#777570;font:7px/1.5 var(--mono)}