body.case{--brand:var(--lime);--brand-2:var(--violet)}body.case--mac{--brand:var(--sky);--brand-2:var(--violet)}.case-hero{padding:150px var(--gutter) clamp(50px, 6vw, 80px)}.case-back{color:var(--muted);transition:color .3s, gap .3s var(--ease);align-items:center;gap:8px;margin-bottom:36px;font-weight:600;display:inline-flex}.case-back:hover{color:var(--ink);gap:14px}.case-hero .eyebrow{margin-bottom:16px}.case-title{font-family:var(--font-display);letter-spacing:-.05em;margin:0 0 28px;font-size:clamp(52px,9vw,150px);font-weight:800;line-height:.9}.case-title em{color:var(--brand-2);font-style:italic;font-weight:400}.case-lead{max-width:720px;color:var(--ink-2);margin:0 0 40px;font-size:clamp(18px,1.7vw,23px)}.case-meta{border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);grid-template-columns:repeat(4,auto);justify-content:start;gap:18px clamp(28px,5vw,72px);margin:0 0 40px;padding:24px 0;display:grid}.case-meta dt{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600}.case-meta dd{font-family:var(--font-display);margin:0;font-size:19px;font-weight:600}.case-tags{flex-wrap:wrap;gap:6px;display:flex}.case-tags span{background:var(--brand);font-family:var(--font-body);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600}.case-ctas{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.case-show{padding:0 var(--gutter) clamp(80px, 10vw, 140px);perspective:1400px}.mock{max-width:1200px;transform-style:preserve-3d;background:#fff;border-radius:22px;margin:0 auto;transition:transform .3s ease-out;position:relative;overflow:hidden;box-shadow:0 40px 90px #1111112e}.mock__bar{background:var(--paper-2);align-items:center;gap:8px;padding:14px 18px;display:flex}.mock__bar i{background:var(--orange);border-radius:50%;width:12px;height:12px}.mock__bar i:nth-child(2){background:#ffc531}.mock__bar i:nth-child(3){background:#27c840}.mock__url{max-width:420px;color:var(--muted);text-align:center;background:#fff;border-radius:999px;flex:1;margin:0 auto;padding:6px 16px;font-size:14px}.mock__url:before{content:"🔒 ";font-size:11px}.mock__page{background:linear-gradient(160deg, color-mix(in srgb, var(--brand) 35%, #fff), #fff 60%);grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;min-height:clamp(320px,42vw,560px);padding:6% 7%;display:grid;position:relative;overflow:hidden}.mock__nav{align-items:center;gap:3%;display:flex;position:absolute;top:5%;left:7%;right:7%}.mock__nav b{font-family:var(--font-display);letter-spacing:-.03em;margin-right:auto;font-size:clamp(14px,1.6vw,22px);font-weight:800}.mock__nav span{background:#11111126;border-radius:8px;width:7%;height:8px}.mock__nav span:last-child{background:var(--ink);width:12%;height:26px}.mock__copy h2{font-family:var(--font-display);letter-spacing:-.045em;margin:0 0 4%;font-size:clamp(26px,4.4vw,64px);font-weight:800;line-height:.95}.mock__copy h2 em{color:var(--brand-2);font-style:italic;font-weight:400}.mock__copy p{max-width:90%;color:var(--ink-2);margin:0 0 6%;font-size:clamp(12px,1.2vw,17px)}.mock__btns{gap:10px;display:flex}.mock__btns span{background:var(--ink);color:var(--brand);border-radius:999px;padding:clamp(8px,1vw,14px) clamp(14px,1.8vw,24px);font-size:clamp(11px,1vw,15px);font-weight:600}.mock__btns span+span{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.mock__art{aspect-ratio:1;position:relative}.mock__float{background:#fff;border-radius:16px;padding:12px 16px;font-size:clamp(11px,1vw,15px);font-weight:600;animation:6s ease-in-out infinite float;position:absolute;box-shadow:0 18px 40px #11111124}.mock__float small{color:var(--muted);font-weight:500;display:block}.a2z-blob{background:var(--brand);border-radius:42% 58% 63% 37%/41% 44% 56% 59%;animation:14s ease-in-out infinite morph;position:absolute;inset:8%}.a2z-letters{font-family:var(--font-display);letter-spacing:-.06em;justify-content:center;align-items:center;font-size:clamp(60px,10vw,150px);font-weight:800;display:flex;position:absolute;inset:0}.a2z-letters span{color:var(--brand-2);font-style:italic;font-weight:400}.a2z-book{aspect-ratio:4/3;background:var(--orange);border-radius:6px 12px 12px 6px;width:30%;animation:7s ease-in-out infinite float;position:absolute;bottom:10%;left:4%;transform:rotate(-10deg);box-shadow:inset 10px 0 #00000026}.a2z-book:after{content:"";background:#ffffffb3;border-radius:4px;height:8%;position:absolute;top:26%;left:22%;right:12%;box-shadow:0 14px #ffffff80}.mac-laptop{aspect-ratio:16/10;background:linear-gradient(135deg, var(--brand), var(--brand-2));border:12px solid #222;border-bottom-width:18px;border-radius:16px 16px 4px 4px;animation:7s ease-in-out infinite float;position:absolute;top:20%;left:10%;right:10%}.mac-laptop:after{content:"";background:#3a3a3a;border-radius:0 0 16px 16px;height:16px;position:absolute;bottom:-36px;left:-18%;right:-18%}.mac-laptop span{color:#fff;font-family:var(--font-display);letter-spacing:-.02em;place-items:center;font-size:clamp(16px,2vw,28px);font-weight:800;display:grid;position:absolute;inset:0}.mac-check{aspect-ratio:1;background:var(--lime);border-radius:50%;place-items:center;width:22%;font-size:clamp(20px,3vw,44px);font-weight:800;animation:5s ease-in-out infinite reverse float;display:grid;position:absolute;top:4%;right:2%;box-shadow:0 14px 30px #11111126}.case-section{padding:clamp(70px, 9vw, 130px) var(--gutter)}.case-grid{grid-template-columns:1fr 1.6fr;align-items:start;gap:clamp(28px,6vw,100px);display:grid}.case-h2{font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(38px,5.4vw,84px);font-weight:800;line-height:.95}.case-h2 em{color:var(--brand-2);font-style:italic;font-weight:400}.case-body p{color:var(--ink-2);margin:0 0 20px;font-size:clamp(17px,1.5vw,21px)}.case-body p:first-child{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(22px,2.2vw,32px);font-weight:600;line-height:1.25}.case-services{background:var(--ink);color:var(--paper);border-radius:var(--radius);margin:0 clamp(8px,1.5vw,20px)}.case-services .case-h2 em{color:var(--brand)}.case-services .eyebrow{color:#8f8a80}.svc-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:clamp(40px,5vw,64px);display:grid}.svc{transition:transform .5s var(--ease), background-color .4s, color .4s;background:#1c1c1c;border:1px solid #2c2c2c;border-radius:24px;padding:32px 28px;position:relative}.svc:hover{background:var(--brand);color:var(--ink);transform:translateY(-8px)rotate(-1deg)}.svc__num{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1.5px var(--brand);margin-bottom:30px;font-size:54px;font-weight:800;line-height:.8;transition:-webkit-text-stroke-color .4s;display:block}.svc:hover .svc__num{-webkit-text-stroke-color:var(--ink)}.svc h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 12px;font-size:30px;font-weight:800}.svc p{color:#b5b0a5;margin:0 0 18px;transition:color .4s}.svc:hover p{color:var(--ink-2)}.svc ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.svc li{font-size:15px}.svc li:before{content:"✓ ";color:var(--brand);font-weight:800;transition:color .4s}.svc:hover li:before{color:var(--ink)}.case-video{padding:clamp(70px, 9vw, 130px) var(--gutter) 0}.video-frame{aspect-ratio:16/9;background:linear-gradient(135deg, var(--ink), #2b2160 55%, var(--brand-2));color:#fff;border-radius:26px;max-width:1100px;margin:40px auto 0;position:relative;overflow:hidden;box-shadow:0 40px 90px #11111140}.video-frame iframe,.video-frame video{border:0;width:100%;height:100%;position:absolute;inset:0}.video-poster{background:radial-gradient(circle at 70% 30%, color-mix(in srgb, var(--brand) 55%, transparent), transparent 55%);flex-direction:column;justify-content:flex-end;padding:clamp(20px,4vw,48px);display:flex;position:absolute;inset:0}.video-poster h3{font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(28px,5vw,72px);font-weight:800;line-height:.95}.video-poster p{color:#ffffffbf;margin:10px 0 0}.video-play{aspect-ratio:1;background:var(--brand);border-radius:50%;width:clamp(70px,9vw,110px);margin:calc(clamp(70px,9vw,110px)/-2) 0 0 calc(clamp(70px,9vw,110px)/-2);animation:2.2s ease-in-out infinite pulse;position:absolute;top:45%;left:50%}.video-play:after{content:"";border-left:26px solid var(--ink);border-top:17px solid #0000;border-bottom:17px solid #0000;position:absolute;top:30%;left:40%}.video-strip{background:#fff3;height:6px;position:absolute;bottom:0;left:0;right:0}.video-strip i{background:var(--brand);transform-origin:0;height:100%;animation:8s linear infinite vs-progress;display:block}.steps-row{counter-reset:s;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(36px,5vw,60px);display:grid}.steps-row li{border-top:3px solid var(--ink);padding:28px 24px 30px;list-style:none;position:relative}.steps-row li:before{counter-increment:s;content:"0" counter(s);font-family:var(--font-display);color:var(--brand-2);margin-bottom:18px;font-size:15px;font-weight:800;display:block}.steps-row h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:800}.steps-row p{color:var(--ink-2);margin:0;font-size:16px}.steps-row li:nth-child(2){transition-delay:.1s}.steps-row li:nth-child(3){transition-delay:.2s}.steps-row li:nth-child(4){transition-delay:.3s}.outcome{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(36px,5vw,60px);display:grid}.outcome div{background:#fff;border-radius:22px;padding:28px;box-shadow:0 16px 40px #1111110f}.outcome b{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:10px;font-size:22px;font-weight:800;display:block}.outcome b:before{content:"";background:var(--brand);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 35%, transparent);vertical-align:2px;border-radius:50%;margin-right:10px;display:inline-block}.outcome p{color:var(--ink-2);margin:0}.case-next{margin:0 var(--gutter);border-radius:var(--radius);background:var(--next,var(--paper-2));transition:transform .5s var(--ease);padding:clamp(36px,5vw,60px);display:block}.case-next:hover{transform:scale(.99)}.case-next small{letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-weight:600;display:block}.case-next strong{font-family:var(--font-display);letter-spacing:-.045em;justify-content:space-between;align-items:center;gap:20px;font-size:clamp(36px,6vw,96px);font-weight:800;line-height:1;display:flex}.case-next strong span{aspect-ratio:1;background:var(--ink);width:clamp(56px,7vw,100px);color:var(--paper);transition:transform .5s var(--ease);border-radius:50%;flex-shrink:0;place-items:center;font-size:.5em;display:grid}.case-next:hover strong span{transform:rotate(-45deg)}.case-cta{padding:clamp(80px, 10vw, 140px) var(--gutter);background:var(--ink);color:var(--paper);text-align:center;border-radius:var(--radius) var(--radius) 0 0;margin-top:clamp(70px,9vw,120px)}.case-cta h2{font-family:var(--font-display);letter-spacing:-.05em;margin:0 0 30px;font-size:clamp(44px,7vw,120px);font-weight:800;line-height:.92}.case-cta h2 em{color:var(--brand);font-style:italic;font-weight:400}.case-cta p{color:#b5b0a5;max-width:560px;margin:0 auto 36px;font-size:19px}.case-cta .btn--accent{background:var(--brand)}.case-cta .btn--accent:before{background:var(--paper)}.case-cta .btn--accent:hover{color:var(--ink)}@media (width<=1024px){.case-grid{grid-template-columns:1fr}.steps-row{grid-template-columns:repeat(2,1fr)}.outcome{grid-template-columns:1fr}.case-meta{grid-template-columns:repeat(2,auto)}}@media (width<=760px){.case-hero{padding-top:120px}.mock__page{grid-template-columns:1fr;padding-top:16%}.mock__art{width:100%;max-width:260px;margin:0 auto}.mock__nav span:not(:last-child){display:none}.steps-row{grid-template-columns:1fr}.case-meta{grid-template-columns:1fr 1fr}}