:root{--img-0:url("/assets/img/bg-img-0.png");}
:root{--pp-1:url(/assets/img/pp-1.jpg);--pp-2:url(/assets/img/pp-2.jpg);--pp-3:url(/assets/img/pp-3.jpg);--pp-4:url(/assets/img/pp-4.jpg);--pp-5:url(/assets/img/pp-5.jpg);--pp-6:url(/assets/img/pp-6.jpg);--pp-7:url(/assets/img/pp-7.jpg);--pp-8:url(/assets/img/pp-8.jpg);--photo-pull:url(/assets/img/photo-pull.jpg);--photo-h2h:url(/assets/img/photo-h2h.jpg);}
:root{--color-navy-base:#021329;
    --color-navy-base-elevated:#031C3D;
    --color-navy-base-selected:#042755;
    --color-navy-selected:#37417A;
    --color-cyan:#61E1EE;
    --color-cyan-hover:#7CE7F1;
    --color-cyan-pressed:#4FCBD9;
    --color-yellow:#FFDB00;
    --color-light-neutral:#E1E6EC;
    --color-success:#35D49A;
    --color-error:#FF6B6B;
    --color-white:#FFFFFF;
    --neutral-alpha-14: rgba(225,230,236,0.14);
    --neutral-alpha-26: rgba(225,230,236,0.26);
    --neutral-alpha-40: rgba(225,230,236,0.40);
    --radius-8:8px; --radius-6:6px; --radius-pill:999px;
    --space-4:4px; --space-8:8px; --space-12:12px; --space-16:16px;
    --space-24:24px; --space-32:32px; --space-48:48px; --space-64:64px;
    --font-display:'Big Shoulders Display',sans-serif;
    --font-body:'Inter',sans-serif;

    
    --color-bg-canvas: var(--color-navy-base);
    --color-bg-elevated: var(--color-navy-base-elevated);
    --color-bg-selected: var(--color-navy-base-selected);
    --color-action-primary: var(--color-cyan);
    --color-action-primary-hover: var(--color-cyan-hover);
    --color-action-primary-pressed: var(--color-cyan-pressed);
    --color-action-insight: var(--color-yellow);
    --color-action-danger: var(--color-error);
    --color-action-success: var(--color-success);
    --color-text-primary: var(--color-light-neutral);
    --color-text-inverse: var(--color-navy-base);
    --color-text-on-danger: var(--color-white);
    --color-border-subtle: var(--neutral-alpha-14);
    --color-border-strong: var(--neutral-alpha-26);
    --color-border-input: var(--neutral-alpha-40);
    --color-border-focus: var(--color-cyan);
    --radius-container: var(--radius-8);
    --radius-control: var(--radius-6);
    --radius-tag: var(--radius-pill);

    
    --icon-crest-placeholder: url("/assets/img/crest-placeholder.svg");

    
    --button-primary-bg: var(--color-action-primary);
    --button-primary-bg-hover: var(--color-action-primary-hover);
    --button-primary-bg-pressed: var(--color-action-primary-pressed);
    --button-primary-text: var(--color-text-inverse);
    --button-secondary-border: var(--color-action-primary);
    --button-secondary-text: var(--color-action-primary);
    --button-insight-bg: var(--color-action-insight);
    --button-insight-text: var(--color-text-inverse);
    --button-insight-outline-border: var(--color-action-insight);
    --button-destructive-bg: var(--color-action-danger);
    --button-destructive-text: var(--color-text-on-danger);
    --button-destructive-outline-border: var(--color-action-danger);
    --button-radius: var(--radius-control);
    --input-bg: var(--color-bg-elevated);
    --input-border-default: var(--color-border-input);
    --input-border-focus: var(--color-border-focus);
    --input-border-success: var(--color-action-success);
    --input-border-warning: var(--color-action-insight);
    --input-border-error: var(--color-action-danger);
    --input-radius: var(--radius-control);
    --checkbox-checked-bg: var(--color-action-primary);
    --checkbox-checked-mark: var(--color-text-inverse);
    --checkbox-error-checked-bg: var(--color-action-danger);
    --checkbox-error-checked-mark: var(--color-text-on-danger);
    --checkbox-radius: var(--radius-control);
    --card-bg: var(--color-bg-canvas);
    --card-border: var(--color-border-subtle);
    --card-radius: var(--radius-container);
    --tag-radius: var(--radius-tag);
    --tag-border: var(--color-border-strong);}



:focus-visible{outline:2px solid var(--color-border-focus); outline-offset:2px;}
@media (prefers-reduced-motion: reduce){*{transition:none !important; animation:none !important;}
}
.sidebar{width:260px; flex-shrink:0; background:var(--color-bg-canvas); border:1px solid var(--color-border-subtle); border-radius:var(--radius-container); display:flex; flex-direction:column; padding:24px 16px; transition:width .18s ease, padding .18s ease;}
.sidebar.collapsed{width:76px; padding:24px 12px;}
.logo-row{display:flex; align-items:center; gap:10px; padding:0 8px 24px; margin-bottom:20px; border-bottom:1px solid var(--color-border-subtle);}
.sidebar.collapsed .logo-row{justify-content:center; padding:0 0 24px;}
.logo-text{min-width:0;}
.sidebar.collapsed .logo-text{display:none;}
.logo-word{font-size:14px; font-weight:600; color:var(--color-white);}

.sidebar-toggle{display:flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:var(--radius-control); border:1px solid var(--color-border-subtle); background:transparent; color:rgba(225,230,236,.55); cursor:pointer; flex-shrink:0; margin-left:auto; padding:0;}
.sidebar-toggle:hover{background:rgba(225,230,236,.06); color:var(--color-text-primary);}
.sidebar-toggle svg{width:14px; height:14px; stroke-width:2;}
.sidebar.collapsed .sidebar-toggle{margin-left:0;}
.nav-item{display:flex; align-items:center; gap:12px; padding:9px 12px; border-radius:var(--radius-control); font-size:13px; color:rgba(225,230,236,.7); margin-bottom:2px; cursor:pointer;}
.nav-item:hover {background:rgba(225,230,236,.06); color:var(--color-text-primary);}
.nav-item.active{background:rgba(97,225,238,0.12); color:var(--color-action-primary); font-weight:500;}
.nav-item svg{flex-shrink:0;}
.sidebar.collapsed .nav-item{justify-content:center; padding:9px;}
.sidebar.collapsed .nav-label, .sidebar.collapsed .nav-caret{display:none;}
.nav-caret{margin-left:auto; width:13px; height:13px; stroke-width:2.3; color:rgba(225,230,236,.4); transition:transform .18s ease, color .18s ease; flex-shrink:0;}
.nav-group.expanded .nav-caret{transform:rotate(180deg); color:var(--color-action-insight);}
.nav-submenu{max-height:0; overflow:hidden; transition:max-height .2s ease;}
.nav-group.expanded .nav-submenu{max-height:160px;}
.sidebar.collapsed .nav-submenu{display:none;}
.nav-subitem{display:block; padding:8px 12px 8px 41px; border-radius:var(--radius-control); font-size:12.5px; color:rgba(225,230,236,.55); cursor:pointer; margin-bottom:1px;}
.nav-subitem:hover{background:rgba(225,230,236,.06); color:var(--color-text-primary);}
.nav-spacer{flex:1;}


