.ak-case{--ak-teal:#158c92;--ak-orange:#f68636;--ak-lav:#f2f0f9;--ak-ink:#171918}.ak-case .hm-video{aspect-ratio:1728/820;object-fit:cover}.ak-hero-top{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.ak-hero-stage{background:var(--ak-teal);aspect-ratio:1728/1060;position:relative;overflow:hidden}.ak-piece{position:absolute}.ak-piece img{object-fit:contain}.ak-hero-laptop{aspect-ratio:1115/664;z-index:1;width:64.5%;bottom:10.4%;left:8%}.ak-hero-mobile{aspect-ratio:454/887;z-index:2;width:26.3%;bottom:10.4%;left:62.1%}.ak-hero-stage .ak-piece{filter:drop-shadow(0 34px 60px #03232a66)}.ak-challenge{background:var(--ak-orange);color:#fff}.ak-challenge-grid{grid-template-columns:minmax(280px,.85fr) 1.15fr;align-items:center;gap:4.5rem;min-height:640px;display:grid}.ak-challenge .hm-label{color:#ffefd9}.ak-challenge p{color:#ffffffe0}.ak-challenge .hm-label span{opacity:.75}.ak-phone{aspect-ratio:477/934;filter:drop-shadow(0 34px 55px #3d190059);position:relative}.ak-phone img{object-fit:contain}.ak-brand{grid-template-columns:1fr 1.25fr;gap:2rem;margin-top:1rem;display:grid}.ak-brand-logo{background:#fff;border:1px solid #08241f1c;place-items:center;padding:3.5rem 2rem;display:grid;position:relative}.ak-brand-logo .ak-logo{aspect-ratio:419/189;width:72%;max-width:340px;position:relative}.ak-brand-logo img{object-fit:contain}.ak-palette{border:1px solid #08241f1c;grid-template-columns:repeat(4,1fr);display:grid}.ak-palette>div{letter-spacing:.06em;align-items:flex-end;min-height:11rem;padding:1.2rem 1rem;font-size:.68rem;font-weight:500;display:flex}.ak-arch{background:#f6f5f8}.ak-arch-center{text-align:center;max-width:980px;margin:auto}.ak-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;margin-top:2.75rem;display:flex}.ak-flow .step{color:var(--ak-ink);background:#fff;border:1px solid #08241f24;border-radius:999px;padding:.85rem 1.5rem;font-size:.95rem}.ak-flow .arr{opacity:.35;font-size:.9rem}.ak-duo{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.ak-duo .hm-chapter{grid-template-columns:1fr;gap:1rem;padding:2.75rem 0}.ak-duo .hm-chapter+.hm-chapter{border-left:1px solid #17191820;padding-left:3rem}.ak-duo .hm-chapter h2{margin-bottom:1rem;font-size:clamp(1.5rem,2.2vw,2.1rem)}.ak-screens{background:var(--ak-teal);padding:0}.ak-collage{aspect-ratio:1728/1500;width:100%;position:relative;overflow:hidden}.ak-screen{aspect-ratio:4096/2926;background:#fff;border:clamp(5px,1vw,10px) solid #000;border-radius:clamp(12px,2vw,24px);position:absolute;overflow:hidden;box-shadow:0 30px 70px #02202859}.ak-screen img{object-fit:cover}.ak-s1{z-index:1;width:47.7%;top:2%;left:-8.6%}.ak-s2{z-index:2;width:62.4%;top:2%;left:41.4%}.ak-s3{z-index:3;width:62.9%;top:46%;left:-8.6%}.ak-s4{z-index:4;width:47.7%;top:56%;left:56.1%}.ak-results{color:#fff;background:linear-gradient(105deg,#434242,#363636)}.ak-results .hm-label{color:#fff}.ak-results p{color:#e9e9e5}.ak-checks{grid-template-columns:1fr 1fr;gap:1rem 2.5rem;margin-top:2.75rem;list-style:none;display:grid}.ak-checks li{color:#e9e9e5;border-top:1px solid #ffffff2e;gap:1rem;padding-top:1.1rem;font-size:.98rem;display:flex}.ak-checks span{color:var(--ak-orange);font-weight:500}.ak-results-laptop{aspect-ratio:4000/3000;margin-top:4.5rem;position:relative}.ak-results-laptop img{object-fit:cover}@media (max-width:900px){.ak-challenge-grid{grid-template-columns:1fr 1fr;gap:2rem;min-height:0}.ak-brand{grid-template-columns:1fr}.ak-duo{grid-template-columns:1fr;gap:0}.ak-duo .hm-chapter+.hm-chapter{border-top:1px solid #17191820;border-left:0;padding-left:0}.ak-hero-laptop{width:70%;left:4%}.ak-hero-mobile{width:28%;left:66%}}@media (max-width:600px){.ak-hero-stage{aspect-ratio:1728/1250}.ak-hero-laptop{width:82%;bottom:14%;left:-4%}.ak-hero-mobile{width:33%;bottom:6%;left:70%}.ak-challenge-grid{grid-template-columns:1fr;gap:2.5rem}.ak-challenge-grid .hm-mobile-stage{max-width:300px;margin:0 auto}.ak-palette{grid-template-columns:1fr 1fr}.ak-palette>div{min-height:7rem}.ak-checks{grid-template-columns:1fr}.ak-collage{aspect-ratio:1728/1750}.ak-s1{width:62%;top:1.5%;left:-12%}.ak-s2{width:66%;top:26%;left:44%}.ak-s3{width:70%;top:52%;left:-10%}.ak-s4{width:56%;top:76%;left:52%}}
