.mock{container-type:inline-size;position:relative;width:100%;aspect-ratio:9/19.5;border-radius:34px;overflow:hidden;background:radial-gradient(120% 60% at 30% 0%,#1d4038 0%,#0F2521 55%,#0a1a17 100%);border:1px solid #34584E;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);color:#F3F5F0;font-family:"Nunito",sans-serif;text-align:left;line-height:1.25}
.mock *{box-sizing:border-box}
.m-pad{padding:13cqw 5.5cqw 0}
.m-head{display:flex;align-items:center;gap:3.5cqw;margin-bottom:5cqw}
.m-av{width:13cqw;height:13cqw;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFD2B0,#F0A070);display:grid;place-items:center;font-size:6cqw}
.m-name{font-weight:900;font-size:5.4cqw}.m-sub{font-size:3.5cqw;color:#B4C8BE}
.m-card{background:rgba(22,54,48,.85);border:1px solid #34584E;border-radius:6cqw;padding:4.5cqw}
.m-cap{font-size:2.9cqw;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#86A396}
.lane{padding:2.6cqw 0;border-top:1px solid #24463E}.lane:first-of-type{border-top:0}
.lane-t{font-size:3.7cqw;font-weight:900;margin-bottom:2cqw}.lane-t span{font-weight:700;color:#B4C8BE;font-size:3.2cqw;margin-left:1.5cqw}
.track{position:relative;height:9cqw;border-radius:5cqw;background:#1a302b}
.track .past{position:absolute;left:0;top:0;bottom:0;border-radius:5cqw}
.dot{position:absolute;top:.6cqw;width:7.8cqw;height:7.8cqw;border-radius:50%;border:.55cqw solid;background:#0F2521;display:grid;place-items:center}
.dot img{width:5cqw;height:5cqw}
.dot.pred{border-style:dashed;background:transparent}
.tag{position:absolute;top:-4cqw;font-size:2.6cqw;font-weight:900;white-space:nowrap;transform:translateX(-15%)}
.span{position:absolute;top:1.2cqw;height:6.6cqw;border-radius:4cqw;opacity:.85}
.dock{position:absolute;left:4cqw;right:4cqw;bottom:23cqw;background:rgba(28,62,54,.97);border:1px solid #4A7A6A;border-radius:7cqw;padding:4.5cqw;display:flex;gap:4cqw;align-items:flex-start;box-shadow:0 -10px 40px -10px rgba(0,0,0,.6)}
.dock .ring{width:15cqw;height:15cqw;border-radius:50%;border:.7cqw solid #B8D86B;display:grid;place-items:center;flex:none}
.dock .ring img{width:10cqw}
.dock .k{font-size:3cqw;font-weight:900;letter-spacing:.1em;color:#B8D86B}
.dock .big{font-size:8.5cqw;font-weight:900;margin:.5cqw 0}
.dock .s{font-size:3.3cqw;color:#B4C8BE}
.btns{display:flex;gap:2.5cqw;margin-top:3cqw}
.pill{padding:2.6cqw 4.5cqw;border-radius:9cqw;font-weight:900;font-size:3.4cqw;background:#2A4B42}
.pill.hi{background:#B8D86B;color:#1F3310}
.menu{position:absolute;left:5cqw;right:5cqw;bottom:4cqw;height:15cqw;border-radius:9cqw;background:rgba(22,48,42,.92);border:1px solid #34584E;display:flex;align-items:center;justify-content:space-around}
.menu svg{width:6.5cqw;height:6.5cqw;stroke:#B4C8BE;fill:none;stroke-width:1.8}
.menu .on svg{stroke:#F3F5F0;fill:#F3F5F0}
.menu .plus{width:15cqw;height:15cqw;margin-top:-2cqw;border-radius:50%;background:radial-gradient(circle at 40% 30%,#C8EBD5,#6FBF95);display:grid;place-items:center;box-shadow:0 0 0 1.2cqw rgba(159,214,180,.2)}
.menu .plus svg{stroke:#0D3324;stroke-width:2.6;width:7cqw;height:7cqw}
.scrim{position:absolute;inset:0;background:rgba(5,13,11,.55)}
.sheet{position:absolute;left:0;right:0;bottom:0;top:22cqw;background:#163630;border-radius:8cqw 8cqw 0 0;border-top:1px solid #4A6E63;padding:4cqw 5cqw}
.grab{width:12cqw;height:1.2cqw;border-radius:1cqw;background:#4A6E63;margin:0 auto 4cqw}
.grp{font-size:3cqw;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin:3.5cqw 0 2cqw}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:2cqw}
.tile{text-align:center;font-size:2.9cqw;font-weight:800;color:#DDE8E2}
.tile i{display:grid;place-items:center;width:14cqw;height:14cqw;margin:0 auto 1.2cqw;border-radius:50%;background:#0F2521}
.tile i img{width:9.5cqw}
.map{height:78cqw;border-radius:6cqw;overflow:hidden;background:#1b3a33;position:relative}
.stats{display:flex;justify-content:space-around;text-align:center;margin:5cqw 0 3cqw}
.stats b{display:block;font-size:6.5cqw;font-weight:900}.stats span{font-size:3cqw;color:#86A396}
.round{display:flex;justify-content:center;gap:8cqw;margin-top:3cqw;text-align:center;font-size:3cqw;font-weight:800;color:#B4C8BE}
.round i{display:grid;place-items:center;width:17cqw;height:17cqw;border-radius:50%;margin-bottom:1.5cqw;font-style:normal;font-size:6cqw;font-weight:900}
.m-title{font-size:7cqw;font-weight:900;text-align:center;margin-bottom:1cqw}
.m-lede{font-size:3.3cqw;color:#B4C8BE;text-align:center;margin-bottom:5cqw}
.bars{display:flex;align-items:flex-end;justify-content:space-between;height:26cqw;margin-top:3cqw}
.bars div{width:8cqw;display:flex;flex-direction:column-reverse;gap:.6cqw;align-items:stretch}
.bars s{display:block;border-radius:1.2cqw;text-decoration:none}
.days{display:flex;justify-content:space-between;font-size:2.8cqw;color:#86A396;margin-top:1.5cqw}.days span{width:8cqw;text-align:center}
.qa{display:grid;grid-template-columns:1fr 1fr;gap:2.5cqw;margin-top:4cqw}
.qa div{background:#1a302b;border:1px solid #34584E;border-radius:4cqw;padding:3cqw;font-size:3.2cqw;font-weight:800;display:flex;align-items:center;gap:2cqw}
.qa img{width:7cqw}
.hero .phone-stage .mock{max-width:340px;margin:0 auto}
.shot-card .mock{max-width:280px;margin:14px auto 0}
.tri-card .mock{max-width:250px;margin:22px auto 0}