.shell:has(.play-intro){max-width:1240px;padding:0 38px;background:transparent}.play-intro{--intro-gold:#e7bd7a;--intro-muted:#afb4c2}.intro-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid #e7bd7a22}.intro-brand{display:flex;align-items:center;gap:12px;font-family:Outfit,Arial,sans-serif;letter-spacing:.1em;font-size:20px;font-weight:700}.intro-brand img{border-radius:12px}.intro-brand b{color:var(--intro-gold);font-weight:500}.intro-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center;padding:78px 0 62px}.intro-kicker{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.17em;font-weight:800;color:var(--intro-gold)}.intro-kicker i{width:6px;height:6px;border-radius:50%;background:var(--intro-gold);box-shadow:0 0 14px #e7bd7a88}.intro-copy h1{font-family:Outfit,Arial,sans-serif;font-size:clamp(44px,5vw,67px);font-weight:600;line-height:1.04;letter-spacing:-.045em;margin:22px 0}.intro-copy h1 span{color:var(--intro-gold)}.intro-lead{font-size:19px;line-height:1.55;color:#eee9e0;max-width:420px;margin:0 0 14px}.intro-description{font-size:14px;line-height:1.8;color:var(--intro-muted);max-width:410px;margin:0}.intro-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:29px}.intro-primary{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;background:linear-gradient(115deg,#f1d399,#ddb06c);border:1px solid #f4dba7;color:#151820;border-radius:12px;padding:17px 24px;font-size:15px;font-weight:800;box-shadow:0 8px 30px #dca25318;min-height:55px}.intro-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.intro-primary span{font-size:21px}.intro-secondary{font-size:12px;color:#c6cbd4;display:flex;gap:15px;align-items:center}.intro-secondary:hover{color:var(--intro-gold)}.intro-notes{display:flex;gap:14px;flex-wrap:wrap;color:#9198a8;font-size:9px;font-weight:700;letter-spacing:.1em;margin-top:31px}.intro-notes span+span{border-left:1px solid #6c5c43;padding-left:14px}.intro-visual{margin:0;position:relative;border:1px solid #e7bd7a44;border-radius:20px;background:linear-gradient(150deg,#242633,#111722);box-shadow:0 28px 80px #0006;overflow:hidden}.intro-visual:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff12}.intro-visual-label{display:flex;justify-content:space-between;gap:10px;padding:18px 19px;font-size:8px;letter-spacing:.15em;color:#dec18c;font-weight:700}.intro-visual-label span+span{color:#8d96a6;letter-spacing:.08em}.intro-visual img{display:block;width:100%;height:auto;aspect-ratio:1794/876}.intro-visual figcaption{font-size:10px;line-height:1.6;color:#aab0bd;text-align:center;margin:0;padding:17px 15px;background:#111722}.intro-tools{padding:42px 0 54px;border-top:1px solid #ffffff12;scroll-margin-top:20px}.intro-section-label>span{font-size:9px;letter-spacing:.18em;color:var(--intro-gold);font-weight:800}.intro-section-label h2{font-family:Outfit,Arial,sans-serif;font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.025em;margin:12px 0 30px}.intro-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.intro-tool-grid article{border-top:1px solid #e7bd7a30;padding-top:22px}.intro-tool-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #cba46645;border-radius:12px;color:var(--intro-gold);font-size:15px;letter-spacing:-.07em;background:#e7bd7a08}.intro-tool-grid h3{font-family:Outfit,Arial,sans-serif;font-size:18px;font-weight:500;margin:16px 0 9px}.intro-tool-grid p{font-size:13px;color:var(--intro-muted);line-height:1.8;margin:0;max-width:300px}.intro-start{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:32px;border:1px solid #e7bd7a30;background:radial-gradient(ellipse at 100% 0,#b4824c21,transparent 65%),#141b26;border-radius:20px}.intro-start h2{font-family:Outfit,Arial,sans-serif;font-size:26px;font-weight:500;letter-spacing:-.02em;line-height:1.2;margin:12px 0}.intro-start p{font-size:12px;color:var(--intro-muted);line-height:1.8;max-width:420px;margin:0}.intro-start .intro-primary{flex-shrink:0}.intro-footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0;font-size:10px;color:#838b9b;letter-spacing:.06em}.intro-footer>span:first-child{font-weight:800;color:#d4b785}html{scroll-behavior:smooth}@media(min-width:1300px){.intro-hero{padding-top:88px;padding-bottom:80px;gap:45px}}@media(max-width:800px){.shell:has(.play-intro){padding:0 23px}.intro-hero{grid-template-columns:1fr;gap:38px;padding:46px 0 38px}.intro-copy h1{font-size:55px}.intro-copy{max-width:560px}.intro-description,.intro-lead{max-width:500px}.intro-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px}.intro-notes{margin-top:23px}.intro-visual{max-width:650px}.intro-start{padding:28px;flex-direction:column;align-items:flex-start}.intro-tool-grid{gap:20px}.intro-tool-grid h3{font-size:17px}}@media(max-width:480px){.shell:has(.play-intro){padding:0 20px}.intro-top{padding:19px 0;gap:12px}.intro-brand{font-size:16px;gap:8px;letter-spacing:.06em}.intro-brand img{width:36px;height:36px;border-radius:9px}.intro-top .lang-select{max-width:128px;font-size:10px}.intro-hero{padding-top:37px;gap:30px}.intro-kicker{font-size:9px;letter-spacing:.13em}.intro-copy h1{font-size:49px;margin:20px 0}.intro-lead{font-size:17px;line-height:1.6}.intro-description{font-size:13px;line-height:1.8}.intro-actions{flex-direction:column;align-items:stretch;gap:17px;margin-top:24px}.intro-primary{width:100%;padding:15px 21px;min-height:54px}.intro-secondary{justify-content:center;min-height:28px}.intro-notes{justify-content:center;font-size:8px;gap:10px;letter-spacing:.06em}.intro-notes span+span{padding-left:10px}.intro-visual{border-radius:15px}.intro-visual-label{padding:13px 12px;font-size:7px;letter-spacing:.09em}.intro-visual figcaption{font-size:9px;padding:13px 12px}.intro-tools{padding:31px 0 35px}.intro-section-label h2{font-size:26px;max-width:300px;margin-bottom:23px}.intro-tool-grid{grid-template-columns:1fr;gap:0}.intro-tool-grid article{display:grid;grid-template-columns:40px 1fr;gap:0 15px;padding:20px 0}.intro-tool-icon{grid-row:1/3}.intro-tool-grid h3{margin:0 0 6px;font-size:18px}.intro-tool-grid p{font-size:12px;max-width:none}.intro-start{padding:25px 21px;gap:22px;border-radius:16px}.intro-start h2{font-size:25px}.intro-start .intro-primary{width:100%}.intro-footer{font-size:9px;padding:26px 0 32px}.intro-footer>span:last-child{letter-spacing:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-primary:hover{transform:none}}