.account-card{display:flex; align-items:center; gap:10px; background:var(--color-bg-elevated); border-radius:var(--radius-container); padding:10px; margin-top:14px;}
.sidebar.collapsed .account-card{justify-content:center; padding:10px 6px;}
.sidebar.collapsed .account-info{display:none;}
.avatar{width:32px; height:32px; border-radius:50%; background:var(--color-action-primary); color:var(--color-text-inverse); display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; flex-shrink:0;}
.account-name{font-size:12px; font-weight:600; color:var(--color-white);}
.account-plan{font-size:11px; color:var(--color-action-insight); display:flex; align-items:center; gap:4px;}
.account-plan svg{width:11px; height:11px; flex-shrink:0;}
.main{padding:56px 64px 120px; max-width:1180px; margin:0 auto;}


.section{margin-bottom:64px;}





.note{font-size:12px; color:rgba(225,230,236,.45); margin-top:10px; line-height:1.5;}









.hero-stat-row{display:flex; gap:16px; flex-wrap:wrap; margin-bottom:28px;}
.hero-stat{position:relative; overflow:visible; flex:1; min-width:210px; background:#031C3D; border:0; border-radius:0; box-shadow:0 6px 18px rgba(2,19,41,.16); padding:20px 22px 18px;}
.hero-stat::before{content:''; position:absolute; top:0; left:0; right:0; height:3px;}
.hero-stat.cyan::before{background:var(--color-cyan);}
.hero-stat.yellow::before{background:var(--color-yellow);}
.hero-stat.success::before{background:var(--color-success);}
.hero-stat-top{display:flex; align-items:center; gap:12px; margin-bottom:10px;}
.hero-stat-icon{width:24px; height:24px; border-radius:0; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.hero-stat.cyan .hero-stat-icon{background:none; color:var(--color-cyan);}
.hero-stat.yellow .hero-stat-icon{background:none; color:var(--color-yellow);}
.hero-stat.success .hero-stat-icon{background:none; color:var(--color-success);}
.hero-stat-icon svg{width:22px; height:22px; stroke-width:1.5;}
.hero-stat-value{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:40px; line-height:1; color:var(--color-white);}
.hero-stat-label{font-size:10.5px; font-weight:600; letter-spacing:.3px; text-transform:uppercase; color:rgba(225,230,236,.6); line-height:1.45;}





















.btn{font-family:var(--font-body); font-weight:600; border:none; cursor:pointer; border-radius:var(--button-radius); display:inline-flex; align-items:center; gap:6px;}
.btn-md{font-size:13px; padding:10px 18px;}
.btn-lg{font-size:14px; padding:13px 22px;}
.btn-sm{font-size:12px; padding:7px 14px;}
.btn-primary{background:var(--button-primary-bg); color:var(--button-primary-text);}
.btn-primary.hover{background:var(--button-primary-bg-hover);}

.btn-secondary{background:transparent; color:var(--button-secondary-text); border:1px solid var(--button-secondary-border);}
.btn-secondary.hover{background:rgba(97,225,238,0.08);}

.btn-tertiary{background:transparent; color:var(--color-text-primary); padding-left:4px; padding-right:4px;}
.btn-insight{background:var(--button-insight-bg); color:var(--button-insight-text);}

.btn-destructive{background:var(--button-destructive-bg); color:var(--button-destructive-text);}
.btn-destructive-outline{background:transparent; color:var(--color-action-danger); border:1px solid var(--button-destructive-outline-border);}
.btn.disabled{opacity:.35; cursor:not-allowed;}
.btn.focus{outline:2px solid var(--color-border-focus); outline-offset:2px;}


.icon-btn{width:36px; height:36px; border-radius:var(--radius-control); display:inline-flex; align-items:center; justify-content:center; border:none; cursor:pointer; background:transparent; color:var(--color-text-primary);}
.icon-btn.primary{background:var(--color-action-primary); color:var(--color-text-inverse);}
.icon-btn.ghost{background:rgba(225,230,236,.06);}






.field{display:flex; flex-direction:column; gap:6px; width:150px;}
.field label{font-size:10px; color:rgba(225,230,236,.5);}
.field .box{font-family:var(--font-body); font-size:13px; color:var(--color-white); background:var(--input-bg); border:1.5px solid var(--input-border-default); border-radius:var(--input-radius); padding:9px 12px; display:flex; align-items:center; gap:6px;}
.field.focus .box{border-color:var(--input-border-focus); border-width:1.5px;}
.field.success .box{border-color:var(--input-border-success);}
.field.warning .box{border-color:var(--input-border-warning);}

.field.disabled .box{opacity:.35; border-style:dashed; cursor:not-allowed;}
.field .msg{font-size:10px;}
.field.success .msg{color:var(--color-action-success);}
.field.warning .msg{color:var(--color-action-insight);}


.field .icon{opacity:.65; font-size:12px;}



.chk{width:18px; height:18px; border-radius:var(--checkbox-radius); border:1.5px solid rgba(225,230,236,.6); display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; cursor:pointer;}
.chk svg{display:none;}
.chk.checked{background:var(--checkbox-checked-bg); border-color:var(--checkbox-checked-bg);}
.chk.checked svg{display:block;}


.chk.disabled{opacity:.35; cursor:not-allowed;}
.chk.focus{outline:2px solid var(--color-border-focus); outline-offset:2px;}
.radio{width:18px; height:18px; border-radius:50%; border:1.5px solid var(--color-text-primary); display:inline-flex; align-items:center; justify-content:center; cursor:pointer;}
.radio.checked{border-color:var(--color-action-primary);}
.radio.checked::after{content:''; width:9px; height:9px; border-radius:50%; background:var(--color-action-primary);}


.radio.disabled{opacity:.35; cursor:not-allowed;}
.radio.focus{outline:2px solid var(--color-border-focus); outline-offset:2px;}
.switch{width:34px; height:19px; border-radius:10px; background:var(--color-bg-elevated); border:1px solid var(--color-border-strong); position:relative; display:inline-block; cursor:pointer;}
.switch.on{background:var(--color-action-primary); border-color:var(--color-action-primary);}
.switch .knob{width:13px; height:13px; border-radius:50%; background:var(--color-white); position:absolute; top:2px; left:2px;}
.switch.on .knob{left:18px; background:var(--color-text-inverse);}
.switch.disabled{opacity:.35; cursor:not-allowed;}
.switch.focus{outline:2px solid var(--color-border-focus); outline-offset:2px;}
.pill{display:inline-flex; align-items:center; gap:6px; font-size:10.5px; font-weight:700; letter-spacing:.3px; padding:5px 12px; border-radius:var(--radius-6); background:transparent; border:1px solid currentColor;}
.pill.trend-up{color:var(--color-action-success);}
.pill.trend-down{color:var(--color-action-danger);}
.pill.insight{color:var(--color-action-insight);}













.tabs{display:flex; gap:24px; border-bottom:1px solid var(--color-border-subtle); overflow-x:auto;}
.tab{font-size:13px; color:rgba(225,230,236,.55); padding:0 0 12px; border-bottom:2px solid transparent; white-space:nowrap; cursor:pointer; font-weight:500;}
.tab.active{color:var(--color-action-primary); border-bottom-color:var(--color-action-primary); font-weight:600;}
.tab:hover:not(.active){color:var(--color-text-primary);}
.pagination{display:flex; align-items:center; gap:4px;}
.page-item{min-width:30px; height:30px; padding:0 6px; border-radius:var(--radius-control); display:flex; align-items:center; justify-content:center; font-size:12px; color:rgba(225,230,236,.6); cursor:pointer; border:none; background:transparent;}
.page-item:hover:not(.active):not(.disabled){background:rgba(225,230,236,.08);}
.page-item.active{background:var(--color-action-primary); color:var(--color-text-inverse); font-weight:700;}
.page-item.disabled{opacity:.3; cursor:not-allowed;}
.page-item.ellipsis{color:rgba(225,230,236,.35); cursor:default;}

.pc-dot{width:6px; height:6px; border-radius:var(--radius-tag); background:rgba(225,230,236,.3); cursor:pointer;}
.pc-dot.active{width:18px; background:var(--color-action-primary);}

.step{display:flex; flex-direction:column; align-items:center; gap:8px; flex:1; position:relative;}













/* "Bak tikladin ve buraya uyguladim, gor" odak efekti (flashFocusHighlight()) --
   fixture satirindaki bir sinyale tiklayinca ekrani kisaca karartip hedef karti
   (theory builder) karanligin ustune cikariyor. JS ile body'ye tek seferlik eklenir. */
#siteDimFlash{position:fixed; inset:0; background:rgba(2,19,41,.55); opacity:0; pointer-events:none; z-index:9400; transition:opacity .22s ease;}
#siteDimFlash.show{opacity:1;}

.modal{background:var(--color-bg-elevated); border:1px solid var(--color-border-strong); border-radius:var(--radius-container); width:380px; max-width:90%;}













.tooltip{position:absolute; background:var(--color-bg-selected); border:1px solid var(--color-border-strong); border-radius:var(--radius-control); padding:6px 10px; font-size:11px; color:var(--color-text-primary); white-space:nowrap; z-index:5;}
.tooltip::after{content:''; position:absolute; width:7px; height:7px; background:var(--color-bg-selected); border:1px solid var(--color-border-strong); transform:rotate(45deg);}










.context-menu{background:var(--color-bg-elevated); border:1px solid var(--color-border-strong); border-radius:var(--radius-container); padding:6px; width:210px; display:none; position:absolute; z-index:5;}
.context-menu.open{display:block;}








.toast{display:flex; align-items:flex-start; gap:14px; background:var(--color-bg-elevated); border:1px solid var(--color-border-strong); border-radius:var(--radius-container); padding:16px;}
.toast-icon-chip{width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.toast-icon-chip svg{width:16px; height:16px; stroke-width:2.4;}
.toast-body{flex:1; min-width:0;}
.toast-title{font-size:13px; font-weight:600; color:var(--color-white); margin-bottom:2px;}

.toast-action{font-size:12px; font-weight:600; color:var(--color-action-primary); margin-top:8px; cursor:pointer; display:inline-block;}
.toast-close{background:none; border:none; color:rgba(225,230,236,.4); cursor:pointer; flex-shrink:0; width:22px; height:22px; display:flex; align-items:center; justify-content:center; border-radius:var(--radius-control);}
.toast-close:hover{background:rgba(225,230,236,.08); color:var(--color-text-primary);}
.toast-close svg{width:14px; height:14px; stroke-width:2;}
.toast.success .toast-icon-chip{background:var(--color-action-success); color:var(--color-white);}

.toast.insight .toast-icon-chip{background:var(--color-action-insight); color:var(--color-text-inverse);}
.toast.info .toast-icon-chip{background:var(--color-action-primary); color:var(--color-text-inverse);}
@keyframes fttIn{from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);}}
.card{background:var(--card-bg); border:1px solid var(--card-border); border-radius:var(--card-radius); padding:20px;}


.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;}









