@layer legacy { .signature-content *{box-sizing:border-box;margin:0;padding:0} :root{ --page:#f2f6fb; --white:#ffffff; --ink:#0f172a; --muted:#475569; --line:#d8e2ec; --brand:#5ABA4A; --brand-dark:#3D9B35; } .signature-content,.signature-content{overflow-x:hidden} .signature-content{font-family:'Inter',sans-serif;background:var(--page);color:var(--ink);line-height:1.65} .signature-content a{text-decoration:none;color:inherit} .signature-content .container{width:min(1240px,92%);margin:0 auto} .signature-content .promo{ background:linear-gradient(90deg,#0a1322,#121f37 60%,#182843); color:#d9e5f3; text-align:center; font-size:.82rem; font-weight:600; padding:.48rem 1rem; } .signature-content .hero{ padding:2.3rem 0 1.8rem; background: radial-gradient(circle at 7% 5%, rgba(90,186,74,.16) 0%, transparent 43%), radial-gradient(circle at 86% 2%, rgba(74,222,128,.11) 0%, transparent 39%), linear-gradient(180deg,#fdfefe 0%,#f2f6fb 70%,#edf3f8 100%); border-bottom:1px solid #dfebf4; } .signature-content .hero-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:1.2rem;align-items:center} .signature-content .hero-copy h1{font-size:clamp(1.92rem,4.3vw,3rem);line-height:1.12;margin-bottom:.8rem;letter-spacing:-.3px} .signature-content .hero-copy p{font-size:1rem;color:var(--muted);max-width:760px;margin-bottom:1.1rem} .signature-content .hero-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem;margin-bottom:1.1rem} .signature-content .hero-point{background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:11px;padding:.58rem .72rem;font-size:.84rem;font-weight:700;color:#314155} .signature-content .hero-actions{display:flex;gap:.62rem;flex-wrap:wrap} .signature-content .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;font-size:.9rem;padding:.74rem 1.08rem} .signature-content .btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;box-shadow:0 10px 22px rgba(61,155,53,.27)} .signature-content .btn-outline{border:1px solid #bccbdb;background:#fff;color:#1f2937} .signature-content .hero-panel{ background:var(--white); border:1px solid var(--line); border-radius:18px; padding:1rem; box-shadow:0 14px 30px rgba(15,23,42,.1); } .signature-content .hero-panel h3{font-size:1.06rem;margin-bottom:.28rem} .signature-content .hero-panel p{font-size:.88rem;color:var(--muted);margin-bottom:.8rem} .signature-content .metric-grid{display:grid;grid-template-columns:1fr;gap:.55rem} .signature-content .metric{background:linear-gradient(170deg,#ffffff,#f2f8ff);border:1px solid #d3e1ef;border-radius:14px;padding:.68rem .72rem} .signature-content .metric strong{display:block;font-size:.9rem;line-height:1.25;color:#0f172a;margin-bottom:.14rem} .signature-content .metric span{font-size:.8rem;color:#5c6e85;line-height:1.45} .signature-content .compare-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.72rem;box-shadow:0 8px 20px rgba(15,23,42,.05)} .signature-content .compare-card h3{font-size:.89rem;margin-bottom:.45rem} .signature-content .compare-line{display:flex;justify-content:space-between;gap:.7rem;border-top:1px dashed #e2ebf4;padding-top:.34rem;margin-top:.34rem;font-size:.8rem} .signature-content .compare-line span{color:#64748b} .signature-content .compare-line strong{font-size:.8rem;color:#0f172a;text-align:right} .signature-content .core-suite{padding:1.2rem 0 .4rem} .signature-content .core-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem} .signature-content .core-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.88rem} .signature-content .core-card h3{font-size:1rem;margin-bottom:.32rem} .signature-content .core-card p{font-size:.86rem;color:var(--muted)} .signature-content .section-title{padding:1.45rem 0 .72rem} .signature-content .section-title h2{font-size:1.5rem;line-height:1.2;margin-bottom:.34rem} .signature-content .section-title p{color:var(--muted);max-width:860px} .signature-content .products-stage{position:relative} .signature-content .quick-inquiry{ position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:45; display:flex; flex-direction:row-reverse; align-items:flex-start; gap:.55rem; } .signature-content .quick-inquiry-toggle{ width:auto; min-width:auto; min-height:176px; border:none; cursor:pointer; border-radius:12px 0 0 12px; padding:.78rem .46rem; font:inherit; font-size:.84rem; font-weight:700; line-height:1.15; letter-spacing:.25px; writing-mode:vertical-rl; text-orientation:mixed; color:#ffffff; background:linear-gradient(135deg,var(--brand),var(--brand-dark)); box-shadow:0 12px 24px rgba(61,155,53,.32); } .signature-content .quick-inquiry-panel{ margin-top:0; width:min(320px,88vw); background:#fff; border:1px solid #d6e2ef; border-radius:16px; box-shadow:0 18px 34px rgba(15,23,42,.12); padding:.9rem; } .signature-content .quick-inquiry.collapsed .quick-inquiry-panel{display:none} .signature-content .quick-inquiry h3{font-size:1rem;line-height:1.2;margin-bottom:.2rem} .signature-content .quick-inquiry p{font-size:.82rem;color:var(--muted);margin-bottom:.65rem} .signature-content .quick-form{display:grid;gap:.45rem} .signature-content .quick-form input,.signature-content .quick-form select,.signature-content .quick-form textarea{ width:100%;border:1px solid #cedae8;background:#f8fbff;border-radius:10px;padding:.57rem .62rem; font:inherit;font-size:.83rem;color:#1f2937;outline:none } .signature-content .quick-form textarea{min-height:70px;resize:vertical} .signature-content .quick-form input:focus,.signature-content .quick-form select:focus,.signature-content .quick-form textarea:focus{border-color:#93c5a4;background:#fff} .signature-content .quick-form button{width:100%;border:none;cursor:pointer} .signature-content .quick-note{font-size:.74rem;color:#6b7b90;line-height:1.45} .signature-content #product-list{display:block} .signature-content .product-band{width:100%;border-top:1px solid #dde7f0;border-bottom:1px solid #dde7f0} .signature-content .product-band:nth-child(odd){background:#ffffff} .signature-content .product-band:nth-child(even){background:#f7fbff} .signature-content .band-inner{width:min(1240px,92%);margin:0 auto;padding:1.5rem 0;display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:start} .signature-content .product-main h3{font-size:1.34rem;line-height:1.24;margin-bottom:.4rem} .signature-content .product-main p{font-size:.94rem;color:#44556a;margin-bottom:.6rem;max-width:860px} .signature-content .feature-list{list-style:none;display:grid;gap:.28rem} .signature-content .feature-list li{position:relative;padding-left:1.1rem;font-size:.9rem;color:#2f3e53} .signature-content .feature-list li::before{content:'-';position:absolute;left:0;top:0;color:#2d8b2a;font-weight:700} .signature-content .product-cta{margin-top:.72rem;display:flex;gap:.55rem;flex-wrap:wrap} .signature-content .module-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.86rem;box-shadow:0 10px 22px rgba(15,23,42,.06)} .signature-content .module-panel h4{font-size:.8rem;letter-spacing:.5px;text-transform:uppercase;color:#64748b;margin-bottom:.45rem} .signature-content .module-wrap{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.68rem} .signature-content .module{font-size:.77rem;font-weight:700;color:#1f2937;background:#f4f9ff;border:1px solid #d8e3f0;border-radius:999px;padding:.23rem .56rem} .signature-content .module-note{font-size:.82rem;color:#607086} .signature-content .final-cta{padding:1.6rem 0 2rem} .signature-content .final-cta-box{ background:linear-gradient(110deg,#0f172a,#152742 65%,#1c3153); color:#e7eef7; border-radius:16px; border:1px solid rgba(255,255,255,.08); padding:1.08rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; } .signature-content .final-cta-box p{font-size:.93rem;max-width:760px} .signature-content .popup-overlay{ position: fixed; inset: 0; background: rgba(3, 10, 20, 0.56); backdrop-filter: blur(2px); display: flex; justify-content: center; align-items: center; z-index: 300; opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; } .signature-content .popup-overlay.active{ opacity: 1; visibility: visible; } .signature-content .popup-box{ background: linear-gradient(160deg,#FFFFFF 0%,#F8FAFC 100%); width: min(860px, 92vw); border-radius: 16px; border: 1px solid #d8e2ec; box-shadow: 0 28px 70px rgba(15,23,42,0.22); padding: 1.4rem; transform: translateY(14px) scale(.98); transition: transform .25s ease; position: relative; } .signature-content .popup-overlay.active .popup-box{ transform: translateY(0) scale(1); } .signature-content .popup-close{ position: absolute; right: .8rem; top: .8rem; width: 34px; height: 34px; border: 1px solid #d5deea; border-radius: 50%; background: #fff; color: #334155; font-size: 1rem; cursor: pointer; } .signature-content .popup-close:hover{ background:#f8fafc; } .signature-content .popup-box .section-tag{ color:#334155; margin-bottom:.45rem; display:inline-block; font-size:.72rem; letter-spacing:2px; text-transform:uppercase; font-weight:700; } .signature-content .popup-box h3{ font-size:1.35rem; color:#0f172a; margin-bottom:.25rem; } .signature-content .popup-box > p{ color:#64748b; font-size:.9rem; margin-bottom:.7rem; } .signature-content .popup-box .contact-form{ margin-top:.5rem; } .signature-content .popup-box .form-row{ display:grid; grid-template-columns:1fr 1fr; gap:.55rem; } .signature-content .popup-box .form-field{ margin-bottom:.46rem; } .signature-content .popup-box .form-field label{ display:block; font-size:.74rem; color:#334155; font-weight:700; margin-bottom:.22rem; letter-spacing:.2px; } .signature-content .popup-box .form-field input,.signature-content .popup-box .form-field textarea,.signature-content .popup-box .form-field select{ width:100%; border:1px solid #cfd9e6; border-radius:10px; background:#ffffff; color:#0f172a; font:inherit; font-size:.87rem; padding:.6rem .64rem; outline:none; } .signature-content .popup-box .form-field input:focus,.signature-content .popup-box .form-field textarea:focus,.signature-content .popup-box .form-field select:focus{ border-color:#9dcfa8; box-shadow:0 0 0 2px rgba(90,186,74,.12); } .signature-content .popup-box .form-submit{ margin-top:.35rem; width:100%; border:none; cursor:pointer; } .signature-content .popup-box .form-success{ display:none; margin-top:.6rem; padding:.55rem .7rem; border-radius:8px; background:#ecfdf3; border:1px solid #86efac; color:#166534; font-size:.84rem; font-weight:600; } .signature-content .scroll-casino-cta{ position:fixed; right:1.1rem; bottom:1.1rem; width:min(350px,calc(100vw - 2rem)); z-index:240; opacity:0; visibility:hidden; transform:translateY(18px) scale(.97); transition:opacity .24s ease,visibility .24s ease,transform .24s ease; } .signature-content .scroll-casino-cta.active{ opacity:1; visibility:visible; transform:translateY(0) scale(1); } .signature-content .scroll-casino-cta-card{ position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:20px; background: radial-gradient(circle at 18% 18%,rgba(201,244,107,.18),transparent 28%), linear-gradient(145deg,#111813,#1f2922); color:#fff; box-shadow:0 24px 60px rgba(0,0,0,.24); padding:1.05rem; } .signature-content .scroll-casino-cta-card::after{ content:""; position:absolute; width:120px; height:120px; right:-46px; bottom:-54px; border-radius:999px; background:rgba(201,244,107,.11); } .signature-content .scroll-casino-close{ position:absolute; right:.65rem; top:.65rem; width:30px; height:30px; border:1px solid rgba(255,255,255,.16); border-radius:999px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.82); cursor:pointer; z-index:2; } .signature-content .scroll-casino-close:hover{ background:rgba(255,255,255,.14); } .signature-content .scroll-casino-cta h3{ position:relative; z-index:1; max-width:250px; color:#fff; font-size:1.16rem; line-height:1.16; margin:0 0 .48rem; } .signature-content .scroll-casino-cta p{ position:relative; z-index:1; max-width:265px; color:rgba(255,255,255,.7); font-size:.86rem; line-height:1.45; margin:0 0 .8rem; } .signature-content .scroll-casino-talk{ position:relative; z-index:1; border:none; border-radius:999px; background:#c9f46b; color:#122016; padding:.62rem .95rem; font-weight:900; cursor:pointer; box-shadow:0 14px 28px rgba(201,244,107,.2); } .signature-content .scroll-casino-talk:hover{ background:#d8ff82; } .signature-content{ background: radial-gradient(circle at 10% -5%, rgba(90,186,74,.14), transparent 34%), radial-gradient(circle at 90% 0%, rgba(14,165,233,.10), transparent 32%), linear-gradient(180deg, #f8fbff 0%, #eef4fa 100%); } .signature-content .hero{ padding:2.8rem 0 2.2rem; border-bottom:1px solid #d8e5f1; } .signature-content .hero-copy h1{ font-size:clamp(2.05rem,4.4vw,3.25rem); letter-spacing:-.45px; } .signature-content .hero-copy p{font-size:1.02rem; color:#516072;} .signature-content .hero-point{ background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,252,255,.92)); border:1px solid #d7e4f0; } .signature-content .hero-panel{ border-radius:20px; border:1px solid #d4e0ec; box-shadow:0 18px 36px rgba(15,23,42,.11); } .signature-content .compare-card{ border:1px solid #d7e3ef; border-radius:16px; box-shadow:0 10px 22px rgba(15,23,42,.06); transition:transform .2s ease, box-shadow .2s ease; } .signature-content .compare-card:hover{transform:translateY(-4px); box-shadow:0 16px 32px rgba(15,23,42,.12);} .signature-content .core-card{ border:1px solid #d9e4ef; border-radius:16px; box-shadow:0 10px 24px rgba(15,23,42,.05); } .signature-content .section-title{padding:1.8rem 0 .85rem;} .signature-content .section-title h2{font-size:1.62rem;} .signature-content .section-title p{font-size:.96rem; color:#58667a;} .signature-content .product-band{ border:none; background:transparent ; padding:.55rem 0; } .signature-content .band-inner{ background:linear-gradient(170deg,#ffffff,#f8fbff); border:1px solid #d8e3ef; border-radius:18px; padding:1.22rem 1.12rem; box-shadow:0 12px 28px rgba(15,23,42,.06); } .signature-content .product-main h3{font-size:1.42rem;} .signature-content .product-main p{color:#4a5a6d;} .signature-content .feature-list li{line-height:1.5;} .signature-content .feature-list li::before{content:"•";} .signature-content .module-panel{ border-radius:14px; background:linear-gradient(170deg,#ffffff,#f5faff); border:1px solid #d6e2ef; } .signature-content .module{ background:#ffffff; border:1px solid #cfdeec; } .signature-content .btn{border-radius:11px;} .signature-content .btn-primary{box-shadow:0 12px 24px rgba(61,155,53,.25);} .signature-content .quick-inquiry-toggle{box-shadow:0 14px 28px rgba(61,155,53,.35);} .signature-content .popup-box{ border-radius:18px; border:1px solid #d6e2ef; box-shadow:0 30px 70px rgba(15,23,42,.24); } .signature-content .hero{ position:relative; overflow:hidden; } .signature-content .hero::before,.signature-content .hero::after{ content:""; position:absolute; border-radius:999px; filter:blur(4px); pointer-events:none; } .signature-content .hero::before{ width:340px; height:340px; background:radial-gradient(circle, rgba(90,186,74,.18), rgba(90,186,74,0)); top:-140px; right:8%; } .signature-content .hero::after{ width:260px; height:260px; background:radial-gradient(circle, rgba(14,165,233,.16), rgba(14,165,233,0)); bottom:-130px; left:6%; } .signature-content .hero-grid{ position:relative; z-index:1; background:linear-gradient(165deg, rgba(255,255,255,.84), rgba(246,251,255,.74)); border:1px solid #d6e3ef; border-radius:24px; padding:1.15rem; box-shadow:0 18px 42px rgba(15,23,42,.10); } .signature-content .hero-copy h1{ line-height:1.08; max-width:780px; } .signature-content .hero-actions .btn{ min-width:182px; } .signature-content .hero-actions .btn-outline{ border:1px solid #c9d8e7; background:linear-gradient(180deg,#ffffff,#f8fbff); } .signature-content .core-suite{ padding:1.45rem 0 .65rem; } .signature-content .core-grid{ gap:.9rem; } .signature-content .core-card{ padding:1rem; background:linear-gradient(165deg,#ffffff,#f7fbff); transition:transform .2s ease, box-shadow .2s ease; } .signature-content .core-card:hover{ transform:translateY(-4px); box-shadow:0 16px 30px rgba(15,23,42,.12); } .signature-content #product-list{ margin-top:.45rem; } .signature-content .product-band{ padding:.65rem 0; } .signature-content .band-inner{ position:relative; overflow:hidden; } .signature-content .band-inner::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(180deg,#5ABA4A,#6fd95f); border-radius:10px; opacity:.7; } .signature-content .product-main,.signature-content .module-panel{ position:relative; z-index:1; } .signature-content .product-main h3{ margin-bottom:.5rem; } .signature-content .product-main p{ margin-bottom:.72rem; } .signature-content .product-cta .btn{ min-width:170px; } .signature-content .module-panel{ box-shadow:0 12px 28px rgba(15,23,42,.08); } .signature-content .final-cta-box{ border-radius:18px; box-shadow:0 18px 38px rgba(15,23,42,.2); } .signature-content .quick-inquiry-panel{ border-radius:18px; } .signature-content .popup-box{ background:linear-gradient(165deg,#ffffff 0%,#f5faff 100%); } .signature-content .sports-coverage{ padding:3.1rem 0; background:linear-gradient(180deg,#f8fbff 0%,#eef5f8 100%); border-bottom:1px solid var(--line); } .signature-content .sports-coverage .section-title{ padding:0; margin-bottom:1.45rem; } .signature-content .sports-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; } .signature-content .sport-card{ display:flex; flex-direction:column; min-height:100%; overflow:hidden; border:1px solid #d8e2ec; border-radius:16px; background:#fff; box-shadow:0 12px 28px rgba(15,23,42,.08); } .signature-content .sport-image{ position:relative; height:178px; overflow:hidden; background:#dce8ef; } .signature-content .sport-image img{ width:100%; height:100%; object-fit:cover; display:block; } .signature-content .sport-image::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(15,23,42,0) 35%,rgba(15,23,42,.52) 100%); } .signature-content .sport-body{ display:flex; flex-direction:column; flex:1; padding:1rem; } .signature-content .sport-body h3{ font-size:1rem; margin-bottom:.4rem; color:#111827; } .signature-content .sport-body p{ color:var(--muted); font-size:.86rem; line-height:1.58; margin-bottom:.85rem; } .signature-content .sport-body .btn{ width:100%; margin-top:auto; padding:.68rem .9rem; font-size:.84rem; } .signature-content .industry-band,.signature-content .process-band,.signature-content .faq-section{ padding:2.6rem 0; background:#fff; border-bottom:1px solid var(--line); } .signature-content .industry-grid,.signature-content .process-grid,.signature-content .faq-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.9rem; } .signature-content .icon-card,.signature-content .process-step,.signature-content .faq-card{ border:1px solid #d8e3ef; border-radius:16px; background:linear-gradient(165deg,#ffffff,#f7fbff); padding:1rem; box-shadow:0 12px 26px rgba(15,23,42,.06); transition:transform .22s ease, box-shadow .22s ease; } .signature-content .icon-card:hover,.signature-content .process-step:hover,.signature-content .faq-card:hover{ transform:translateY(-5px); box-shadow:0 18px 34px rgba(15,23,42,.12); } .signature-content .mini-icon{ width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:13px; margin-bottom:.7rem; color:#0f172a; font-size:.78rem; font-weight:800; background:linear-gradient(135deg,rgba(90,186,74,.22),rgba(14,165,233,.16)); border:1px solid rgba(90,186,74,.28); } .signature-content .icon-card h3,.signature-content .process-step h3,.signature-content .faq-card h3{ font-size:.98rem; margin-bottom:.42rem; } .signature-content .icon-card p,.signature-content .process-step p,.signature-content .faq-card p{ color:var(--muted); font-size:.86rem; line-height:1.58; } .signature-content .visual-rail{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; margin-top:1.1rem; } .signature-content .visual-chip{ min-height:92px; border-radius:16px; border:1px solid #d8e3ef; background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,251,255,.9)), radial-gradient(circle at 20% 20%,rgba(90,186,74,.16),transparent 38%); padding:.86rem; box-shadow:0 10px 22px rgba(15,23,42,.06); animation:liftFloat 5.5s ease-in-out infinite; } .signature-content .visual-chip:nth-child(2){animation-delay:.6s} .signature-content .visual-chip:nth-child(3){animation-delay:1.2s} .signature-content .visual-chip:nth-child(4){animation-delay:1.8s} .signature-content .visual-chip strong{display:block;font-size:.92rem;margin-bottom:.2rem;color:#0f172a} .signature-content .visual-chip span{font-size:.8rem;color:#64748b} @keyframes liftFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} } @media (max-width:1050px){.signature-content .hero-grid{ padding:.95rem; border-radius:18px; } .signature-content .band-inner::before{display:none;} } .signature-content .casino-redesign + .popup-overlay + footer,.signature-content main.casino-redesign ~ footer{ margin-top:0; } @media (max-width:1279px){.signature-content .quick-inquiry{ position:fixed; right:0; top:96px; width:min(300px,88vw); margin:0; } } @media (max-width:1050px){.signature-content .hero-grid,.signature-content .band-inner{grid-template-columns:1fr} } @media (max-width:820px){.signature-content .quick-inquiry{ top:auto; right:0; bottom:12px; width:min(290px,92vw); } .signature-content .core-grid,.signature-content .hero-points{grid-template-columns:1fr} .signature-content .popup-box{ padding:1rem; } .signature-content .popup-box .form-row{ grid-template-columns:1fr; } } @supports (content-visibility: auto){.signature-content > section:not(:first-of-type),.signature-content footer{ content-visibility: auto; contain-intrinsic-size: 1px 900px; } } @media (max-width:980px){.signature-content .sports-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .signature-content .industry-grid,.signature-content .process-grid,.signature-content .faq-grid,.signature-content .visual-rail{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (max-width:640px){.signature-content .sports-coverage{padding:2.2rem 0;} .signature-content .sports-grid{grid-template-columns:1fr;} .signature-content .industry-grid,.signature-content .process-grid,.signature-content .faq-grid,.signature-content .visual-rail{grid-template-columns:1fr;} .signature-content .sport-image{height:192px;} } .signature-content .casino-redesign{ background:#f5f8f2; color:#121816; } .signature-content .casino-hero{ position:relative; min-height:680px; display:flex; align-items:flex-end; overflow:hidden; color:#fff; } .signature-content .casino-hero-media,.signature-content .casino-hero-media img,.signature-content .casino-hero-overlay{ position:absolute; inset:0; } .signature-content .casino-hero-media img{ width:100%; height:100%; object-fit:cover; filter:saturate(1.02) contrast(1.05); } .signature-content .casino-hero-overlay{ background: linear-gradient(90deg,rgba(6,14,11,.92) 0%,rgba(6,14,11,.72) 45%,rgba(6,14,11,.25) 100%), linear-gradient(180deg,rgba(6,14,11,.12) 0%,rgba(6,14,11,.86) 100%); } .signature-content .casino-hero-inner{ position:relative; z-index:1; padding:5rem 0 3.4rem; } .signature-content .casino-kicker{ display:inline-flex; align-items:center; gap:.5rem; color:#c9f46b; font-size:.78rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:.9rem; } .signature-content .casino-kicker::before{ content:""; width:34px; height:2px; background:#c9f46b; } .signature-content .casino-hero h1{ max-width:900px; font-size:clamp(2.35rem,5.6vw,5.5rem); line-height:.98; font-weight:800; margin-bottom:1rem; } .signature-content .casino-hero-copy{ max-width:720px; color:rgba(255,255,255,.84); font-size:1.03rem; line-height:1.7; margin-bottom:1.3rem; } .signature-content .casino-actions{ display:flex; gap:.75rem; flex-wrap:wrap; margin-bottom:2.1rem; } .signature-content .casino-actions .btn{ min-width:176px; border-radius:999px; } .signature-content .casino-actions .btn-outline{ background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.42); backdrop-filter:blur(8px); } .signature-content .casino-metrics{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; max-width:930px; } .signature-content .casino-metric{ border-top:1px solid rgba(255,255,255,.34); padding-top:.72rem; } .signature-content .casino-metric strong{ display:block; font-size:1.08rem; color:#fff; } .signature-content .casino-metric span{ display:block; color:rgba(255,255,255,.72); font-size:.82rem; } .signature-content .casino-section{ padding:4rem 0; } .signature-content .casino-section.alt{ background:#fff; } .signature-content .casino-section-head{ display:flex; justify-content:space-between; gap:1rem; align-items:flex-end; margin-bottom:1.5rem; } .signature-content .casino-section-head h2{ font-size:clamp(1.7rem,3vw,2.6rem); line-height:1.08; max-width:720px; } .signature-content .casino-section-head p{ color:#526157; max-width:460px; font-size:.95rem; } .signature-content .casino-product-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; } .signature-content .casino-product-card{ position:relative; min-height:320px; overflow:hidden; border-radius:18px; background:#101712; color:#fff; box-shadow:0 18px 34px rgba(18,24,22,.12); isolation:isolate; cursor:pointer; } .signature-content .casino-product-card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .55s ease; z-index:-2; } .signature-content .casino-product-card::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(6,14,11,.06) 0%,rgba(6,14,11,.86) 100%); z-index:-1; } .signature-content .casino-product-card:hover img{ transform:scale(1.08); } .signature-content .casino-product-content{ min-height:320px; display:flex; flex-direction:column; justify-content:flex-end; padding:1rem; } .signature-content .casino-product-card h3{ font-size:1.22rem; line-height:1.14; margin-bottom:.35rem; text-shadow:0 2px 16px rgba(0,0,0,.34); } .signature-content .casino-product-card p{ color:rgba(255,255,255,.78); font-size:.84rem; line-height:1.5; margin-bottom:.85rem; } .signature-content .casino-product-card .btn{ width:auto; align-self:flex-start; border-radius:999px; padding:.42rem .54rem .42rem .78rem; background:rgba(201,244,107,.16); color:#e5ff94; box-shadow:none; font-size:.82rem; font-weight:800; border:1px solid rgba(201,244,107,.44); backdrop-filter:blur(8px); gap:.45rem; } .signature-content .casino-product-card .btn::after{ content:""; width:1.62rem; height:1.62rem; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:#c9f46b; color:#101712; margin-left:.18rem; background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23101712' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; background-size:1rem 1rem; } .signature-content .casino-product-card .btn:hover{ color:#fff; border-color:rgba(255,255,255,.62); background:rgba(255,255,255,.14); } .signature-content .casino-capability-grid{ display:grid; grid-template-columns:1fr 1.15fr; gap:1.25rem; align-items:stretch; } .signature-content .casino-visual-panel{ position:relative; min-height:520px; overflow:hidden; border-radius:22px; background:#101712; color:#fff; padding:1.15rem; } .signature-content .casino-visual-panel img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.62; } .signature-content .casino-visual-panel::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(6,14,11,.1),rgba(6,14,11,.9)); } .signature-content .casino-visual-copy{ position:absolute; left:1.15rem; right:1.15rem; bottom:1.15rem; z-index:1; } .signature-content .casino-visual-copy h3{ font-size:1.45rem; margin-bottom:.4rem; } .signature-content .casino-visual-copy p{ color:rgba(255,255,255,.78); max-width:460px; } .signature-content .casino-capabilities{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; } .signature-content .casino-capability{ border:1px solid #dce8d4; border-radius:16px; background:#fff; padding:1rem; box-shadow:0 12px 24px rgba(18,24,22,.06); transition:transform .2s ease, box-shadow .2s ease; } .signature-content .casino-capability:hover{ transform:translateY(-4px); box-shadow:0 18px 30px rgba(18,24,22,.11); } .signature-content .casino-capability span{ display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center; border-radius:12px; background:#edf9d5; color:#25451e; font-size:.76rem; font-weight:900; margin-bottom:.6rem; } .signature-content .casino-capability h3{ font-size:.98rem; margin-bottom:.35rem; } .signature-content .casino-capability p{ color:#526157; font-size:.84rem; line-height:1.52; } .signature-content .casino-flow{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.9rem; } .signature-content .casino-flow-step{ position:relative; min-height:190px; border-radius:18px; padding:1rem; background:#121816; color:#fff; overflow:hidden; } .signature-content .casino-flow-step::after{ content:""; position:absolute; width:140px; height:140px; right:-58px; bottom:-58px; border-radius:999px; background:rgba(201,244,107,.2); } .signature-content .casino-flow-step strong{ display:block; color:#c9f46b; font-size:.82rem; margin-bottom:2rem; } .signature-content .casino-flow-step h3{ font-size:1.05rem; margin-bottom:.35rem; } .signature-content .casino-flow-step p{ color:rgba(255,255,255,.72); font-size:.84rem; } .signature-content .casino-strip{ display:flex; flex-wrap:wrap; gap:.6rem; } .signature-content .casino-strip span{ display:inline-flex; align-items:center; gap:.45rem; border:1px solid #dce8d4; border-radius:999px; background:#fff; padding:.62rem .88rem; color:#27342c; font-size:.86rem; font-weight:700; box-shadow:0 8px 18px rgba(18,24,22,.05); } .signature-content .casino-strip span::before{ content:""; width:8px; height:8px; border-radius:999px; background:#5ABA4A; } .signature-content .territories-section{ padding:4rem 0; background:#101712; color:#fff; overflow:hidden; } .signature-content .territories-layout{ display:grid; grid-template-columns:.72fr 1.28fr; gap:1.35rem; align-items:start; } .signature-content .territory-eyebrow{ display:inline-flex; align-items:center; gap:.55rem; color:#c9f46b; font-size:.76rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; margin-bottom:.85rem; } .signature-content .territory-eyebrow::before{ content:""; width:34px; height:2px; background:#c9f46b; } .signature-content .territories-copy h2{ font-size:clamp(2rem,3.6vw,3.25rem); line-height:1; margin-bottom:.72rem; } .signature-content .territories-copy p{ color:rgba(255,255,255,.74); line-height:1.55; max-width:520px; } .signature-content .territory-proof-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.55rem; margin-top:1rem; } .signature-content .territory-proof{ border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:.7rem; background:rgba(255,255,255,.07); } .signature-content .territory-proof strong{ display:block; color:#c9f46b; font-size:1.12rem; line-height:1; margin-bottom:.18rem; } .signature-content .territory-proof span{ display:block; color:rgba(255,255,255,.65); font-size:.72rem; line-height:1.3; } .signature-content .territories-panel{ border:1px solid rgba(255,255,255,.12); border-radius:24px; background:linear-gradient(150deg,rgba(255,255,255,.1),rgba(255,255,255,.04)); padding:1rem; box-shadow:0 24px 54px rgba(0,0,0,.28); } .signature-content .territory-map{ position:relative; min-height:238px; border-radius:18px; overflow:hidden; background: linear-gradient(90deg,rgba(201,244,107,.08) 1px,transparent 1px), linear-gradient(180deg,rgba(201,244,107,.08) 1px,transparent 1px), radial-gradient(circle at 18% 44%,rgba(201,244,107,.22),transparent 4%), radial-gradient(circle at 44% 30%,rgba(90,186,74,.28),transparent 5%), radial-gradient(circle at 58% 52%,rgba(201,244,107,.18),transparent 4%), radial-gradient(circle at 76% 64%,rgba(90,186,74,.24),transparent 5%), #142019; background-size:54px 54px,54px 54px,auto,auto,auto,auto,auto; margin-bottom:1rem; } .signature-content .territory-map::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(16,23,18,.1),rgba(16,23,18,.7)); } .signature-content .territory-map-copy{ position:absolute; left:1rem; right:1rem; bottom:1rem; z-index:1; } .signature-content .territory-map-copy strong{ display:block; font-size:1.48rem; } .signature-content .territory-map-copy span{ display:block; max-width:460px; color:rgba(255,255,255,.68); font-size:.82rem; } .signature-content .territory-region-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; } .signature-content .territory-region{ position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(255,255,255,.07); padding:.84rem; min-height:155px; } .signature-content .territory-region::after{ content:""; position:absolute; width:110px; height:110px; right:-46px; top:-46px; border-radius:999px; background:rgba(201,244,107,.12); } .signature-content .territory-region h3{ position:relative; z-index:1; font-size:1rem; margin-bottom:.45rem; } .signature-content .territory-region-label{ position:relative; z-index:1; display:block; color:#c9f46b; font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.55rem; } .signature-content .territory-chips{ position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:.38rem; } .signature-content .territory-chip{ display:inline-flex; align-items:center; gap:.34rem; border:1px solid rgba(255,255,255,.13); border-radius:999px; padding:.28rem .52rem .28rem .34rem; color:rgba(255,255,255,.8); background:rgba(255,255,255,.06); font-size:.76rem; line-height:1; } .signature-content .territory-chip:nth-child(n+5){ display:none; } .signature-content .territory-chip b{ display:inline-flex; align-items:center; justify-content:center; min-width:1.65rem; height:1.35rem; border-radius:999px; color:#122016; background:#c9f46b; font-size:.65rem; font-weight:900; } .signature-content .territory-globe-panel{ position:relative; min-height:430px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.9rem; overflow:visible; } .signature-content .territory-globe{ position:relative; width:min(420px,88%); aspect-ratio:1; border-radius:999px; overflow:hidden; background: radial-gradient(circle at 34% 24%,rgba(255,255,255,.2),transparent 21%), radial-gradient(circle at 62% 63%,rgba(255,255,255,.07),transparent 34%), linear-gradient(145deg,#343b36 0%,#202722 42%,#101511 100%); border:1px solid rgba(255,255,255,.16); box-shadow: inset -42px -42px 90px rgba(0,0,0,.42), inset 20px 18px 42px rgba(255,255,255,.08), 0 30px 70px rgba(0,0,0,.26); animation:globeBreath 8s ease-in-out infinite; } .signature-content .territory-globe::before{ content:""; position:absolute; inset:6%; border-radius:inherit; background: repeating-radial-gradient(circle at center,transparent 0 46px,rgba(255,255,255,.105) 47px 48px), linear-gradient(90deg,transparent 49%,rgba(255,255,255,.13) 50%,transparent 51%), linear-gradient(0deg,transparent 49%,rgba(255,255,255,.1) 50%,transparent 51%); opacity:.62; z-index:1; } .signature-content .territory-globe::after{ content:""; position:absolute; inset:-5%; border-radius:inherit; border:1px solid rgba(255,255,255,.12); transform:rotate(-18deg); z-index:3; } .signature-content .territory-world-map{ position:absolute; inset:8% -2% 6% -2%; width:104%; height:86%; z-index:1; opacity:.62; filter:grayscale(1) contrast(.94); } .signature-content .territory-world-map .land{ fill:rgba(196,202,196,.62); stroke:rgba(255,255,255,.14); stroke-width:2; } .signature-content .territory-world-map .land-muted{ fill:rgba(150,158,151,.44); stroke:rgba(255,255,255,.1); stroke-width:1.6; } .signature-content .territory-orbit{ position:absolute; inset:0; border-radius:inherit; z-index:2; } .signature-content .territory-pin{ position:absolute; left:var(--x); top:var(--y); width:34px; height:24px; border-radius:4px; filter:drop-shadow(0 8px 12px rgba(0,0,0,.24)); transform:translate(-50%,-50%); animation:flagFloat 5.8s ease-in-out infinite; animation-delay:var(--delay); z-index:2; } .signature-content .territory-pin img{ width:100%; height:100%; border-radius:4px; object-fit:cover; display:block; } .signature-content .territory-pin:nth-child(3n){ width:30px; height:21px; opacity:.92; } .signature-content .territory-pin:nth-child(4n){ width:27px; height:19px; opacity:.78; } .signature-content .territory-globe-caption{ position:relative; z-index:2; display:inline-flex; align-items:center; gap:.45rem; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:rgba(7,12,9,.55); color:rgba(255,255,255,.78); padding:.45rem .7rem; font-size:.76rem; font-weight:800; backdrop-filter:blur(14px); } .signature-content .territory-globe-caption::before{ content:""; width:8px; height:8px; border-radius:999px; background:#c9f46b; box-shadow:0 0 0 6px rgba(201,244,107,.1); } @keyframes globeBreath{ 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-8px) scale(1.015)} } @keyframes flagFloat{ 0%,100%{transform:translate(-50%,-50%) translateY(0)} 50%{transform:translate(-50%,-50%) translateY(-9px)} } .signature-content .territory-action{ margin-top:1rem; } .signature-content .territory-action .btn{ border-radius:999px; } .signature-content .sports-redesign .products-stage,.signature-content .casino-redesign .products-stage{ padding:0 0 4rem; background: radial-gradient(circle at 10% 12%,rgba(90,186,74,.18),transparent 32%), radial-gradient(circle at 88% 4%,rgba(201,244,107,.14),transparent 30%), linear-gradient(180deg,#f5f8f2 0%,#eef5ec 100%); } .signature-content .sports-redesign #product-list,.signature-content .casino-redesign #product-list{width:100%;margin:0;} .signature-content .module-carousel-shell{width:min(1240px,92%);margin:0 auto;} .signature-content .module-carousel-panel{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(18,24,22,.13);background:radial-gradient(circle at 84% 8%,rgba(201,244,107,.26),transparent 27%),radial-gradient(circle at 5% 72%,rgba(90,186,74,.18),transparent 32%),linear-gradient(135deg,#111814 0%,#1c291f 48%,#101712 100%);color:#fff;padding:1.15rem;box-shadow:0 30px 80px rgba(18,24,22,.22);} .signature-content .module-carousel-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.08));pointer-events:none;} .signature-content .module-carousel-head{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:1rem;align-items:end;padding:.35rem .35rem 1rem;} .signature-content .module-showcase-eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:#c9f46b;font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.55rem;} .signature-content .module-showcase-eyebrow::before{content:"";width:30px;height:2px;background:#c9f46b;} .signature-content .module-carousel-head h3{color:#fff;font-size:clamp(1.65rem,3vw,2.85rem);line-height:1.02;max-width:760px;} .signature-content .module-carousel-head p{max-width:520px;justify-self:end;color:rgba(255,255,255,.72);line-height:1.6;} .signature-content .module-overview-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:1rem;} .signature-content .module-overview-item{border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.075);padding:.82rem;backdrop-filter:blur(12px);} .signature-content .module-overview-item strong{display:block;color:#c9f46b;font-size:1.28rem;line-height:1;margin-bottom:.22rem;} .signature-content .module-overview-item span{display:block;color:rgba(255,255,255,.68);font-size:.78rem;line-height:1.35;} .signature-content .module-carousel-layout{position:relative;z-index:1;display:grid;grid-template-columns:270px minmax(0,1fr);gap:.95rem;align-items:stretch;} .signature-content .module-carousel-nav{display:grid;align-content:start;gap:.45rem;max-height:620px;overflow:auto;padding-right:.18rem;scrollbar-width:thin;scrollbar-color:rgba(201,244,107,.5) rgba(255,255,255,.08);} .signature-content .module-nav-button{width:100%;display:flex;align-items:center;gap:.64rem;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.72);padding:.68rem;text-align:left;font:inherit;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease;} .signature-content .module-nav-button:hover,.signature-content .module-nav-button.active{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(201,244,107,.42);transform:translateX(3px);} .signature-content .module-nav-button b{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:14px;background:rgba(201,244,107,.13);color:#c9f46b;font-size:.68rem;letter-spacing:.08em;} .signature-content .module-nav-button.active b{background:linear-gradient(135deg,#c9f46b,#5ABA4A);color:#101712;} .signature-content .module-nav-button span{display:block;min-width:0;font-size:.82rem;font-weight:800;line-height:1.18;} .signature-content .module-carousel-window{overflow:hidden;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,250,241,.96));box-shadow:0 24px 60px rgba(0,0,0,.24);} .signature-content .module-carousel-track{display:flex;transition:transform .62s cubic-bezier(.22,.78,.26,.99);will-change:transform;} .signature-content .module-slide{flex:0 0 100%;min-width:100%;display:grid;grid-template-columns:.88fr 1.12fr;gap:1rem;color:#121816;padding:1rem;} .signature-content .module-slide-visual{position:relative;min-height:430px;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 28% 20%,rgba(201,244,107,.28),transparent 22%),radial-gradient(circle at 78% 78%,rgba(90,186,74,.26),transparent 24%),linear-gradient(145deg,#101712,#263727);color:#fff;padding:1rem;} .signature-content .module-slide-visual::before,.signature-content .module-slide-visual::after{content:"";position:absolute;border-radius:999px;border:1px solid rgba(201,244,107,.2);} .signature-content .module-slide-visual::before{width:280px;height:280px;left:50%;top:50%;transform:translate(-50%,-50%);} .signature-content .module-slide-visual::after{width:390px;height:390px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(22deg);border-style:dashed;opacity:.72;} .signature-content .module-hero-code{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:42px;background:linear-gradient(135deg,#c9f46b,#5ABA4A);color:#101712;font-size:1.8rem;font-weight:950;letter-spacing:.08em;box-shadow:0 30px 60px rgba(0,0,0,.28);z-index:2;} .signature-content .module-float-chip{position:absolute;display:inline-flex;align-items:center;justify-content:center;max-width:150px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.82);padding:.42rem .7rem;font-size:.72rem;font-weight:800;backdrop-filter:blur(12px);animation:moduleFloat 6s ease-in-out infinite;} .signature-content .module-float-chip:nth-of-type(2){left:8%;top:18%;animation-delay:-1.1s} .signature-content .module-float-chip:nth-of-type(3){right:8%;top:24%;animation-delay:-2.2s} .signature-content .module-float-chip:nth-of-type(4){left:11%;bottom:23%;animation-delay:-3.1s} .signature-content .module-float-chip:nth-of-type(5){right:10%;bottom:18%;animation-delay:-.6s} @keyframes moduleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}} .signature-content .module-slide-count{position:absolute;left:1rem;bottom:1rem;color:rgba(255,255,255,.68);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;} .signature-content .module-slide-copy{display:flex;flex-direction:column;padding:.35rem .2rem .1rem;} .signature-content .module-slide-meta{display:inline-flex;align-items:center;gap:.42rem;color:#4b6f3d;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.55rem;} .signature-content .module-slide-copy h3{font-size:clamp(1.55rem,2.7vw,2.55rem);line-height:1.04;max-width:650px;margin-bottom:.62rem;} .signature-content .module-slide-copy p{color:#526157;line-height:1.62;max-width:720px;margin-bottom:.9rem;} .signature-content .module-chip-row{display:flex;flex-wrap:wrap;gap:.34rem;margin-bottom:1rem;} .signature-content .module-chip{display:inline-flex;align-items:center;border:1px solid #d7e7d1;border-radius:999px;background:#f8fff1;color:#24451e;padding:.24rem .5rem;font-size:.7rem;font-weight:800;line-height:1;} .signature-content .module-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:1rem;} .signature-content .module-feature{display:grid;grid-template-columns:24px 1fr;gap:.48rem;align-items:start;border:1px solid #dce8d4;border-radius:15px;background:#fff;padding:.68rem;color:#314338;font-size:.82rem;line-height:1.44;box-shadow:0 10px 22px rgba(18,24,22,.05);} .signature-content .module-feature::before{content:"";width:24px;height:24px;border-radius:9px;background:#ecf9df;background-image:url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 20 20' fill='none' stroke='%2325451e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10.5 8 14l8-9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;} .signature-content .module-slide-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #dce8d4;padding-top:.9rem;} .signature-content .module-slide-note{color:#647267;font-size:.82rem;line-height:1.45;} .signature-content .module-slide-action{border:0;cursor:pointer;border-radius:999px;background:#101712;color:#c9f46b;font:inherit;font-size:.84rem;font-weight:900;padding:.62rem .78rem .62rem 1rem;display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap;} .signature-content .module-slide-action::after{content:"";width:1.6rem;height:1.6rem;border-radius:999px;background:#c9f46b;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23101712' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;} .signature-content .module-carousel-controls{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem .2rem 0;} .signature-content .module-arrow-group{display:flex;gap:.45rem;} .signature-content .module-arrow,.signature-content .module-dot{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;} .signature-content .module-arrow{width:42px;height:42px;border-radius:999px;font-size:1.1rem;font-weight:900;} .signature-content .module-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.36rem;} .signature-content .module-dot{width:9px;height:9px;border-radius:999px;padding:0;transition:width .2s ease,background .2s ease;} .signature-content .module-dot.active{width:34px;background:#c9f46b;border-color:#c9f46b;} .signature-content .module-autoplay-note{color:rgba(255,255,255,.58);font-size:.74rem;font-weight:800;white-space:nowrap;} @media (max-width:1050px){.signature-content .module-carousel-head,.signature-content .module-carousel-layout,.signature-content .module-slide{grid-template-columns:1fr} .signature-content .module-carousel-head p{justify-self:start} .signature-content .module-carousel-nav{display:flex;overflow-x:auto;max-height:none;padding-bottom:.25rem;scrollbar-width:none} .signature-content .module-carousel-nav::-webkit-scrollbar{display:none} .signature-content .module-nav-button{min-width:220px} .signature-content .module-slide-visual{min-height:320px} } @media (max-width:640px){.signature-content .sports-redesign .products-stage,.signature-content .casino-redesign .products-stage{padding-bottom:2.7rem} .signature-content .module-carousel-panel{padding:.8rem;border-radius:22px} .signature-content .module-carousel-head{padding:.2rem .2rem .8rem} .signature-content .module-overview-grid{grid-template-columns:1fr} .signature-content .module-slide{padding:.72rem} .signature-content .module-slide-visual{min-height:250px;border-radius:18px} .signature-content .module-hero-code{width:112px;height:112px;border-radius:30px;font-size:1.28rem} .signature-content .module-float-chip{font-size:.66rem;padding:.34rem .54rem} .signature-content .module-feature-grid{grid-template-columns:1fr} .signature-content .module-slide-footer{align-items:flex-start;flex-direction:column} .signature-content .module-slide-action{width:100%;justify-content:space-between} .signature-content .module-carousel-controls{align-items:flex-start;flex-direction:column} .signature-content .module-autoplay-note{white-space:normal} } @media (prefers-reduced-motion:reduce){.signature-content .module-carousel-track,.signature-content .module-float-chip{transition:none;animation:none} } .signature-content .casino-final{ padding:3rem 0 2.4rem; background: linear-gradient(120deg,rgba(16,23,18,.96),rgba(16,23,18,.9)), url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1800&q=82") center/cover; color:#fff; border-bottom:1px solid rgba(255,255,255,.08); } .signature-content .casino-final-box{ display:grid; grid-template-columns:1fr .92fr; gap:1rem; align-items:center; } .signature-content .casino-final h2{ font-size:clamp(1.85rem,3vw,2.9rem); line-height:1.04; margin-bottom:.62rem; } .signature-content .casino-final p{ color:rgba(255,255,255,.72); max-width:610px; } .signature-content .casino-final-copy{ display:flex; flex-direction:column; justify-content:center; } .signature-content .casino-contact-points{ display:flex; gap:.58rem; flex-wrap:wrap; margin-top:.9rem; } .signature-content .casino-contact-points span{ display:inline-flex; align-items:center; border:1px solid rgba(255,255,255,.2); border-radius:999px; padding:.42rem .68rem; color:rgba(255,255,255,.82); background:rgba(255,255,255,.08); font-size:.83rem; font-weight:700; } .signature-content .casino-contact-card{ border:1px solid rgba(255,255,255,.16); border-radius:18px; padding:.85rem; background:rgba(255,255,255,.94); color:#111827; box-shadow:0 24px 60px rgba(0,0,0,.22); } .signature-content .casino-contact-card h3{ font-size:1.22rem; margin-bottom:.25rem; } .signature-content .casino-contact-card p{ color:#64748b; font-size:.82rem; margin-bottom:.62rem; } .signature-content .casino-contact-form{ display:grid; grid-template-columns:1fr 1fr; gap:.42rem; } .signature-content .casino-contact-form input,.signature-content .casino-contact-form select,.signature-content .casino-contact-form textarea{ width:100%; border:1px solid #d3dde8; border-radius:12px; background:#fff; color:#0f172a; font:inherit; font-size:.84rem; padding:.56rem .66rem; outline:none; } .signature-content .casino-contact-form textarea{ min-height:74px; resize:vertical; grid-column:1 / -1; } .signature-content .casino-contact-form input:focus,.signature-content .casino-contact-form select:focus,.signature-content .casino-contact-form textarea:focus{ border-color:#8ccf6b; box-shadow:0 0 0 3px rgba(90,186,74,.14); } .signature-content .casino-contact-form button{ grid-column:1 / -1; border:none; cursor:pointer; border-radius:10px; padding:.62rem .9rem; } .signature-content .casino-contact-form .form-success{ grid-column:1 / -1; display:none; margin-top:.1rem; padding:.58rem .7rem; border-radius:10px; background:#ecfdf3; border:1px solid #86efac; color:#166534; font-size:.84rem; font-weight:700; } @media (prefers-reduced-motion:no-preference){.signature-content .casino-product-card,.signature-content .casino-capability,.signature-content .casino-flow-step{ animation:casinoReveal .65s ease both; } .signature-content .casino-product-card:nth-child(2),.signature-content .casino-capability:nth-child(2),.signature-content .casino-flow-step:nth-child(2){animation-delay:.08s} .signature-content .casino-product-card:nth-child(3),.signature-content .casino-capability:nth-child(3),.signature-content .casino-flow-step:nth-child(3){animation-delay:.16s} .signature-content .casino-product-card:nth-child(4),.signature-content .casino-capability:nth-child(4),.signature-content .casino-flow-step:nth-child(4){animation-delay:.24s} } @keyframes casinoReveal{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } @media (max-width:1050px){.signature-content .casino-hero{min-height:620px} .signature-content .casino-metrics,.signature-content .casino-product-grid,.signature-content .casino-flow{grid-template-columns:repeat(2,minmax(0,1fr))} .signature-content .casino-capability-grid,.signature-content .casino-final-box,.signature-content .territories-layout{grid-template-columns:1fr} .signature-content .territory-proof-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .signature-content .territory-globe-panel{min-height:410px} } @media (max-width:680px){.signature-content .casino-hero{min-height:640px} .signature-content .casino-hero-inner{padding:4.4rem 0 2.4rem} .signature-content .casino-metrics,.signature-content .casino-product-grid,.signature-content .casino-capabilities,.signature-content .casino-flow{grid-template-columns:1fr} .signature-content .casino-section-head{display:block} .signature-content .casino-section-head p{margin-top:.65rem} .signature-content .casino-product-card,.signature-content .casino-product-content{min-height:270px} .signature-content .casino-visual-panel{min-height:420px} .signature-content .casino-contact-form{grid-template-columns:1fr} .signature-content .territory-proof-grid,.signature-content .territory-region-grid{grid-template-columns:1fr} .signature-content .territory-globe-panel{min-height:350px} .signature-content .territory-globe{width:min(310px,86%)} .signature-content .territory-pin{width:27px;height:27px} .signature-content .territories-section{padding:3rem 0} } @media (prefers-reduced-motion:reduce){.signature-content .territory-globe,.signature-content .territory-pin{animation:none} } }