/* IONEA hero: independent composition layers; no text or interface baked into artwork. */
.header{position:absolute;z-index:20;left:4.6%;right:4%;height:100px;display:flex;align-items:center;justify-content:space-between;gap:22px}.header nav{display:flex;gap:30px;font-size:15px}.header nav a:hover{color:var(--blue)}.brand-logo{display:block;width:180px;height:62px;object-fit:contain}.button.small{font-size:15px;padding:14px 25px;min-width:155px}.theme-toggle,.menu{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);flex-shrink:0}.theme-toggle:hover{background:var(--hover)}.menu{display:none;font-size:23px}.hero{position:relative;min-height:900px;height:min(100svh,1100px);overflow:clip;background:var(--hero-bg);--player-x:43%;--player-y:12%;--player-width:31%;--player-height:57%;--hostess-x:64%;--hostess-y:10%;--hostess-width:19%;--hostess-height:46%;--roulette-x:68%;--roulette-y:33%;--roulette-width:22%;--roulette-height:35%}.hero-copy{position:relative;z-index:5;margin-left:4.6%;padding-top:180px;width:43%}.hero h1{font:800 clamp(42px,4.25vw,83px)/1.025 'Manrope',Arial,sans-serif;letter-spacing:-3px;margin:0 0 24px;color:var(--ink);white-space:nowrap}.hero h1 em{font-style:normal;color:var(--blue)}.intro{font-size:clamp(17px,1.32vw,23px);line-height:1.35;letter-spacing:-.35px;margin:0;max-width:650px}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:36px}.hero-actions .button{font-size:17px;padding:19px 28px}.watch{display:inline-flex;align-items:center;gap:13px;padding:0;background:none;border:0;font-size:17px;font-weight:600;white-space:nowrap}.play{border:1.5px solid currentColor;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;padding-left:3px;font-size:18px}.watch:hover .play{background:var(--navy);color:white}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:43px;max-width:610px}.benefits>div{font-size:15px;line-height:1.2;padding:0 22px;border-right:1px solid var(--line)}.benefits>div:first-child{padding-left:0}.benefits>div:last-child{border:0;padding-right:0}.benefits>div>span{display:block;color:var(--blue);height:39px;margin-bottom:9px}.hero-visual{position:absolute;inset:0;pointer-events:none}.scene{position:absolute;inset:0;overflow:hidden}.scene img{position:absolute;display:block;object-fit:contain}.scene .stadium{left:28%;top:0;width:82%;height:100%;object-fit:cover;clip-path:polygon(0 24%,76% 0,100% 0,100% 100%,0 100%)}.scene .hostess{left:var(--hostess-x);top:var(--hostess-y);width:var(--hostess-width);height:var(--hostess-height);object-position:center top;z-index:1}.scene .roulette{left:var(--roulette-x);top:var(--roulette-y);width:var(--roulette-width);height:var(--roulette-height);z-index:2}.scene .player{left:var(--player-x);top:var(--player-y);width:var(--player-width);height:var(--player-height);object-position:center top;z-index:3}.hero-wash{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#fff 0%,#fbfdfffc 26%,#f6faffed 37%,#f0f6fc60 46%,transparent 57%),linear-gradient(0deg,#eef5ff 0%,#eef5ff80 17%,transparent 36%);pointer-events:none}.hero-interface{position:absolute;inset:0;z-index:4;pointer-events:none}.hero-interface button,.hero-interface a{pointer-events:auto}.glass{border:1px solid #fff;border-radius:19px;background:#e8f2ffbd;backdrop-filter:blur(15px);box-shadow:0 16px 42px #28487216}.industry-panel{position:absolute;width:clamp(175px,17vw,270px);left:45.5%;bottom:145px;padding:10px;transform:rotate(3deg)}.industry-panel>div{background:#f7fbffb8;display:flex;align-items:center;padding:12px 9px;gap:10px;border-radius:10px;margin-bottom:5px}.industry-panel>div:last-child{margin:0}.industry-panel i{width:37px;height:37px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;font-size:23px;font-style:normal;color:white}.industry-panel b{font-size:13px;display:block;font-weight:700}.industry-panel small{font-size:10px;color:#435473;display:block;white-space:nowrap;margin-top:3px}.green{background:#04b879}.blue{background:#075abb}.orange{background:#ff7709}.purple{background:#6134b3}.industry-panel .white{background:white;color:#142644}.phone{position:absolute;left:65%;bottom:145px;width:clamp(190px,15vw,255px);aspect-ratio:.64;border:6px solid #111d30;border-radius:37px;background:#101a2b;box-shadow:inset 0 0 0 2px #a6b2c6,9px 12px 28px #10294b35;transform:rotate(3deg);padding:5px;overflow:hidden}.phone-top{height:28px;display:flex;justify-content:space-between;align-items:center;color:white;font-size:8px;padding:0 8px}.phone-top b{background:#030a15;width:43%;height:20px;border-radius:20px;position:absolute;top:8px;left:28%}.phone-screen{border-radius:22px 22px 28px 28px;background:linear-gradient(#f8fbff,#edf3ff);height:calc(100% - 28px);padding:24px 14px 12px;text-align:center}.success{background:#00b77e;color:white;font-size:38px;font-weight:400;width:53px;height:53px;border-radius:50%;display:grid;place-items:center;margin:0 auto 17px;box-shadow:0 0 0 0 #05ba8130;animation:success-pulse 4s ease-in-out infinite}.phone h3{font-size:15px;letter-spacing:-.6px;margin:0 0 5px}.phone p{font-size:9px;margin:0;white-space:nowrap}.continue{background:linear-gradient(120deg,#5f92f9,#2867e9);border:0;color:white;border-radius:22px;padding:10px;width:100%;font-size:11px;margin:19px 0 9px;box-shadow:0 5px 13px #3675e724}.phone dl{font-size:10px;margin:5px 0}.phone dl>div{display:flex;justify-content:space-between;padding:8px 0}.phone dd{margin:0;font-weight:600}.phone dd i{display:inline-block;width:7px;height:7px;background:#00b981;border-radius:50%}.demo-label{font-size:8px;color:#6c7c96}.methods{position:absolute;right:3%;bottom:355px;width:clamp(140px,13vw,205px);padding:9px;border-radius:16px}.methods>div{display:flex;align-items:center;gap:9px;border-radius:9px;background:#f7fbffbc;margin-bottom:5px;padding:7px 8px;min-height:39px;transition:background .35s,box-shadow .35s}.methods i{font-style:normal;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0}.methods b{font-size:13px;font-weight:600}.methods>div>span{margin-left:auto;color:#8aa8d1}.methods>a{display:block;font-size:12px;padding:11px 8px}.methods>div.is-active{background:#fff;box-shadow:inset 0 0 0 1px #79aff4}.checkout{position:absolute;right:3%;bottom:145px;width:clamp(140px,13vw,205px);height:183px;border:6px solid #15223a;border-radius:12px;background:#f8faff;transform:rotate(-2deg);padding:8px 10px;box-shadow:10px 10px 24px #1b29462b}.checkout-top{font-size:7px;color:#5e6d84}.product-placeholder{float:right;width:52%;height:57px;margin:4px 0 8px;background:#f0f4fa;border-radius:7px;overflow:hidden}.product-placeholder img{width:100%;height:100%;object-fit:contain}.checkout h3{font-size:12px;margin:12px 0 3px}.checkout p{font-size:10px;margin:0 0 14px}.checkout-row{clear:both;border:1px solid #e2e9f2;padding:4px;font-size:8px}.payment-options{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:5px 0;font-size:7px}.payment-options>span{padding:5px 2px;border:1px solid #d3dcee;border-radius:4px;text-align:center}.payment-options>span:nth-child(2){border-color:#2164ea}.checkout button{background:#102548;color:white;border:0;border-radius:5px;width:100%;font-size:9px;padding:6px}.hero-bottom{position:absolute;left:4.6%;right:4%;bottom:35px;display:flex;align-items:center;gap:3%;z-index:8}.country-strip{display:flex;flex:1;align-items:center;justify-content:space-between;gap:15px;border:1px solid white;border-radius:21px;background:#ffffffd1;backdrop-filter:blur(15px);padding:18px 22px;box-shadow:0 10px 45px #6297d109}.country-strip a{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap}.country-strip a:hover{color:var(--blue)}.country-strip .coverage-link{font-size:12px;color:var(--muted)}.hero-bottom>p{font-size:10px;letter-spacing:1.2px;line-height:1.6;min-width:175px}.hero-bottom>p span{width:70px;height:1px;background:#8196b1;display:inline-block;vertical-align:middle;margin-left:10px}
[data-theme="dark"] .hero-wash{background:linear-gradient(90deg,#0a1527 0%,#0a1527fc 26%,#0a1527ed 37%,#0a15275c 49%,#0a152712 70%),linear-gradient(0deg,#0a192e 0%,#0a192ea8 17%,transparent 40%)}[data-theme="dark"] .scene .stadium{filter:brightness(.6) saturate(.8)}[data-theme="dark"] .scene .player,[data-theme="dark"] .scene .hostess{filter:brightness(.85)}[data-theme="dark"] .glass{background:#142842d9;border-color:#496481}[data-theme="dark"] .industry-panel>div,[data-theme="dark"] .methods>div{background:#203752d9}[data-theme="dark"] .industry-panel small{color:#a7bdd8}[data-theme="dark"] .methods>div.is-active{background:#2d507e}[data-theme="dark"] .phone-screen{background:linear-gradient(#18304e,#101f36)}[data-theme="dark"] .checkout{background:#142943;border-color:#496481}[data-theme="dark"] .checkout-top{color:#9db5d3}[data-theme="dark"] .country-strip{background:#15273ee8;border-color:#35516e}[data-theme="dark"] .benefits img{filter:brightness(0) saturate(100%) invert(68%) sepia(24%) saturate(1109%) hue-rotate(184deg)}[data-theme="dark"] .brand-logo{filter:brightness(1.25)}
@keyframes success-pulse{50%{box-shadow:0 0 0 8px #05ba8100}}@keyframes hero-in{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}.hero-copy{animation:hero-in .7s ease-out both}.scene .player{animation:hero-in .9s .1s ease-out both}.scene .hostess{animation:hero-in .9s .15s ease-out both}.hero-interface{animation:hero-in .9s .25s ease-out both}
@media(min-width:1750px){.hero-copy{padding-top:210px}.hero{--hostess-y:10%;--hostess-width:18%;--player-width:30%}.industry-panel,.phone{bottom:170px}.methods{bottom:380px}.checkout{bottom:170px}.hero-actions{margin-top:42px}.benefits{margin-top:55px}}
@media(max-width:1300px){.header{gap:14px}.header nav{gap:20px;font-size:14px}.brand-logo{width:145px}.hero-copy{padding-top:170px}.hero h1{letter-spacing:-2px}.hero-actions{gap:18px}.hero-actions .button{font-size:14px;padding:17px 22px}.watch{font-size:14px;gap:10px}.play{width:37px;height:37px;font-size:15px}.benefits>div{font-size:13px;padding:0 17px}.industry-panel{padding:8px}.industry-panel>div{gap:7px;padding:10px 7px}.industry-panel i{width:29px;height:29px}.industry-panel b{font-size:11px}.industry-panel small{font-size:8px}.phone h3{font-size:12px}.phone p{font-size:8px}.phone-screen{padding:20px 11px 10px}.success{width:45px;height:45px;font-size:33px;margin-bottom:13px}.continue{margin:15px 0 7px;padding:8px;font-size:10px}.phone dl{font-size:9px}.phone dl>div{padding:6px 0}.methods{padding:7px}.methods>div{gap:7px;padding:6px;min-height:35px}.methods i{width:23px;height:23px}.methods b{font-size:11px}.methods>a{font-size:10px;padding:9px 6px}.hero-bottom>p{display:none}.country-strip a{font-size:12px}.country-strip .country-flag img{width:27px;height:27px}}
@media(max-width:1100px){.header nav{gap:14px;font-size:12px}.header .button{min-width:0;padding:13px 18px;font-size:13px}.brand-logo{width:128px}.header{gap:11px}.hero-copy{width:43%;padding-top:165px}.hero h1{font-size:4.2vw}.intro{font-size:16px}.hero-actions{gap:12px}.hero-actions .button{font-size:12px;padding:15px 18px}.watch{font-size:12px}.benefits>div{font-size:11px;padding:0 12px}.benefits img{width:29px!important;height:29px!important}.industry-panel{left:45%;width:17%}.phone{left:64%;width:18%;min-width:0}.methods,.checkout{width:14%;min-width:0}.hero{--hostess-x:64%;--hostess-width:18%}.country-strip{gap:12px;padding:18px}.country-strip a{font-size:11px}.country-strip .coverage-link{font-size:10px}}
/* Mobile is a distinct layout: artwork first, then a non-overlapping two-column interface grid. */
@media(max-width:900px){.header{height:84px;left:6%;right:6%;gap:13px}.brand-logo{width:150px;height:57px}.header nav{display:none;position:absolute;top:79px;left:0;right:0;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 15px 40px #193f7924}.header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:22px;font-size:16px}.header .button{margin-left:auto;font-size:13px;padding:13px 20px}.theme-toggle{width:38px;height:38px}.menu{display:grid;width:38px;height:38px}.hero{height:auto;min-height:0;background:var(--surface)}.hero-copy{width:auto;margin:0;padding:128px 6% 0;animation-duration:.5s}.hero h1{font-size:clamp(42px,7.6vw,66px);letter-spacing:-2.4px}.hero .eyebrow{font-size:11px;letter-spacing:3px}.intro{font-size:19px;max-width:660px}.hero-actions{gap:25px;margin-top:28px}.hero-actions .button{font-size:16px;padding:17px 25px}.watch{font-size:16px}.play{width:40px;height:40px}.benefits{max-width:650px;margin-top:35px}.benefits>div{font-size:15px;padding:0 25px}.benefits img{width:33px!important;height:33px!important}.hero-visual{position:relative;inset:auto;margin-top:30px}.scene{position:relative;inset:auto;height:380px}.scene .stadium{left:0;width:100%;clip-path:none}.hero{--player-x:9%;--player-y:9%;--player-width:48%;--player-height:91%;--hostess-x:56%;--hostess-y:1%;--hostess-width:30%;--hostess-height:84%;--roulette-x:57%;--roulette-y:52%;--roulette-width:34%;--roulette-height:45%}.hero-wash{inset:0 0 auto;height:380px;background:linear-gradient(180deg,var(--surface),transparent 28%,transparent 72%,var(--surface))}.hero-interface{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'phone methods' 'industry checkout';align-items:start;gap:22px;padding:15px 6% 0;max-width:700px;margin:auto;pointer-events:auto}.hero-interface>.phone,.hero-interface>.industry-panel,.hero-interface>.methods,.hero-interface>.checkout{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;min-width:0;transform:none;margin:0}.phone{grid-area:phone;max-width:270px;justify-self:center;aspect-ratio:.64;border-radius:34px}.methods{grid-area:methods;padding:12px;align-self:center}.methods>div{min-height:46px;padding:9px;gap:12px}.methods i{width:30px;height:30px}.methods b{font-size:15px}.methods>a{font-size:13px;padding:15px 9px}.industry-panel{grid-area:industry;padding:12px}.industry-panel>div{padding:12px 9px;gap:10px}.industry-panel i{width:34px;height:34px}.industry-panel b{font-size:13px}.industry-panel small{font-size:10px;white-space:normal}.checkout{grid-area:checkout;height:230px;padding:13px;border-width:7px;align-self:center}.product-placeholder{width:58%;height:75px}.checkout h3{font-size:16px;margin-top:21px}.checkout p{font-size:13px}.checkout-top{font-size:10px}.checkout-row{padding:7px;font-size:10px}.payment-options{font-size:9px;margin:8px 0}.checkout button{font-size:12px;padding:9px}.phone-screen{padding:27px 15px 12px}.phone h3{font-size:16px}.phone p{font-size:10px;white-space:normal}.success{width:55px;height:55px;font-size:38px;margin-bottom:20px}.continue{font-size:12px;padding:11px;margin:20px 0 12px}.phone dl{font-size:12px}.phone dl>div{padding:9px 0}.phone-top{font-size:9px}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;display:block;margin:30px 6% 36px}.country-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:17px 12px;padding:22px;border-color:var(--line);background:var(--surface-alt)}.country-strip a{font-size:12px;gap:8px}.country-strip .coverage-link{font-size:11px}.country-strip .country-flag img{width:28px;height:28px}[data-theme="dark"] .hero-wash{background:linear-gradient(180deg,var(--surface),transparent 28%,transparent 70%,var(--surface))}}
@media(max-width:520px){.header{gap:8px;height:80px}.brand-logo{width:125px;height:48px}.header .button{display:none}.theme-toggle{margin-left:auto}.hero-copy{padding-top:111px}.hero h1{font-size:clamp(34px,8.3vw,44px);letter-spacing:-1.6px;line-height:1.06;margin-bottom:23px}.hero .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:21px}.intro{font-size:16px;line-height:1.5;letter-spacing:-.1px}.desktop-br{display:none}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .button{font-size:14px;padding:16px 21px;gap:9px}.hero-actions .button span{font-size:21px}.watch{font-size:13px;gap:10px}.play{width:35px;height:35px;font-size:14px}.benefits{gap:16px;grid-template-columns:repeat(2,1fr);margin-top:30px}.benefits>div{font-size:14px;padding:0!important;border:0;display:grid;grid-template-columns:34px 1fr;column-gap:12px;line-height:1.3}.benefits>div>span{grid-row:span 2;margin:0;align-self:center}.scene{height:295px}.hero-wash{height:295px}.hero-visual{margin-top:24px}.hero{--player-x:1%;--player-y:13%;--player-width:57%;--player-height:87%;--hostess-x:56%;--hostess-width:35%;--hostess-height:80%;--roulette-x:57%;--roulette-y:54%;--roulette-width:40%;--roulette-height:40%}.hero-interface{gap:17px;padding-top:12px}.phone{aspect-ratio:.52;border-width:5px;padding:3px;border-radius:28px}.phone-top{height:23px;font-size:7px;padding:0 6px}.phone-top b{height:15px;top:7px}.phone-screen{height:calc(100% - 23px);padding:23px 9px 9px;border-radius:18px 18px 22px 22px}.success{width:41px;height:41px;font-size:30px;margin-bottom:16px}.phone h3{font-size:12px;letter-spacing:-.3px}.phone p{font-size:9px;line-height:1.3}.continue{font-size:10px;padding:9px;margin:15px 0 8px}.phone dl{font-size:9px;margin:0}.phone dl>div{padding:8px 0}.demo-label{font-size:7px}.methods{padding:7px;border-radius:13px;align-self:start}.methods>div{padding:7px 5px;min-height:37px;gap:6px;margin-bottom:4px;border-radius:7px}.methods i{width:23px;height:23px}.methods b{font-size:12px}.methods>a{padding:11px 5px;font-size:10px}.industry-panel{padding:7px;border-radius:13px}.industry-panel>div{padding:9px 5px;gap:7px;border-radius:7px}.industry-panel i{width:26px;height:26px;border-radius:7px;font-size:18px}.industry-panel b{font-size:10px}.industry-panel small{font-size:8px;line-height:1.3}.checkout{height:212px;padding:9px;border-width:5px;align-self:start}.checkout-top{font-size:8px}.product-placeholder{float:none;width:100%;height:53px;margin:7px 0}.checkout h3{font-size:12px;margin:0;display:inline-block}.checkout p{font-size:10px;float:right;margin:0}.checkout-row{padding:5px;font-size:9px;margin-top:7px}.payment-options{grid-template-columns:1fr 1fr;font-size:8px;margin:5px 0;gap:3px}.payment-options>span{padding:3px}.checkout button{font-size:10px;padding:6px}.country-strip{grid-template-columns:repeat(2,1fr);padding:19px;gap:17px 18px;border-radius:17px}.country-strip a{font-size:13px}.country-strip .coverage-link{font-size:12px}.country-strip .country-flag img{width:29px;height:29px}.hero-bottom{margin-top:24px}.hero-interface button{min-height:30px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.scene .player,.scene .hostess,.hero-interface,.success{animation:none}}

.benefits>div>.benefit-label{height:auto;margin:0;color:inherit}.benefits>div>.benefit-label img{display:none}@media(max-width:520px){.benefits>div{display:flex;align-items:center;gap:12px}.benefits>div>span:first-child{flex:0 0 33px;height:33px}.benefits>div>.benefit-label{flex:1;min-width:0}}

@media(max-width:520px){.hero h1{white-space:normal}}
@media(max-width:360px){.hero-interface{grid-template-columns:1fr;grid-template-areas:'phone' 'methods' 'industry' 'checkout'}.hero-interface>.phone{max-width:215px;aspect-ratio:.58;justify-self:center}.hero-interface>.methods,.hero-interface>.industry-panel,.hero-interface>.checkout{max-width:270px;justify-self:center}.industry-panel b{font-size:13px}.industry-panel small{font-size:11px}.methods b{font-size:14px}.checkout{height:220px}.country-strip{padding:15px;gap:15px}}