.fx-dash{width:16px; height:2px; border-radius:1px; background:var(--color-action-insight); flex-shrink:0;}






















.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);}

.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;}
.compare-value.right{text-align:right;}
.compare-value.p1{color:var(--color-action-insight);}
.compare-value.p2{color:var(--color-action-primary);}
.compare-mid{display:flex; flex-direction:column; align-items:center; gap:8px;}
.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;}
.compare-bar-track{display:flex; align-items:center; width:100%; height:12px; gap:0; position:relative;}
.compare-bar-half{flex:1; height:100%; display:flex; background:rgba(225,230,236,.10); border-radius:0; overflow:visible;}
.compare-bar-half.left{justify-content:flex-end; border-radius:0;}
.compare-bar-half.right{border-radius:0;}
.compare-bar-fill{height:100%; position:relative;}
.compare-bar-fill.p1{background:var(--color-action-insight);}
.compare-bar-fill.p2{background:var(--color-action-primary);}
.compare-bar-fill.p1::after, .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;}
.compare-bar-fill.p1::after{left:0;}
.compare-bar-fill.p2::after{right:0;}

.insight-card{display:flex; gap:14px; align-items:flex-start; margin-bottom:28px;}


.insight-text{font-size:13px; color:var(--color-text-primary); line-height:1.65; padding-top:5px;}
.insight-text b{color:var(--color-white);}

.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;}
.capsule svg{color:var(--color-action-primary); flex-shrink:0; width:16px; height:16px; stroke-width:1.8;}
.capsule-label{font-size:9.5px; color:rgba(225,230,236,.45); text-transform:uppercase; letter-spacing:.3px; display:block; margin-bottom:2px;}
.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;}



.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;}
.blog-card:hover{border-color:var(--color-border-strong);}
.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;}
.blog-card-image svg{width:26%; height:26%; stroke-width:1.5; color:rgba(225,230,236,.32);}
.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;}
.blog-card-eyebrow.insight{color:var(--color-action-insight);}
.blog-card-eyebrow svg{width:11px; height:11px; stroke-width:2.4;}
.blog-card-meta span{display:flex; align-items:center; gap:5px;}
.blog-card-meta svg{width:12px; height:12px; stroke-width:2; flex-shrink:0;}
.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;}
.blog-card-arrow svg{width:15px; height:15px; stroke-width:2;}
.blog-card:hover .blog-card-arrow{color:var(--color-action-primary); border-color:var(--color-action-primary);}
.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;}
.data-table{width:100%; border-collapse:collapse; font-size:13px; white-space:nowrap;}
.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);}
.data-table th.num{text-align:right;}





.data-table td{padding:12px 16px; border-bottom:1px solid var(--color-border-subtle); color:var(--color-text-primary); vertical-align:middle;}
.data-table td.num{text-align:right; font-variant-numeric:tabular-nums;}
.data-table td.dim{color:rgba(225,230,236,.45); font-size:11.5px;}
.data-table th.dt-score, .data-table td.dt-score{text-align:center; font-variant-numeric:tabular-nums;}
.data-table td.dt-score.dt-hero{font-size:24px;}
.data-table tbody tr:last-child td{border-bottom:none;}
.data-table tbody tr:hover td{background:rgba(225,230,236,.035);}







.dt-team{display:flex; align-items:center; gap:8px; font-weight:500; color:var(--color-white);}
.dt-team.right{justify-content:flex-end; text-align:right;}

.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;}




