.guide{max-width:44rem;margin-inline:auto;padding-top:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.guide-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.guide-head img{border-radius:1.3rem;box-shadow:0 12px 30px #00000073,0 0 0 1px #ffffff24}.guide-head h1{font-size:2.4rem;font-weight:800;margin-top:.6rem}.guide-head p{color:#ffffffb3}.guide-h2{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--g-ink);display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin-bottom:.6rem}.guide-h2 small{font-family:var(--font-body);font-size:.8rem;font-weight:600;color:#ffffff8c}.guide-card{border-radius:1.25rem;padding:1.1rem 1.2rem;background:linear-gradient(180deg,#ffffff0d,#fff0 45%),var(--g-panel);box-shadow:inset 0 0 0 1px var(--g-line),0 12px 30px #00000059}.guide-card h2{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--g-accent);margin-bottom:.6rem;line-height:1.4}.guide-card ul{display:flex;flex-direction:column;gap:.5rem;color:#ffffffdb}.guide-card li{display:flex;gap:.6rem;line-height:1.6}.guide-card li:before{content:"";flex-shrink:0;width:.45rem;height:.45rem;margin-top:.6rem;border-radius:999px;background:var(--g-accent)}.guide-card p{color:#ffffffdb;line-height:1.6}.guide-video{border-radius:1.25rem;overflow:hidden;aspect-ratio:16 / 9;background:var(--g-panel);box-shadow:inset 0 0 0 1px var(--g-line),0 14px 34px #00000073}.guide-video video,.guide-video__poster img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.guide-video__poster{position:relative;width:100%;height:100%;display:block}.guide-video__play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:4.5rem;height:4.5rem;border-radius:999px;display:grid;place-items:center;font-size:1.6rem;padding-inline-start:.3rem;background:var(--g-accent);color:var(--g-accent-ink);box-shadow:0 10px 30px #00000080;transition:transform .16s cubic-bezier(.33,1,.68,1)}.guide-video__poster:active .guide-video__play{transform:scale(.94)}.guide-shots{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem;scrollbar-width:thin}.guide-shots li{flex:0 0 min(78%,22rem);scroll-snap-align:start;display:flex;flex-direction:column;gap:.35rem}.guide-shots img{width:100%;height:auto;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;border-radius:.9rem;box-shadow:inset 0 0 0 1px var(--g-line);background:var(--g-panel)}.guide-shots span{font-size:.85rem;color:#ffffffb3}.guide-actions{display:flex;gap:.75rem;justify-content:center;padding-block:.5rem 2rem}.guide-actions button{border-radius:1rem;padding:.85rem 1.6rem;font-weight:800;transition:transform .16s cubic-bezier(.33,1,.68,1)}.guide-actions button:active{transform:scale(.97)}.guide-actions .guide-back{color:#fff;box-shadow:inset 0 0 0 1.5px #ffffff40}.guide-chip{border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:800;white-space:nowrap}.guide-chip--free{color:#86efac;background:#22c55e24}.guide-chip--premium{color:var(--g-ink);background:color-mix(in srgb,var(--g-accent) 22%,transparent)}@media (prefers-reduced-motion: reduce){.guide-video__play,.guide-actions button{transition:none}}
