:root{--oc-bg:#06100f;--oc-panel:#0b1818;--oc-line:#203432;--oc-green:#39e75f;--oc-text:#f5f8f7;--oc-muted:#9bb0ac}.oc-page{background:radial-gradient(circle at 50% 0,#0d2423 0,#06100f 42%);color:var(--oc-text);min-height:100vh;padding:16px 0 100px}.oc-shell{width:min(1500px,calc(100% - 28px));margin:auto}.oc-hero{min-height:310px;border:1px solid var(--oc-line);border-radius:18px;background:linear-gradient(90deg,#040e10f2,#040e1099 55%,#040e101a),url(/v5/assets/images/football-odds-comparison-hero.webp) center/cover;display:flex;align-items:center;padding:40px;overflow:hidden}.oc-hero-copy{max-width:730px}.oc-eyebrow{color:var(--oc-green);font-weight:800}.oc-hero h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1;margin:.25em 0}.oc-hero p{font-size:1.18rem;color:#d1ddda;max-width:650px}.oc-benefits{display:flex;gap:28px;margin-top:26px;flex-wrap:wrap}.oc-benefits span{display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;gap:0 10px}.oc-benefits i{grid-row:1/3;width:42px;height:42px;border:1px solid #2f5149;border-radius:50%;display:grid;place-items:center;color:var(--oc-green)}.oc-benefits small{color:var(--oc-muted)}.oc-date-nav,.oc-tools,.oc-market-tabs,.oc-comparison,.oc-faq{border:1px solid var(--oc-line);background:#081616f0;border-radius:14px}.oc-date-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:10px 0;padding:10px}.oc-date-nav a{color:var(--oc-green);text-decoration:none;font-weight:700}.oc-date-nav a:last-child{text-align:right}.oc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.oc-kpis article{border:1px solid var(--oc-line);border-radius:14px;background:#0c1b1b;padding:18px;display:grid;grid-template-columns:44px auto;align-items:center}.oc-kpis i{grid-row:1/3;color:var(--oc-green);font-size:1.6rem}.oc-kpis strong{font-size:1.45rem}.oc-kpis span{color:var(--oc-muted)}.oc-tools{display:grid;grid-template-columns:290px 1fr;gap:10px;padding:10px}.oc-tools select,.oc-tools input{width:100%;background:#0a1717;border:1px solid #29403d;color:#fff;border-radius:10px;padding:13px}.oc-search{position:relative}.oc-search i{position:absolute;left:14px;top:15px;color:var(--oc-muted)}.oc-search input{padding-left:42px}.oc-market-tabs{display:flex;overflow:auto;margin:10px 0;padding:6px}.oc-market-tabs>*{white-space:nowrap;background:transparent;border:0;color:#c9d4d2;padding:12px 20px;text-decoration:none}.oc-market-tabs .is-active{background:#123c27;color:var(--oc-green);border-radius:9px}.oc-comparison{overflow:hidden}.oc-comparison>header{display:flex;justify-content:space-between;gap:20px;padding:18px;border-bottom:1px solid var(--oc-line)}.oc-comparison>header span{color:var(--oc-green);font-weight:800}.oc-comparison>header h2{font-size:1rem;margin:6px 0 0}.oc-comparison>header small{max-width:540px;color:var(--oc-muted)}.oc-desktop-table{overflow:auto}.oc-desktop-table table{width:100%;border-collapse:collapse;min-width:1100px}.oc-desktop-table th,.oc-desktop-table td{border-right:1px solid #1d302f;border-bottom:1px solid #1d302f;padding:13px;text-align:center}.oc-desktop-table td:first-child{text-align:left;min-width:220px}.oc-desktop-table td:first-child span,.oc-desktop-table td:first-child small{display:block;color:var(--oc-muted)}.oc-desktop-table td b{display:block;padding:3px;border-radius:5px}.rz-odd-best,.is-best{background:#15552c!important;color:#75ff90!important}.oc-mobile-list{display:none}.oc-empty{padding:40px;text-align:center;color:var(--oc-muted)}.oc-faq{padding:24px;margin-top:14px}.oc-faq details{border-top:1px solid var(--oc-line);padding:15px 0}.oc-faq summary{font-weight:800;cursor:pointer}.oc-faq p{color:var(--oc-muted)}@media (max-width:800px){.oc-shell{width:min(100% - 20px,760px)}.oc-page{padding-top:10px}.oc-hero{min-height:360px;padding:24px 22px;background-position:62% center;align-items:flex-end}.oc-hero:before{content:"";position:absolute}.oc-hero h1{font-size:2.35rem;max-width:340px}.oc-hero p{font-size:1rem;max-width:330px}.oc-benefits{gap:12px}.oc-benefits span{flex:1;min-width:92px;display:block}.oc-benefits i{width:36px;height:36px;margin-bottom:6px}.oc-benefits b,.oc-benefits small{display:block;font-size:.78rem}.oc-kpis{grid-template-columns:repeat(2,1fr)}.oc-kpis article{padding:14px;grid-template-columns:36px auto}.oc-tools{grid-template-columns:1fr}.oc-market-tabs>*{padding:11px 15px}.oc-desktop-table{display:none}.oc-mobile-list{display:block;padding:10px}.oc-mobile-list article{border:1px solid var(--oc-line);border-radius:14px;background:#091716;margin-bottom:12px;overflow:hidden}.oc-mobile-list article>header{padding:14px}.oc-mobile-list h3{margin:5px 0 0;font-size:1.02rem}.oc-mobile-list h3 em{font-style:normal;color:var(--oc-muted);font-size:.78rem}.oc-mobile-bookies{display:flex;overflow-x:auto;border-top:1px solid var(--oc-line)}.oc-labels,.oc-bookie-col{min-width:82px;display:grid;grid-template-rows:34px repeat(3,38px);border-right:1px solid var(--oc-line);text-align:center}.oc-labels{min-width:38px;padding-top:34px;grid-template-rows:repeat(3,38px)}.oc-bookie-col strong{font-size:.72rem;padding:8px 3px;color:#d6e0de}.oc-bookie-col span{display:grid;place-items:center;border-top:1px solid #172b29}.oc-mobile-list footer{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:6px;padding:10px;background:#0d201e}.oc-mobile-list footer span{color:var(--oc-green);font-size:.78rem}.oc-mobile-list footer b{text-align:center;color:#78ff92}.oc-comparison>header{display:block}.oc-comparison>header small{display:block;margin-top:8px}.oc-date-nav strong,.oc-date-nav a{font-size:.85rem}}@media (max-width:390px){.oc-hero{min-height:385px}.oc-hero h1{font-size:2rem}.oc-kpis article{padding:11px}.oc-kpis strong{font-size:1.2rem}.oc-kpis span{font-size:.75rem}}.oc-hero{position:relative;background-position:center right;background-repeat:no-repeat;isolation:isolate}.oc-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020a0cf7,#020a0cd1 39%,#020a0c38 72%,#020a0c0f);z-index:-1}.oc-hero-copy{position:relative;z-index:1}.oc-desktop-table table{table-layout:fixed;min-width:960px}.oc-desktop-table th:first-child,.oc-desktop-table td:first-child{width:230px}.oc-desktop-table th:not(:first-child),.oc-desktop-table td:not(:first-child){min-width:92px}.oc-desktop-table th{font-size:.78rem;line-height:1.15;overflow-wrap:anywhere}.oc-desktop-table td{vertical-align:middle}.oc-desktop-table td b{min-height:27px;display:grid;place-items:center}.oc-no-odds{visibility:hidden;border:0!important;padding:0!important;width:0!important;min-width:0!important}.oc-mobile-bookies{scroll-snap-type:x proximity;scrollbar-width:thin}.oc-bookie-col{scroll-snap-align:start;flex:0 0 94px;min-width:94px}.oc-bookie-col strong{white-space:normal;line-height:1.05;min-height:34px;display:grid;place-items:center}@media (max-width:1100px) and (min-width:801px){.oc-shell{width:min(100% - 20px,1180px)}.oc-hero{min-height:280px;padding:30px}.oc-desktop-table table{min-width:900px}.oc-desktop-table th:first-child,.oc-desktop-table td:first-child{width:200px}.oc-desktop-table th,.oc-desktop-table td{padding:9px 7px}}@media (max-width:800px){.oc-hero{min-height:420px;padding:24px 20px;background-position:68% center;align-items:flex-end}.oc-hero:after{background:linear-gradient(180deg,#020a0c14,#020a0c59 35%,#020a0cf5 72%,#020a0cfc)}.oc-hero-copy{width:100%}.oc-hero h1{max-width:100%;font-size:clamp(2rem,10vw,2.75rem)}.oc-hero p{max-width:100%}.oc-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.oc-benefits span{min-width:0}.oc-mobile-list{padding:8px}.oc-mobile-list article>header{padding:12px}.oc-mobile-list h3{overflow-wrap:anywhere}.oc-mobile-bookies{padding-bottom:4px}.oc-mobile-list footer{position:sticky;left:0;grid-template-columns:1.2fr repeat(3,minmax(56px,1fr));align-items:center}.oc-mobile-list footer b{white-space:nowrap;font-size:.88rem}}@media (max-width:430px){.oc-shell{width:calc(100% - 12px)}.oc-hero{min-height:390px;border-radius:14px;padding:18px 16px}.oc-benefits b{font-size:.72rem}.oc-benefits small{font-size:.67rem}.oc-kpis{gap:6px}.oc-kpis article{padding:10px}.oc-tools{padding:7px}.oc-market-tabs{margin:7px 0}.oc-comparison>header{padding:14px}.oc-bookie-col{flex-basis:88px;min-width:88px}.oc-mobile-list footer{padding:8px 6px;gap:3px}.oc-mobile-list footer span{font-size:.68rem}.oc-mobile-list footer b{font-size:.78rem}}
