.guide-section{padding:80px 32px 96px;scroll-margin-top:96px}
.guide-container{max-width:1216px;margin-inline:auto}
.guide-heading{text-align:center;margin:0 auto 44px;max-width:740px}
.guide-eyebrow{color:var(--primary);font-size:11px;font-weight:700;letter-spacing:1.7px;margin-bottom:18px}
.guide-heading h2{font-size:64px;line-height:1.05;margin:0 0 20px;color:#f4f5f7}
.guide-heading h2 span{color:#67df9a}
.guide-heading>p:last-child{color:#969ca8;font-size:15px;line-height:1.7}
.guide-layout{display:grid;align-items:center;gap:32px}
.guide-player{border:1px solid #ffffff14;border-radius:25px;overflow:hidden;background:#111714;box-shadow:0 35px 85px -50px #000}
.guide-video-frame{aspect-ratio:16/9;background:#090d0b;position:relative}
.guide-video-frame video{width:100%;height:100%;display:block;object-fit:contain;filter:none}
.guide-video-footer{display:flex;align-items:center;gap:12px;min-height:76px;padding:16px 22px;border-top:1px solid #ffffff0d;background:#141b17}
.guide-playing-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#65e397;box-shadow:0 0 12px #65e39733}
.guide-video-footer small{display:block;color:#748b7d;font-size:8px;font-weight:700;letter-spacing:1.4px;margin-bottom:4px}
.guide-video-footer p{color:#dce8e1;font-size:12px;font-weight:600;margin:0}
#guide-play{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#ffffff06;border:1px solid #ffffff10;color:#b3c9bd;margin-left:auto;cursor:pointer;flex-shrink:0}
#guide-play:hover{background:#65e39716;color:#7ce9a7}
#guide-play svg{width:17px;height:17px}
.guide-steps{display:grid;gap:10px}
.guide-step{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;gap:14px;align-items:start;text-align:left;padding:18px 20px;position:relative;overflow:hidden;background:#121619;border:1px solid #ffffff0d;border-radius:15px;color:#c1c7c5;cursor:pointer;transition:background .3s,border-color .3s}
.guide-step:hover{border-color:#7ce9a744;background:#141e18}
.guide-step.is-active{background:#15241b;border-color:#62dc9466}
.guide-step-number{font-size:12px;font-weight:700;letter-spacing:.7px;color:#73877c;padding-top:3px}
.guide-step.is-active .guide-step-number,.guide-step.is-complete .guide-step-number{color:#73e5a0}
.guide-step-copy{display:block;min-width:0}
.guide-step-title{font-family:var(--font-bricolage),Inter,sans-serif;display:block;font-weight:600;font-size:19px;line-height:1.3;color:#dbe3df}
.guide-step.is-active .guide-step-title{color:#f1f9f4}
.guide-step-description{display:block;font-size:12px;font-weight:400;line-height:1.75;color:#9eb1a5;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.22,1,.36,1),opacity .3s,margin .3s}
.guide-step.is-active .guide-step-description{max-height:110px;opacity:1;margin-top:9px}
.guide-step-arrow{font-size:17px;color:#4d6255;line-height:1.3}
.guide-step.is-active .guide-step-arrow{color:#72e59f}
.guide-step-progress{position:absolute;left:0;bottom:0;width:var(--guide-progress,0%);height:2px;background:#66de97;transition:width .25s linear;opacity:0}
.guide-step.is-active .guide-step-progress{opacity:1}
.guide-step-hint{font-size:10px;color:#637c6d;padding:6px 0 0 2px;line-height:1.6;margin:0}
@media(min-width:900px){.guide-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
@media(max-width:1000px) and (min-width:900px){.guide-layout{gap:22px}.guide-step{padding:16px;gap:8px;grid-template-columns:28px minmax(0,1fr) 14px}.guide-step-title{font-size:17px}.guide-step-description{font-size:11px}}
@media(max-width:899px){.guide-section{padding:64px 24px}.guide-layout{max-width:720px;margin-inline:auto}.guide-heading h2{font-size:54px}.guide-heading{margin-bottom:32px}.guide-step.is-active .guide-step-description{max-height:90px}}
@media(max-width:540px){.guide-section{padding:56px 20px}.guide-heading h2{font-size:44px}.guide-eyebrow{font-size:9px}.guide-heading>p:last-child{font-size:13px}.guide-player{border-radius:18px}.guide-video-footer{padding:14px 16px;min-height:68px}.guide-step{padding:16px;gap:10px;grid-template-columns:28px minmax(0,1fr) 16px}.guide-step-title{font-size:17px}}
.reviews-section{padding:80px 32px 96px;scroll-margin-top:96px}
.reviews-container{max-width:1216px;margin-inline:auto}
.reviews-player{max-width:1000px;margin-inline:auto;overflow:hidden;border:1px solid #64de952b;border-radius:25px;background:#0c0d10;box-shadow:0 35px 85px -50px #000}
.reviews-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;filter:none}
.reviews-empty{max-width:760px;margin-inline:auto;padding:48px 32px;text-align:center;border:1px solid #64de952b;border-radius:25px;background:radial-gradient(ellipse at 50% 0%,#224b3338,transparent 65%),#121719}
.reviews-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 22px;color:#73e5a0;background:#62db9510;border:1px solid #62db9529;border-radius:17px}
.reviews-icon svg{width:29px;height:29px}
.reviews-empty h3{font-family:var(--font-bricolage),Inter,sans-serif;font-size:25px;font-weight:600;line-height:1.3;color:#e6f0e9;margin:0 0 13px}
.reviews-empty p{max-width:400px;margin:0 auto;color:#86998e;font-size:13px;line-height:1.8}
@media(max-width:540px){.reviews-section{padding:56px 20px}.reviews-empty{padding:36px 22px;border-radius:20px}.reviews-empty h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.guide-step,.guide-step-description,.guide-step-progress{transition:none}}