.data-table .row-link{width:1%; text-align:right;}
.data-table .row-link svg{width:15px; height:15px; stroke-width:2; color:rgba(225,230,236,.3);}
.dt-hero{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:19px; letter-spacing:.2px; color:var(--color-white);}

.avatar.xs{width:20px; height:20px; font-size:9px;}
.avatar.sm{width:24px; height:24px; font-size:10px;}
.avatar.md{width:32px; height:32px; font-size:12px;}
.avatar.lg{width:40px; height:40px; font-size:14px;}
.avatar.xl{width:56px; height:56px; font-size:18px;}
.avatar.photo{background:var(--color-bg-selected); color:rgba(225,230,236,.5);}
.avatar.photo svg{width:46%; height:46%; stroke-width:1.8;}
.avatar.disabled{opacity:.35;}
.avatar.selected{outline:2px solid var(--color-action-primary); outline-offset:2px;}




























.chart-gridline{ stroke-dasharray:1.5 3;}


















.dt-team.flag{color:var(--color-action-danger);}





























.gauge{display:flex; flex-direction:column; align-items:center; gap:10px;}
.gauge svg{transform:rotate(-90deg);}































































*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:var(--color-bg-canvas); color:var(--color-text-primary); font-family:var(--font-body); -webkit-font-smoothing:antialiased; overflow-x:clip; --sbw:264px;}
a{text-decoration:none; color:inherit;}
.wrap{max-width:1180px; margin:0 auto; padding:0 32px;}
html{scroll-behavior:smooth; overflow-x:clip;}
.site-shell{display:flex; align-items:stretch; min-height:100vh;}
.site-sidebar{width:264px; flex-shrink:0; height:100vh; overflow-y:auto; position:sticky; top:0; align-self:flex-start; display:flex; flex-direction:column; background:var(--color-navy-base); border-right:1px solid var(--color-border-subtle); padding:24px 18px 22px; box-sizing:border-box; transition:width .2s ease, padding .2s ease; box-shadow:8px 0 22px -4px rgba(2,19,41,.45); scrollbar-width:thin; scrollbar-color:rgba(225,230,236,.22) transparent;}
.site-sidebar::-webkit-scrollbar{width:8px;}
.site-sidebar::-webkit-scrollbar-track{background:transparent;}
.site-sidebar::-webkit-scrollbar-thumb{background:rgba(225,230,236,.18); border-radius:4px;}
.site-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(225,230,236,.32);}
.site-sidebar.collapsed{width:76px; padding-left:14px; padding-right:14px;}
.site-sidebar.collapsed .logo-row{justify-content:center; padding-left:0; padding-right:0;}
.site-sidebar .logo-text{min-width:0;}
.site-sidebar.collapsed .logo-text{display:none;}
.site-sidebar.collapsed .sidebar-toggle{margin-left:0;}
.site-sidebar.collapsed .nav-item{justify-content:center; padding:9px;}
.site-sidebar.collapsed .nav-label, .site-sidebar.collapsed .nav-caret{display:none;}
.site-sidebar.collapsed .nav-submenu{display:none;}
.site-sidebar.collapsed .sidebar-guest-btn{padding:9px; gap:0;}
.site-sidebar.collapsed .sidebar-guest-label{display:none;}
.site-sidebar.collapsed .account-card{justify-content:center; padding:10px 6px;}
.site-sidebar.collapsed .account-info{display:none;}
.site-sidebar .logo-row{display:flex; align-items:center; gap:10px; padding:0 6px 22px; margin-bottom:16px; border-bottom:1px solid var(--color-border-subtle);}
.site-sidebar .logo-word{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:16px; letter-spacing:.5px; color:var(--color-white); line-height:1;}
.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;}
.logo-home-link:hover{opacity:.8;}
.logo-home-link:hover .logo-word{color:var(--color-cyan);}
.site-sidebar.collapsed .logo-home-link{flex:none;}
.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;}
.sidebar-search:focus-within{border-color:var(--input-border-focus);}
.sidebar-search-icon{width:15px; height:15px; flex-shrink:0; color:rgba(225,230,236,.45);}
.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;}
.sidebar-search-input::placeholder{color:rgba(225,230,236,.4);}
.sidebar-search-sep{width:1px; height:16px; background:var(--color-border-subtle); flex-shrink:0;}
.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;}
.sidebar-search-submit svg{width:13px; height:13px; flex-shrink:0;}
.site-sidebar.collapsed .sidebar-search{display:none;}
.nav-divider{height:1px; background:var(--color-border-subtle); margin:14px 4px 10px;}
.site-sidebar.collapsed .nav-divider{margin-left:10px; margin-right:10px;}
.site-sidebar .nav-caret{color:rgba(255,219,0,.55);}
.site-sidebar .nav-group.expanded .nav-caret{color:var(--color-yellow);}
.site-sidebar .nav-item{position:relative; color:rgba(225,230,236,.85);}
.site-sidebar .nav-subitem{position:relative; color:rgba(225,230,236,.8);}
.site-sidebar .nav-group.expanded .league-submenu{max-height:460px;}
.site-sidebar .nav-item:hover::before, .site-sidebar .nav-subitem:hover::before{content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--color-yellow); border-radius:0;}
.site-sidebar .nav-item{cursor:pointer;}
.site-sidebar .nav-item{padding-top:11px; padding-bottom:11px;}
.site-sidebar .sidebar-toggle{width:32px; height:32px;}
.site-sidebar .nav-spacer{flex:1;}
.sidebar-guest-cta{display:none; flex-direction:column; gap:8px; margin-top:8px;}
body:not(.is-auth) .sidebar-guest-cta{display:flex;}
.sidebar-guest-btn{gap:8px;}
.sidebar-guest-icon{flex-shrink:0;}
.sidebar-auth-block{display:none; flex-direction:column; gap:2px;}
body.is-auth .sidebar-auth-block{display:flex;}
.sidebar-auth-block .account-card{margin-top:12px; margin-bottom:0;}
.btn-google{background:#FFFFFF; color:#1F1F1F; border:1px solid rgba(2,19,41,.12);}
.btn-google:hover{background:#F1F3F4;}
.btn-google:active{background:#E4E7E8;}
.footer-guest-btn{width:100%; box-sizing:border-box;}
.content-col{flex:1; min-width:0; display:flex; flex-direction:column;
  --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;
  --icon-crest-placeholder:url('/assets/img/crest-placeholder-2.svg');
  background:var(--color-bg-canvas);}

.content-col .hero-stat-label{color:rgba(2,19,41,.55);}
.content-col .edge-card-cond{color:rgba(2,19,41,.6);}
.content-col .edge-card-base{color:rgba(2,19,41,.4);}
.content-col .edge-card-delta{color:#1E9E76;}
.content-col .explain-card p{color:rgba(2,19,41,.68);}
.content-col .founding-card p{color:rgba(2,19,41,.62);}
.content-col .myth-q{color:rgba(2,19,41,.68);}
.content-col .ledger-foot{color:rgba(2,19,41,.6);}
.content-col .site-footer-tagline{color:rgba(2,19,41,.5);}
.content-col .site-footer-col-title{color:rgba(2,19,41,.42);}
.content-col .site-footer-links a{color:rgba(2,19,41,.68);}
.content-col .site-footer-links a:hover{color:var(--color-text-primary);}
.content-col .site-footer-account-links{color:rgba(2,19,41,.55);}
.content-col .site-footer-bottom{color:rgba(2,19,41,.4); border-top-color:rgba(2,19,41,.1) !important;}
.content-col .site-footer-bottom .note{color:#8A6D00;}
.content-col .account-plan{color:#8A6D00 !important;}
.content-col .b-cta-note{color:rgba(2,19,41,.4);}
.content-col .page-item{color:rgba(2,19,41,.55);}
.content-col .page-item:hover:not(.active):not(.disabled){background:rgba(2,19,41,.06);}
.content-col .page-item.disabled{color:rgba(2,19,41,.25);}
.content-col .data-table th{color:rgba(2,19,41,.42);}
.content-col .data-table td.dim,
.content-col .dim{color:rgba(2,19,41,.45);}
.content-col .dt-league{color:rgba(2,19,41,.55); background:rgba(2,19,41,.05);}

.content-col .row-link svg{color:rgba(2,19,41,.3);}
.content-col .tab{color:rgba(2,19,41,.45);}
.content-col .pill.insight{color:#8A6D00;}
.content-col .hero-stat.cyan .hero-stat-value{color:#0E7C88;}
.content-col .hero-stat.yellow .hero-stat-value{color:#8A6D00;}
.content-col .hero-stat.success .hero-stat-value{color:#1E9E76;}
.content-col .edge-card-hit{color:#0E7C88;}
.league-submenu .flag{display:inline-block; width:18px; margin-right:8px; text-align:center;}
.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);}
.hero-split{display:grid; grid-template-columns:1fr 460px; gap:56px; align-items:center; width:100%;}
.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);}
.hero-photo-zone .builder-card .hero-stat-label{color:rgba(2,19,41,.55);}
.hero-photo-zone .builder-card .b-cta-note{color:rgba(2,19,41,.4);}
.hero-photo-zone .builder-card .hero-stat.cyan .hero-stat-value{color:#0E7C88;}
.hero-photo-zone .builder-card .hero-stat.yellow .hero-stat-value{color:#8A6D00;}
.hero-photo-zone .builder-card .hero-stat.success .hero-stat-value{color:#1E9E76;}
.hero-split .hero-copy{max-width:none;}
.hero-split .hero-stat-strip{margin-top:22px;}
@media (max-width:980px){.hero-split{grid-template-columns:1fr;}
}
.hero-photo-zone img.hero-photo-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 42%;}
.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;}
.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;}
.hero-photo-content{position:relative; width:100%;}

.hero-copy{max-width:760px;}
.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;}
.hero-h1 .accent{color:var(--color-cyan);}
.hero-h1 .accent-dot{color:var(--color-yellow);}
.hero-sub{font-size:14px; line-height:1.6; color:rgba(225,230,236,.7); margin:0; max-width:480px;}
.hero-stat-strip{display:flex; gap:10px; flex-wrap:wrap;}
.hero-stat-strip .capsule{background:rgba(2,19,41,.55); backdrop-filter:blur(6px); border-color:rgba(225,230,236,.18);}
.hero-stat-strip .capsule-value{font-size:40px;}
.hero-stat-strip .capsule-label{color:rgba(225,230,236,.78);}
@keyframes heroFadeUp{from{opacity:0; transform:translateY(18px);} to{opacity:1; transform:translateY(0);}}
.hero-h1{opacity:0; animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) .05s forwards;}
.hero-sub{opacity:0; animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) .18s forwards;}
.hero-stat-strip .capsule{opacity:0; animation:heroFadeUp .6s cubic-bezier(.16,1,.3,1) forwards;}
.hero-stat-strip .capsule:nth-child(1){animation-delay:.30s;}
.hero-stat-strip .capsule:nth-child(2){animation-delay:.37s;}
.hero-stat-strip .capsule:nth-child(3){animation-delay:.44s;}
@media (prefers-reduced-motion: reduce){.hero-h1, .hero-sub, .hero-stat-strip .capsule{animation:none; opacity:1; transform:none;}
}
/* HEROSLIDER-CSS-START */
.hero-photo-zone{isolation:isolate;}
.hero-photo-zone img.hero-bg{opacity:0; z-index:0; transition:opacity .9s ease;}
.hero-photo-zone img.hero-bg.is-top{z-index:1;}
.hero-photo-zone .hero-photo-scrim, .hero-photo-zone .hero-photo-watermark{z-index:2;}
.hero-photo-zone .hero-photo-content{z-index:3;}
.hero-photo-zone img.hero-bg.is-on{opacity:1;}
.hero-photo-zone img.hero-bg[data-hs="1"]{object-position:center 50%;}
.hero-photo-zone img.hero-bg[data-hs="2"]{object-position:center 40%;}
body.is-auth .hero-photo-zone img.hero-bg-alt{opacity:0 !important;}
.hero-slider .hero-slides{display:grid;}
.hero-slider .hero-slide{grid-area:1 / 1; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .45s ease, visibility 0s linear .45s;}
.hero-slider .hero-slide.is-on{opacity:1; visibility:visible; pointer-events:auto; transition:opacity .45s ease .1s, visibility 0s;}
.hero-slider .hero-slide .hero-h1, .hero-slider .hero-slide .hero-sub{animation:none; opacity:1;}
.hero-slider .hero-slide.is-on .hero-h1{animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) .05s backwards;}
.hero-slider .hero-slide.is-on .hero-sub{animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) .18s backwards;}
.hero-dots{display:flex; gap:8px; margin-top:14px;}
.hero-dot{appearance:none; border:0; background:none; padding:10px 0; margin:0; width:44px; cursor:pointer; display:block; font:inherit;}
.hero-dot span{display:block; position:relative; height:4px; border-radius:6px; background:rgba(225,230,236,.28); overflow:hidden; transition:background .2s ease;}
.hero-dot:hover span{background:rgba(225,230,236,.5);}
.hero-dot:focus-visible{outline:2px solid var(--color-cyan); outline-offset:1px; border-radius:6px;}
.hero-dot span::after{content:""; position:absolute; inset:0; background:var(--color-cyan); transform-origin:left center; transform:scaleX(0);}
.hero-dot.is-on span::after{transform:scaleX(1); animation:heroDotFill 7s linear;}
.hero-slider-paused ~ .hero-dots .hero-dot.is-on span::after, .hero-copy.hero-slider-paused .hero-dot.is-on span::after{animation-play-state:paused;}
@keyframes heroDotFill{from{transform:scaleX(0);} to{transform:scaleX(1);}}
body.is-auth .hero-dots{display:none;}
@media (prefers-reduced-motion: reduce){
  .hero-photo-zone img.hero-bg{transition:none;}
  .hero-slider .hero-slide, .hero-slider .hero-slide.is-on{transition:none;}
  .hero-slider .hero-slide.is-on .hero-h1, .hero-slider .hero-slide.is-on .hero-sub{animation:none;}
  .hero-dot.is-on span::after{animation:none;}
}
@media (max-width:640px){
  .hero-dot{width:40px;}
}
/* HEROSLIDER-CSS-END */
.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;}
.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);}
.quick-cta-inner{display:flex; align-items:center; gap:14px; padding:11px 32px;}
.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;}
.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;}
.quick-cta-text b{color:var(--color-text-primary); font-weight:600;}
.quick-cta-bar .btn{flex-shrink:0; padding:9px 18px;}
@media (max-width:700px){.quick-cta-label{display:none;}
}

