.case{padding-top:112px}.back{width:fit-content;color:var(--key-ink);background:linear-gradient(180deg, var(--key-top), var(--key-bottom));box-shadow:inset 0 1px 0 #ffffff80, 0 0 0 1px var(--key-edge), 0 2px 0 var(--key-edge);border-radius:999px;align-items:center;gap:6px;margin-bottom:28px;padding:7px 14px;font-size:11px;text-decoration:none;display:inline-flex}.back:active{box-shadow:inset 0 2px 4px #0000002e, 0 0 0 1px var(--key-edge);transform:translateY(2px)}.case-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.case-title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(40px,5.6vw,72px);font-weight:500;line-height:1.02}.case-summary{max-width:46ch;color:var(--ink-2);margin-top:22px;font-size:clamp(18px,1.8vw,21px);line-height:1.5}.night-clock{padding:20px}.night-screen{aspect-ratio:4/3;background:radial-gradient(120% 100% at 70% 0,#1b1d2a,#07070a 70%);position:relative}.night-moon{aspect-ratio:1;filter:drop-shadow(0 0 18px #f3e6c459);border-radius:50%;width:22%;position:absolute;top:14%;right:14%;transform:rotate(-20deg);box-shadow:inset -14px -6px #f3e6c4}.star{opacity:.25;background:#fff;border-radius:50%;width:3px;height:3px;animation:3.2s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{50%{opacity:.9}}.night-time{color:#ff4148;text-shadow:0 0 14px #ff41488c;font-size:clamp(44px,6vw,76px);line-height:1;position:absolute;bottom:12%;left:8%}.night-zzz{letter-spacing:.4em;color:#ffffff73;font-size:12px;position:absolute;bottom:14%;right:10%}.night-caption{color:var(--ink-2);align-items:center;gap:8px;margin:14px 4px 0;font-size:11px;display:flex}.night-caption .led{width:8px;height:8px}.case-facts{margin-top:40px}.facts-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.case-readouts{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}.role-row{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px;display:grid}.role{padding:20px 24px 24px}.role ul{counter-reset:duty;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.role li{color:var(--ink-2);background:color-mix(in srgb, var(--well) 55%, transparent);box-shadow:inset 0 1px 2px #00000014, inset 0 0 0 1px var(--glass-rim);border-radius:16px;grid-template-columns:20px 1fr;align-content:start;gap:10px;padding:14px 16px;font-size:15px;line-height:1.45;display:grid}:root[data-theme=dark] .role li{box-shadow:inset 0 1px 2px #0006,inset 0 0 0 1px #ffffff0f}.check{background:linear-gradient(180deg, var(--key-top), var(--key-bottom));width:18px;height:18px;box-shadow:inset 0 1px 0 #ffffff80, 0 0 0 1px var(--key-edge), 0 1px 0 var(--key-edge);border-radius:6px;margin-top:1px;position:relative}.check:after{content:"";border:solid var(--red);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.timeline{padding:20px 24px}.tl-grid{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:8px 4px;margin-top:4px;display:grid}.tl-month{border-bottom:1px dashed var(--glass-rim);color:var(--ink-3);grid-row:1;padding-bottom:6px;font-size:10px}:root[data-theme=dark] .tl-month{border-bottom-color:#ffffff1f}.tl-bar{color:#f4f4f2;background:linear-gradient(#2c2c30,#18181b);border-radius:10px;gap:2px;padding:8px 10px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #00000080}.tl-bar:nth-of-type(odd){background:linear-gradient(#ff4148,#c4141b)}.tl-bar b{font-size:14px;font-weight:600}.tl-bar .mono{opacity:.75;font-size:9px}.tl-bar small{opacity:.85;font-size:11px;line-height:1.35}.case-section .section-head{margin-bottom:18px}.case-lead{letter-spacing:-.02em;text-wrap:balance;max-width:32ch;font-size:clamp(26px,3vw,36px);line-height:1.2}.case-body{max-width:64ch;color:var(--ink-2);margin-top:16px;font-size:17px;line-height:1.6}.case-grid{gap:16px;margin-top:28px;display:grid}.case-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.case-subhead{margin:36px 0 14px}.mini-facts{flex-wrap:wrap;gap:12px 40px;margin:24px 0 0;display:flex}.mini-facts>div{display:grid}.mini-facts dd{margin:0;font-size:40px;line-height:1}.mini-facts dt{color:var(--ink-3);margin-top:6px;font-size:10px}.diagram{margin:0;padding:20px}.diagram-screen{padding:16px}.diagram-caption{color:var(--ink-3);margin:12px 4px 0;font-size:10px}.pos-map{width:100%;height:auto;font-family:var(--font-mono), "PingFang SC", monospace}.pm-axis{stroke:#ffffff8c;stroke-width:1.2px}.pm-label{fill:#fff9;letter-spacing:.06em;font-size:10px}.pm-small{fill:#ffffff73;font-size:9px}.pm-cluster{fill:#ffffff08;stroke:#ffffff38;stroke-dasharray:3 4}.pm-gap{fill:#ff414814;stroke:#ff414873;stroke-dasharray:4 4}.pm-rival{fill:#3a3a40;stroke:#ffffff59}.pm-rival-l{fill:#fff;font-size:8px}.pm-move{fill:none;stroke:#ff4148;stroke-width:1.4px;stroke-dasharray:3 5;animation:1.6s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-16px}}.pm-us{fill:#ff4148;filter:drop-shadow(0 0 8px #ff4148)}.pm-halo{fill:#ff4148;opacity:0;transform-box:fill-box;transform-origin:50%;animation:2.6s ease-out infinite ping}.pm-us-l{fill:#fff;font-size:11px;font-weight:700}.matrix-screen{padding:14px 14px 10px;overflow-x:auto}.matrix{border-collapse:separate;border-spacing:0 4px;color:#ffffffd1;width:100%}.matrix th{color:#ffffff80;text-align:center;vertical-align:bottom;padding:0 4px 6px;font-size:9px;font-weight:400}.matrix tbody th{vertical-align:middle;text-align:left;color:#ffffffb3;padding:0 8px;font-size:11px}.matrix td{text-align:center;background:#ffffff08;padding:6px 4px}.matrix tr.us td,.matrix tr.us th{color:#fff;background:#ff41481f}.matrix tr.us th{border-radius:8px 0 0 8px}.matrix tr.us td:last-child{border-radius:0 8px 8px 0}.pip{vertical-align:middle;border-radius:50%;width:12px;height:12px;display:inline-block}.pip.l0{box-shadow:inset 0 0 0 1.5px #ffffff40}.pip.l1{background:linear-gradient(90deg,#ffffffd9 50%,#0000 50%);box-shadow:inset 0 0 0 1.5px #ffffffd9}.pip.l2{background:#ffffffe6}.matrix tr.us .pip.l2{background:#ff4148;box-shadow:0 0 8px #ff4148b3}.matrix-legend{color:#ffffff8c;gap:16px;margin-top:10px;font-size:10px;display:flex}.matrix-legend>span{align-items:center;gap:6px;display:inline-flex}.loop{width:100%;max-width:380px;height:auto;font-family:var(--font-sans), "PingFang SC", sans-serif;margin:0 auto;display:block}.loop-track{fill:none;stroke:#ffffff1f;stroke-width:2px}.loop-flow{fill:none;stroke:#ff4148;stroke-width:2px;stroke-dasharray:6 12;opacity:.8;animation:1.2s linear infinite dash}.loop-node{fill:#232327;stroke:#ffffff40}.loop-text{fill:#f4f4f2;font-size:11.5px}.loop-idx{font-family:var(--font-mono), monospace;fill:#ff4148;font-size:8px}.loop-center-l{font-family:var(--font-mono), "PingFang SC", monospace;fill:#ffffff8c;letter-spacing:.08em;font-size:10px}.loop-center{font-family:var(--font-dot), monospace;font-variation-settings:"ROND" 100;fill:#fff;font-size:30px;font-weight:800}.line-chart{width:100%;height:auto;font-family:var(--font-mono), monospace;display:block}.lc-grid{stroke:#ffffff12}.lc-area{fill:#ff41481f}.lc-line{fill:none;stroke:#ff4148;stroke-width:2.5px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 6px #ff414899)}.lc-pt{fill:#18181b;stroke:#ff4148;stroke-width:2px}.lc-pt.last{fill:#ff4148}.lc-val{fill:#fff;font-size:12px;font-weight:700}.lc-lab{fill:#ffffff80;letter-spacing:.06em;font-size:9px}.insights{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.insight{border-radius:22px;flex-direction:column;gap:10px;padding:20px;display:flex}.insight-idx{color:var(--red);font-size:10px}.insight h4{letter-spacing:-.015em;margin:0;font-size:18px;font-weight:600}.insight-finding{color:var(--ink-2);font-size:14px;line-height:1.5}.reply{border-radius:14px;padding:10px 12px}.reply .mono{font-size:9px}.reply p{margin-top:4px;font-size:14px;line-height:1.45}.reply-before{background:var(--well);color:var(--ink-3);box-shadow:inset 0 1px 3px #0000001f}.reply-before p{text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--red) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--red) 60%, transparent)}.reply-after{color:#fff;background:linear-gradient(#2a2a2e,#141416);margin-top:auto;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ff414866}.reply-after .mono{color:#ff6a70}.night-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);align-items:center;gap:32px;margin-top:28px;display:grid}.journey{gap:14px;margin:0;padding:0;list-style:none;display:grid}.journey-step{grid-template-columns:48px 1fr;grid-template-areas:"icon idx""icon name""icon what""icon metric";column-gap:16px;padding-bottom:14px;display:grid;position:relative}.journey-step:before{content:"";background-image:radial-gradient(var(--ink-3) 1px, transparent 1.3px);background-size:2px 6px;width:2px;position:absolute;top:52px;bottom:-14px;left:23px}.journey-step:last-child:before{display:none}.journey-icon{background:linear-gradient(#2c2c30,#141416);border-radius:14px;grid-area:icon;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #00000080,0 6px 14px -6px #00000080}.journey-icon svg{fill:none;stroke:#ff4148;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.journey-idx{color:var(--red);grid-area:idx;font-size:10px}.journey-step h4{letter-spacing:-.015em;grid-area:name;margin:2px 0 0;font-size:20px;font-weight:600}.journey-step p{color:var(--ink-2);grid-area:what;margin-top:4px;font-size:15px}.journey-metric{text-transform:none;color:var(--key-ink);background:linear-gradient(180deg, var(--key-top), var(--key-bottom));box-shadow:inset 0 1px 0 #ffffff80, 0 0 0 1px var(--key-edge), 0 2px 0 var(--key-edge);border-radius:7px;grid-area:metric;justify-self:start;margin-top:8px;padding:4px 9px;font-size:10px}.phone-wrap{justify-items:center;margin:0;display:grid}.phone{aspect-ratio:9/18.5;color:#f4f4f2;width:min(300px,100%);font-family:"Geeza Pro", "Noto Naskh Arabic", var(--font-sans), sans-serif;background:radial-gradient(130% 70% at 50% 0,#1d1f2c,#0a0a0d 65%);border-radius:44px;flex-direction:column;gap:14px;padding:44px 16px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 9px #1b1b1e,0 0 0 10px #3a3a3f,0 30px 60px -20px #0009}.phone-island{background:#000;border-radius:999px;width:84px;height:22px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-status{color:#ffffffb3;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:15px;left:26px;right:26px}.phone-title{font-size:22px;font-weight:700}.mood-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mood-card{background:#ffffff0f;border-radius:14px;justify-items:center;gap:6px;padding:10px 4px;font-size:13px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.mood-card i{background:radial-gradient(circle at 35% 30%,#fff,#8a8fa6);border-radius:50%;width:20px;height:20px}.mood-card:nth-child(2) i{border-radius:6px;transform:rotate(45deg)scale(.8)}.mood-card:nth-child(3) i{background:radial-gradient(circle at 35% 30%,#fff,#a59a86);border-radius:50% 50% 40% 40%}.mood-card.on{background:#ff41482e;box-shadow:inset 0 0 0 1.5px #ff4148,0 0 14px #ff414859}.bubbles{gap:8px;display:grid}.bubble{background:#ffffff1a;border-radius:16px;height:30px}.bubble.them{border-start-start-radius:4px;justify-self:start}.bubble.me{opacity:.9;background:#ff4148;border-end-end-radius:4px;justify-self:end}.w80{width:80%}.w55{width:55%}.w65{width:65%}.w70{width:70%}.music-card{background:linear-gradient(#ffffff1a,#ffffff0a);border-radius:16px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.play{background:#ff4148;border-radius:50%;width:34px;height:34px;position:relative}.play:after{content:"";border:6px solid #0000;border-left:10px solid #fff;border-right:0;position:absolute;top:11px;right:11px;transform:translate(2px)}.wave{align-items:center;gap:2px;height:26px;display:flex}.wave i{background:#fff9;border-radius:2px;flex:1;animation:1.4s ease-in-out infinite alternate wave}@keyframes wave{to{transform:scaleY(.45)}}.music-name{font-size:14px}.breath{place-items:center;margin-top:4px;display:grid;position:relative}.breath-ring{background:conic-gradient(#ff4148 0 62%, #ffffff14 62% 100%);filter:drop-shadow(0 0 10px #ff414873);border-radius:50%;width:104px;height:104px;animation:6s ease-in-out infinite breathe;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px))}@keyframes breathe{50%{transform:scale(1.08)}}.breath-text{justify-items:center;gap:2px;display:grid;position:absolute}.breath-text b{font-size:18px}.breath-text small{font-family:var(--font-mono), monospace;color:#ffffff8c;font-size:9px}.phone-input{grid-template-columns:1fr 30px;align-items:center;gap:8px;margin-top:auto;display:grid}.phone-input span{background:#ffffff14;border-radius:999px;height:34px}.phone-input i{background:#ffffff2e;border-radius:50%;width:30px;height:30px}.flow-device{margin-top:28px}.flow-screen{color:#f4f4f2;grid-template-columns:minmax(0,1fr) 220px;gap:24px;padding:26px 22px;display:grid}.flow{justify-items:center;display:grid}.flow-box{text-align:center;background:#232327;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffffff29}.flow-box svg,.flow-hotline svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:16px;height:16px}.flow-v{background:#ffffff59;width:2px;height:22px}.flow-v.red{background:#ff4148}.flow-diamond{background:#2a2a2e;border-radius:14px;place-items:center;width:108px;height:108px;margin:-8px 0;display:grid;transform:rotate(45deg)scale(.78);box-shadow:inset 0 1px #ffffff1a,0 0 0 1.5px #ff4148,0 0 18px #ff41484d}.flow-diamond span{text-align:center;font-size:15px;font-weight:600;line-height:1.2;transform:rotate(-45deg)}.flow-fork{border:2px solid #ffffff59;border-bottom:0;border-radius:10px 10px 0 0;width:50%;height:34px;margin-top:16px;position:relative}.flow-fork:before{content:"";background:#ffffff59;width:2px;height:16px;position:absolute;top:-18px;left:50%}.flow-fork{border-right-color:#ff4148}.fork-no,.fork-yes{font-size:10px;position:absolute;top:8px}.fork-no{color:#ffffff8c;left:-34px}.fork-yes{color:#ff6a70;right:-34px}.flow-split{grid-template-columns:1fr 1fr;place-items:start center;width:100%;display:grid}.flow-calm{color:#ffffffbf}.flow-col{justify-items:center;display:grid}.flow-safe{box-shadow:inset 0 1px #ffffff14,0 0 0 1.5px #ff4148}.flow-hotline{color:#fff;background:linear-gradient(#ff4148,#c4141b);border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff59,0 2px #7a0c10,0 0 18px #ff414873}.flow-side{border-left:1px dashed #ffffff26;align-content:center;gap:12px;padding-left:22px;display:grid}.flow-tag{text-transform:none;color:#ffffffbf;align-items:flex-start;gap:10px;font-size:11px;line-height:1.5;display:flex}.flow-tag i{border:1.5px dashed #ff4148;border-radius:3px;flex:none;width:10px;height:10px;margin-top:3px}.hotline-note{text-transform:none;color:var(--ink-2);align-items:center;gap:8px;margin-top:14px;font-size:11px;display:flex}.hotline-note .led{width:8px;height:8px}.testset .device-head{margin-bottom:12px}.testset-screen{color:#f4f4f2;gap:10px;padding:16px 18px;display:grid}.ts-row{grid-template-columns:128px minmax(0,1fr) 32px;align-items:center;gap:12px;display:grid}.ts-name{color:#ffffffd1;font-size:13px}.ts-meter{grid-template-columns:repeat(20,minmax(0,1fr));gap:2px;display:grid}.ts-meter i{background:#ffffff14;border-radius:1px;height:10px}.ts-meter i.on{background:#ff4148;box-shadow:0 0 4px #ff414880}.ts-count{text-align:right;font-size:20px}.unsafe{margin:14px 6px 0}.unsafe-title{color:var(--ink-3);font-size:10px}.unsafe ul{color:var(--ink-2);gap:6px;margin:8px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.unsafe li{padding-left:18px;position:relative}.unsafe li:before{content:"×";color:var(--red);font-weight:700;position:absolute;left:0}.results-panel{margin-top:24px;padding:24px clamp(18px,3vw,32px)}.stat-legend{color:var(--ink-3);gap:18px;margin-bottom:12px;font-size:10px;display:flex}.stat-legend span{align-items:center;gap:6px;display:inline-flex}.stat-legend i{border-radius:3px;width:18px;height:6px}.lg-before{background:var(--ink-3);opacity:.45}.lg-after{background:var(--red)}.stat-row{border-top:1px dashed var(--glass-rim);grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:20px;padding:14px 0;display:grid}:root[data-theme=dark] .stat-row{border-top-color:#ffffff1f}.stat-label{font-size:15px}.stat-bars{gap:5px;display:grid}.bar{border-radius:4px;width:0;height:8px;transition:width 1s cubic-bezier(.2,.8,.2,1)}.reveal[data-in] .bar{width:var(--w)}.bar.before{background:var(--ink-3);opacity:.4}.bar.after{background:linear-gradient(90deg, #c4141b, var(--red));box-shadow:0 0 10px color-mix(in srgb, var(--red) 45%, transparent);transition-delay:.25s}.stat-values{white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:8px;display:flex}.stat-before{color:var(--ink-3);font-size:12px}.stat-arrow{color:var(--ink-3)}.stat-after{font-size:30px;line-height:1}.stat-unit{color:var(--ink-2);font-size:11px}.stat-delta{text-transform:none;color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent);border-radius:6px;padding:2px 7px;font-size:10px}.learned{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.learned-card{border-top:2px solid var(--ink);padding-top:16px}.learned-num{color:var(--red);font-size:40px;line-height:1}.learned-card h4{letter-spacing:-.015em;margin:14px 0 0;font-size:20px;font-weight:600;line-height:1.25}.learned-card p{color:var(--ink-2);margin-top:8px;font-size:15px;line-height:1.55}.case-note{text-transform:none;color:var(--ink-3);margin-top:36px;font-size:10px}.reveal-item{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(14px)}.reveal[data-in] .reveal-item{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal-item{opacity:1;transform:none}.bar{width:var(--w)}}@media (max-width:900px){.case-hero,.role-row,.case-grid.two,.night-grid,.insights,.learned{grid-template-columns:minmax(0,1fr)}.facts-bar,.case-readouts,.role ul{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-screen{grid-template-columns:1fr}.flow-side{border-top:1px dashed #ffffff26;border-left:0;padding:16px 0 0}}@media (max-width:600px){.role ul{grid-template-columns:minmax(0,1fr)}.stat-row{grid-template-columns:1fr;gap:8px}.stat-values{justify-content:flex-start}.tl-grid{grid-template-columns:repeat(var(--n), minmax(0, 1fr))}.tl-bar small{display:none}.flow-fork{width:60%}.flow-box,.flow-hotline{padding:8px 10px;font-size:12px}.mini-facts dd{font-size:32px}}
