/* Pocket is a quiet second doorway, not another homepage dashboard. */
.hero-note a{color:var(--mint);display:inline-block;text-underline-offset:4px}
.pocket-section{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,7vw,110px);align-items:center;border-top:1px solid var(--line);position:relative;scroll-margin-top:24px}
.pocket-copy{max-width:565px;min-width:0}
.pocket-copy h2{margin:20px 0 24px}
.pocket-copy h2 em{color:var(--mint);font-weight:400}
.pocket-lead{font-size:1.3rem;line-height:1.45;margin-bottom:20px}
.pocket-copy>.muted{max-width:510px}
.pocket-methods{display:flex;flex-wrap:wrap;gap:10px 18px;margin:24px 0 28px;color:var(--mint);font:.72rem/1.6 var(--mono)}
.pocket-methods span{border-bottom:1px solid #486c5e;padding-bottom:6px}
.pocket-demo-note{margin:20px 0 0;line-height:1.7}
.pocket-preview{margin:0;justify-self:center;width:min(100%,310px);isolation:isolate}
/* Hardware stays decorative; the whole device remains one accessible link. */
.pocket-preview>a{display:block;position:relative;box-sizing:border-box;aspect-ratio:70.5/146.9;border:1px solid #b9c1c5;border-radius:11.5% / 5.52%;padding:0;background:linear-gradient(90deg,#8a9297,#e1e5e7 1%,#737c82 2%,#161b1f 3%,#101417 97%,#6b767c 98%,#d0d6da 99%,#7d888f);box-shadow:inset 0 0 0 1px #e9eef04d,1px 0 0 #343c41,2px 0 0 #879198,0 22px 38px -8px #0009}
/* Standard S25 body: 70.5 × 146.9 mm; display: 1080 × 2340.
   Hardware details are a CSS reconstruction, not manufacturer CAD. */
.pocket-preview>a::before{content:'';position:absolute;inset:2px;border:1px solid #080b0d;border-radius:inherit;pointer-events:none}
.pocket-preview>a::after{content:'';position:absolute;top:1px;left:43%;width:14%;height:1px;background:#252b30;border-radius:2px;pointer-events:none}
.pocket-device-screen{display:block;position:absolute;inset:1.25% 3.1%;padding:7% 0 4%;background:#0b1717;border:0;border-radius:9.1% / 4.2%;overflow:hidden}
.pocket-preview img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}
.pocket-device-screen::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff12;background:linear-gradient(115deg,#ffffff08,transparent 25%,transparent 78%,#ffffff03);pointer-events:none}
.pocket-device-camera{position:absolute;z-index:1;top:1.5%;left:48.7%;width:2.6%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 38%,#172739 0 12%,#070b12 24% 48%,#010203 65%);box-shadow:0 0 0 1px #252b2f;pointer-events:none}
.pocket-device-keys{position:absolute;right:-3px;top:22%;width:2px;height:10%;border-radius:0 1px 1px 0;background:linear-gradient(90deg,#7c858c,#c9d0d5);box-shadow:0 1px 1px #000;pointer-events:none}
.pocket-device-keys::after{content:'';position:absolute;top:140%;right:0;width:2px;height:57%;border-radius:inherit;background:inherit;box-shadow:inherit}
.pocket-device-gesture{position:absolute;bottom:.9%;left:34%;width:32%;height:2px;border-radius:4px;background:#e1e5e7;opacity:.8;pointer-events:none}
.pocket-preview figcaption{text-align:center;font:.68rem/1.8 var(--mono);color:var(--mint);margin-top:24px}
.pocket-preview figcaption span{color:var(--muted)}
.pocket-connection{margin-top:30px;border-top:1px solid var(--line)}
.pocket-connection summary{padding:16px 0;cursor:pointer;font-size:.86rem;color:var(--mint);min-height:48px}
.pocket-connection p{font-size:.86rem;line-height:1.65;margin-bottom:14px}
.pocket-connection strong{font-weight:650}
.pocket-preview a:focus-visible,.pocket-connection summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}
@media(max-width:720px){.pocket-section{grid-template-columns:1fr;gap:36px}.pocket-preview{width:min(80%,300px)}.pocket-lead{font-size:1.16rem}.pocket-copy h2{font-size:clamp(2.4rem,9vw,3.5rem)}}
@media(prefers-reduced-motion:reduce){.pocket-preview>a{transition:none}}
@media(forced-colors:active){.pocket-preview>a,.pocket-connection{border-color:CanvasText}.pocket-device-screen{border-color:CanvasText}.pocket-device-screen::after{display:none}}