.builder-card.compact{padding:26px 28px 28px; margin-bottom:0;}
.builder-card.compact .builder-kicker{margin-bottom:18px;}
.builder-card.compact .builder-kicker-title{font-size:26px;}
.builder-card.compact .builder-kicker-note{font-size:10.5px;}
.builder-card.compact .b-section{margin-bottom:18px;}
.builder-card.compact .b-section-label{margin-bottom:8px;}
.builder-card.compact .dataset-row{gap:10px;}
.builder-card.compact .ds-field{gap:5px;}
.builder-card.compact .b-select{padding:9px 30px 9px 11px; font-size:12px;}
.builder-card.compact .chip-row{gap:7px;}
.builder-card.compact .chip{padding:6px 8px; font-size:12px;}
.builder-card.compact .b-sentence{padding:13px 16px; font-size:13px; margin-bottom:18px; min-height:68px;}
.builder-card.compact .b-cta-row{gap:12px;}
.builder-card.compact .b-cta-note{font-size:11px;}
.builder-kicker{display:flex; align-items:center; justify-content:space-between; margin-bottom:34px; flex-wrap:wrap; gap:10px;}
.builder-kicker-title{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:44px; letter-spacing:.4px; color:var(--color-white);}
.builder-kicker-note{font-size:11.5px; color:rgba(2,19,41,.45);}









