/* ===== PAGE: home ===== */ :where([data-page="home"]) .first-theory-toast{position:fixed; right:24px; bottom:24px; z-index:70; display:flex; align-items:flex-start; gap:14px; width:320px; max-width:calc(100vw - 32px); background:#FFFFFF; border:1px solid rgba(2,19,41,.12); border-radius:var(--radius-container); padding:18px; box-shadow:0 24px 60px -20px rgba(2,19,41,.35), 0 2px 10px rgba(2,19,41,.06); animation:fttIn .32s ease;} :where([data-page="home"]) .first-theory-toast[hidden]{display:none;} :where([data-page="home"]) .ftt-icon{width:34px; height:34px; border-radius:50%; background:rgba(255,219,0,.14); color:#8A6D00; display:flex; align-items:center; justify-content:center; flex-shrink:0;} :where([data-page="home"]) .ftt-icon svg{width:17px; height:17px;} :where([data-page="home"]) .ftt-body{flex:1; min-width:0;} :where([data-page="home"]) .ftt-title{font-size:13.5px; font-weight:700; color:#0B1B2E; margin:0 0 4px; line-height:1.3;} :where([data-page="home"]) .ftt-text{font-size:12px; color:rgba(11,27,46,.6); line-height:1.5; margin:0 0 10px;} :where([data-page="home"]) .ftt-cta{font-size:12px; font-weight:600; color:#0B1B2E; text-decoration:underline; text-underline-offset:2px; background:none; border:none; padding:0; cursor:pointer;} :where([data-page="home"]) .ftt-close{flex-shrink:0; background:none; border:none; color:rgba(2,19,41,.4); cursor:pointer; width:22px; height:22px; display:flex; align-items:center; justify-content:center; border-radius:var(--radius-control); margin:-2px -2px 0 0;} :where([data-page="home"]) .ftt-close:hover{background:rgba(2,19,41,.06); color:#0B1B2E;} :where([data-page="home"]) .ftt-close svg{width:14px; height:14px;} @media (prefers-reduced-motion: reduce){:where([data-page="home"]) .first-theory-toast{animation:none;} } @media (max-width:480px){:where([data-page="home"]) .first-theory-toast{left:16px; right:16px; width:auto;} } :where([data-page="home"]) .card{background:var(--card-bg); border:1px solid var(--card-border); border-radius:var(--card-radius); padding:20px;} :where([data-page="home"]) .fixture-row{display:flex; align-items:center; gap:16px; background:var(--color-bg-elevated); border:1px solid var(--color-border-subtle); border-radius:var(--radius-container); padding:16px 20px;} :where([data-page="home"]) .fx-dash{width:16px; height:2px; border-radius:1px; background:var(--color-action-insight); flex-shrink:0;} :where([data-page="home"]) .compare-row{display:grid; grid-template-columns:76px 1fr 76px; align-items:center; column-gap:18px; padding:16px 0; border-top:1px solid var(--color-border-subtle);} :where([data-page="home"]) .compare-value{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:30px; color:var(--color-text-primary); font-variant-numeric:tabular-nums; line-height:1;} :where([data-page="home"]) .compare-value.right{text-align:right;} :where([data-page="home"]) .compare-value.p1{color:var(--color-action-insight);} :where([data-page="home"]) .compare-value.p2{color:var(--color-action-primary);} :where([data-page="home"]) .compare-mid{display:flex; flex-direction:column; align-items:center; gap:8px;} :where([data-page="home"]) .compare-stat-label{font-size:10.5px; font-weight:600; color:rgba(225,230,236,.45); text-align:center; text-transform:uppercase; letter-spacing:.3px;} :where([data-page="home"]) .compare-bar-track{display:flex; align-items:center; width:100%; height:12px; gap:0; position:relative;} :where([data-page="home"]) .compare-bar-half{flex:1; height:100%; display:flex; background:rgba(225,230,236,.10); border-radius:0; overflow:visible;} :where([data-page="home"]) .compare-bar-half.left{justify-content:flex-end; border-radius:0;} :where([data-page="home"]) .compare-bar-half.right{border-radius:0;} :where([data-page="home"]) .compare-bar-fill{height:100%; position:relative;} :where([data-page="home"]) .compare-bar-fill.p1{background:var(--color-action-insight);} :where([data-page="home"]) .compare-bar-fill.p2{background:var(--color-action-primary);} :where([data-page="home"]) .compare-bar-fill.p1::after, :where([data-page="home"]) .compare-bar-fill.p2::after{content:''; position:absolute; top:100%; margin-top:4px; width:1px; height:6px; background:rgba(225,230,236,.35); pointer-events:none;} :where([data-page="home"]) .compare-bar-fill.p1::after{left:0;} :where([data-page="home"]) .compare-bar-fill.p2::after{right:0;} :where([data-page="home"]) .capsule{display:flex; align-items:center; gap:9px; background:var(--color-bg-elevated); border:1px solid var(--color-border-subtle); border-radius:var(--radius-control); padding:9px 14px;} :where([data-page="home"]) .capsule svg{color:var(--color-action-primary); flex-shrink:0; width:16px; height:16px; stroke-width:1.8;} :where([data-page="home"]) .capsule-label{font-size:9.5px; color:rgba(225,230,236,.45); text-transform:uppercase; letter-spacing:.3px; display:block; margin-bottom:2px;} :where([data-page="home"]) .capsule-value{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:20px; letter-spacing:.2px; color:var(--color-white); font-variant-numeric:tabular-nums;} :where([data-page="home"]) .blog-card{display:flex; align-items:stretch; gap:20px; background:var(--color-bg-elevated); border:1px solid var(--color-border-subtle); border-radius:var(--radius-container); padding:14px; margin-bottom:14px; transition:border-color .15s ease;} :where([data-page="home"]) .blog-card:hover{border-color:var(--color-border-strong);} :where([data-page="home"]) .blog-card-elite{border:1px solid transparent; background: linear-gradient(180deg, rgba(255,219,0,.09) 0%, rgba(255,219,0,0) 55%) padding-box, linear-gradient(var(--color-bg-elevated), var(--color-bg-elevated)) padding-box, linear-gradient(180deg, rgba(255,219,0,.85) 0%, rgba(225,230,236,.14) 100%) border-box;} :where([data-page="home"]) .blog-card-elite:hover{background: linear-gradient(180deg, rgba(255,219,0,.09) 0%, rgba(255,219,0,0) 55%) padding-box, linear-gradient(var(--color-bg-elevated), var(--color-bg-elevated)) padding-box, linear-gradient(180deg, rgba(255,219,0,1) 0%, rgba(225,230,236,.22) 100%) border-box;} :where([data-page="home"]) .blog-card-elite .blog-card-arrow{color:var(--color-action-insight); border-color:var(--color-action-insight);} :where([data-page="home"]) .blog-card-elite:hover .blog-card-arrow{color:var(--color-action-insight); border-color:var(--color-action-insight);} :where([data-page="home"]) .blog-card-image{width:200px; flex-shrink:0; border-radius:var(--radius-control); background:var(--color-bg-selected); display:flex; align-items:center; justify-content:center; position:relative;} :where([data-page="home"]) .blog-card-image svg{width:26%; height:26%; stroke-width:1.5; color:rgba(225,230,236,.32);} :where([data-page="home"]) .blog-card-body{flex:1; min-width:0; min-height:144px; display:flex; flex-direction:column; justify-content:flex-start; gap:7px; padding:4px 0;} :where([data-page="home"]) .blog-card-eyebrow{display:flex; align-items:center; gap:5px; font-size:10.5px; font-weight:600; color:var(--color-action-primary); text-transform:uppercase; letter-spacing:.4px;} :where([data-page="home"]) .blog-card-eyebrow.insight{color:var(--color-action-insight);} :where([data-page="home"]) .blog-card-eyebrow svg{width:11px; height:11px; stroke-width:2.4;} :where([data-page="home"]) .blog-card-title{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:21px; letter-spacing:.2px; color:var(--color-white); line-height:1.2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} :where([data-page="home"]) .blog-card-excerpt{font-size:12.5px; color:rgba(225,230,236,.55); line-height:1.55; max-width:540px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} :where([data-page="home"]) .blog-card-meta{display:flex; align-items:center; gap:16px; font-size:11px; color:rgba(225,230,236,.45); margin-top:auto;} :where([data-page="home"]) .blog-card-meta span{display:flex; align-items:center; gap:5px;} :where([data-page="home"]) .blog-card-meta svg{width:12px; height:12px; stroke-width:2; flex-shrink:0;} :where([data-page="home"]) .blog-card-arrow{width:34px; height:34px; border-radius:50%; border:1px solid var(--color-border-strong); display:flex; align-items:center; justify-content:center; color:rgba(225,230,236,.55); flex-shrink:0; align-self:center;} :where([data-page="home"]) .blog-card-arrow svg{width:15px; height:15px; stroke-width:2;} :where([data-page="home"]) .blog-card:hover .blog-card-arrow{color:var(--color-action-primary); border-color:var(--color-action-primary);} :where([data-page="home"]) .data-table-wrap{background:var(--color-bg-elevated); border:1px solid var(--color-border-subtle); border-radius:var(--radius-container); overflow-x:auto; margin-bottom:28px;} :where([data-page="home"]) .data-table{width:100%; border-collapse:collapse; font-size:13px; white-space:nowrap;} :where([data-page="home"]) .data-table th{text-align:left; font-size:10.5px; font-weight:600; color:rgba(225,230,236,.45); text-transform:uppercase; letter-spacing:.3px; padding:13px 16px; border-bottom:1px solid var(--color-border-subtle);} :where([data-page="home"]) .data-table th.num{text-align:right;} :where([data-page="home"]) .data-table td{padding:12px 16px; border-bottom:1px solid var(--color-border-subtle); color:var(--color-text-primary); vertical-align:middle;} :where([data-page="home"]) .data-table td.num{text-align:right; font-variant-numeric:tabular-nums;} :where([data-page="home"]) .data-table td.dim{color:rgba(225,230,236,.45); font-size:11.5px;} :where([data-page="home"]) .data-table th.dt-score, :where([data-page="home"]) .data-table td.dt-score{text-align:center; font-variant-numeric:tabular-nums;} :where([data-page="home"]) .data-table td.dt-score.dt-hero{font-size:24px;} :where([data-page="home"]) .data-table tbody tr:last-child td{border-bottom:none;} :where([data-page="home"]) .data-table tbody tr:hover td{background:rgba(225,230,236,.035);} :where([data-page="home"]) .dt-team{display:flex; align-items:center; gap:8px; font-weight:500; color:var(--color-white);} :where([data-page="home"]) .dt-team.right{justify-content:flex-end; text-align:right;} :where([data-page="home"]) .dt-league{display:inline-flex; align-items:center; padding:3px 9px; border-radius:5px; background:rgba(225,230,236,.06); border:1px solid var(--color-border-subtle); font-size:10px; font-weight:600; letter-spacing:.2px; color:rgba(225,230,236,.55); white-space:nowrap;} :where([data-page="home"]) .data-table .row-link{width:1%; text-align:right;} :where([data-page="home"]) .data-table .row-link svg{width:15px; height:15px; stroke-width:2; color:rgba(225,230,236,.3);} :where([data-page="home"]) .dt-hero{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:19px; letter-spacing:.2px; color:var(--color-white);} :where([data-page="home"]) .avatar.xs{width:20px; height:20px; font-size:9px;} :where([data-page="home"]) .avatar.sm{width:24px; height:24px; font-size:10px;} :where([data-page="home"]) .avatar.md{width:32px; height:32px; font-size:12px;} :where([data-page="home"]) .avatar.lg{width:40px; height:40px; font-size:14px;} :where([data-page="home"]) .avatar.xl{width:56px; height:56px; font-size:18px;} :where([data-page="home"]) .avatar.photo{background:var(--color-bg-selected); color:rgba(225,230,236,.5);} :where([data-page="home"]) .avatar.photo svg{width:46%; height:46%; stroke-width:1.8;} :where([data-page="home"]) .avatar.selected{outline:2px solid var(--color-action-primary); outline-offset:2px;} :where([data-page="home"]) .chart-gridline{ stroke-dasharray:1.5 3;} :where([data-page="home"]) .dt-team.flag{color:var(--color-action-danger);} :where([data-page="home"]) a{text-decoration:none; color:inherit;} :where([data-page="home"]) .wrap{max-width:1180px; margin:0 auto; padding:0 32px;} :where([data-page="home"]) .logo-home-link{display:flex; align-items:center; gap:10px; min-width:0; flex:1; text-decoration:none; color:inherit; cursor:pointer; transition:opacity .12s ease;} :where([data-page="home"]) .logo-home-link:hover{opacity:.8;} :where([data-page="home"]) .logo-home-link:hover .logo-word{color:var(--color-cyan);} :where([data-page="home"]) .sidebar-search{display:flex; align-items:center; gap:8px; background:var(--input-bg); border:1.5px solid var(--input-border-default); border-radius:var(--input-radius); padding:9px 12px; margin:0 0 18px;} :where([data-page="home"]) .sidebar-search:focus-within{border-color:var(--input-border-focus);} :where([data-page="home"]) .sidebar-search-icon{width:15px; height:15px; flex-shrink:0; color:rgba(225,230,236,.45);} :where([data-page="home"]) .sidebar-search-input{background:transparent; border:none; outline:none; font-family:var(--font-body); font-size:12.5px; color:var(--color-white); width:100%; min-width:0;} :where([data-page="home"]) .sidebar-search-input::placeholder{color:rgba(225,230,236,.4);} :where([data-page="home"]) .sidebar-search-sep{width:1px; height:16px; background:var(--color-border-subtle); flex-shrink:0;} :where([data-page="home"]) .sidebar-search-submit{display:flex; align-items:center; justify-content:center; flex-shrink:0; width:18px; height:18px; padding:0; margin:0; border:none; background:transparent; color:rgba(225,230,236,.55); cursor:pointer;} :where([data-page="home"]) .sidebar-search-submit svg{width:13px; height:13px; flex-shrink:0;} :where([data-page="home"]) .nav-divider{height:1px; background:var(--color-border-subtle); margin:14px 4px 10px;} :where([data-page="home"]) .sidebar-guest-cta{display:none; flex-direction:column; gap:8px; margin-top:8px;} body:not(.is-auth) :where([data-page="home"]) .sidebar-guest-cta{display:flex;} :where([data-page="home"]) .sidebar-guest-btn{gap:8px;} :where([data-page="home"]) .sidebar-guest-icon{flex-shrink:0;} :where([data-page="home"]) .sidebar-auth-block{display:none; flex-direction:column; gap:2px;} body.is-auth :where([data-page="home"]) .sidebar-auth-block{display:flex;} :where([data-page="home"]) .sidebar-auth-block .account-card{margin-top:12px; margin-bottom:0;} :where([data-page="home"]) #heroCopyAuth{display:none;} body.is-auth :where([data-page="home"]) #heroCopyGuest{display:none;} body.is-auth :where([data-page="home"]) #heroCopyAuth{display:block;} :where([data-page="home"]) [data-guest-only]{display:inline;} :where([data-page="home"]) [data-auth-only]{display:none;} body.is-auth :where([data-page="home"]) [data-guest-only]{display:none;} body.is-auth :where([data-page="home"]) [data-auth-only]{display:inline;} :where([data-page="home"]) #dsStepAuth{display:none;} body.is-auth :where([data-page="home"]) #dsStepGuest{display:none;} body.is-auth :where([data-page="home"]) #dsStepAuth{display:block;} :where([data-page="home"]) .ds-empty{display:none; flex-direction:column; align-items:flex-start; gap:10px; padding:16px; border:1px dashed var(--color-border-strong); border-radius:var(--radius-control); background:var(--color-bg-elevated);} :where([data-page="home"]) .ds-empty.show{display:flex;} :where([data-page="home"]) .ds-empty p{font-size:12.5px; color:rgba(2,19,41,.6); margin:0; line-height:1.5;} :where([data-page="home"]) #hpHighlightsAuth{display:none;} body.is-auth :where([data-page="home"]) #hpBeliefsGuest{display:none;} body.is-auth :where([data-page="home"]) #hpHighlightsAuth{display:block;} :where([data-page="home"]) .hl-card{max-width:600px; padding:0;} :where([data-page="home"]) .hl-split{display:flex; gap:24px; align-items:flex-start;} :where([data-page="home"]) .hl-split .hl-left-col{flex:0 1 600px; min-width:0;} :where([data-page="home"]) .hl-photo-frame{flex:1; min-width:0;} :where([data-page="home"]) .hl-community-graphic{width:100%; aspect-ratio:1/1; object-fit:cover; display:block;} :where([data-page="home"]) .hl-photo-frame{transform:translateX(calc(32px + max(0px, (100vw - var(--sbw) - 1180px) / 2)));} @media (max-width:900px){:where([data-page="home"]) .hl-split{flex-direction:column;} } @media (max-width:900px){:where([data-page="home"]) .hl-photo-frame{display:none;} } :where([data-page="home"]) .hl-tabs{margin-bottom:2px;} :where([data-page="home"]) .hl-list{list-style:none; margin:0; padding:0;} :where([data-page="home"]) .hl-item{padding:11px 0; border-top:1px solid var(--color-border-subtle);} :where([data-page="home"]) .hl-item:first-child{border-top:none;} :where([data-page="home"]) .hl-row{display:flex; align-items:center; gap:10px;} :where([data-page="home"]) .hl-content{flex:1; min-width:0;} :where([data-page="home"]) .hl-title{font-size:13px; font-weight:600; color:var(--color-text-primary); margin:0 0 5px; line-height:1.35;} :where([data-page="home"]) .hl-rate-row{display:flex; align-items:center; gap:8px;} :where([data-page="home"]) .hl-bar-track{width:70px; flex-shrink:0; height:5px; border-radius:999px; background:rgba(2,19,41,.08); overflow:hidden;} :where([data-page="home"]) .hl-bar-fill{height:100%; border-radius:999px;} :where([data-page="home"]) .hl-rate-value{font-size:11.5px; font-weight:700; flex-shrink:0; width:30px;} :where([data-page="home"]) .hl-creator{font-size:11px; color:rgba(2,19,41,.5); flex-shrink:0; padding-left:8px; border-left:1px solid var(--color-border-subtle);} :where([data-page="home"]) .hl-actions{display:flex; gap:6px; flex-shrink:0;} :where([data-page="home"]) .hl-peek-btn, :where([data-page="home"]) .hl-clone-btn{flex-shrink:0;} :where([data-page="home"]) .peek-backdrop{position:fixed; inset:0; z-index:200; background:rgba(2,19,41,.72); backdrop-filter:blur(3px); display:flex; align-items:center; justify-content:center; padding:24px;} :where([data-page="home"]) .peek-backdrop[hidden]{display:none;} :where([data-page="home"]) .peek-modal{--color-bg-canvas:#F2F6FA; --color-bg-elevated:#FFFFFF; --color-text-primary:#0B1B2E; --color-white:#0B1B2E; --color-border-subtle:rgba(2,19,41,.08); --color-border-strong:rgba(2,19,41,.16); position:relative; background:var(--color-bg-elevated); border-radius:var(--radius-container); width:440px; max-width:100%; padding:28px 28px 24px; box-shadow:0 20px 60px rgba(2,19,41,.28);} :where([data-page="home"]) .peek-title{font-size:19px; font-weight:700; color:var(--color-text-primary); margin:0 0 6px; line-height:1.35;} :where([data-page="home"]) .peek-byline{font-size:12px; color:rgba(2,19,41,.5); margin-bottom:20px;} :where([data-page="home"]) .peek-section{margin-bottom:16px;} :where([data-page="home"]) .peek-label{font-size:10.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:rgba(2,19,41,.45); margin-bottom:5px;} :where([data-page="home"]) .peek-value{font-size:13.5px; color:var(--color-text-primary); line-height:1.5;} :where([data-page="home"]) .peek-footer{display:flex; justify-content:flex-end; gap:10px; margin-top:20px; padding-top:16px; border-top:1px solid var(--color-border-subtle);} :where([data-page="home"]) #hpWatched{display:none;} body.is-auth :where([data-page="home"]) #hpWatched{display:block;} :where([data-page="home"]) .watch-table .data-table-wrap{margin-bottom:0;} :where([data-page="home"]) .watch-table .data-table-wrap{background:transparent; border:none; box-shadow:none;} :where([data-page="home"]) .watch-table .data-table{font-size:13px;} :where([data-page="home"]) .watch-table .data-table td.dt-score.dt-hero{font-size:17px;} :where([data-page="home"]) .watch-table .dt-score .fx-dash{display:inline-block; vertical-align:middle; margin:0 6px; width:16px;} :where([data-page="home"]) .watch-table .dt-crest-real{height:20px; width:auto; max-width:23px; object-fit:contain; flex-shrink:0;} :where([data-page="home"]) .watch-table .dt-league{white-space:normal; text-align:center;} :where([data-page="home"]) .watch-table .up-theory{font-size:12px; line-height:1.45; color:rgba(2,19,41,.55); white-space:normal;} body.is-auth :where([data-page="home"]) #hpHowItWorks, body.is-auth :where([data-page="home"]) #hpWeeklyLedger, body.is-auth :where([data-page="home"]) #hpWeeklyLedgerPhoto, body.is-auth :where([data-page="home"]) #hpFounderCta{display:none;} body.is-auth :where([data-page="home"]) #hpWeeklyLedgerBand{display:none;} :where([data-page="home"]) .btn-google{background:#FFFFFF; color:#1F1F1F; border:1px solid rgba(2,19,41,.12);} :where([data-page="home"]) .btn-google:hover{background:#F1F3F4;} :where([data-page="home"]) .btn-google:active{background:#E4E7E8;} :where([data-page="home"]) .footer-guest-btn{width:100%; box-sizing:border-box;} .content-col :where([data-page="home"]) .hero-stat-label{color:rgba(2,19,41,.55);} :where([data-page="home"]) .hero-photo-zone .hero-copy .hero-stat-label{color:rgba(225,230,236,.75);} :where([data-page="home"]) #heroCopyAuth .hero-stat-value{color:#FFFFFF;} :where([data-page="home"]) #heroCopyAuth .hero-stat-row{margin-top:22px; align-items:stretch;} :where([data-page="home"]) #heroCopyAuth .hero-stat.success{flex:0 1 calc(50% - 8px);} :where([data-page="home"]) #heroCopyAuth .hero-rank-badge{flex-shrink:0; display:block; width:64px; height:64px; object-fit:contain; cursor:default;} .content-col :where([data-page="home"]) .edge-card-cond{color:rgba(2,19,41,.6);} .content-col :where([data-page="home"]) .edge-card-base{color:rgba(2,19,41,.4);} .content-col :where([data-page="home"]) .edge-card-delta{color:#1E9E76;} .content-col :where([data-page="home"]) .explain-card p{color:rgba(2,19,41,.68);} .content-col :where([data-page="home"]) .founding-card p{color:rgba(2,19,41,.62);} .content-col :where([data-page="home"]) .myth-q{color:rgba(2,19,41,.68);} .content-col :where([data-page="home"]) .ledger-foot{color:rgba(2,19,41,.6);} .content-col :where([data-page="home"]) .site-footer-tagline{color:rgba(2,19,41,.5);} .content-col :where([data-page="home"]) .site-footer-col-title{color:rgba(2,19,41,.42);} .content-col :where([data-page="home"]) .site-footer-links a{color:rgba(2,19,41,.68);} .content-col :where([data-page="home"]) .site-footer-links a:hover{color:var(--color-text-primary);} .content-col :where([data-page="home"]) .site-footer-account-links{color:rgba(2,19,41,.55);} .content-col :where([data-page="home"]) .site-footer-bottom{color:rgba(2,19,41,.4); border-top-color:rgba(2,19,41,.1) !important;} .content-col :where([data-page="home"]) .site-footer-bottom .note{color:#8A6D00;} .content-col :where([data-page="home"]) .account-plan{color:#8A6D00 !important;} .content-col :where([data-page="home"]) .b-cta-note{color:rgba(2,19,41,.4);} .content-col :where([data-page="home"]) .page-item{color:rgba(2,19,41,.55);} .content-col :where([data-page="home"]) .page-item:hover:not(.active):not(.disabled){background:rgba(2,19,41,.06);} .content-col :where([data-page="home"]) .data-table th{color:rgba(2,19,41,.42);} .content-col :where([data-page="home"]) .data-table td.dim, .content-col :where([data-page="home"]) .dim{color:rgba(2,19,41,.45);} .content-col :where([data-page="home"]) .dt-league{color:rgba(2,19,41,.55); background:rgba(2,19,41,.05);} .content-col :where([data-page="home"]) .row-link svg{color:rgba(2,19,41,.3);} .content-col :where([data-page="home"]) .tab{color:rgba(2,19,41,.45);} .content-col :where([data-page="home"]) .pill.insight{color:#8A6D00;} .content-col :where([data-page="home"]) .hero-stat.cyan .hero-stat-value{color:#0E7C88;} .content-col :where([data-page="home"]) .hero-stat.yellow .hero-stat-value{color:#8A6D00;} .content-col :where([data-page="home"]) .hero-stat.success .hero-stat-value{color:#1E9E76;} .content-col :where([data-page="home"]) .edge-card-hit{color:#0E7C88;} :where([data-page="home"]) .league-submenu .flag{display:inline-block; width:18px; margin-right:8px; text-align:center;} :where([data-page="home"]) .hero-photo-zone{position:relative; overflow:hidden; display:flex; align-items:center; padding-top:64px; padding-bottom:64px; --color-bg-canvas:var(--color-navy-base); --color-bg-elevated:var(--color-navy-base-elevated); --color-text-primary:var(--color-light-neutral); --color-white:#FFFFFF; --color-border-subtle:var(--neutral-alpha-14); --color-border-strong:var(--neutral-alpha-26);} :where([data-page="home"]) .hero-split{display:grid; grid-template-columns:1fr 460px; gap:56px; align-items:center; width:100%;} :where([data-page="home"]) .hero-photo-zone .builder-card{--color-bg-canvas:#F2F6FA; --color-bg-elevated:#FFFFFF; --color-text-primary:#0B1B2E; --color-white:#0B1B2E; --color-border-subtle:rgba(2,19,41,.08); --color-border-strong:rgba(2,19,41,.16); --color-border-input:rgba(2,19,41,.32);} :where([data-page="home"]) .hero-photo-zone .builder-card .hero-stat-label{color:rgba(2,19,41,.55);} :where([data-page="home"]) .hero-photo-zone .builder-card .b-cta-note{color:rgba(2,19,41,.4);} :where([data-page="home"]) .hero-photo-zone .builder-card .hero-stat.cyan .hero-stat-value{color:#0E7C88;} :where([data-page="home"]) .hero-photo-zone .builder-card .hero-stat.yellow .hero-stat-value{color:#8A6D00;} :where([data-page="home"]) .hero-photo-zone .builder-card .hero-stat.success .hero-stat-value{color:#1E9E76;} :where([data-page="home"]) .hero-split .hero-copy{max-width:none;} :where([data-page="home"]) .hero-split .hero-stat-strip{margin-top:22px;} @media (max-width:980px){:where([data-page="home"]) .hero-split{grid-template-columns:1fr;} } :where([data-page="home"]) .hero-photo-zone img.hero-photo-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 42%;} :where([data-page="home"]) .hero-photo-zone .hero-photo-scrim{position:absolute; inset:0; background:linear-gradient(115deg, rgba(3,14,31,.82) 0%, rgba(3,14,31,.56) 30%, rgba(3,14,31,.22) 54%, rgba(3,14,31,0) 74%); pointer-events:none;} :where([data-page="home"]) .hero-photo-zone .hero-photo-watermark{position:absolute; inset:0; background-image:var(--img-0); background-repeat:no-repeat; background-position:96% -6%; background-size:640px auto; opacity:.4; pointer-events:none;} :where([data-page="home"]) .hero-photo-content{position:relative; width:100%;} :where([data-page="home"]) .hero-copy{max-width:760px;} :where([data-page="home"]) .hero-h1{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:92px; line-height:0.94; color:var(--color-white); margin:0 0 16px; letter-spacing:.2px;} :where([data-page="home"]) .hero-h1 .accent{color:var(--color-cyan);} :where([data-page="home"]) .hero-h1 .accent-dot{color:var(--color-yellow);} :where([data-page="home"]) .hero-sub{font-size:14px; line-height:1.6; color:rgba(225,230,236,.7); margin:0; max-width:480px;} :where([data-page="home"]) .hero-stat-strip{display:flex; gap:10px; flex-wrap:wrap;} :where([data-page="home"]) .hero-stat-strip .capsule{background:rgba(2,19,41,.55); backdrop-filter:blur(6px); border-color:rgba(225,230,236,.18);} :where([data-page="home"]) .hero-stat-strip .capsule-value{font-size:40px;} :where([data-page="home"]) .hero-stat-strip .capsule-label{color:rgba(225,230,236,.78);} :where([data-page="home"]) .hero-h1{opacity:0; animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) .05s forwards;} :where([data-page="home"]) .hero-sub{opacity:0; animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) .18s forwards;} :where([data-page="home"]) .hero-stat-strip .capsule{opacity:0; animation:heroFadeUp .6s cubic-bezier(.16,1,.3,1) forwards;} :where([data-page="home"]) .hero-stat-strip .capsule:nth-child(1){animation-delay:.30s;} :where([data-page="home"]) .hero-stat-strip .capsule:nth-child(2){animation-delay:.37s;} :where([data-page="home"]) .hero-stat-strip .capsule:nth-child(3){animation-delay:.44s;} @media (prefers-reduced-motion: reduce){:where([data-page="home"]) .hero-h1, :where([data-page="home"]) .hero-sub, :where([data-page="home"]) .hero-stat-strip .capsule{animation:none; opacity:1; transform:none;} } :where([data-page="home"]) .quick-cta-bar{position:sticky; top:0; z-index:60; background:#FFFFFF; max-height:0; overflow:hidden; border-bottom:1px solid transparent; box-shadow:none; transition:max-height .22s ease, border-color .22s ease, box-shadow .22s ease;} :where([data-page="home"]) .quick-cta-bar.visible{max-height:64px; border-bottom-color:rgba(2,19,41,.1); box-shadow:0 4px 16px rgba(2,19,41,.06);} :where([data-page="home"]) .quick-cta-inner{display:flex; align-items:center; gap:14px; padding:11px 32px;} :where([data-page="home"]) .quick-cta-label{font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; color:rgba(2,19,41,.4); flex-shrink:0;} :where([data-page="home"]) .quick-cta-text{font-size:13px; color:rgba(2,19,41,.72); flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} :where([data-page="home"]) .quick-cta-text b{color:var(--color-text-primary); font-weight:600;} :where([data-page="home"]) .quick-cta-bar .btn{flex-shrink:0; padding:9px 18px;} /* 2026-10-11: My theories yapisik cubugu. .wrap'in dikey padding'i sifirlamasi ortak .quick-cta-inner'i eziyordu, o yuzden id ile sabitlendi. */ #mtQuickBar .quick-cta-inner{display:flex; align-items:center; gap:14px; padding:11px 32px;} #mtQuickBar .btn{flex-shrink:0; padding:9px 18px;} :where([data-page="home"]) .quick-cta-mytheories{padding:9px 14px;} :where([data-page="home"]) .quick-cta-mytheories{text-decoration:underline; text-underline-offset:3px;} :where([data-page="home"]) .quick-cta-mytheories[data-auth-only]{display:none;} body.is-auth :where([data-page="home"]) .quick-cta-mytheories[data-auth-only]{display:inline-flex;} @media (max-width:700px){:where([data-page="home"]) .quick-cta-label{display:none;} } :where([data-page="home"]) .builder-card{background:var(--color-bg-elevated); border:1px solid var(--color-border-subtle); border-radius:18px; padding:38px 40px 42px; margin-bottom:56px; position:relative; overflow:hidden; box-shadow:0 24px 60px -20px rgba(2,19,41,.35), 0 2px 10px rgba(2,19,41,.06);} :where([data-page="home"]) .builder-card.compact{padding:26px 28px 28px; margin-bottom:0;} :where([data-page="home"]) .builder-card.compact .builder-kicker{margin-bottom:18px;} :where([data-page="home"]) .builder-card.compact .builder-kicker-title{font-size:26px;} :where([data-page="home"]) .builder-card.compact .builder-kicker-note{font-size:10.5px;} :where([data-page="home"]) .builder-card.compact .b-section{margin-bottom:18px;} :where([data-page="home"]) .builder-card.compact .b-section-label{margin-bottom:8px;} :where([data-page="home"]) .builder-card.compact .dataset-row{gap:10px;} :where([data-page="home"]) .builder-card.compact .ds-field{gap:5px;} :where([data-page="home"]) .builder-card.compact .b-select{padding:9px 30px 9px 11px; font-size:12px;} :where([data-page="home"]) .builder-card.compact .chip-row{gap:7px;} :where([data-page="home"]) .builder-card.compact .chip{padding:6px 8px; font-size:12px;} :where([data-page="home"]) .builder-card.compact .b-sentence{padding:13px 16px; font-size:13px; margin-bottom:18px; min-height:68px;} :where([data-page="home"]) .builder-card.compact .b-cta-row{gap:12px;} :where([data-page="home"]) .builder-card.compact .b-cta-note{font-size:11px;} :where([data-page="home"]) .builder-kicker{display:flex; align-items:center; justify-content:space-between; margin-bottom:34px; flex-wrap:wrap; gap:10px;} :where([data-page="home"]) .builder-kicker-title{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:44px; letter-spacing:.4px; color:var(--color-white);} :where([data-page="home"]) .builder-kicker-note{font-size:11.5px; color:rgba(2,19,41,.45);} :where([data-page="home"]) .b-section{margin-bottom:22px;} :where([data-page="home"]) .b-section-label{font-size:11px; font-weight:600; color:rgba(2,19,41,.5); text-transform:uppercase; letter-spacing:.4px; margin-bottom:14px;} :where([data-page="home"]) .chip-row{display:flex; gap:10px; flex-wrap:wrap;} :where([data-page="home"]) .chip{font-family:var(--font-body); font-size:12.5px; font-weight:500; color:rgba(2,19,41,.72); background:#F2F6FA; border:1px solid rgba(2,19,41,.14); border-radius:var(--radius-control); padding:12px 17px; cursor:pointer; transition:border-color .12s ease, color .12s ease, background .12s ease, transform .12s ease;} :where([data-page="home"]) .chip:hover{border-color:rgba(2,19,41,.4); transform:translateY(-1px);} :where([data-page="home"]) .chip:active{transform:translateY(0);} :where([data-page="home"]) .chip.active{background:rgba(14,124,136,.10); border-color:#0E7C88; color:#0E7C88; font-weight:600;} :where([data-page="home"]) .chip-more{display:inline-flex; align-items:center; gap:5px; background:transparent; border-style:dashed; border-color:rgba(2,19,41,.28); color:rgba(2,19,41,.5); cursor:default;} :where([data-page="home"]) .chip-more:hover{border-color:rgba(2,19,41,.4); color:rgba(2,19,41,.62); transform:none;} :where([data-page="home"]) .chip-more[data-guest-only]{cursor:pointer;} :where([data-page="home"]) .chip-more[data-guest-only]:hover{border-color:rgba(2,19,41,.55); color:rgba(2,19,41,.75);} :where([data-page="home"]) .chip-more[data-guest-only]{display:inline-flex;} body.is-auth :where([data-page="home"]) .chip-more[data-guest-only]{display:none;} :where([data-page="home"]) .chip-more[data-auth-only]{display:none;} body.is-auth :where([data-page="home"]) .chip-more[data-auth-only]{display:inline-flex;} :where([data-page="home"]) .chip .sub{opacity:.65; font-weight:400; margin-left:5px; font-size:11px;} :where([data-page="home"]) .dataset-row{display:flex; gap:16px; flex-wrap:wrap;} :where([data-page="home"]) .ds-field{flex:1; min-width:160px; display:flex; flex-direction:column; gap:8px;} :where([data-page="home"]) .ds-label{font-size:10px; font-weight:700; color:rgba(2,19,41,.42); text-transform:uppercase; letter-spacing:.4px;} :where([data-page="home"]) .b-select{-webkit-appearance:none; appearance:none; width:100%; font-family:var(--font-body); font-size:12.5px; font-weight:500; color:var(--color-text-primary); background:#F2F6FA url('data:image/svg+xml;utf8,') no-repeat right 12px center; background-size:15px; border:1px solid rgba(2,19,41,.14); border-radius:var(--radius-control); padding:12px 34px 12px 14px; cursor:pointer; transition:border-color .12s ease;} :where([data-page="home"]) .b-select:hover{border-color:rgba(2,19,41,.4);} :where([data-page="home"]) .b-select:focus{outline:none; border-color:#0E7C88;} :where([data-page="home"]) .b-sentence{position:relative; background:rgba(14,124,136,.05); border:1.5px solid rgba(14,124,136,.28); border-radius:var(--radius-control); padding:18px 22px; font-size:15px; line-height:1.6; color:rgba(2,19,41,.55); margin-top:14px; margin-bottom:28px; min-height:84px; display:flex; align-items:center;} :where([data-page="home"]) .b-sentence::before{content:''; position:absolute; top:-7px; left:28px; width:12px; height:12px; background:rgba(14,124,136,.05); border-left:1.5px solid rgba(14,124,136,.28); border-top:1.5px solid rgba(14,124,136,.28); border-radius:2px 0 0 0; transform:rotate(45deg);} :where([data-page="home"]) .b-sentence-text{width:100%;} :where([data-page="home"]) .b-sentence b{color:var(--color-text-primary); font-weight:600;} :where([data-page="home"]) .b-sentence .v{color:#0E7C88; font-weight:600;} :where([data-page="home"]) .b-cta-row{display:flex; align-items:center; gap:16px; flex-wrap:wrap;} :where([data-page="home"]) .b-cta-buttons{display:flex; align-items:center; gap:8px;} :where([data-page="home"]) .b-cta-icon-btn{width:auto; height:44px; flex-shrink:0; padding:0 18px; gap:8px; color:rgba(2,19,41,.78); background:#F2F6FA; border:1.5px solid rgba(2,19,41,.24); box-shadow:0 1px 2px rgba(2,19,41,.06); font-family:var(--font-body); font-size:13px; font-weight:600; transition:border-color .14s ease, color .14s ease, background .14s ease;} :where([data-page="home"]) .b-cta-icon-btn:hover{border-color:rgba(2,19,41,.42); color:rgba(2,19,41,.92); background:#EAF0F6;} :where([data-page="home"]) .b-cta-icon-btn:active{background:#E1E9F0;} :where([data-page="home"]) .b-cta-icon-btn[data-auth-only]{display:none;} body.is-auth :where([data-page="home"]) .b-cta-icon-btn[data-auth-only]{display:inline-flex;} :where([data-page="home"]) .theory-result-section{display:none;} :where([data-page="home"]) .theory-result-section.show{display:block; padding:32px 0 8px;} :where([data-page="home"]) .result-card{opacity:0; transform:translateY(16px) scale(.985); transition:opacity .5s cubic-bezier(.16,1,.3,1), transform .5s cubic-bezier(.16,1,.3,1);} :where([data-page="home"]) .result-card.reveal{opacity:1; transform:translateY(0) scale(1);} @media (prefers-reduced-motion:reduce){:where([data-page="home"]) .result-card{opacity:1; transform:none; transition:none;} } :where([data-page="home"]) .result-card{background:var(--color-navy-base); border-radius:var(--radius-container); padding:32px 36px; position:relative; overflow:hidden; --color-bg-canvas:var(--color-navy-base); --color-bg-elevated:var(--color-navy-base-elevated); --color-text-primary:var(--color-light-neutral); --color-white:#FFFFFF; --color-border-subtle:var(--neutral-alpha-14); --color-border-strong:var(--neutral-alpha-26);} :where([data-page="home"]) .result-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;} :where([data-page="home"]) .result-title{font-size:11px; font-weight:700; letter-spacing:.4px; color:rgba(225,230,236,.75); text-transform:uppercase;} :where([data-page="home"]) .result-verdict{font-size:13.5px; line-height:1.6; color:rgba(225,230,236,.78); margin-top:16px;} :where([data-page="home"]) .result-verdict b{color:var(--color-success);} :where([data-page="home"]) .result-card .hero-stat-label{color:rgba(225,230,236,.75);} :where([data-page="home"]) .result-card .hero-stat.cyan .hero-stat-value, :where([data-page="home"]) .result-card .hero-stat.success .hero-stat-value{color:var(--color-white);} :where([data-page="home"]) .result-card .hero-stat.yellow .hero-stat-value{color:var(--color-yellow);} :where([data-page="home"]) .result-cta-row{margin-top:24px; padding-top:20px; border-top:1px solid var(--neutral-alpha-14);} :where([data-page="home"]) .hp-section-gap-top{margin-top:56px;} :where([data-page="home"]) .hp-section{margin-bottom:60px;} :where([data-page="home"]) .hp-title{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:60px; color:var(--color-white); margin:0 0 10px; letter-spacing:.2px; max-width:760px; line-height:1.0;} :where([data-page="home"]) .hp-sub{font-size:13.5px; color:rgba(2,19,41,.55); max-width:560px; line-height:1.6; margin:0 0 28px;} :where([data-page="home"]) .edge-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:16px;} :where([data-page="home"]) .edge-card{background:var(--color-bg-elevated); border:1px solid var(--color-border-subtle); border-radius:var(--radius-container); padding:24px; cursor:pointer; transition:border-color .12s ease, box-shadow .12s ease, transform .12s ease; box-shadow:0 1px 3px rgba(2,19,41,.04);} :where([data-page="home"]) .edge-card:hover{border-color:var(--color-border-strong); box-shadow:0 6px 18px rgba(2,19,41,.08); transform:translateY(-1px);} :where([data-page="home"]) .edge-card:active{transform:translateY(0);} :where([data-page="home"]) .edge-card.featured{border-color:rgba(200,160,0,.4);} :where([data-page="home"]) .edge-card.featured:hover{border-color:rgba(200,160,0,.6);} .content-col :where([data-page="home"]) .edge-card.featured{background:linear-gradient(180deg, rgba(255,219,0,.08), var(--color-bg-elevated) 46%);} :where([data-page="home"]) .edge-card-team{display:flex; align-items:center; gap:9px; margin-bottom:16px;} :where([data-page="home"]) .edge-card-team .pill{margin-left:auto; padding:4px 9px; font-size:9.5px; flex-shrink:0;} :where([data-page="home"]) .edge-card-crest{height:28px; width:auto; max-width:36px; object-fit:contain; flex-shrink:0;} :where([data-page="home"]) .edge-card-league{font-size:11.5px; font-weight:600; color:var(--color-text-primary);} :where([data-page="home"]) .edge-card-cond{margin-bottom:12px; line-height:1.45;} :where([data-page="home"]) .edge-card-num{display:flex; align-items:baseline; gap:8px; margin-bottom:8px;} :where([data-page="home"]) .edge-card-hit{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:30px; color:var(--color-white); line-height:1;} :where([data-page="home"]) .explain-card{background:var(--color-bg-elevated); border:1px solid var(--color-border-subtle); border-radius:var(--radius-container); padding:28px 32px; display:grid; grid-template-columns:1fr 1fr; gap:32px; box-shadow:0 1px 3px rgba(2,19,41,.04);} :where([data-page="home"]) .explain-card p{font-size:13px; line-height:1.7; margin:0 0 14px;} :where([data-page="home"]) .explain-card p:last-child{margin-bottom:0;} :where([data-page="home"]) .explain-card b{color:var(--color-text-primary); font-weight:600;} :where([data-page="home"]) .trust-block{display:grid; grid-template-columns:1fr 300px; gap:20px; align-items:stretch;} :where([data-page="home"]) .trust-block .explain-card{grid-template-columns:1fr; box-shadow:none;} :where([data-page="home"]) .trust-photo{position:relative; border-radius:var(--radius-container); overflow:hidden; min-height:100%; background-image:var(--trust-photo); background-size:cover; background-position:center; border:1px solid var(--color-border-subtle);} :where([data-page="home"]) .trust-photo::after{content:''; position:absolute; inset:0; background:linear-gradient(195deg, rgba(2,19,41,0) 50%, rgba(2,19,41,.55) 100%);} :where([data-page="home"]) .founding-card{position:relative; overflow:hidden; border:1px solid rgba(200,160,0,.35); border-radius:var(--radius-container); padding:42px 32px; min-height:132px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;} :where([data-page="home"]) .founding-card:not(.has-photo){background:linear-gradient(120deg, rgba(255,219,0,.14), rgba(255,219,0,.03));} :where([data-page="home"]) .founding-card.has-photo::after{content:''; position:absolute; inset:0; z-index:0; background-image:var(--founding-photo); background-size:cover; background-position:center 46%;} :where([data-page="home"]) .founding-card > *{position:relative; z-index:2;} :where([data-page="home"]) .founding-card h4{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:20px; color:var(--color-white); margin:0 0 6px; letter-spacing:.2px;} :where([data-page="home"]) .founding-card p{font-size:12.5px; margin:0;} :where([data-page="home"]) .founding-card.has-photo h4{color:#FFFFFF;} :where([data-page="home"]) .founding-card.has-photo p{color:rgba(255,255,255,.82);} :where([data-page="home"]) .inline-icon-discord{height:14px; width:auto; vertical-align:-2px; margin:0 3px 0 1px;} :where([data-page="home"]) .fixture-module{position:relative;} :where([data-page="home"]) .fixture-tabs{margin-bottom:16px; gap:8px; border-bottom:none;} :where([data-page="home"]) .fixture-tabs .tab{padding:7px 16px 7px; border:1px solid var(--color-border-subtle); border-radius:var(--radius-6); background:var(--color-bg-elevated); cursor:pointer; transition:background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;} :where([data-page="home"]) .fixture-tabs .tab.active{background:var(--color-action-primary); color:var(--color-text-inverse); border-color:var(--color-action-primary); box-shadow:0 2px 8px rgba(2,19,41,.12);} :where([data-page="home"]) .fixture-tabs .tab:hover:not(.active){background:rgba(2,19,41,.05); border-color:var(--color-border-strong); color:var(--color-text-primary);} :where([data-page="home"]) .fixture-panel{display:none;} :where([data-page="home"]) .fixture-panel.active{display:block;} :where([data-page="home"]) .fixture-module .data-table-wrap{background:transparent; border:none; box-shadow:none; margin-bottom:0;} :where([data-page="home"]) .fixture-module .data-table tbody tr.fixture-row{display:table-row; align-items:normal; gap:0; background:transparent; border:none; border-radius:0; padding:0;} :where([data-page="home"]) .fixture-module .data-table{font-size:13px; min-width:560px;} :where([data-page="home"]) .fixture-module .data-table th{padding:10px 16px;} :where([data-page="home"]) .fixture-module .data-table td{padding:10px 16px;} :where([data-page="home"]) .fixture-module .dt-crest-real{height:22px; width:auto; max-width:26px; object-fit:contain; flex-shrink:0;} :where([data-page="home"]) .fx-red-card{color:var(--color-action-danger); width:9px; height:11px; flex-shrink:0; display:inline-flex;} :where([data-page="home"]) .fx-red-card svg{width:100%; height:100%;} :where([data-page="home"]) .fixture-module .data-table td.dt-score.dt-hero{font-size:19px;} :where([data-page="home"]) .fixture-module .dt-score .fx-dash{display:inline-block; vertical-align:middle; margin:0 6px;} :where([data-page="home"]) .dt-signal{white-space:normal;} :where([data-page="home"]) .fixture-module .dt-signal{padding-left:16px; padding-right:8px; border-left:1px solid var(--color-border-subtle);} :where([data-page="home"]) .fixture-module .data-table th:nth-child(6){padding-left:16px;} :where([data-page="home"]) .fx-signal{cursor:pointer; background:var(--color-bg-elevated); padding:4px 8px; font-size:9.5px; white-space:nowrap; transition:background .12s ease, border-color .12s ease, transform .12s ease;} :where([data-page="home"]) .fx-signal:hover, :where([data-page="home"]) .fx-signal:focus-visible{background:rgba(200,160,0,.1); transform:translateY(-1px);} :where([data-page="home"]) .fx-signal:active{transform:translateY(0);} :where([data-page="home"]) .fx-signal-stat{opacity:.72;} :where([data-page="home"]) .fixture-filter-row{margin-bottom:20px;} :where([data-page="home"]) .fixture-filter-row .ds-field{min-width:130px;} :where([data-page="home"]) .fixture-filter-row .ds-field[hidden]{display:none;} :where([data-page="home"]) .fx-empty-msg{padding:28px 16px; text-align:center; font-size:13px; color:rgba(2,19,41,.45);} :where([data-page="home"]) .pill.live{color:var(--color-action-danger);} :where([data-page="home"]) .pill.live{border-radius:var(--radius-6);} :where([data-page="home"]) .pill.live::before{content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; animation:fxLivePulse 1.4s ease-in-out infinite; vertical-align:1px;} @media (prefers-reduced-motion: reduce){:where([data-page="home"]) .pill.live::before{animation:none;} } :where([data-page="home"]) .fixture-module .pill.live{padding:3px 7px; font-size:9px; letter-spacing:.2px;} :where([data-page="home"]) .fx-live-field{min-width:auto;} :where([data-page="home"]) .fx-live-field .switch{margin-top:2px;} :where([data-page="home"]) .fx-live-label{display:inline-flex; align-items:center; gap:6px;} :where([data-page="home"]) .fx-live-dot{width:6px; height:6px; border-radius:50%; background:var(--color-action-danger); flex-shrink:0; animation:fxLivePulse 1.4s ease-in-out infinite;} @media (prefers-reduced-motion: reduce){:where([data-page="home"]) .fx-live-dot{animation:none;} } :where([data-page="home"]) .ov-root{position:relative; display:inline-block; width:100%;} :where([data-page="home"]) .popover{position:absolute; top:44px; left:0; background:var(--color-bg-elevated); border:1px solid var(--color-border-strong); border-radius:var(--radius-container); width:200px; padding:8px; display:none; z-index:5;} :where([data-page="home"]) .popover.open{display:block;} :where([data-page="home"]) .fx-cal-trigger{display:inline-flex; align-items:center; gap:8px; text-align:left; white-space:nowrap; width:100%;} :where([data-page="home"]) .fx-cal-trigger svg{flex-shrink:0; width:15px; height:15px; color:rgba(2,19,41,.45);} :where([data-page="home"]) .fx-cal-trigger-label{overflow:hidden; text-overflow:ellipsis;} :where([data-page="home"]) .fx-cal-clear{flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; border-radius:50%; color:rgba(2,19,41,.4); cursor:pointer;} :where([data-page="home"]) .fx-cal-clear[hidden]{display:none;} :where([data-page="home"]) .fx-cal-clear:hover{background:rgba(2,19,41,.08); color:var(--color-text-primary);} :where([data-page="home"]) .fx-cal-clear svg{width:11px; height:11px;} :where([data-page="home"]) .fx-cal-popover{width:280px; padding:14px;} :where([data-page="home"]) .fx-cal-head{display:flex; align-items:center; gap:6px; margin-bottom:12px;} :where([data-page="home"]) .fx-cal-head .b-select{flex:1; padding:8px 26px 8px 10px; font-size:11.5px;} :where([data-page="home"]) .fx-cal-nav{flex-shrink:0; width:26px; height:26px; min-width:26px;} :where([data-page="home"]) .fx-cal-nav svg{width:14px; height:14px;} :where([data-page="home"]) .fx-cal-weekdays{display:grid; grid-template-columns:repeat(7,1fr); margin-bottom:2px;} :where([data-page="home"]) .fx-cal-weekday{text-align:center; font-size:9.5px; font-weight:700; letter-spacing:.3px; color:rgba(2,19,41,.4); padding:4px 0;} :where([data-page="home"]) .fx-cal-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:2px;} :where([data-page="home"]) .cal-day{width:100%; aspect-ratio:1; min-width:0; font-size:11.5px; font-variant-numeric:tabular-nums; flex-direction:column; gap:1px;} :where([data-page="home"]) .cal-day.outside{color:rgba(2,19,41,.28);} :where([data-page="home"]) .cal-day.today:not(.selected){box-shadow:inset 0 0 0 1px var(--color-border-strong);} :where([data-page="home"]) .cal-day .pc-dot{width:3.5px; height:3.5px; background:var(--color-action-primary);} :where([data-page="home"]) .cal-day.selected .pc-dot{background:var(--color-text-inverse);} :where([data-page="home"]) .cal-day.in-range:not(.active){background:rgba(2,19,41,.08); border-radius:var(--radius-control);} :where([data-page="home"]) .fx-cal-hint{font-size:9.5px; color:rgba(2,19,41,.35); text-align:center; margin-top:8px;} :where([data-page="home"]) .fx-cal-foot{display:flex; justify-content:space-between; align-items:center; margin-top:10px; padding-top:10px; border-top:1px solid var(--color-border-subtle);} :where([data-page="home"]) .fx-cal-foot-right{display:flex; align-items:center; gap:6px;} :where([data-page="home"]) .fx-cal-foot .btn-secondary{color:var(--color-text-primary); border-color:rgba(2,19,41,.22);} :where([data-page="home"]) .fx-cal-foot .btn-secondary:hover{background:rgba(2,19,41,.05);} :where([data-page="home"]) .fx-cal-foot .btn-secondary:active{background:rgba(2,19,41,.1);} :where([data-page="home"]) .hl-peek-btn{color:var(--color-text-primary); border-color:rgba(2,19,41,.22);} :where([data-page="home"]) .hl-peek-btn:hover{background:rgba(2,19,41,.05);} :where([data-page="home"]) .hl-peek-btn:active{background:rgba(2,19,41,.1);} :where([data-page="home"]) .fx-stats-row td{padding:0 0 14px;} :where([data-page="home"]) .fixture-module .data-table tr.fx-stats-row td{padding-bottom:24px;} :where([data-page="home"]) .fx-stats-panel{background:var(--color-bg-canvas); border-radius:var(--radius-control); margin-left:9.84%; width:70.49%;} :where([data-page="home"]) .fx-stats-trigger{background:none; border:none; padding:6px 8px; margin:-6px -8px; border-radius:8px; cursor:pointer; display:inline-flex; align-items:center; gap:5px; color:rgba(2,19,41,.42); transition:background .12s ease;} :where([data-page="home"]) .fx-stats-trigger:hover{background:rgba(2,19,41,.06);} .content-col :where([data-page="home"]) .fx-stats-trigger svg{color:#0E7C88;} :where([data-page="home"]) .fx-stats-trigger svg{transition:transform .15s ease;} :where([data-page="home"]) .fx-stats-trigger.open svg{transform:rotate(-90deg);} :where([data-page="home"]) .fx-stats-trigger-label{font-size:10.5px; font-weight:600; letter-spacing:.3px; text-transform:uppercase;} :where([data-page="home"]) .fixture-module tbody tr.fx-has-stats{cursor:pointer;} :where([data-page="home"]) .fixture-module tbody tr.fx-has-stats:hover td{background:rgba(2,19,41,.035);} :where([data-page="home"]) .fixture-module tbody tr.fx-has-stats:has(+ tr.fx-stats-row:not([hidden])) > td:not([rowspan]){border-bottom:none;} .content-col :where([data-page="home"]) .compare-stat-label{color:rgba(2,19,41,.4);} .content-col :where([data-page="home"]) .compare-bar-half{background:rgba(2,19,41,.06);} .content-col :where([data-page="home"]) .compare-bar-fill.p1{background:var(--color-navy-base-selected);} .content-col :where([data-page="home"]) .compare-bar-fill.p1::after, .content-col :where([data-page="home"]) .compare-bar-fill.p2::after{background:rgba(2,19,41,.28);} .content-col :where([data-page="home"]) .compare-value.p1, .content-col :where([data-page="home"]) .compare-value.p2{color:var(--color-text-primary);} :where([data-page="home"]) .fx-stats-panel .compare-row{border-top:none; padding:11px 0;} :where([data-page="home"]) .fx-stats-panel .compare-value{font-size:15px;} :where([data-page="home"]) .fx-stats-panel .compare-value{text-align:right;} :where([data-page="home"]) .fx-stats-panel .compare-value.right{text-align:left;} :where([data-page="home"]) .fx-stats-panel .compare-mid{gap:5px;} :where([data-page="home"]) .blog-card-image[data-photo]{background-size:cover; background-position:center;} :where([data-page="home"]) .blog-card-image[data-photo]::before{content:''; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(190deg, rgba(3,20,41,.05) 0%, rgba(3,20,41,.38) 100%);} :where([data-page="home"]) .blog-card-image[data-photo] > *{position:relative; z-index:1;} :where([data-page="home"]) .blog-card-image[data-photo] svg{color:rgba(255,255,255,.92); opacity:1 !important;} :where([data-page="home"]) .blog-card-arrow{transition:color .15s ease, border-color .15s ease, transform .15s ease;} :where([data-page="home"]) .blog-card:hover .blog-card-arrow{transform:translateX(3px);} :where([data-page="home"]) .myth-row{display:flex; gap:12px; flex-wrap:wrap;} :where([data-page="home"]) .myth-item{flex:1; min-width:200px; background:var(--color-bg-elevated); border:1px solid var(--color-border-subtle); border-radius:var(--radius-container); padding:16px 18px; box-shadow:0 1px 3px rgba(2,19,41,.04);} :where([data-page="home"]) .myth-q{font-size:12px; line-height:1.4; margin-bottom:10px; min-height:34px;} :where([data-page="home"]) .ledger-foot{font-size:12px; margin-top:16px; padding-top:16px; border-top:1px solid var(--color-border-subtle);} :where([data-page="home"]) .dark-band{position:relative; overflow:visible; padding:52px 0 48px; margin-bottom:60px; --color-bg-canvas:var(--color-navy-base); --color-bg-elevated:var(--color-navy-base-elevated); --color-text-primary:var(--color-light-neutral); --color-white:#FFFFFF; --color-border-subtle:var(--neutral-alpha-14); --color-border-strong:var(--neutral-alpha-26); background:var(--color-navy-base);} :where([data-page="home"]) .dark-band::before{content:''; position:absolute; inset:0; background-image:var(--img-0); background-repeat:no-repeat; background-position:90% -12%; background-size:620px auto; opacity:.32; pointer-events:none; z-index:0;} :where([data-page="home"]) .dark-band .wrap{position:relative; z-index:2;} :where([data-page="home"]) .ledger-player-photo{position:absolute; right:calc(max(0px, (100vw - 1444px) / 2) - 290px); bottom:0; height:680px; width:auto; z-index:1; pointer-events:none; filter:drop-shadow(-10px 14px 22px rgba(2,19,41,.45));} @media (max-width:900px){:where([data-page="home"]) .ledger-player-photo{display:none;} } :where([data-page="home"]) .dark-band .hp-title{color:var(--color-white);} :where([data-page="home"]) .dark-band .hp-sub{color:rgba(225,230,236,.55);} :where([data-page="home"]) .dark-band .hero-stat-label{color:rgba(225,230,236,.55);} :where([data-page="home"]) .dark-band .ledger-foot{color:rgba(225,230,236,.55); border-top:none; padding-top:0;} :where([data-page="home"]) .dark-band .hero-stat.cyan .hero-stat-value, :where([data-page="home"]) .dark-band .hero-stat.yellow .hero-stat-value, :where([data-page="home"]) .dark-band .hero-stat.success .hero-stat-value{color:var(--color-white);} :where([data-page="home"]) .ledger-split{display:grid; grid-template-columns:1fr 1fr; column-gap:28px; row-gap:16px; align-items:stretch; margin-top:8px;} :where([data-page="home"]) .ledger-stats-col{height:100%; box-sizing:border-box;} :where([data-page="home"]) .ledger-stats-col .hero-stat-row{display:flex; flex-direction:column; justify-content:space-between; height:100%; margin-bottom:0;} :where([data-page="home"]) .ledger-stats-col .hero-stat{min-width:0;} :where([data-page="home"]) .ledger-foot{grid-column:1;} @media (max-width:900px){:where([data-page="home"]) .ledger-split{grid-template-columns:1fr;} } @media (max-width:900px){:where([data-page="home"]) .ledger-foot{grid-column:1;} } :where([data-page="home"]) .ledger-chart-card{background:var(--color-bg-elevated); border:1px solid var(--color-border-subtle); border-radius:var(--radius-container); padding:18px 20px 14px; display:flex; flex-direction:column; justify-content:center; min-height:100%; box-sizing:border-box;} :where([data-page="home"]) .ledger-chart-head{display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:8px;} :where([data-page="home"]) .ledger-chart-title{font-size:10.5px; font-weight:700; letter-spacing:.3px; text-transform:uppercase; color:rgba(225,230,236,.5);} :where([data-page="home"]) .ledger-chart-delta{display:inline-flex; align-items:center; gap:4px; margin-left:auto; font-size:11px; font-weight:700; color:var(--color-success); background:rgba(53,212,154,.14); border-radius:var(--radius-6); padding:3px 10px 3px 8px; white-space:nowrap;} :where([data-page="home"]) .ledger-chart-delta svg{width:11px; height:11px; flex-shrink:0;} :where([data-page="home"]) .ledger-chart-plot{position:relative;} :where([data-page="home"]) .ledger-chart-svg{width:100%; height:auto; display:block; overflow:visible;} :where([data-page="home"]) .chart-area-fill{fill:url(#ledgerAreaGradient); stroke:none;} :where([data-page="home"]) .chart-gridline{stroke:rgba(225,230,236,.12); stroke-width:1;} :where([data-page="home"]) .chart-gridlabel{font-size:10px; fill:rgba(225,230,236,.4); font-family:var(--font-body);} :where([data-page="home"]) .chart-xlabel{font-size:10px; fill:rgba(225,230,236,.4); font-family:var(--font-body);} :where([data-page="home"]) .chart-line{stroke:var(--color-action-primary); stroke-width:2; stroke-linecap:round; stroke-linejoin:round;} :where([data-page="home"]) .chart-endpoint{fill:var(--color-action-primary); stroke:var(--color-navy-base-elevated); stroke-width:2;} :where([data-page="home"]) .chart-peak-marker{fill:var(--color-yellow); stroke:var(--color-navy-base-elevated); stroke-width:2;} :where([data-page="home"]) .chart-peak-ring{fill:none; stroke:var(--color-yellow); stroke-width:1.5;} :where([data-page="home"]) .chart-endpoint-ring{fill:none; stroke:var(--color-action-primary); stroke-width:1.5;} :where([data-page="home"]) .count-num{font-variant-numeric:tabular-nums;} :where([data-page="home"]) .chart-endpoint-label{font-size:12px; font-weight:700; fill:var(--color-white); font-family:var(--font-body);} :where([data-page="home"]) .chart-line{stroke-dasharray:900; stroke-dashoffset:900;} :where([data-page="home"]) .ledger-chart-plot.revealed .chart-line{transition:stroke-dashoffset 1.1s cubic-bezier(.16,1,.3,1); stroke-dashoffset:0;} :where([data-page="home"]) .chart-area-fill{clip-path:inset(0 100% 0 0);} :where([data-page="home"]) .ledger-chart-plot.revealed .chart-area-fill{transition:clip-path 1.1s cubic-bezier(.16,1,.3,1); clip-path:inset(0 0 0 0);} :where([data-page="home"]) .chart-post-draw{opacity:0; transition:opacity .4s ease .9s;} :where([data-page="home"]) .ledger-chart-plot.revealed .chart-post-draw{opacity:1;} :where([data-page="home"]) .ledger-chart-plot.revealed .chart-peak-ring{animation:chartPeakPulse 2.6s ease-out 1.1s infinite;} :where([data-page="home"]) .ledger-chart-plot.revealed .chart-endpoint-ring{animation:chartPeakPulse 2.2s ease-out 1.1s infinite;} @media (prefers-reduced-motion: reduce){:where([data-page="home"]) .chart-line{stroke-dasharray:none; stroke-dashoffset:0;} } @media (prefers-reduced-motion: reduce){:where([data-page="home"]) .chart-area-fill{clip-path:none;} } @media (prefers-reduced-motion: reduce){:where([data-page="home"]) .chart-post-draw{opacity:1; transition:none;} } @media (prefers-reduced-motion: reduce){:where([data-page="home"]) .chart-peak-ring, :where([data-page="home"]) .chart-endpoint-ring{display:none;} } :where([data-page="home"]) .chart-crosshair{stroke:rgba(225,230,236,.28); stroke-width:1; stroke-dasharray:2,3; pointer-events:none; transition:opacity .08s ease;} :where([data-page="home"]) .chart-hover-marker{fill:var(--color-navy-base-elevated); stroke:var(--color-action-primary); stroke-width:2; pointer-events:none; transition:opacity .08s ease;} :where([data-page="home"]) .chart-hit-area{fill:transparent; cursor:crosshair;} :where([data-page="home"]) .chart-tooltip{position:absolute; pointer-events:none; left:0; top:0; transform:translate(-50%,calc(-100% - 10px)); background:var(--color-navy-base-selected); border:1px solid rgba(225,230,236,.16); border-radius:6px; padding:6px 10px; font-size:11.5px; line-height:1.4; color:rgba(225,230,236,.75); white-space:nowrap; opacity:0; transition:opacity .1s ease;} :where([data-page="home"]) .chart-tooltip b{color:var(--color-action-primary);} :where([data-page="home"]) .sr-only-table{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;} body.is-auth :where([data-page="home"]) .site-footer-account-guest{display:none;} body.is-auth :where([data-page="home"]) .site-footer-account-auth{display:flex;} :where([data-page="home"]) .btn{transition:background .14s ease, filter .14s ease, opacity .14s ease;} :where([data-page="home"]) .btn-primary:hover{background:var(--button-primary-bg-hover);} :where([data-page="home"]) .btn-primary:active{background:var(--button-primary-bg-pressed);} :where([data-page="home"]) .btn-secondary:hover{background:rgba(97,225,238,0.08);} :where([data-page="home"]) .btn-secondary:active{background:rgba(97,225,238,0.16);} :where([data-page="home"]) .btn-insight:hover{filter:brightness(1.07);} :where([data-page="home"]) .btn-insight:active{filter:brightness(0.92);} :where([data-page="home"]) .methodology-link{text-decoration:underline; text-underline-offset:2px; cursor:pointer;} :where([data-page="home"]) .methodology-link:hover{opacity:.72;} :where([data-page="home"]) mark.hl-cyan{background:rgba(97,225,238,.32); color:var(--color-navy-base); padding:1px 5px; border-radius:3px; font-weight:600;} @media (max-width:980px){:where([data-page="home"]) .edge-grid{grid-template-columns:repeat(2,1fr);} } @media (max-width:980px){:where([data-page="home"]) .explain-card{grid-template-columns:1fr;} } @media (max-width:980px){:where([data-page="home"]) .trust-block{grid-template-columns:1fr;} } @media (max-width:980px){:where([data-page="home"]) .trust-photo{min-height:200px;} } @media (max-width:980px){:where([data-page="home"]) .blog-card{flex-direction:column;} } @media (max-width:980px){:where([data-page="home"]) .blog-card-image{width:auto; height:160px;} } @media (max-width:980px){:where([data-page="home"]) .blog-card-arrow{display:none;} } @media (max-width:900px){:where([data-page="home"]) .hero-photo-zone{padding-bottom:36px;} } :where([data-page="home"]) .auth-backdrop{position:fixed; inset:0; z-index:200; background:rgba(2,19,41,.72); backdrop-filter:blur(3px); display:flex; align-items:center; justify-content:center; padding:24px;} :where([data-page="home"]) .auth-backdrop[hidden]{display:none;} :where([data-page="home"]) .auth-modal{--color-bg-canvas:#F2F6FA; --color-bg-elevated:#FFFFFF; --color-bg-selected:#E7EEF6; --color-text-primary:#0B1B2E; --color-white:#0B1B2E; --color-border-subtle:rgba(2,19,41,.08); --color-border-strong:rgba(2,19,41,.16); --color-border-input:rgba(2,19,41,.32); --color-action-success:#1E9E76; --color-action-danger:#D64545; position:relative; width:400px; max-width:100%; max-height:100%; overflow-y:auto; background:var(--color-bg-elevated); border-radius:var(--radius-container); box-shadow:0 18px 48px -12px rgba(2,19,41,.45); padding:30px 30px 26px;} :where([data-page="home"]) .auth-close{position:absolute; top:14px; right:14px; width:28px; height:28px; display:flex; align-items:center; justify-content:center; background:none; border:none; border-radius:var(--radius-control); color:rgba(2,19,41,.42); cursor:pointer; transition:background .12s ease;} :where([data-page="home"]) .auth-close:hover{background:rgba(2,19,41,.06);} :where([data-page="home"]) .auth-close svg{width:16px; height:16px;} :where([data-page="home"]) .auth-title{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:30px; line-height:1.05; color:var(--color-white); margin:0 0 8px; max-width:300px;} :where([data-page="home"]) .auth-sub{font-size:13px; line-height:1.6; color:rgba(2,19,41,.6); margin:0 0 20px;} :where([data-page="home"]) .auth-google{width:100%; justify-content:center; margin-bottom:16px;} :where([data-page="home"]) .auth-divider{display:flex; align-items:center; gap:12px; margin:0 0 16px; font-size:10.5px; font-weight:600; letter-spacing:.3px; text-transform:uppercase; color:rgba(2,19,41,.38);} :where([data-page="home"]) .auth-divider::before, :where([data-page="home"]) .auth-divider::after{content:''; flex:1; height:1px; background:var(--color-border-subtle);} :where([data-page="home"]) .auth-label{display:block; font-size:10.5px; font-weight:600; letter-spacing:.3px; text-transform:uppercase; color:rgba(2,19,41,.5); margin:0 0 6px;} :where([data-page="home"]) .auth-input{width:100%; box-sizing:border-box; font-family:var(--font-body); font-size:13px; color:var(--color-text-primary); background:#F2F6FA; border:1px solid rgba(2,19,41,.14); border-radius:var(--radius-control); padding:12px 14px; margin:0 0 14px; transition:border-color .12s ease;} :where([data-page="home"]) .auth-input::placeholder{color:rgba(2,19,41,.34);} :where([data-page="home"]) .auth-input:hover{border-color:rgba(2,19,41,.4);} :where([data-page="home"]) .auth-input:focus{outline:none; border-color:#0E7C88;} :where([data-page="home"]) .auth-submit{width:100%; justify-content:center; margin:6px 0 16px;} :where([data-page="home"]) .auth-switch{font-size:12.5px; color:rgba(2,19,41,.6); text-align:center; margin:0 0 14px;} :where([data-page="home"]) .auth-switch-link{background:none; border:none; padding:0; font-family:var(--font-body); font-size:12.5px; font-weight:600; color:#0E7C88; text-decoration:underline; cursor:pointer;} :where([data-page="home"]) .auth-fineprint{font-size:11px; line-height:1.5; color:rgba(2,19,41,.42); text-align:center; margin:0; padding-top:14px; border-top:1px solid var(--color-border-subtle);} :where([data-page="home"]) .auth-fineprint a{color:rgba(2,19,41,.6);} @media (max-width:480px){:where([data-page="home"]) .auth-modal{padding:26px 20px 22px;} } @media (max-width:480px){:where([data-page="home"]) .auth-title{font-size:26px;} } :where([data-page="home"]) .ds-presets{display:grid; grid-template-columns:1fr 1fr; gap:8px;} :where([data-page="home"]) .ds-preset{display:flex; flex-direction:column; align-items:flex-start; gap:7px; text-align:left; padding:10px 11px; border:1px solid var(--color-border-subtle); border-radius:var(--radius-control); background:var(--color-bg-elevated); font-family:var(--font-body); cursor:pointer; transition:border-color .14s ease, background .14s ease;} :where([data-page="home"]) .ds-preset-top{display:flex; align-items:center; gap:8px; width:100%;} :where([data-page="home"]) .ds-preset-logo{display:inline-flex; align-items:center; flex-shrink:0; min-height:22px;} :where([data-page="home"]) .ds-preset-logo img{height:22px; max-width:24px; object-fit:contain;} :where([data-page="home"]) .ds-preset-logo.stack img{height:20px; max-width:22px;} :where([data-page="home"]) .ds-preset-logo.stack img + img{margin-left:-7px;} :where([data-page="home"]) .ds-preset-top .ds-preset-kind{margin-left:auto;} :where([data-page="home"]) .ds-preset:hover{border-color:var(--color-border-strong);} :where([data-page="home"]) .ds-preset.active{border-color:#0E7C88; background:rgba(14,124,136,.06);} :where([data-page="home"]) .ds-preset-kind{font-size:9px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; padding:2px 6px; border-radius:var(--radius-6);} :where([data-page="home"]) .ds-preset-kind.league{background:rgba(138,109,0,.12); color:#6F5800;} :where([data-page="home"]) .ds-preset-kind.clubs{background:rgba(14,124,136,.1); color:#0A5F68;} :where([data-page="home"]) .ds-preset-name{font-size:12px; font-weight:700; color:var(--color-text-primary); line-height:1.3;} :where([data-page="home"]) .ds-preset.build{border-style:dashed; color:#0A5F68;} :where([data-page="home"]) .ds-preset.build:hover{background:rgba(14,124,136,.06); border-color:#0E7C88;} :where([data-page="home"]) .ds-preset.build .ds-preset-top{justify-content:flex-start;} :where([data-page="home"]) .ds-preset.build svg{width:20px; height:20px;} :where([data-page="home"]) .ds-preset.build .ds-preset-name{color:#0A5F68;} :where([data-page="home"]) .ds-preset.from-fixture{order:-1;} :where([data-page="home"]) .fixture-module .dt-league{display:inline-block; white-space:normal; text-align:center; line-height:1.3; max-width:100%;} :where([data-page="home"]) .fixture-module .dt-league, :where([data-page="home"]) .watch-table .dt-league{background:none; border:none; padding:0; display:inline-flex; align-items:flex-start; gap:5px; white-space:normal; text-align:left; line-height:1.3; max-width:100%; font-weight:600;} :where([data-page="home"]) .dt-league-crest{height:13px; width:auto; max-width:16px; object-fit:contain; flex-shrink:0; margin-top:1px;} :where([data-page="home"]) .dt-league-name{white-space:normal;} :where([data-page="home"]) .fixture-module .pill.live{ text-align:center; line-height:1.3;} :where([data-page="home"]) .fixture-module .pill.live{display:inline-flex; white-space:nowrap; max-width:none;}