.pixel{position:relative;width:100%;padding:3.2%;border-radius:13%/6%;background:linear-gradient(150deg,#2f312d,#161715 45%,#262824);box-shadow:inset 0 0 0 1.5px #5f625b,inset 0 0 0 4px #0e0f0d,0 50px 90px -20px #000c,0 20px 40px -10px #0008,0 0 120px -30px #f2c46d33}.pixel img{display:block;width:100%;height:auto;border-radius:10.5%/4.8%;background:#000}.android-hero-phone{width:min(340px,100%);margin:0 auto}.screen-tabs{display:flex;justify-content:center;gap:6px;margin-bottom:18px;flex-wrap:wrap}.screen-tabs button{padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:#1e211c;color:#c8c9b9;font:inherit;font-size:13px;cursor:pointer}.screen-tabs button:hover{color:var(--cream)}.screen-tabs button.on{background:var(--cream);border-color:var(--cream);color:var(--ink)}.screen-tabs button:focus-visible{outline:2px solid var(--honey);outline-offset:2px}.android-hero-phone .phone-caption{margin-top:16px}.shade-card{position:relative;border:1px solid var(--line);border-radius:24px;overflow:hidden;min-height:420px;padding:34px 26px;display:flex;flex-direction:column;gap:16px;justify-content:center;background:linear-gradient(180deg,#1b2a2a,#23302a 55%,#3a3424)}.shade-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shade-tiles>span{display:flex;align-items:center;gap:10px;padding:16px 18px;border-radius:999px;background:#ffffff14;color:#dfe3d8;font-size:14px}.shade-tiles>span.on{background:#f2c46d;color:#2a2110;font-weight:600}.shade-note{padding:18px 20px;border-radius:26px;background:#1a1c19f2;box-shadow:0 20px 40px #0006}.shade-note-head{display:flex;align-items:center;gap:8px;font-size:13px;color:#b9bdb0}.shade-note-head img{border-radius:5px}.shade-note-head b{margin-left:auto;font:600 13px var(--mono);color:#ff6b5f}.shade-note p{margin:12px 0 14px;color:var(--cream);font-size:15px;line-height:1.5}.shade-note .spk{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:6px;background:#3d4a2f;color:#c7e3a6;font:11px var(--mono);vertical-align:2px}.shade-actions>span{display:inline-block;padding:8px 18px;border-radius:999px;background:#ff453a26;color:#ff8a80;font-size:13px;font-weight:600}.android-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;max-width:520px;margin:0 auto}.android-pair .pixel:last-child{margin-top:60px}.android-share-shot{overflow:hidden;border-radius:18px;border:1px solid var(--line);margin-bottom:26px;background:#000}.android-share-shot img{display:block;width:100%;height:auto}@media(max-width:860px){.android-pair{max-width:420px}.shade-card{min-height:340px}}@media(max-width:600px){.shade-card{padding:24px 16px}.shade-tiles>span{padding:12px 14px;font-size:13px}}