.b-section{margin-bottom:22px;}
.b-section-label{font-size:11px; font-weight:600; color:rgba(2,19,41,.5); text-transform:uppercase; letter-spacing:.4px; margin-bottom:14px;}
.chip-row{display:flex; gap:10px; flex-wrap:wrap;}
.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;}
.chip:hover{border-color:rgba(2,19,41,.4); transform:translateY(-1px);}
.chip:active{transform:translateY(0);}
.chip.active{background:rgba(14,124,136,.10); border-color:#0E7C88; color:#0E7C88; font-weight:600;}
.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;}
.chip-more:hover{border-color:rgba(2,19,41,.4); color:rgba(2,19,41,.62); transform:none;}
.chip .sub{opacity:.65; font-weight:400; margin-left:5px; font-size:11px;}
.dataset-row{display:flex; gap:16px; flex-wrap:wrap;}
.ds-field{flex:1; min-width:160px; display:flex; flex-direction:column; gap:8px;}
.ds-label{font-size:10px; font-weight:700; color:rgba(2,19,41,.42); text-transform:uppercase; letter-spacing:.4px;}
.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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgba(2,19,41,.5)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>') 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;}
.b-select:hover{border-color:rgba(2,19,41,.4);}
.b-select:focus{outline:none; border-color:#0E7C88;}
.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;}
.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);}
.b-sentence-text{width:100%;}
.b-sentence b{color:var(--color-text-primary); font-weight:600;}
.b-sentence .v{color:#0E7C88; font-weight:600;}
.b-cta-row{display:flex; align-items:center; gap:16px; flex-wrap:wrap;}
.b-cta-buttons{display:flex; align-items:center; gap:8px;}
.b-cta-icon-btn:hover{border-color:rgba(2,19,41,.42); color:rgba(2,19,41,.92); background:#EAF0F6;}
.b-cta-icon-btn:active{background:#E1E9F0;}
.theory-result-section{display:none;}
.theory-result-section.show{display:block; padding:32px 0 8px;}
.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);}
.result-card.reveal{opacity:1; transform:translateY(0) scale(1);}
@media (prefers-reduced-motion:reduce){.result-card{opacity:1; transform:none; transition:none;}
}
.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);}
.result-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;}
.result-title{font-size:11px; font-weight:700; letter-spacing:.4px; color:rgba(225,230,236,.75); text-transform:uppercase;}
.result-verdict{font-size:13.5px; line-height:1.6; color:rgba(225,230,236,.78); margin-top:16px;}
.result-verdict b{color:var(--color-success);}
.result-card .hero-stat-label{color:rgba(225,230,236,.75);}
.result-card .hero-stat.cyan .hero-stat-value, .result-card .hero-stat.success .hero-stat-value{color:var(--color-white);}
.result-card .hero-stat.yellow .hero-stat-value{color:var(--color-yellow);}
.result-cta-row{margin-top:24px; padding-top:20px; border-top:1px solid var(--neutral-alpha-14);}
.hp-section-gap-top{margin-top:56px;}
.hp-section{margin-bottom:60px;}

.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;}
.hp-sub{font-size:13.5px; color:rgba(2,19,41,.55); max-width:560px; line-height:1.6; margin:0 0 28px;}
.edge-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:16px;}
.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);}
.edge-card:hover{border-color:var(--color-border-strong); box-shadow:0 6px 18px rgba(2,19,41,.08); transform:translateY(-1px);}
.edge-card:active{transform:translateY(0);}
.edge-card.featured{border-color:rgba(200,160,0,.4);}
.edge-card.featured:hover{border-color:rgba(200,160,0,.6);}
.content-col .edge-card.featured{background:linear-gradient(180deg, rgba(255,219,0,.08), var(--color-bg-elevated) 46%);}
.edge-card-team{display:flex; align-items:center; gap:9px; margin-bottom:16px;}
.edge-card-team .pill{margin-left:auto; padding:4px 9px; font-size:9.5px; flex-shrink:0;}
.edge-card-crest{height:28px; width:auto; max-width:36px; object-fit:contain; flex-shrink:0;}
.edge-card-league{font-size:11.5px; font-weight:600; color:var(--color-text-primary);}
.edge-card-cond{margin-bottom:12px; line-height:1.45;}
.edge-card-num{display:flex; align-items:baseline; gap:8px; margin-bottom:8px;}
.edge-card-hit{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:30px; color:var(--color-white); line-height:1;}
.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);}
.explain-card p{font-size:13px; line-height:1.7; margin:0 0 14px;}
.explain-card p:last-child{margin-bottom:0;}
.explain-card b{color:var(--color-text-primary); font-weight:600;}
.trust-block{display:grid; grid-template-columns:1fr 300px; gap:20px; align-items:stretch;}
.trust-block .explain-card{grid-template-columns:1fr; box-shadow:none;}
.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);}
.trust-photo::after{content:''; position:absolute; inset:0; background:linear-gradient(195deg, rgba(2,19,41,0) 50%, rgba(2,19,41,.55) 100%);}
.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;}
.founding-card:not(.has-photo){background:linear-gradient(120deg, rgba(255,219,0,.14), rgba(255,219,0,.03));}
.founding-card > *{position:relative; z-index:2;}
.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;}
.founding-card p{font-size:12.5px; margin:0;}
.founding-card.has-photo h4{color:#FFFFFF;}
.founding-card.has-photo p{color:rgba(255,255,255,.82);}
.inline-icon-discord{height:14px; width:auto; vertical-align:-2px; margin:0 3px 0 1px;}
.fixture-module{position:relative;}
.fixture-tabs{margin-bottom:16px; gap:8px; border-bottom:none;}
.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;}
.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);}
.fixture-tabs .tab:hover:not(.active){background:rgba(2,19,41,.05); border-color:var(--color-border-strong); color:var(--color-text-primary);}
.fixture-panel{display:none;}
.fixture-panel.active{display:block;}
.fixture-module .data-table-wrap{background:transparent; border:none; box-shadow:none; margin-bottom:0;}
.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;}
.fixture-module .data-table{font-size:13px; min-width:560px;}
.fixture-module .data-table th{padding:10px 16px;}
.fixture-module .data-table td{padding:10px 16px;}

