@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{ 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; } @media (max-width:1050px){.signature-content .hero-grid{ padding:.95rem; border-radius:18px; } .signature-content .band-inner::before{display:none;} } @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));} } @media (max-width:640px){.signature-content .sports-coverage{padding:2.2rem 0;} .signature-content .sports-grid{grid-template-columns:1fr;} .signature-content .sport-image{height:192px;} } .signature-content .sports-redesign{ background:#f5f8f2; color:#121816; } .signature-content .sports-redesign + .popup-overlay + footer,.signature-content main.sports-redesign ~ footer{ margin-top:0; } .signature-content .sports-hero{ position:relative; min-height:680px; display:flex; align-items:flex-end; overflow:hidden; color:#fff; } .signature-content .sports-hero-media,.signature-content .sports-hero-media img,.signature-content .sports-hero-overlay{ position:absolute; inset:0; } .signature-content .sports-hero-media img{ width:100%; height:100%; object-fit:cover; filter:saturate(1.05) contrast(1.05); } .signature-content .sports-hero-overlay{ background: linear-gradient(90deg,rgba(6,14,11,.92) 0%,rgba(6,14,11,.7) 46%,rgba(6,14,11,.22) 100%), linear-gradient(180deg,rgba(6,14,11,.08) 0%,rgba(6,14,11,.88) 100%); } .signature-content .sports-hero-inner{ position:relative; z-index:1; padding:5rem 0 3.4rem; } .signature-content .sports-kicker{ display:inline-flex; align-items:center; gap:.5rem; color:#c9f46b; font-size:.78rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; margin-bottom:.9rem; } .signature-content .sports-kicker::before{ content:""; width:34px; height:2px; background:#c9f46b; } .signature-content .sports-hero h1{ max-width:960px; font-size:clamp(2.35rem,5.6vw,5.25rem); line-height:.98; font-weight:800; margin-bottom:1rem; } .signature-content .sports-hero-copy{ max-width:750px; color:rgba(255,255,255,.84); font-size:1.03rem; line-height:1.7; margin-bottom:1.3rem; } .signature-content .sports-actions{ display:flex; gap:.75rem; flex-wrap:wrap; margin-bottom:2.1rem; } .signature-content .sports-actions .btn{ min-width:176px; border-radius:999px; } .signature-content .sports-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 .sports-metrics{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; max-width:960px; } .signature-content .sports-metric{ border-top:1px solid rgba(255,255,255,.34); padding-top:.72rem; } .signature-content .sports-metric strong{ display:block; font-size:1.08rem; color:#fff; } .signature-content .sports-metric span{ display:block; color:rgba(255,255,255,.72); font-size:.82rem; } .signature-content .sports-section{ padding:4rem 0; } .signature-content .sports-section.alt{ background:#fff; } .signature-content .sports-section.dark{ background:#101712; color:#fff; } .signature-content .sports-section-head{ display:flex; justify-content:space-between; gap:1rem; align-items:flex-end; margin-bottom:1.5rem; } .signature-content .sports-section-head h2{ font-size:clamp(1.7rem,3vw,2.6rem); line-height:1.08; max-width:760px; } .signature-content .sports-section-head p{ color:#526157; max-width:500px; font-size:.95rem; } .signature-content .sports-section.dark .sports-section-head p{ color:rgba(255,255,255,.72); } .signature-content .sports-product-grid,.signature-content .sports-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; } .signature-content .sports-product-card,.signature-content .sports-redesign .sport-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; border:none; } .signature-content .sports-product-card img,.signature-content .sports-redesign .sport-image,.signature-content .sports-redesign .sport-image img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform .55s ease; z-index:-2; } .signature-content .sports-redesign .sport-image{ height:auto; } .signature-content .sports-redesign .sport-image img{ z-index:0; } .signature-content .sports-product-card::after,.signature-content .sports-redesign .sport-card::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(6,14,11,.04) 0%,rgba(6,14,11,.86) 100%); z-index:-1; } .signature-content .sports-product-card:hover img,.signature-content .sports-redesign .sport-card:hover img{ transform:scale(1.08); } .signature-content .sports-product-content,.signature-content .sports-redesign .sport-body{ min-height:320px; display:flex; flex-direction:column; justify-content:flex-end; padding:1rem; position:relative; z-index:1; } .signature-content .sports-product-card h3,.signature-content .sports-redesign .sport-body h3{ color:#fff; font-size:1.18rem; line-height:1.14; margin-bottom:.35rem; text-shadow:0 2px 16px rgba(0,0,0,.34); } .signature-content .sports-product-card p,.signature-content .sports-redesign .sport-body p{ color:rgba(255,255,255,.78); font-size:.84rem; line-height:1.5; margin-bottom:.85rem; } .signature-content .sports-product-card .btn,.signature-content .sports-redesign .sport-body .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 .sports-product-card .btn::after,.signature-content .sports-redesign .sport-body .btn::after{ content:""; width:1.62rem; height:1.62rem; display:inline-flex; border-radius:999px; background:#c9f46b 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") center/1rem 1rem no-repeat; margin-left:.18rem; } .signature-content .sports-capability-grid{ display:grid; grid-template-columns:1fr 1.15fr; gap:1.25rem; align-items:stretch; } .signature-content .sports-visual-panel{ position:relative; min-height:520px; overflow:hidden; border-radius:22px; background:#101712; color:#fff; padding:1.15rem; } .signature-content .sports-visual-panel img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.62; } .signature-content .sports-visual-panel::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(6,14,11,.1),rgba(6,14,11,.9)); } .signature-content .sports-visual-copy{ position:absolute; left:1.15rem; right:1.15rem; bottom:1.15rem; z-index:1; } .signature-content .sports-visual-copy h3{ color:#fff; font-size:1.45rem; margin-bottom:.4rem; } .signature-content .sports-visual-copy p{ color:rgba(255,255,255,.78); max-width:470px; } .signature-content .sports-capabilities{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; } .signature-content .sports-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 .sports-capability:hover{ transform:translateY(-4px); box-shadow:0 18px 30px rgba(18,24,22,.11); } .signature-content .sports-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 .sports-capability h3{ font-size:.98rem; margin-bottom:.35rem; } .signature-content .sports-capability p{ color:#526157; font-size:.84rem; line-height:1.52; } .signature-content .sports-flow{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.9rem; } .signature-content .sports-flow-step{ position:relative; min-height:190px; border-radius:18px; padding:1rem; background:#121816; color:#fff; overflow:hidden; } .signature-content .sports-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 .sports-flow-step strong{ display:block; color:#c9f46b; font-size:.82rem; margin-bottom:2rem; } .signature-content .sports-flow-step h3{ color:#fff; font-size:1.05rem; margin-bottom:.35rem; } .signature-content .sports-flow-step p{ color:rgba(255,255,255,.72); font-size:.84rem; } .signature-content .sports-strip{ display:flex; flex-wrap:wrap; gap:.6rem; } .signature-content .sports-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 .sports-strip span::before{ content:""; width:8px; height:8px; border-radius:999px; background:#5ABA4A; } .signature-content .sports-redesign .products-stage{ padding:0 0 3rem; } .signature-content .sports-redesign #product-list{ width:min(1240px,92%); margin:0 auto; } .signature-content .sports-redesign .product-band{ border:none; background:transparent ; padding:.62rem 0; } .signature-content .sports-redesign .band-inner{ position:relative; overflow:hidden; 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 .sports-redesign .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 .sports-redesign .product-main,.signature-content .sports-redesign .module-panel{ position:relative; z-index:1; } .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 .sports-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-1508098682722-e99c43a406b2?auto=format&fit=crop&w=1800&q=82") center/cover; color:#fff; border-bottom:1px solid rgba(255,255,255,.08); } .signature-content .sports-final-box{ display:grid; grid-template-columns:1fr .92fr; gap:1rem; align-items:center; } .signature-content .sports-final h2{ color:#fff; font-size:clamp(1.85rem,3vw,2.9rem); line-height:1.04; margin-bottom:.62rem; } .signature-content .sports-final p{ color:rgba(255,255,255,.72); max-width:620px; } .signature-content .sports-contact-points{ display:flex; gap:.58rem; flex-wrap:wrap; margin-top:.9rem; } .signature-content .sports-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 .sports-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 .sports-contact-card h3{ font-size:1.22rem; margin-bottom:.25rem; } .signature-content .sports-contact-card p{ color:#64748b; font-size:.82rem; margin-bottom:.62rem; } .signature-content .sports-contact-form{ display:grid; grid-template-columns:1fr 1fr; gap:.42rem; } .signature-content .sports-contact-form input,.signature-content .sports-contact-form select,.signature-content .sports-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 .sports-contact-form textarea{ min-height:74px; resize:vertical; grid-column:1 / -1; } .signature-content .sports-contact-form button{ grid-column:1 / -1; border:none; cursor:pointer; } .signature-content .sports-contact-form .form-success{ grid-column:1 / -1; display:none; } @media (prefers-reduced-motion:no-preference){.signature-content .sports-product-card,.signature-content .sports-capability,.signature-content .sports-flow-step{ animation:sportsReveal .62s ease both; } .signature-content .sports-product-card:nth-child(2),.signature-content .sports-capability:nth-child(2),.signature-content .sports-flow-step:nth-child(2){animation-delay:.08s} .signature-content .sports-product-card:nth-child(3),.signature-content .sports-capability:nth-child(3),.signature-content .sports-flow-step:nth-child(3){animation-delay:.16s} .signature-content .sports-product-card:nth-child(4),.signature-content .sports-capability:nth-child(4),.signature-content .sports-flow-step:nth-child(4){animation-delay:.24s} } @keyframes sportsReveal{ from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} } @media (max-width:1050px){.signature-content .sports-hero{min-height:620px} .signature-content .sports-metrics,.signature-content .sports-product-grid,.signature-content .sports-grid,.signature-content .sports-flow{grid-template-columns:repeat(2,minmax(0,1fr))} .signature-content .sports-capability-grid,.signature-content .sports-final-box{grid-template-columns:1fr} } @media (max-width:680px){.signature-content .sports-hero{min-height:640px} .signature-content .sports-hero-inner{padding:4.4rem 0 2.4rem} .signature-content .sports-metrics,.signature-content .sports-product-grid,.signature-content .sports-grid,.signature-content .sports-capabilities,.signature-content .sports-flow{grid-template-columns:1fr} .signature-content .sports-section-head{display:block} .signature-content .sports-section-head p{margin-top:.65rem} .signature-content .sports-product-card,.signature-content .sports-product-content,.signature-content .sports-redesign .sport-card,.signature-content .sports-redesign .sport-body{min-height:270px} .signature-content .sports-visual-panel{min-height:420px} .signature-content .sports-contact-form{grid-template-columns:1fr} } }