.sc{margin:0;--sc-p:0}.sc,.sc-stage{position:relative}.sc-stage{perspective:1600px;transform-style:preserve-3d;padding:6% 0 0 7%}.sc-back,.sc-front{border-radius:18px;transform-style:preserve-3d;will-change:transform}.sc-front{position:relative;z-index:2;overflow:hidden;aspect-ratio:16/10;background:#14110f;transform:rotateX(calc(4deg + var(--sc-p) * 5deg)) rotateY(calc(-11deg + var(--sc-p) * 3deg)) translateZ(0);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 0 1px rgba(20,17,15,.08),0 40px 80px -30px rgba(40,25,10,.45),0 18px 36px -24px rgba(40,25,10,.35);-webkit-box-reflect:below 14px linear-gradient(transparent 76%,rgba(255,255,255,.16));transition:transform .2s linear}.sc-back{z-index:1;top:0;left:0;width:62%;height:auto;aspect-ratio:16/10;opacity:.9;filter:saturate(.9) blur(.3px);transform:rotateX(calc(4deg + var(--sc-p) * 5deg)) rotateY(-11deg) translateZ(-120px) translateY(calc(var(--sc-p) * -26px));box-shadow:0 30px 60px -30px rgba(40,25,10,.35);transition:transform .2s linear}.sc-back,.sc-poster,.sc-video{position:absolute;-o-object-fit:cover;object-fit:cover}.sc-poster,.sc-video{inset:0;width:100%;height:100%;display:block}.sc-video{opacity:0;transition:opacity .5s}.sc.playing .sc-video{opacity:1}.sc-cap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:30px;padding-left:7%;font:500 14.5px Inter,system-ui,sans-serif;color:var(--sub)}.sc-name b{font:600 16px Inter Tight,system-ui,sans-serif;color:var(--text);letter-spacing:-.01em;margin-right:4px}.sc-open{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 14px 9px 16px;background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--rim);font:600 13.5px Inter Tight,system-ui,sans-serif;color:var(--text);white-space:nowrap;transition:transform .15s}.sc-open:hover{transform:translateY(-1px)}.sc-open i{font-style:normal;color:var(--accent)}.sc-hero .sc-front{transform:rotateX(calc(5deg + var(--sc-p) * 6deg)) rotateY(calc(-14deg + var(--sc-p) * 4deg))}.sc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 46px;margin-top:46px}.sc-grid .sc-line{margin:10px 0 0 7%;font-size:15px;line-height:1.6;color:var(--sub);max-width:520px}.sc-grid .sc:nth-child(2n) .sc-front{transform:rotateX(calc(4deg + var(--sc-p) * 5deg)) rotateY(calc(11deg + var(--sc-p) * -3deg))}.sc-grid .sc:nth-child(2n) .sc-back{left:auto;right:0;transform:rotateX(calc(4deg + var(--sc-p) * 5deg)) rotateY(11deg) translateZ(-120px) translateY(calc(var(--sc-p) * -26px))}.sc-grid .sc:nth-child(2n) .sc-stage{padding:6% 7% 0 0}.ex{padding:30px 0 100px;position:relative}.ex-is{margin-top:18px;max-width:760px;font:500 24px/1.45 Inter Tight,system-ui,sans-serif;letter-spacing:-.015em;color:var(--text)}.ex-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;counter-reset:ex}.ex-step{border-radius:26px;padding:26px}.ex-step .n{font:600 13px Inter Tight,system-ui,sans-serif;color:var(--accent)}.ex-step h3{font:600 23px Inter Tight,system-ui,sans-serif;letter-spacing:-.03em;margin-top:8px}.ex-step p{font-size:15px;line-height:1.6;color:var(--sub);margin-top:8px}.ex-auto{margin-top:22px;border-radius:26px;padding:22px 26px}.ex-auto>h3{font:600 15px Inter Tight,system-ui,sans-serif;color:var(--muted);letter-spacing:.01em}.ex-auto ul{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:14px}.ex-auto li b{display:flex;align-items:center;gap:8px;font:600 16px Inter Tight,system-ui,sans-serif;color:var(--text)}.ex-auto li b:before{content:"✓";width:20px;height:20px;border-radius:50%;background:var(--mint);color:#fff;font-size:11px;display:grid;place-items:center;flex-shrink:0}.ex-auto li span{display:block;margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--sub)}.ex-note{margin-top:14px;font-size:13px;color:var(--muted)}@media (max-width:1180px){.ex-auto ul{grid-template-columns:repeat(3,1fr)}}@media (max-width:860px){.ex-steps,.sc-grid{grid-template-columns:1fr}.ex-auto ul{grid-template-columns:1fr 1fr}.ex-is{font-size:20px}}@media (max-width:600px){.sc-back,.sc-front{border-radius:12px}.sc-cap{margin-top:20px}.ex{padding:20px 0 70px}.ex-auto{padding:20px}.ex-auto ul{grid-template-columns:1fr;gap:12px}}[data-theme=dark] .sc-front{box-shadow:0 0 0 1px rgba(255,240,225,.1),0 40px 80px -30px rgba(0,0,0,.7);-webkit-box-reflect:below 14px linear-gradient(transparent 76%,rgba(255,255,255,.08))}@media (prefers-reduced-motion:reduce){.sc-back,.sc-front{transition:none}.sc-video{display:none}}