.fixture-module .dt-crest-real{height:22px; width:auto; max-width:26px; object-fit:contain; flex-shrink:0;}
.fx-red-card{color:var(--color-action-danger); width:9px; height:11px; flex-shrink:0; display:inline-flex;}
.fx-red-card svg{width:100%; height:100%;}
.fixture-module .data-table td.dt-score.dt-hero{font-size:19px;}
.fixture-module .dt-score .fx-dash{display:inline-block; vertical-align:middle; margin:0 6px;}
.dt-signal{white-space:normal;}
.fixture-module .dt-signal{padding-left:16px; padding-right:8px; border-left:1px solid var(--color-border-subtle);}
.fixture-module .data-table th:nth-child(6){padding-left:16px;}
.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;}
.fx-signal:hover, .fx-signal:focus-visible{background:rgba(200,160,0,.1); transform:translateY(-1px);}
.fx-signal:active{transform:translateY(0);}
.fx-signal-stat{opacity:.72;}
.fixture-filter-row{margin-bottom:20px;}
.fixture-filter-row .ds-field{min-width:130px;}
.fixture-filter-row .ds-field[hidden]{display:none;}
.fx-empty-msg{padding:28px 16px; text-align:center; font-size:13px; color:rgba(2,19,41,.45);}
@keyframes fxLivePulse{0%,100%{opacity:1;} 50%{opacity:.3;}}
@media (prefers-reduced-motion: reduce){.pill.live::before{animation:none;}
}
.fx-live-field{min-width:auto;}
.fx-live-field .switch{margin-top:2px;}
.fx-live-label{display:inline-flex; align-items:center; gap:6px;}
.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){.fx-live-dot{animation:none;}
}
.ov-root{position:relative; display:inline-block; width:100%;}
.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;}
.popover.open{display:block;}
.fx-cal-trigger{display:inline-flex; align-items:center; gap:8px; text-align:left; white-space:nowrap; width:100%;}
.fx-cal-trigger svg{flex-shrink:0; width:15px; height:15px; color:rgba(2,19,41,.45);}
.fx-cal-trigger-label{overflow:hidden; text-overflow:ellipsis;}
.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;}
.fx-cal-clear[hidden]{display:none;}
.fx-cal-clear:hover{background:rgba(2,19,41,.08); color:var(--color-text-primary);}
.fx-cal-clear svg{width:11px; height:11px;}
.fx-cal-popover{width:280px; padding:14px;}
.fx-cal-head{display:flex; align-items:center; gap:6px; margin-bottom:12px;}
.fx-cal-head .b-select{flex:1; padding:8px 26px 8px 10px; font-size:11.5px;}
.fx-cal-nav{flex-shrink:0; width:26px; height:26px; min-width:26px;}
.fx-cal-nav svg{width:14px; height:14px;}
.fx-cal-weekdays{display:grid; grid-template-columns:repeat(7,1fr); margin-bottom:2px;}
.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;}
.fx-cal-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:2px;}
.cal-day{width:100%; aspect-ratio:1; min-width:0; font-size:11.5px; font-variant-numeric:tabular-nums; flex-direction:column; gap:1px;}
.cal-day.outside{color:rgba(2,19,41,.28);}
.cal-day.today:not(.selected){box-shadow:inset 0 0 0 1px var(--color-border-strong);}
.cal-day .pc-dot{width:3.5px; height:3.5px; background:var(--color-action-primary);}
.cal-day.selected .pc-dot{background:var(--color-text-inverse);}
.cal-day.in-range:not(.active){background:rgba(2,19,41,.08); border-radius:var(--radius-control);}
.fx-cal-hint{font-size:9.5px; color:rgba(2,19,41,.35); text-align:center; margin-top:8px;}
.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);}
.fx-cal-foot-right{display:flex; align-items:center; gap:6px;}
.fx-cal-foot .btn-secondary{color:var(--color-text-primary); border-color:rgba(2,19,41,.22);}
.fx-cal-foot .btn-secondary:hover{background:rgba(2,19,41,.05);}
.fx-cal-foot .btn-secondary:active{background:rgba(2,19,41,.1);}
.fx-stats-row td{padding:0 0 14px;}
.fixture-module .data-table tr.fx-stats-row td{padding-bottom:24px;}
.fx-stats-panel{background:var(--color-bg-canvas); border-radius:var(--radius-control); margin-left:7.41%; width:77.78%;}
.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;}
.fx-stats-trigger:hover{background:rgba(2,19,41,.06);}
.fx-stats-trigger svg{transition:transform .15s ease;}
.fx-stats-trigger.open svg{transform:rotate(-90deg);}
.fx-stats-trigger-label{font-size:10.5px; font-weight:600; letter-spacing:.3px; text-transform:uppercase;}
.fixture-module tbody tr.fx-has-stats{cursor:pointer;}
.fixture-module tbody tr.fx-has-stats:has(+ tr.fx-stats-row:not([hidden])) > td:not([rowspan]){border-bottom:none;}
.content-col .compare-stat-label{color:rgba(2,19,41,.4);}
.content-col .compare-bar-half{background:rgba(2,19,41,.06);}
.content-col .compare-bar-fill.p1{background:var(--color-navy-base-selected);}
.content-col .compare-bar-fill.p1::after, .content-col .compare-bar-fill.p2::after{background:rgba(2,19,41,.28);}
.content-col .compare-value.p1,
.content-col .compare-value.p2{color:var(--color-text-primary);}
.fx-stats-panel .compare-row{border-top:none; padding:11px 0;}
.fx-stats-panel .compare-value{font-size:15px;}
.fx-stats-panel .compare-value{text-align:right;}
.fx-stats-panel .compare-value.right{text-align:left;}
.fx-stats-panel .compare-mid{gap:5px;}
.blog-card-image[data-photo]{background-size:cover; background-position:center;}
.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%);}
.blog-card-image[data-photo] > *{position:relative; z-index:1;}
.blog-card-image[data-photo] svg{color:rgba(255,255,255,.92); opacity:1 !important;}
.blog-card-arrow{transition:color .15s ease, border-color .15s ease, transform .15s ease;}
.blog-card:hover .blog-card-arrow{transform:translateX(3px);}
.myth-row{display:flex; gap:12px; flex-wrap:wrap;}
.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);}
.myth-q{font-size:12px; line-height:1.4; margin-bottom:10px; min-height:34px;}
.ledger-foot{font-size:12px; margin-top:16px; padding-top:16px; border-top:1px solid var(--color-border-subtle);}
.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);}
.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;}
.dark-band .wrap{position:relative; z-index:2;}
.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){.ledger-player-photo{display:none;}
}

