@layer components{.platform-page{overflow:clip}.page-width{width:min(100% - 4rem,74rem);margin-inline:auto}.platform-hero{grid-template-columns:1.45fr 1fr;align-items:center;gap:4rem;padding:5rem 0 6rem;display:grid}.platform-back{color:#a69bae;align-items:center;gap:.6rem;margin-bottom:1.6rem;font-size:.75rem;display:inline-flex}.platform-back>span{color:#61576e}.platform-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,4.7vw,4.6rem);font-weight:550;line-height:1.06}.platform-hero h1>span{color:var(--page-accent)}.platform-hero-copy>p{color:#b8acbf;max-width:45ch;margin:1.5rem 0 1.8rem;font-size:1rem;line-height:1.65}.platform-hero-copy>.platform-input-hint{color:#a296ac;max-width:50ch;margin:.9rem 0 0;font-size:.73rem;line-height:1.5}.platform-hero .video-link-form{width:100%}.platform-hero-visual{justify-self:center;width:16rem;position:relative;transform:rotate(5deg)}.platform-photo{aspect-ratio:9/16;border-radius:1.5rem;position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem #0007}.platform-photo>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.platform-photo-caption{text-align:center;letter-spacing:-.04em;color:#fff;text-shadow:0 2px 5px #0006;width:100%;font-size:1.7rem;font-weight:750;line-height:1.1;position:absolute;bottom:13%}.platform-photo-caption mark{background:var(--page-accent);color:#21172d;text-shadow:none;border-radius:.2rem;padding:0 .2rem}.platform-hero-logo{position:absolute;top:-1.1rem;right:-1.3rem;transform:rotate(-10deg)}.platform-hero-logo .platform-logo{width:3.2rem;height:3.2rem}.platform-hero-logo img{object-fit:contain;width:100%;height:100%}.platform-hero-logo.platform-kick .platform-logo{width:5.5rem}.platform-format{color:#e7dcec;background:#29222f;border-radius:.8rem;padding:.7rem 1rem;font-size:.9rem;position:absolute;bottom:4rem;left:-1.4rem;transform:rotate(-12deg)}.platform-hero-visual>p{text-align:center;color:#95879f;margin:.8rem 0 0;font-size:.65rem}.platform-guide{padding:2rem 0 5rem}.platform-page h2{letter-spacing:-.045em;max-width:30ch;margin:0 0 2rem;font-size:clamp(2rem,3.4vw,3.2rem);font-weight:550;line-height:1.1}.platform-guide>h2{max-width:25ch}.platform-guide ol{grid-template-columns:repeat(3,1fr);gap:1.3rem;margin:0;padding:0;list-style:none;display:grid}.platform-guide li{background:#1c1722;border-radius:1.4rem;padding:1.7rem}.platform-step-number{width:2rem;height:2rem;color:var(--page-accent);background:#34283e;border-radius:.7rem;place-items:center;margin-bottom:1.4rem;font-size:.9rem;display:grid}.platform-page h3{letter-spacing:-.025em;margin:0 0 .7rem;font-size:1.15rem;font-weight:550;line-height:1.25}.platform-guide li>p,.platform-use-list p,.platform-tip p{color:#b5a8c0;margin:0;font-size:.91rem;line-height:1.7}.platform-uses{grid-template-columns:1.3fr 1fr;align-items:start;gap:5rem;padding:1.5rem 0 5rem;display:grid}.platform-use-list{gap:1.6rem;max-width:48ch;display:grid}.platform-tip{background:linear-gradient(145deg,#2b2336,#211c29);border-radius:1.5rem;margin-top:1rem;padding:2.1rem}.platform-tip>.ui-icon{color:var(--page-accent);margin-bottom:1.5rem}.platform-tip h3{margin-bottom:1rem;font-size:1.45rem}.platform-tip>a{color:var(--page-accent);align-items:center;gap:.7rem;margin-top:1.7rem;font-size:.85rem;display:inline-flex}.platform-tip>a>.ui-icon{width:1rem}.platform-faq{max-width:52rem;padding:1rem 0 5rem}.platform-faq>h2{text-align:center;margin-inline:auto}.platform-faq>div{gap:.65rem;display:grid}.platform-faq details{background:#19151e;border-radius:1rem;padding:0 1.3rem}.platform-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 0;font-size:.93rem;list-style:none;display:flex}.platform-faq summary::-webkit-details-marker{display:none}.platform-faq summary>.ui-icon{color:#b49bc8;width:1rem;height:1rem;transition:transform .2s}.platform-faq details[open] summary>.ui-icon{transform:rotate(45deg)}.platform-faq details>p{color:#b7a9c1;margin:0 0 1.4rem;font-size:.88rem;line-height:1.7}.platform-related{padding:0 0 2rem}.platform-related h2{letter-spacing:-.025em;margin-bottom:1.3rem;font-size:1.35rem}.platform-related>div{flex-wrap:wrap;gap:1rem;display:flex}.platform-related a{background:#201a27;border-radius:1rem;align-items:center;gap:.7rem;padding:.8rem 1rem;font-size:.9rem;display:flex}.platform-related a:hover{background:#30243d}.platform-related a>.ui-icon{width:1rem;margin-left:1rem}.platform-related .platform-kick .platform-logo{width:2.6rem}.platform-related .platform-kick img{width:100%;height:auto}@media (width<48rem){.page-width{width:calc(100% - 2.5rem)}.platform-hero{grid-template-columns:1fr;gap:3rem;padding:2.5rem 0 3rem}.platform-hero h1{font-size:clamp(2.5rem,9vw,4rem)}.platform-hero-copy>p{margin:1.2rem 0 1.5rem;font-size:.93rem}.platform-back{margin-bottom:1.3rem;font-size:.68rem}.platform-hero-visual{width:13rem}.platform-photo-caption{font-size:1.5rem}.platform-page h2{margin-bottom:1.5rem;font-size:2.1rem}.platform-guide{padding:1.5rem 0 3rem}.platform-guide ol{grid-template-columns:1fr;gap:.8rem}.platform-guide li{padding:1.4rem}.platform-step-number{margin-bottom:1rem}.platform-uses{grid-template-columns:1fr;gap:1.5rem;padding:0 0 3rem}.platform-tip{padding:1.6rem}.platform-faq{padding:0 0 3rem}.platform-faq summary{font-size:.85rem}.platform-related h2{font-size:1.25rem}.platform-related>div{display:grid}.platform-related a{font-size:.82rem}.platform-related a>.ui-icon{margin-left:auto}}}