@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#02040a;color:#f4f7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#02040a;color:#f4f7ff;overflow-x:hidden}a{color:inherit}
.visual-nav{position:sticky;top:0;z-index:30;width:min(1180px,calc(100% - 40px));min-height:72px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(112,155,230,.14);background:rgba(2,4,10,.92);backdrop-filter:blur(16px)}
.visual-brand{display:flex;align-items:baseline;gap:12px;text-decoration:none}.visual-brand strong{font-size:1.5rem;letter-spacing:-.055em}.visual-brand span{font-size:.63rem;color:#7188a5}.visual-nav-actions{display:flex;gap:16px;align-items:center}.visual-nav-actions>span{font-size:.58rem;color:#71c9ff;letter-spacing:.14em}.visual-nav-actions a{font-size:.7rem;text-decoration:none;color:#b6cce3;border:1px solid rgba(117,217,255,.22);border-radius:999px;padding:8px 12px}
.film{width:min(1180px,calc(100% - 40px));margin:0 auto}.frame{min-height:100vh;padding:88px 0;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:70px;align-items:center;border-bottom:1px solid rgba(112,155,230,.14)}.frame-intro{grid-template-columns:1fr;min-height:72vh}.frame-copy{max-width:520px}.eyebrow{font-size:.62rem;letter-spacing:.15em;color:#71c9ff}.frame h1,.frame h2{margin:16px 0 0;font-weight:430;letter-spacing:-.065em;line-height:.93}.frame h1{font-size:clamp(4rem,8vw,7.6rem)}.frame h2{font-size:clamp(3rem,5.8vw,5.8rem)}.frame-intro a{display:inline-block;margin-top:28px;font-size:.78rem;text-decoration:none;color:#a8d8ff}
.scene{position:relative;min-height:620px;overflow:hidden;border-radius:34px;background:radial-gradient(circle at 70% 24%,rgba(48,120,210,.10),transparent 34%),linear-gradient(180deg,#07111d,#040a12);border:1px solid rgba(112,180,255,.14)}
.person{position:absolute;left:50%;bottom:22px;width:320px;max-width:52%;transform:translateX(-50%)}.ping{position:absolute;font-size:.68rem;color:#b8c7d6}.p1{left:8%;top:18%}.p2{right:9%;top:28%}.p3{right:10%;bottom:18%}.bubble{position:absolute;max-width:230px;padding:12px 15px;border-radius:18px 18px 18px 6px;border:1px solid rgba(122,193,255,.25);background:#0a1a2a;color:#edf7ff;font-size:.8rem;line-height:1.4}.owner-bubble{left:10%;bottom:24%}
.scene-us{display:grid;place-items:center}.brand-word{font-size:8rem;font-weight:600;letter-spacing:-.09em}.brand-line{position:absolute;top:59%;font-size:.7rem;letter-spacing:.1em;color:#748ba3}.geniux-line{position:absolute;bottom:16%;display:flex;gap:12px;align-items:baseline}.geniux-line strong{font-size:1.1rem;color:#83ceff}.geniux-line span{font-size:.72rem;color:#8297ae}
.scene-eugene{display:grid;place-items:center}.scene-eugene img{width:230px;height:auto;filter:drop-shadow(0 24px 52px rgba(33,127,215,.25))}.eugene-bubble{right:11%;top:24%}
.scene-dialogue img{position:absolute;left:50%;bottom:26px;width:175px;height:auto;transform:translateX(-50%)}.phone-line{position:absolute;max-width:280px}.phone-line small{display:block;font-size:.5rem;letter-spacing:.12em;color:#607993}.phone-line strong{display:block;margin-top:8px;font-size:1rem;font-weight:500}.customer-line{left:8%;top:18%}.answer-line{right:8%;top:22%;text-align:right}.outcome{position:absolute;right:9%;bottom:14%;font-size:.78rem;color:#90dfb8}
.scene-rules{padding:70px;display:flex;flex-direction:column;justify-content:center}.scene-rules p{margin:0;display:flex;justify-content:space-between;gap:30px;padding:30px 0;border-bottom:1px solid rgba(112,155,230,.12)}.scene-rules p:last-child{border-bottom:0}.scene-rules span{color:#a6bacd}.scene-rules strong{font-weight:500}
.frame-final{padding-bottom:110px}.final-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.final-actions a{min-height:46px;padding:0 16px;display:inline-flex;align-items:center;border-radius:999px;text-decoration:none;font-size:.76rem}.primary{background:#125dff}.secondary{border:1px solid rgba(111,190,255,.23);color:#aec7df}.scene-final .person{left:36%}.final-eugene{position:absolute;right:10%;bottom:28px;width:160px;height:auto}.calm-note{position:absolute;left:8%;top:18%;font-size:.72rem;color:#a9c4b8}.calm-note.second{top:27%}
.visual-footer{width:min(1180px,calc(100% - 40px));min-height:170px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;color:#687d97;font-size:.68rem}.visual-footer strong{font-size:1.3rem;color:#eef5ff}.visual-footer a{text-decoration:none;color:#9fcfff}
@media(max-width:900px){.frame{min-height:auto;grid-template-columns:1fr;gap:34px;padding:70px 0 84px}.scene{min-height:560px}.frame-copy{max-width:760px}}
@media(max-width:620px){.visual-nav{width:calc(100% - 28px)}.visual-brand span,.visual-nav-actions>span{display:none}.film,.visual-footer{width:calc(100% - 32px)}.frame{padding:58px 0 68px}.frame h1{font-size:clamp(3.2rem,15vw,4.8rem)}.frame h2{font-size:clamp(2.8rem,12vw,4rem)}.scene{min-height:470px;border-radius:24px}.person{width:250px;max-width:65%}.owner-bubble{left:5%;bottom:23%;max-width:170px}.p1{left:5%;top:10%}.p2{right:5%;top:18%}.p3{right:5%;bottom:11%}.brand-word{font-size:5.5rem}.eugene-bubble{right:5%;top:18%;max-width:170px}.scene-dialogue img{width:145px}.customer-line{left:5%;top:10%}.answer-line{right:5%;top:22%;max-width:190px}.scene-rules{padding:30px 22px}.scene-rules p{flex-direction:column;gap:10px;padding:22px 0}.final-eugene{right:4%;width:140px}.scene-final .person{left:33%}.visual-footer{min-height:210px;grid-template-columns:1fr;align-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}