:root{--ink:#111210;--paper:#e8e9e3;--acid:#c7f36b;--muted:#8d9289;--line:#383d35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Space Grotesk',sans-serif}.shell{width:min(1180px,calc(100% - 80px));margin:auto}.case-nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,.back-link{color:var(--paper);text-decoration:none}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.08em;font-size:19px}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--acid);border-radius:50%;color:var(--acid);font:15px 'DM Mono'}.dot,.case-number{color:var(--acid)}.back-link{font:11px 'DM Mono';color:var(--muted)}.back-link:hover{color:var(--acid)}.case-hero{padding:106px 0 78px}.case-kicker,.eyebrow{font:10px 'DM Mono';letter-spacing:.11em;color:var(--muted);margin:0 0 25px}.case-hero h1{max-width:850px;margin:0;font-size:clamp(48px,7vw,92px);line-height:.94;letter-spacing:0;font-weight:600}.case-hero h1 em{font-style:normal;color:var(--acid)}.case-lede{max-width:585px;margin:38px 0 0;color:#adb2a8;font-size:17px;line-height:1.75}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);margin-top:72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-meta div{min-height:88px;padding:17px 22px;border-right:1px solid var(--line)}.case-meta div:last-child{border-right:0}.case-meta span{display:block;color:var(--muted);font:9px 'DM Mono';margin-bottom:9px}.case-meta b{font-size:13px;font-weight:500}.case-visual{position:relative;min-height:540px;overflow:hidden;background:var(--visual-bg);border:1px solid var(--line)}.case-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,rgba(0,0,0,.02),rgba(0,0,0,.36))}.case-window{position:absolute;z-index:1;inset:10% 9%;background:#edf2eb;color:#253129;box-shadow:24px 28px 0 rgba(0,0,0,.2);font-size:11px}.case-window header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:var(--window-dark);color:#f3f6ef}.case-window header small{color:var(--acid);font:10px 'DM Mono'}.case-dashboard{padding:28px}.case-dashboard h2{font-size:25px;margin:0 0 24px}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.case-metrics div{padding:16px;background:#e1e9df}.case-metrics small{display:block;color:#6e7d6f}.case-metrics strong{display:block;margin-top:7px;font-size:24px}.case-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.case-columns div{min-height:170px;padding:12px;background:#e4ebe1}.case-columns b{display:block;font-size:12px}.case-columns p{margin:10px 0 0;padding:10px;background:#fafcf8;font-size:10px}.case-columns small{display:block;margin-top:4px;color:#718071}.phone-visual{position:absolute;z-index:2;right:9%;bottom:7%;width:180px;aspect-ratio:.49;border:5px solid #172019;border-radius:24px;overflow:hidden;background:#f1f5ef;color:#26362b;box-shadow:16px 20px 30px rgba(0,0,0,.42);transform:rotate(3deg)}.phone-visual header{height:26%;padding:20px 15px;background:#294237;color:white}.phone-visual header small{display:block;color:#c0d6c2;font-size:8px}.phone-visual header b{display:block;margin-top:7px}.phone-visual main{padding:13px}.phone-stat{display:flex;justify-content:space-between;padding:11px 8px;background:#d8e8d2;font-size:9px}.phone-item{display:flex;gap:8px;align-items:center;margin-top:8px;padding:8px;background:#fff;font-size:8px}.phone-item i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#c7e3b9;font-style:normal}.case-section{padding:130px 0}.light-section{background:#dce1d8;color:#1a201a}.section-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:11vw}.section-grid h2{font-size:clamp(37px,5vw,62px);line-height:1;letter-spacing:0;margin:0}.section-grid h2 em{font-style:normal;color:#54815b}.section-grid>p{margin:4px 0 0;max-width:480px;font-size:16px;line-height:1.8;color:#566257}.flow{display:grid;grid-template-columns:repeat(4,1fr);margin-top:68px;border-top:1px solid #a0a99d}.flow article{min-height:215px;padding:25px 22px;border-right:1px solid #a0a99d}.flow article:last-child{border:0}.flow span{font:10px 'DM Mono';color:#56765a}.flow h3{font-size:20px;margin:38px 0 12px}.flow p{margin:0;color:#667267;font-size:13px;line-height:1.7}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:66px}.outcomes div{border-top:1px solid #555c51;padding-top:19px}.outcomes b{display:block;color:var(--acid);font-size:39px;letter-spacing:0}.outcomes span{display:block;margin-top:10px;color:#a7aca3;font-size:13px;line-height:1.55}.case-contact{padding:80px 0;background:var(--acid);color:#142015}.contact-inner{display:flex;align-items:end;justify-content:space-between;gap:40px}.case-contact h2{font-size:clamp(40px,5vw,68px);line-height:1;margin:0}.case-contact p{margin:16px 0 0;color:#43573d}.case-contact a{display:inline-flex;align-items:center;padding:15px 20px;background:#152016;color:var(--paper);text-decoration:none;font-size:13px}.case-footer{padding:35px 0;color:var(--muted);font:10px 'DM Mono'}.case-footer a{color:var(--muted);text-decoration:none}@media(max-width:800px){.shell{width:calc(100% - 40px)}.case-nav{height:72px}.case-hero{padding:68px 0 56px}.case-lede{font-size:15px}.case-meta{grid-template-columns:1fr 1fr;margin-top:45px}.case-meta div{border-bottom:1px solid var(--line)}.case-meta div:nth-child(2n){border-right:0}.case-visual{min-height:390px}.case-window{inset:13% 5%}.case-dashboard{padding:16px}.case-metrics,.case-columns{gap:5px}.case-metrics div{padding:8px}.case-metrics strong{font-size:16px}.case-columns div{min-height:120px;padding:7px}.case-columns p{padding:6px;font-size:7px}.phone-visual{right:6%;width:118px;border-width:3px;border-radius:16px}.case-section{padding:82px 0}.section-grid{display:block}.section-grid>p{margin-top:25px}.flow,.outcomes{grid-template-columns:1fr;margin-top:42px}.flow article{min-height:auto;border-right:0;border-bottom:1px solid #a0a99d}.flow h3{margin-top:25px}.outcomes{gap:28px}.contact-inner{display:block}.case-contact a{margin-top:30px}.case-footer{line-height:1.8}}
