.code-card{margin:0;border:1px solid #46626a;border-radius:17px;background:radial-gradient(ellipse at 85% 0,rgba(255,125,0,.22),transparent 60%),#0c242b;box-shadow:0 25px 100px #0008;overflow:hidden;transform:perspective(1400px) rotateY(-5deg)}.code-card__digits{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.5rem;gap:.5rem;margin:0;padding:2.2rem 1.25rem 1rem}.code-card__digits span{display:grid;place-items:center;aspect-ratio:3/4;border:1px solid var(--accent-line);border-radius:var(--r);background:var(--bg-deep);font-family:var(--font-display);font-size:clamp(1.6rem,1rem + 2.2vw,2.7rem);font-weight:800;color:var(--text);box-shadow:inset 0 -3px 0 rgba(255,125,0,.35)}.code-card__meta{margin:0;padding:0 1.25rem 1.4rem;text-align:center}.code-card__foot,.code-card__meta{font-size:var(--text-xs);color:var(--text-mute)}.code-card__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;padding:1rem 1.25rem;border-top:1px solid var(--line)}.copy-code{padding:.55rem 1.1rem;border:1px solid var(--accent);border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-size:.85rem;font-weight:700;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.copy-code:hover{background:var(--accent-strong);transform:translateY(-1px)}.copy-code:focus-visible{outline:2px solid var(--text);outline-offset:2px}.app-devices{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:.7rem;gap:.7rem}.app-devices li{display:grid;grid-template-columns:auto 1fr;grid-gap:.25rem 1rem;gap:.25rem 1rem;align-items:center;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.app-devices li.is-yes{border-color:var(--accent-line)}.app-devices li>:not(.app-devices__badge){grid-column:2}.app-devices__badge{grid-row:span 2;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--bg-deep);color:var(--text-mute)}.is-yes .app-devices__badge{background:var(--accent);color:var(--accent-ink)}.app-devices strong{font-family:var(--font-display);font-weight:600;line-height:1.35}.app-devices .dim,.app-devices .text-link{font-size:.9rem}.app-featured__grid{display:grid;grid-template-columns:1fr 18rem;grid-gap:clamp(2rem,1rem + 4vw,4.5rem);gap:clamp(2rem,1rem + 4vw,4.5rem);align-items:start}.app-steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:0;gap:0}.app-steps li{position:relative;display:grid;grid-template-columns:3rem 1fr;grid-gap:1.3rem;gap:1.3rem;padding-bottom:2rem}.app-steps li:not(:last-child):before{content:"";position:absolute;left:1.5rem;top:3rem;bottom:.4rem;width:2px;background:linear-gradient(var(--accent-line),transparent)}.app-steps__num{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;border:1px solid var(--accent-line);background:var(--accent-soft);font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--accent-2)}.app-steps h3{margin-top:.55rem;font-size:1.2rem}.app-steps p{margin:.5rem 0 0}.app-steps__tip{display:flex;gap:.6rem;align-items:flex-start;margin-top:.8rem!important;padding:.75rem .9rem;border-radius:var(--r-sm);background:var(--bg-deep);font-size:.88rem;color:var(--text-dim)}.app-steps__tip svg{flex-shrink:0;margin-top:.25rem;color:var(--accent)}.app-steps--compact li{grid-template-columns:2.4rem 1fr;gap:1rem;padding-bottom:1.4rem}.app-steps--compact li:not(:last-child):before{left:1.2rem;top:2.4rem}.app-steps--compact .app-steps__num{width:2.4rem;height:2.4rem;font-size:1rem}.app-steps--compact h3{margin-top:.35rem;font-size:1.05rem}.app-sticky{position:-webkit-sticky;position:sticky;top:6.5rem;display:grid;grid-gap:.9rem;gap:.9rem;justify-items:start;padding:1.6rem;border:1px solid var(--accent-line);border-radius:var(--r-lg);background:radial-gradient(ellipse at 100% 0,rgba(255,125,0,.16),transparent 65%),var(--surface)}.app-sticky>strong{font-family:var(--font-display);font-size:2.6rem;letter-spacing:.08em;line-height:1}.app-sticky p{margin:0;font-size:.9rem}.app-duo{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:1.2rem;gap:1.2rem;align-items:start}.app-panel{padding:clamp(1.5rem,1rem + 1.5vw,2.2rem)}.app-panel .dim{font-size:.96rem}.app-h2--compact{margin:.8rem 0 .4rem;font-size:clamp(1.4rem,1.1rem + 1vw,1.8rem)}.app-panel>div:first-child{margin-bottom:1.4rem}.app-troubles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.2rem;gap:1.2rem}.app-troubles .panel{display:flex;flex-direction:column;padding:1.6rem}.app-troubles h3{font-size:1.08rem;line-height:1.3}.app-troubles p{font-size:.94rem}.app-troubles .text-link{margin-top:auto}.app-safety{list-style:none;margin:0;padding:0;display:grid;grid-gap:.7rem;gap:.7rem}.app-safety li{display:flex;gap:.8rem;align-items:flex-start;padding:.95rem 1.1rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);font-size:.94rem;color:var(--text-dim)}.app-safety svg{flex-shrink:0;margin-top:.25rem;color:var(--accent)}@media (max-width:960px){.app-duo,.app-featured__grid{grid-template-columns:1fr}.app-sticky{position:static}.app-troubles{grid-template-columns:1fr 1fr}}@media (max-width:760px){.code-card{transform:none}.app-devices,.app-troubles{grid-template-columns:1fr}.code-card__digits{gap:.3rem;padding:1.6rem 1rem 1.2rem}}@media (prefers-reduced-motion:reduce){.copy-code:hover{transform:none}}