.dark-band .hp-title{color:var(--color-white);}
.dark-band .hp-sub{color:rgba(225,230,236,.55);}
.dark-band .hero-stat-label{color:rgba(225,230,236,.55);}
.dark-band .ledger-foot{color:rgba(225,230,236,.55); border-top:none; padding-top:0;}
.dark-band .hero-stat.cyan .hero-stat-value,
.dark-band .hero-stat.yellow .hero-stat-value,
.dark-band .hero-stat.success .hero-stat-value{color:var(--color-white);}
.ledger-split{display:grid; grid-template-columns:1fr 1fr; column-gap:28px; row-gap:16px; align-items:stretch; margin-top:8px;}
.ledger-stats-col{height:100%; box-sizing:border-box;}
.ledger-stats-col .hero-stat-row{display:flex; flex-direction:column; justify-content:space-between; height:100%; margin-bottom:0;}
.ledger-stats-col .hero-stat{min-width:0;}
.ledger-foot{grid-column:1;}
@media (max-width:900px){.ledger-split{grid-template-columns:1fr;}
}
@media (max-width:900px){.ledger-foot{grid-column:1;}
}
.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;}
.ledger-chart-head{display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:8px;}
.ledger-chart-title{font-size:10.5px; font-weight:700; letter-spacing:.3px; text-transform:uppercase; color:rgba(225,230,236,.5);}
.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;}
.ledger-chart-delta svg{width:11px; height:11px; flex-shrink:0;}
.ledger-chart-plot{position:relative;}
.ledger-chart-svg{width:100%; height:auto; display:block; overflow:visible;}
.chart-area-fill{fill:url(#ledgerAreaGradient); stroke:none;}
.chart-gridline{stroke:rgba(225,230,236,.12); stroke-width:1;}
.chart-gridlabel{font-size:10px; fill:rgba(225,230,236,.4); font-family:var(--font-body);}
.chart-xlabel{font-size:10px; fill:rgba(225,230,236,.4); font-family:var(--font-body);}
.chart-line{stroke:var(--color-action-primary); stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.chart-endpoint{fill:var(--color-action-primary); stroke:var(--color-navy-base-elevated); stroke-width:2;}
.chart-peak-marker{fill:var(--color-yellow); stroke:var(--color-navy-base-elevated); stroke-width:2;}
.chart-peak-ring{fill:none; stroke:var(--color-yellow); stroke-width:1.5;}
.chart-endpoint-ring{fill:none; stroke:var(--color-action-primary); stroke-width:1.5;}
.count-num{font-variant-numeric:tabular-nums;}
.chart-endpoint-label{font-size:12px; font-weight:700; fill:var(--color-white); font-family:var(--font-body);}
.chart-line{stroke-dasharray:900; stroke-dashoffset:900;}
.ledger-chart-plot.revealed .chart-line{transition:stroke-dashoffset 1.1s cubic-bezier(.16,1,.3,1); stroke-dashoffset:0;}
.chart-area-fill{clip-path:inset(0 100% 0 0);}
.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);}
.chart-post-draw{opacity:0; transition:opacity .4s ease .9s;}
.ledger-chart-plot.revealed .chart-post-draw{opacity:1;}
.ledger-chart-plot.revealed .chart-peak-ring{animation:chartPeakPulse 2.6s ease-out 1.1s infinite;}
.ledger-chart-plot.revealed .chart-endpoint-ring{animation:chartPeakPulse 2.2s ease-out 1.1s infinite;}
@keyframes chartPeakPulse{0%{r:4; opacity:.6;} 100%{r:11; opacity:0;}}
@media (prefers-reduced-motion: reduce){.chart-line{stroke-dasharray:none; stroke-dashoffset:0;}
}
@media (prefers-reduced-motion: reduce){.chart-area-fill{clip-path:none;}
}
@media (prefers-reduced-motion: reduce){.chart-post-draw{opacity:1; transition:none;}
}
@media (prefers-reduced-motion: reduce){.chart-peak-ring, .chart-endpoint-ring{display:none;}
}
.chart-crosshair{stroke:rgba(225,230,236,.28); stroke-width:1; stroke-dasharray:2,3; pointer-events:none; transition:opacity .08s ease;}
.chart-hover-marker{fill:var(--color-navy-base-elevated); stroke:var(--color-action-primary); stroke-width:2; pointer-events:none; transition:opacity .08s ease;}
.chart-hit-area{fill:transparent; cursor:crosshair;}
.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;}
.chart-tooltip b{color:var(--color-action-primary);}
.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;}
.site-footer{border-top:1px solid var(--color-border-subtle); padding:36px 0 0; margin-top:8px; position:relative; overflow:hidden;}
.site-footer-top{padding:0 40px 22px; display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:32px;}
.site-footer-brand{display:flex; align-items:center; gap:10px; margin-bottom:10px;}
.site-footer-col-title{font-size:10.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; margin-bottom:12px;}
.site-footer-links{display:flex; flex-direction:column; gap:9px;}
.site-footer-links a{font-size:12.5px;}
.site-footer-account-guest{display:flex; flex-direction:column; gap:9px;}
body.is-auth .site-footer-account-guest{display:none;}
.site-footer-account-auth{display:none; flex-direction:column; gap:9px;}
body.is-auth .site-footer-account-auth{display:flex;}
.site-footer-profile{display:flex; align-items:center; gap:9px; font-size:12.5px; color:var(--color-text-primary); margin-bottom:2px;}
.site-footer-account-links{display:flex; align-items:center; gap:7px; font-size:12px;}
.site-footer-account-links a:hover{color:var(--color-text-primary);}
.site-footer-bottom{padding:16px 40px; border-top:1px solid var(--color-border-subtle); display:flex; justify-content:space-between; font-size:11px; flex-wrap:wrap; gap:8px;}
.btn{transition:background .14s ease, filter .14s ease, opacity .14s ease;}
.btn-primary:hover{background:var(--button-primary-bg-hover);}
.btn-primary:active{background:var(--button-primary-bg-pressed);}
.btn-secondary:hover{background:rgba(97,225,238,0.08);}
.btn-secondary:active{background:rgba(97,225,238,0.16);}
.btn-insight:hover{filter:brightness(1.07);}
.btn-insight:active{filter:brightness(0.92);}


.methodology-link{text-decoration:underline; text-underline-offset:2px; cursor:pointer;}
.methodology-link:hover{opacity:.72;}
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){.edge-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:980px){.explain-card{grid-template-columns:1fr;}
}
@media (max-width:980px){.trust-block{grid-template-columns:1fr;}
}
@media (max-width:980px){.trust-photo{min-height:200px;}
}
@media (max-width:980px){.site-footer-top{grid-template-columns:1fr;}
}
@media (max-width:980px){.blog-card{flex-direction:column;}
}
@media (max-width:980px){.blog-card-image{width:auto; height:160px;}
}
@media (max-width:980px){.blog-card-arrow{display:none;}
}

@media (max-width:900px){.hero-photo-zone{padding-bottom:36px;}
}
@media (max-width:860px){.site-shell{flex-direction:column;}
}
@media (max-width:860px){.site-sidebar{position:static; min-height:0; width:auto;}
}
@keyframes rh-in-right{from{opacity:0; transform:translateX(22px);} to{opacity:1; transform:translateX(0);}}
@keyframes rh-in-left{from{opacity:0; transform:translateX(-22px);} to{opacity:1; transform:translateX(0);}}

/* MASTER: sayfa gorunurlugu */
main.pg{display:none;}
main.pg.pg-active{display:block;}
.pg-ov{display:none;}
.pg-ov.pg-active{display:contents;}