/* ---------- intro film (drawn at 1280x720, scaled to fit) */
.iv{position:relative;width:100%;overflow:hidden;border-radius:22px;background:#fff;border:2px solid var(--line);box-shadow:0 30px 60px -30px rgba(20,23,61,.35)}
.iv-stage{position:absolute;left:0;top:0;width:1280px;height:720px;transform-origin:0 0;background:radial-gradient(1200px 600px at 85% -10%,#e8ecff 0,transparent 60%),radial-gradient(900px 500px at -10% 110%,#fff4d6 0,transparent 55%),#fff;color:#14173d;font-family:Lexend,system-ui,sans-serif;overflow:hidden}
.iv-scene{position:absolute;inset:0}
.iv-stage *{box-sizing:border-box}
.iv-stage>*,.iv-scene>*{position:absolute;will-change:transform,opacity}
.iv-c{left:0;right:0;text-align:center}
.iv-logo{left:585px;top:150px}
.iv-h1{top:300px;font:700 76px/1.05 Fraunces,Georgia,serif;letter-spacing:-.5px}
.iv-sub{top:410px;font-size:28px;color:#5b6086}
.iv-logo-s{left:598px;top:150px}
.iv-h1-s{top:270px;font-size:70px}
.iv-sub-s{top:375px;font-size:24px;padding:0 100px}
.iv-url{left:470px;top:480px;width:340px;text-align:center;background:#2f4bff;color:#fff;font-weight:700;font-size:28px;padding:16px 0;border-radius:99px;box-shadow:0 6px 0 #1d34c9}
.iv-search{left:240px;top:300px;width:800px;height:96px;display:flex;align-items:center;gap:18px;background:#fff;border:3px solid #2f4bff;border-radius:24px;padding:0 14px 0 30px;box-shadow:0 20px 50px -20px rgba(47,75,255,.45);font-size:34px}
.iv-mag{width:34px;height:34px;color:#5b6086;flex:none}
.iv-q{font-weight:500;white-space:pre}
.iv-caret{position:absolute;left:82px;top:28px;width:3px;height:40px;background:#2f4bff}
.iv-go{margin-left:auto;background:#ffc93c;color:#14173d;font-weight:700;font-size:24px;padding:16px 26px;border-radius:16px;box-shadow:0 5px 0 #d9a514}
.iv-row{left:240px;width:800px;height:72px;display:flex;align-items:center;gap:16px;background:#fff;border:2px solid #e2e6f3;border-radius:18px;padding:0 24px;font-size:22px}
.iv-row i{width:12px;height:40px;border-radius:6px;flex:none}
.iv-row b{font:700 27px Fraunces,Georgia,serif;width:150px;flex:none}
.iv-row span{color:#5b6086}
.iv-row em{margin-left:auto;font-style:normal;font-weight:700;color:#2f4bff;font-size:26px}
.iv-label{left:80px;top:64px;display:flex;align-items:center;gap:14px;font:700 46px Fraunces,Georgia,serif}
.iv-label i{width:16px;height:46px;border-radius:8px}
.iv-cap{left:80px;right:80px;bottom:56px;font-size:26px;color:#5b6086;text-align:center}
.iv-page{left:250px;top:150px;width:780px;height:440px;background:#fff;border:2px solid #e2e6f3;border-radius:20px;padding:34px 44px;box-shadow:0 30px 60px -28px rgba(20,23,61,.4)}
.iv-page small{display:block;color:#c2334b;font-weight:700;font-size:17px;margin-bottom:8px}
.iv-page h3{margin:0 0 24px;font:700 32px/1.15 Fraunces,Georgia,serif}
.iv-l{position:relative;height:14px;border-radius:7px;background:#e9ecf6;margin:0 0 20px}
.iv-hl-line{height:34px;background:none;margin:-4px 0 16px}
.iv-hl{position:absolute;left:-6px;right:0;top:0;bottom:0;background:#ffe08a;border-radius:6px;transform-origin:0 50%}
.iv-hlt{position:relative;display:block;font-size:22px;font-weight:600;line-height:34px;padding-left:2px}
.iv-heart{left:100px;top:140px}
.iv-step{left:690px;width:500px;display:flex;align-items:center;gap:16px;font-size:26px;font-weight:600}
.iv-step b{width:46px;height:46px;border-radius:50%;background:#7a3cd6;color:#fff;display:grid;place-items:center;font-size:22px;flex:none}
.iv-card{left:110px;top:190px;width:400px;height:300px;border-radius:24px;padding:34px;display:flex;flex-direction:column;justify-content:center;gap:10px;backface-visibility:hidden}
.iv-front{background:#0e8f87;color:#fff}
.iv-back{background:#fff;border:3px solid #0e8f87}
.iv-card small{font-size:17px;font-weight:700;opacity:.85;text-transform:uppercase;letter-spacing:.08em}
.iv-card b{font:700 46px/1.05 Fraunces,Georgia,serif}
.iv-card span{font-size:24px;line-height:1.35}
.iv-back b{color:#0e8f87}
.iv-quiz{left:570px;top:150px;width:620px;background:#fff;border:2px solid #e2e6f3;border-radius:24px;padding:28px 30px;box-shadow:0 30px 60px -30px rgba(20,23,61,.35)}
.iv-quiz small{color:#0e8f87;font-weight:700;font-size:16px}
.iv-quiz h4{margin:6px 0 16px;font-size:25px;line-height:1.3}
.iv-opt{position:relative;display:flex;align-items:center;gap:14px;border:2px solid #e2e6f3;border-radius:14px;padding:12px 16px;margin-bottom:10px;font-size:21px}
.iv-opt b{width:32px;height:32px;border-radius:9px;background:#f1f4fb;display:grid;place-items:center;font-size:16px;flex:none}
.iv-opt i{position:absolute;right:16px;font-style:normal;font-weight:800;color:#0b7a44;font-size:26px;opacity:0}
.iv-ok.on{border-color:#1fa463;background:#e6f7ee}
.iv-ok.on b{background:#1fa463;color:#fff}
.iv-why{margin:8px 0 0;color:#0b7a44;font-size:18px;font-weight:600;line-height:1.4}
.iv-shot{border-radius:20px;overflow:hidden;border:8px solid #fff;box-shadow:0 30px 60px -20px rgba(20,23,61,.5);background:#101333}
.iv-shot img{display:block;width:100%;height:100%;object-fit:cover}
.iv-shot1{left:150px;top:150px;width:680px;height:425px}
.iv-shot2{left:690px;top:120px;width:470px;height:294px}
.iv-hit{left:560px;top:190px;font:800 34px Lexend,sans-serif;color:#fff;background:#1fa463;padding:12px 24px;border-radius:99px;box-shadow:0 12px 30px -10px rgba(11,122,68,.7);white-space:nowrap}
.iv-fury{left:640px;top:270px;background:#ffc93c;color:#14173d;box-shadow:0 12px 30px -10px rgba(217,165,20,.8)}
/* controls */
.iv-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(transparent,rgba(16,19,51,.55));opacity:0;transition:opacity .2s ease}
.iv:hover .iv-bar,.iv:focus-within .iv-bar,.iv.paused .iv-bar{opacity:1}
@media (hover:none){.iv-bar{opacity:1}}
.iv-btn{width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#14173d;display:grid;place-items:center;cursor:pointer;flex:none}
.iv-btn svg{width:18px;height:18px}
.iv-btn:active{transform:scale(.95)}
.iv-track{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden;cursor:pointer}
.iv-fill{height:100%;background:#ffc93c;transform-origin:0 50%;transform:scaleX(0)}
.iv-big{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;border:0;background:#2f4bff;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px -8px rgba(47,75,255,.7);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.iv-big svg{width:32px;height:32px;margin-left:4px}
.iv-big[hidden]{display:none}
@media (hover:hover) and (pointer:fine){.iv-big:hover{transform:scale(1.05)}}
.iv-big:active{transform:scale(.96)}
.ivsec .head p{max-width:60ch}
@media (prefers-reduced-motion:reduce){.iv-bar,.iv-big{transition:none}.iv-big:hover,.iv-big:active,.iv-btn:active{transform:none}}
.iv:fullscreen{background:#fff;border:0;border-radius:0}
.iv:-webkit-full-screen{background:#fff;border:0;border-radius:0}
@media (max-width:540px){.iv-bar{padding:6px 8px;gap:6px}.iv-btn{width:34px;height:34px}.iv-big{width:64px;height:64px;margin:-32px 0 0 -32px}}
.ivnote{display:none;margin-top:10px;font-size:14px;color:var(--mute)}
@media (max-width:540px){.ivnote{display:block}}

.iv-hint{position:absolute;right:12px;top:12px;z-index:5;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.94);color:#1b2142;border:0;border-radius:99px;padding:7px 12px 7px 10px;font:700 13px/1 Inter,system-ui,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.25);cursor:pointer}
.iv-hint svg{width:16px;height:16px}.iv-hint[hidden]{display:none}.iv-hint:hover{background:#fff}
.iv-snd svg{width:18px;height:18px}