/* Physical-device presentation. Native screen images remain unmodified.
   Full native captures with sample data. Private preview for root review. */
@import url('light.css');
.phone-section{margin-top:44px;padding-top:20px;border-top:1px solid #23332935}
.phone-gallery{display:flex;justify-content:center;align-items:center;gap:56px;padding:34px 28px 40px;perspective:1600px}
.phone-gallery:focus-visible{outline:2px solid var(--forest);outline-offset:-4px}
.phone-device{--phone-width:300px;position:relative;flex:0 0 var(--phone-width);width:var(--phone-width);margin:0;padding:3px;border:1px solid #9c4b29;border-radius:calc(var(--phone-width) * .15);background:linear-gradient(105deg,#66301d 0%,#d2784d 5%,#eeaa7b 12%,#a54d2b 48%,#693020 92%,#d98d60 100%);box-shadow:0 24px 40px #1a281f26,inset 0 0 0 1px #f4b68a66;transform-style:preserve-3d}
.phone-device::before,.phone-device::after{content:"";position:absolute;width:3px;border-radius:2px;background:#9c4b29}
.phone-device::before{left:-3px;top:124px;height:42px;box-shadow:0 48px 0 #9c4b29}
.phone-device::after{right:-3px;top:150px;height:66px}
.phone-device--primary{transform:rotateY(6deg) rotateZ(-1.5deg)}
.phone-device--secondary{transform:rotateY(-6deg) rotateZ(1.5deg)}
.phone-glass{position:relative;padding:4px;border-radius:calc(var(--phone-width) * .14);background:#090a09;box-shadow:inset 0 0 0 1px #30302b}
.phone-display{aspect-ratio:1206/2622;overflow:hidden;border-radius:calc(var(--phone-width) * .125);background:#000}
.phone-display img{display:block;width:100%;height:100%;object-fit:contain}
.phone-island{position:absolute;top:2.4%;left:50%;width:28%;aspect-ratio:3.8;border-radius:999px;background:#050505;transform:translateX(-50%);pointer-events:none}
.phone-caption{margin:0;text-align:center;font-size:12px;line-height:1.5}
.phone-swipe-hint{display:none}
.phone-section+.coming-soon{text-align:center;margin-top:28px;padding:0;border:0}
@media(min-width:768px) and (max-width:1199px){.phone-device{--phone-width:272px}.phone-gallery{gap:36px}}
@media(max-width:767px){
 .phone-section{margin-top:28px;padding:0;border:0}
 .phone-gallery{justify-content:flex-start;align-items:flex-start;width:calc(100% + 48px);margin-inline:-24px;gap:24px;padding:22px 24px 30px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:24px;scrollbar-width:thin;scrollbar-color:#596259 transparent;perspective:none}
 .phone-device{--phone-width:min(300px,78vw);scroll-snap-align:center;transform:none}
 .phone-caption{text-align:left;margin-top:8px}
 .phone-swipe-hint{display:inline}
 .phone-section+.coming-soon{text-align:left;margin-top:26px;padding-top:24px;border-top:1px solid #23332935}
}
@media(max-width:359px){.phone-gallery{width:calc(100% + 40px);margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}}