/* Phone specimens are composed for a small screen, not scaled desktop heroes. */
.pv-mobile{background:color-mix(in srgb,var(--p-bg),var(--p-accent) 7%)}
.pv-phone{position:absolute;width:151px;height:238px;top:11px;left:43px;border:4px solid color-mix(in srgb,var(--p-ink),var(--p-bg) 30%);border-radius:23px;background:var(--p-bg);color:var(--p-ink);box-shadow:8px 10px 22px #24303c25;overflow:hidden}
.pv-phone-status{padding:6px 12px 0;display:flex;align-items:center;justify-content:space-between;font-size:5px;letter-spacing:.02em;height:16px}
.pv-phone-content{position:relative;height:209px;padding:13px 12px 16px}
.pv-phone-content>small{font-size:5px;letter-spacing:.08em;display:block}
.pv-phone-content>h3{font-size:22px;letter-spacing:-.035em;line-height:1.02;font-weight:700;margin:8px 0 10px}
.pv-phone-content>p{font-size:7px;line-height:1.6;opacity:.75}
.pv-phone-content>hr{border:0;border-top:1px solid currentColor;opacity:.3;margin:11px 0}
.pv-phone-content>hr+b{font-size:7px;font-weight:500;display:block}
.pv-phone-home{position:absolute;bottom:4px;left:55px;right:55px;height:2px;border-radius:9px;background:currentColor;opacity:.5}
.pv-ph-bottom{position:absolute;bottom:13px;left:12px;right:12px;background:var(--p-accent);color:var(--p-bg);padding:8px 6px;text-align:center;border-radius:7px;font-size:6px;font-weight:700}
.pv-phone-caption{position:absolute;left:229px;top:51px;right:23px;display:flex;flex-direction:column;align-items:start;color:var(--p-ink)}
.pv-phone-caption>span{font-size:6px;letter-spacing:.17em;line-height:1.5;opacity:.55}
.pv-phone-caption>i{width:24px;height:2px;background:var(--p-accent);margin:16px 0}
.pv-phone-caption>strong{font-size:25px;line-height:1.08;font-weight:600;letter-spacing:-.04em}
.pv-phone-caption>small{font-size:5px;letter-spacing:.07em;opacity:.6;margin-top:25px}
.pv-ph-card{background:var(--p-surface);border:1px solid var(--p-line);border-radius:7px;padding:9px 8px;font-size:6px;margin-top:7px;display:flex;justify-content:space-between;align-items:center}
.pv-ph-metric{padding:11px;border:1px solid var(--p-line);background:var(--p-surface);border-radius:11px;margin:9px 0}
.pv-ph-metric>span{font-size:6px;display:block;opacity:.7}.pv-ph-metric>b{font-size:27px;letter-spacing:-.045em;display:block;margin-top:6px;color:var(--p-accent)}
.pv-phone-paper .pv-phone-content>h3{font:400 27px/.95 Georgia,serif;letter-spacing:-.045em}.pv-phone-paper .pv-ph-bottom{border-radius:0;background:none;color:inherit;border-top:1px solid currentColor;padding-top:10px;text-align:left;font-size:5px}
.pv-phone-cinema{background:#11131f;color:#eff0ff;border-color:#414252}.pv-phone-cinema .pv-phone-content>small{color:#b7b8d0}.pv-phone-cinema .pv-phone-content>h3{font-size:21px}.pv-ph-poster{height:86px;position:relative;overflow:hidden;border-radius:8px;background:radial-gradient(ellipse at 64% 32%,#c298a4,#555473 50%,#1c233c);box-shadow:0 0 25px #8781db40}
.pv-ph-poster i{position:absolute;height:100px;width:50px;border-radius:50% 50% 0 0;right:13px;top:20px;background:#151a2b;transform:rotate(-13deg)}.pv-ph-poster span{position:absolute;left:10px;bottom:9px;font-size:12px;line-height:1;font-weight:800;letter-spacing:.08em;color:#eae0de}.pv-phone-cinema .pv-ph-bottom{background:#a6a4d7;color:#17172c;font-size:5px;padding:7px}
.pv-phone-boutique .pv-phone-content>h3{font-family:Georgia,serif;font-size:25px;font-weight:500}.pv-phone-boutique .pv-ph-metric{background:linear-gradient(135deg,#3973eb,#6b94f5);color:#fff;box-shadow:0 6px 10px #2152bc35;border:1px solid #6790e9}.pv-phone-boutique .pv-ph-metric>b{color:white}.pv-phone-boutique .pv-ph-card{box-shadow:0 3px 8px #34496117}
.pv-phone-terminal{background:#0e1b18;color:#a5f4b6;border-color:#41534b;font-family:Consolas,monospace}.pv-phone-terminal .pv-phone-content>h3{font-size:21px;text-shadow:0 0 7px #6ffe914d}.pv-phone-terminal .pv-phone-content>p{font-size:6px;opacity:1;line-height:1.7;color:#b1c9b5}.pv-phone-terminal .pv-phone-content>p b{color:#a5f4b6}.pv-phone-terminal .pv-ph-bottom{background:none;border-top:1px solid #47885a;color:#a5f4b6;border-radius:0;text-align:left}.pv-phone-terminal:after,.pv-phone-hud:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px)}
.pv-phone-kinetic{background:#202624;color:#e1fa79;border-color:#444d40}.pv-phone-kinetic .pv-phone-content>h3{font-size:35px;font-weight:900;line-height:.88;letter-spacing:-.07em;margin-top:16px;animation:pv-type 2.4s ease-in-out infinite paused}.pv-ph-marquee{background:#e1fa79;color:#202624;position:absolute;top:132px;left:-12px;right:-12px;transform:rotate(-8deg);padding:5px;font-size:18px;white-space:nowrap;font-weight:800}.pv-phone-kinetic .pv-ph-bottom{background:none;color:#e1fa79;border-bottom:1px solid #e1fa79;border-radius:0;text-align:left;padding-left:0}
.pv-ph-flat{display:flex;gap:7px;margin-top:14px}.pv-ph-flat>span{display:flex;flex:1;flex-direction:column;gap:8px;background:var(--p-accent);color:var(--p-bg);font-size:22px;padding:11px 10px}.pv-ph-flat>span:nth-child(2){background:var(--p-accent2);color:#1d3642}.pv-ph-flat b{font-size:6px}.pv-phone-flat .pv-ph-card{border-radius:0;border:0}.pv-phone-flat .pv-ph-bottom{background:none;color:inherit;border-top:1px solid var(--p-line);border-radius:0;font-size:12px;padding:6px}
.pv-phone-material{background:#f4ecf5;color:#463145;border-color:#674957}.pv-phone-material .pv-phone-content>h3{font-size:25px;font-weight:500}.pv-ph-material-shapes{display:flex;align-items:center;gap:10px;margin:13px 0}.pv-ph-material-shapes>span{color:#9269ac;background:#e4c8ec;width:53px;height:60px;display:grid;place-items:center;font-size:41px;border-radius:50% 50% 30% 30%}.pv-ph-material-shapes>b{font-size:26px;letter-spacing:-.04em;background:#e5d8b0;width:61px;height:57px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:19px 19px 19px 4px;color:#514622}.pv-ph-material-shapes>b>small{font-size:5px;margin-top:5px;letter-spacing:0}.pv-phone-material .pv-ph-card{background:#e9dfed;border:0;border-radius:99px}.pv-phone-material .pv-ph-bottom{border-radius:99px;background:#dac1e6;color:#493351}
.pv-phone-neo{background:#fff1d7;color:#24202a;border-color:#29222f}.pv-phone-neo .pv-phone-content>h3{font-size:27px;font-weight:900;line-height:.92;letter-spacing:-.05em}.pv-ph-neo-sticker{height:55px;width:66px;position:relative;left:35px;margin:14px 0 11px;border:2px solid #27222f;background:#f6d454;box-shadow:3px 3px 0 #27222f;display:grid;place-items:center;font-size:42px;transform:rotate(9deg);border-radius:50%;line-height:1}.pv-phone-neo .pv-ph-card{background:#d2bbf3;border:1.5px solid #27222f;border-radius:0;box-shadow:2px 3px 0 #27222f;padding:7px}.pv-phone-neo .pv-ph-bottom{background:#f3826d;border:1.5px solid #27222f;border-radius:0;box-shadow:2px 3px 0 #27222f;color:#27222f;padding:6px}
.pv-phone-poster .pv-phone-content>h3{font-size:32px;font-weight:900;line-height:.89;letter-spacing:-.06em;margin-top:17px;color:var(--p-accent)}.pv-phone-poster .pv-ph-bottom{background:none;color:inherit;border-bottom:2px solid var(--p-accent);border-radius:0;padding-left:0;text-align:left;font-size:5px}
.pv-phone-academia{background:#302524;color:#d9c39a;border-color:#665044;font-family:Georgia,serif}.pv-phone-academia .pv-phone-content>h3{font-size:24px;font-weight:400;letter-spacing:-.04em}.pv-ph-book{margin:12px auto 0;width:80px;height:58px;border-radius:40px 40px 2px 2px;background:linear-gradient(100deg,#7f443d,#62352f);border:1px solid #a0804f;color:#e3c69b;box-shadow:4px 4px 0 #a69777,5px 6px 9px #0005;text-align:center;padding-top:21px;font-size:7px;line-height:1.4}.pv-phone-academia .pv-ph-bottom{background:none;color:#d9c39a;border-top:1px solid #a2824a;border-radius:0}
.pv-phone-hud{background:#0c1c26;color:#8beddb;border-color:#476665;font-family:Consolas,monospace}.pv-phone-hud .pv-phone-content>h3{font-size:23px;letter-spacing:.02em}.pv-phone-hud .pv-radar{top:94px;left:39px;width:70px;height:70px;box-shadow:0 0 0 5px #65dcde18,0 0 0 6px #65dcde66}.pv-phone-hud .pv-radar b{left:43px;top:19px;width:3px;height:3px}.pv-phone-hud .pv-ph-bottom{border:1px solid #66c6bb;border-radius:0;background:#163638;color:#9de8d2;clip-path:polygon(0 0,95% 0,100% 20%,100% 100%,5% 100%,0 80%);font-size:5px}
.pv-phone-wallet{background:#151a20;color:#f7e5c5;border-color:#494b45}.pv-phone-wallet .pv-phone-content>h3{font-size:27px;letter-spacing:-.06em;margin-top:13px}.pv-phone-wallet .pv-phone-content>h3>span{font-size:15px;opacity:.6}.pv-ph-coin{position:absolute;top:84px;left:48px;width:50px;height:50px;border-radius:50%;background:linear-gradient(130deg,#f4c66e,#b16e28);box-shadow:inset 2px 2px 3px #ffdea3,inset -2px -3px 5px #8b571b,0 0 25px #e5a64633;display:grid;place-items:center;font-size:37px;color:#ffdeb0;border:2px solid #e1ac55;transform:rotate(-12deg)}.pv-phone-wallet .pv-ph-card{position:absolute;top:146px;left:12px;right:12px;background:#242b34;border:1px solid #51585b;color:#f0d9b5}.pv-phone-wallet .pv-ph-card>b{color:#b8c9ad;font-size:5px}.pv-phone-wallet .pv-ph-bottom{background:#d8aa62;color:#2f2920;font-size:5px}
.pv-phone-clay{background:#f3e5ed;color:#79547c;border-color:#d5b9d0}.pv-phone-clay .pv-phone-content>h3{font-size:25px;font-weight:800;letter-spacing:-.04em}.pv-ph-clay-star{width:77px;height:59px;margin:5px auto 0;color:#e8b463;font-size:67px;line-height:1;text-shadow:1px 2px 0 #d59748,3px 4px 0 #d59748,4px 9px 9px #84624b38;transform:rotate(10deg);filter:drop-shadow(-1px -1px 0 #ffe8a8)}.pv-phone-clay .pv-ph-card{background:linear-gradient(130deg,#dac3e9,#c9a4d8);color:#684674;border:0;box-shadow:inset 2px 2px 5px #fff8,inset -2px -3px 5px #9667a75c,3px 5px 5px #79568930;border-radius:12px;text-align:center;justify-content:center;padding:8px}.pv-phone-clay .pv-ph-bottom{background:linear-gradient(130deg,#c7e6d2,#8ec6b1);color:#3f7765;box-shadow:inset 2px 2px 3px #fff8,inset -2px -3px 4px #619b7d55,0 4px 0 #82a395;border-radius:12px}
.pv-phone-enterprise .pv-ph-metric{padding:8px 11px}.pv-phone-enterprise .pv-ph-metric>b{font-size:24px}.pv-phone-enterprise .pv-ph-card{padding:7px;font-size:6px}.pv-phone-enterprise .pv-ph-bottom{background:var(--p-surface);color:var(--p-accent);font-size:11px;border-top:1px solid var(--p-line);border-radius:0;padding:4px}.pv-phone-enterprise .pv-phone-content>h3{font-size:21px}
.pv-phone-sketch{background:#f5efdb;color:#655342;border-color:#9a8267;font-family:"Comic Sans MS",cursive}.pv-phone-sketch .pv-phone-content>h3{font-size:21px;font-weight:600}.pv-ph-note{position:relative;background:#f0dda0;color:#625344;margin:18px 0 0;padding:16px 7px 9px;transform:rotate(-5deg);font-size:7px;line-height:2;box-shadow:2px 3px 0 #6c51342b}.pv-ph-note .pv-tape{width:46px;height:15px;top:-5px;left:35px}.pv-phone-sketch .pv-ph-bottom{border:1px dashed #8e7457;border-radius:3px 9px 2px 8px;background:none;color:#655342;transform:rotate(2deg)}
.pv-phone-soft{--soft-dark:#bac4d5;--soft-light:#fff;background:#e4e9f1;color:#51617a;border-color:#c3cada}.pv-phone-soft .pv-ph-soft-disc{width:81px;height:81px;margin:7px auto 15px;border-radius:50%;background:linear-gradient(135deg,#d7dfed,#d5deed);box-shadow:7px 7px 13px #b5c0d3,-7px -7px 12px #fff,inset 3px 3px 8px #fff8;display:grid;place-items:center;font-size:28px;color:#879ac4}.pv-phone-soft .pv-phone-content>h3{text-align:center;font-size:14px;margin-bottom:5px}.pv-phone-soft .pv-phone-content>p{text-align:center;font-size:6px}.pv-phone-soft .pv-soft-track{height:4px;margin:14px 5px}.pv-phone-soft .pv-soft-track i{width:9px;height:9px;top:-2px;border-width:1px}.pv-ph-soft-controls{display:flex;align-items:center;justify-content:space-around;font-size:13px;margin:17px 9px 0}.pv-ph-soft-controls>span,.pv-ph-soft-controls>b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;box-shadow:3px 3px 6px var(--soft-dark),-3px -3px 6px var(--soft-light);font-weight:400}.pv-ph-soft-controls>b{font-size:8px}
/* Alternate themes retain the same visual identity. */
.pv-mobile[data-mode=light] .pv-phone-cinema{background:#eeeaf4;color:#393646;border-color:#7d7986}.pv-mobile[data-mode=light] .pv-phone-cinema .pv-phone-content>small{color:#575161}
.pv-mobile[data-mode=light] .pv-phone-terminal{background:#e7ede4;color:#28543c;border-color:#718679}.pv-mobile[data-mode=light] .pv-phone-terminal .pv-phone-content>p{color:#405d49}.pv-mobile[data-mode=light] .pv-phone-terminal .pv-phone-content>p b,.pv-mobile[data-mode=light] .pv-phone-terminal .pv-ph-bottom{color:#28543c}
.pv-mobile[data-mode=light] .pv-phone-kinetic{background:#f0f0cf;color:#293523}.pv-mobile[data-mode=light] .pv-phone-kinetic .pv-ph-bottom{color:#293523;border-color:#293523}
.pv-mobile[data-mode=light] .pv-phone-academia{background:#efe4cc;color:#5e4738;border-color:#907657}.pv-mobile[data-mode=light] .pv-phone-academia .pv-ph-bottom{color:#5e4738}
.pv-mobile[data-mode=light] .pv-phone-hud{background:#dfefea;color:#2a665d}.pv-mobile[data-mode=light] .pv-phone-wallet{background:#f1e8d9;color:#57442c;border-color:#938169}
.pv-mobile[data-mode=dark] .pv-phone-material{background:#302636;color:#e4d2eb}.pv-mobile[data-mode=dark] .pv-phone-material .pv-ph-card{background:#554060;color:#ead7ed}
.pv-mobile[data-mode=dark] .pv-phone-neo{background:#29232a;color:#f0e3c9}.pv-mobile[data-mode=dark] .pv-phone-neo .pv-ph-card{color:#27222f}
.pv-mobile[data-mode=dark] .pv-phone-clay{background:#3b2d47;color:#efcfef;border-color:#8f729f}
.pv-mobile[data-mode=dark] .pv-phone-sketch{background:#3d3429;color:#eedfc2;border-color:#8d785b}.pv-mobile[data-mode=dark] .pv-phone-sketch .pv-ph-bottom{color:#e8d2ae;border-color:#b7a183}
.pv-mobile[data-mode=dark] .pv-phone-soft{--soft-dark:#172030;--soft-light:#3d4960;background:#2a354a;color:#dce3f0;border-color:#53617a}.pv-mobile[data-mode=dark] .pv-phone-soft .pv-ph-soft-disc{background:linear-gradient(135deg,#344259,#253047);box-shadow:7px 7px 13px #172030,-7px -7px 12px #3d4960,inset 3px 3px 8px #65769240}
/* Preserve breathing room above stationary phone navigation. */
.pv-phone-flat .pv-ph-card,.pv-phone-material .pv-ph-card,.pv-phone-boutique .pv-ph-card,.pv-phone-neo .pv-ph-card,.pv-phone-enterprise .pv-ph-card+.pv-ph-card{display:none}
.pv-phone-neo .pv-ph-neo-sticker{height:43px;width:58px;font-size:35px;margin:10px 0}.pv-phone-neo .pv-phone-content>h3{font-size:24px}
.pv-phone-academia .pv-ph-book{height:48px;padding-top:17px;margin-top:8px}
.pv-phone-wallet .pv-ph-card{top:134px}
.pv-phone-clay .pv-ph-clay-star{height:45px;font-size:55px;margin-top:4px}
.pv-phone-enterprise .pv-ph-metric{padding:7px 10px;margin:6px 0}.pv-phone-enterprise .pv-ph-metric>b{font-size:22px}
.pv-phone-soft .pv-ph-soft-disc{width:68px;height:68px;margin:6px auto 10px}.pv-phone-soft .pv-phone-content>h3{margin:0 0 3px}.pv-phone-soft .pv-soft-track{margin:10px 5px}.pv-phone-soft .pv-ph-soft-controls{margin:12px 9px 0}