@font-face{font-family:'Caveat OX';src:url('/agency-preview2/font/caveat-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD} .ox-doc{ --gut:clamp(18px,4vw,56px); --wide:calc(1860px - 2 * var(--gut));--measure:660px;--hero-measure:720px;--head-measure:820px;--read:760px; --t1:13.6px;--t2:15.6px;--t3:17.6px;--t4:19.6px;--t5:22.6px;--t6:28px; --t7:clamp(33.36px,calc(3.62vw + 1.11px),58.36px);--t8:clamp(34px,4.9vw,62px);--t9:clamp(34.7px,5.05vw,80.7px); --s1:4px;--s2:8px;--s3:12px;--s4:20px;--s5:32px;--s6:52px;--s7:88px; --r1:3px;--r2:12px;--r3:999px; --ease:cubic-bezier(0.16,1,0.3,1); --i-rgb:11,11,12; --w-rgb:255,255,255; --sh1:0 1px 2px rgba(var(--i-rgb),0.05),0 10px 26px -18px rgba(var(--i-rgb),0.30); --sh2:0 2px 4px rgba(var(--i-rgb),0.06),0 22px 44px -22px rgba(var(--i-rgb),0.36); --band:transparent; --paper:#FFFFFF; --ink:#0B0B0C; --body:rgba(var(--i-rgb),0.97); --soft:rgba(var(--i-rgb),0.91); --edge:#E3DFD5; --mark:#9E3B22; --tone:#DD6E3E; --tone-on:#0B0B0C; padding-bottom:var(--s6); } .ox-doc{ --tone-ink:rgba(11,11,12,0.76); --tone-wash:#FBFAF7; --tone-edge:#E3DFD5; } @supports (background:color-mix(in srgb,red 5%,white)){ .ox-doc,.ox-sec{ --tone-ink:color-mix(in srgb,var(--tone) 62%,var(--tone-on)); --tone-wash:color-mix(in srgb,var(--tone) 6%,var(--paper)); --tone-edge:color-mix(in srgb,var(--tone) 30%,var(--paper)); } } .ox-sec[data-g="cream"]{--band:#F4F2EC;--edge:rgba(11,11,12,0.17);background:var(--band);color:var(--ink)} .ox-sec[data-g="ink"]{ --band:#12141C; --paper:#191C26; --ink:rgba(255,255,255,0.96); --body:rgba(var(--w-rgb),0.98); --soft:rgba(var(--w-rgb),0.93); --edge:rgba(255,255,255,0.22); --mark:#DD6E3E; --tone-on:#FFFFFF; --sh1:0 1px 2px rgba(var(--i-rgb),0.34); --sh2:0 2px 4px rgba(var(--i-rgb),0.40),0 24px 48px -26px rgba(var(--i-rgb),0.70); background:var(--band);color:var(--ink); overflow:clip; } .ox-sec{position:relative;padding-block:clamp(58px,6.4vw,104px)} .ox-sec[data-defer]{content-visibility:auto;contain-intrinsic-size:auto 2000px} @media (min-width:1100px){.ox-sec[data-defer]{contain-intrinsic-size:auto 1220px}} .ox-in{position:relative;z-index:1;width:min(100% - 2 * var(--gut),var(--wide));margin-inline:auto} .ox-measure{max-width:var(--head-measure)} .ox-head{display:grid;gap:var(--s4)} @media (min-width:1000px){ .ox-head-face{grid-template-columns:minmax(0,auto) auto minmax(0,auto);justify-content:start;align-items:center;column-gap:clamp(14px,1.5vw,28px)} } .ox-head-ask{display:grid;justify-items:start;align-content:center;gap:var(--s4)} .ox-head-ask-p{margin:0;max-inline-size:46ch;font-size:24.04px;font-weight:400;line-height:1.56;color:var(--body)} .ox-head-ask-go{display:inline-flex;align-items:center;gap:9px;padding:12px 19px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;font-size:var(--t3);font-weight:560} .ox-head-ask-go svg{color:currentColor} .ox-head-ask-row{display:flex;flex-wrap:wrap;gap:var(--s3)} .ox-head-ask-alt{background:transparent;color:var(--ink);border-color:var(--edge)} .ox-head-ask-alt:hover{border-color:var(--ink)} @media (min-width:1000px){ .ox-head-ask-on{grid-template-columns:minmax(0,1fr) minmax(300px,0.78fr);align-items:start;column-gap:clamp(24px,3vw,56px)} } @media (max-width:999px){.ox-head-ask{margin-block-start:var(--s3)}} .ox-face-aside{display:grid;justify-items:center;gap:var(--s3);margin:0;inline-size:clamp(158px,14vw,206px);justify-self:end} .ox-face-hook{display:none;flex:0 0 auto;color:var(--mark)} @media (min-width:1000px){.ox-face-hook{display:block;align-self:center}} .ox-face-ring{display:block;inline-size:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:5px solid var(--paper);background:#F4F2EC;box-shadow:0 0 0 1px var(--edge),var(--sh2)} .ox-face-ring img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(var(--face-z,1));transform-origin:var(--face-o,50% 50%)} .ox-face-aside figcaption{display:grid;gap:3px;text-align:center} .ox-face-aside b{font-size:var(--t3);font-weight:650;letter-spacing:-0.014em;color:var(--ink)} .ox-face-aside figcaption span{font-size:var(--t2);font-weight:500;letter-spacing:-0.004em;color:var(--soft)} @media (max-width:999px){.ox-face-aside{justify-self:start;inline-size:146px}} .ox-sec:has(.ox-wheel) .ox-face-ring{inline-size:86.45%} .ox-say{display:block;position:relative;margin:0;max-inline-size:34ch;padding:var(--s4);border:1px solid var(--edge);border-radius:14px;background:var(--paper);box-shadow:var(--sh1)} .ox-say-q{position:absolute;top:-15px;left:15px;display:block;padding:0 7px;background:var(--paper);font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;font-size:40px;font-weight:700;line-height:1;color:var(--mark)} .ox-say-t{margin:0;font-size:var(--t3);font-weight:500;line-height:1.46;letter-spacing:-0.012em;color:var(--ink)} @media (min-width:1000px){ .ox-head.ox-head-say{grid-template-columns:minmax(0,auto) auto minmax(0,auto);grid-template-areas:'m k f' '. . s'} .ox-head.ox-head-say > .ox-measure{grid-area:m} .ox-head.ox-head-say > .ox-face-hook{grid-area:k} .ox-head.ox-head-say > .ox-face-aside{grid-area:f;justify-self:center} .ox-head.ox-head-say > .ox-say{grid-area:s;justify-self:center} } @media (min-width:1200px){ .ox-head.ox-head-say{grid-template-columns:minmax(0,auto) auto auto minmax(0,auto);grid-template-areas:'m f k s'} .ox-head.ox-head-say > .ox-face-aside{justify-self:end} .ox-head.ox-head-say > .ox-say{justify-self:start} .ox-head.ox-head-say > .ox-face-hook{transform:scaleX(-1)} } @media (min-width:1100px){ .ox-measure:has(> .ox-p){ max-width:none; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,0.84fr); column-gap:clamp(36px,4.4vw,88px); align-items:start; } .ox-measure:has(> .ox-p) > .ox-h2{grid-column:1;grid-row:1} .ox-measure:has(> .ox-p) > .ox-deck, .ox-measure:has(> .ox-p) > .ox-chips, .ox-measure:has(> .ox-p) > .ox-p{grid-column:2;max-width:none} .ox-measure:has(> .ox-p) > .ox-h2+.ox-p, .ox-measure:has(> .ox-p) > .ox-deck{margin-top:0} } .ox-measure-wide{max-width:none} .ox-measure-wide > .ox-h2{max-width:min(100%,17.5em)} .ox-measure-spread > .ox-h2{text-wrap:balance} .ox-sec .ox-h2+.ox-prose,.ox-sec .ox-chips+.ox-prose,.ox-sec .ox-deck+.ox-prose{margin-top:var(--s5)} .ox-prose{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border:1px solid var(--edge);border-radius:var(--r2);background:var(--paper);box-shadow:var(--sh2)} .ox-prose-lead{ --paper:#191C26; --ink:rgba(255,255,255,0.96); --body:rgba(var(--w-rgb),0.96); --soft:rgba(var(--w-rgb),0.84); --edge:rgba(255,255,255,0.22); --mark:#DD6E3E; position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:start;gap:var(--s4); padding:clamp(24px,2.8vw,44px); background:linear-gradient(158deg,#191C26 0%,#12141C 100%);color:var(--ink) } .ox-prose-lead::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background: radial-gradient(72% 62% at 100% 104%,rgba(221,110,62,0.24) 0%,rgba(221,110,62,0.08) 44%,rgba(221,110,62,0) 72%), radial-gradient(60% 52% at 0% 0%,rgba(var(--w-rgb),0.075) 0%,rgba(var(--w-rgb),0) 72%)} .ox-prose-lead::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; background-image:linear-gradient(rgba(var(--w-rgb),0.055) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--w-rgb),0.055) 1px,transparent 1px); background-size:28px 28px;background-position:-1px -1px; -webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,0.5) 34%,transparent 74%);mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,0.5) 34%,transparent 74%)} .ox-sec .ox-prose-lead p.ox-p{max-width:none;font-size:var(--t5);font-weight:450;letter-spacing:-0.012em;line-height:1.48;color:var(--ink)} .ox-sec .ox-prose-lead[data-len="long"] p.ox-p{font-size:var(--t4);line-height:1.6} .ox-prose-mark{position:absolute;z-index:-1;inset-block-end:clamp(-34px,-2vw,-14px);inset-inline-end:clamp(-30px,-1.8vw,-12px);inline-size:clamp(150px,15vw,240px);aspect-ratio:1;color:rgba(221,110,62,0.17);pointer-events:none} .ox-prose-mark svg{display:block;inline-size:100%;block-size:100%;stroke-width:1.15} .ox-prose-k{display:inline-flex;align-items:center;gap:var(--s3);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:600;letter-spacing:0.14em;color:var(--mark);font-variant-numeric:tabular-nums} .ox-prose-k::after{content:"";inline-size:44px;block-size:2px;border-radius:2px;background:var(--mark)} .ox-prose-notes{display:grid;align-content:center;padding:clamp(24px,2.8vw,44px)} .ox-prose-note{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:var(--s4);padding-block-end:var(--s5)} .ox-prose-note:last-child{padding-block-end:0} .ox-prose-note:not(:last-child)::after{content:"";position:absolute;inset-inline-start:18px;inset-block:46px 8px;inline-size:2px;border-radius:2px;background:var(--edge)} .ox-prose-n{display:grid;place-items:center;inline-size:38px;block-size:38px;border:1px solid var(--edge);border-radius:50%;background:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700;letter-spacing:0.06em;color:var(--mark);font-variant-numeric:tabular-nums} .ox-prose-note:hover .ox-prose-n{border-color:var(--mark);background:var(--mark);color:#FFFFFF} .ox-sec .ox-prose-notes p.ox-p{max-width:none;padding-block-start:4px} @media (max-width:999px){.ox-prose-mark{display:none}} @media (max-width:600px){ .ox-prose-lead,.ox-prose-notes{padding:22px 20px} .ox-prose-note{grid-template-columns:30px minmax(0,1fr);column-gap:14px} .ox-prose-n{inline-size:30px;block-size:30px} .ox-prose-note:not(:last-child)::after{inset-inline-start:14px;inset-block-start:38px} .ox-sec .ox-prose-notes p.ox-p{padding-block-start:0} } @media (min-width:1000px){ .ox-prose{grid-template-columns:minmax(0,0.94fr) minmax(0,1.06fr)} .ox-prose[data-n="2"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .ox-prose[data-weight="notes"]{grid-template-columns:minmax(0,0.74fr) minmax(0,1.26fr)} .ox-prose[data-weight="lead"]{grid-template-columns:minmax(0,1.3fr) minmax(0,0.7fr)} } .ox-plan{display:grid;gap:var(--s5);margin-top:var(--s5)} .ox-plan-open{position:relative;padding-block-start:var(--s4);border-block-start:1px solid var(--edge)} .ox-plan-open::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:-1px;inline-size:44px;block-size:2px;background:var(--mark)} .ox-sec .ox-plan-open p.ox-p{max-width:none} .ox-sec .ox-plan-open p.ox-plan-lead{font-size:var(--t5);font-weight:450;letter-spacing:-0.012em;line-height:1.42;color:var(--ink)} .ox-plan-more{margin-block-start:var(--s4)} .ox-plan-card{padding:clamp(20px,2vw,30px) clamp(20px,2.3vw,34px) clamp(22px,2.2vw,32px);border:1px solid var(--edge);border-radius:var(--r2);background:var(--paper);box-shadow:var(--sh1)} .ox-plan-k{display:flex;align-items:center;gap:var(--s3);margin:0 0 var(--s4);padding-block-end:var(--s3);border-block-end:1px solid var(--edge);font-size:var(--t4);font-weight:600;letter-spacing:-0.018em;color:var(--ink)} .ox-plan-k::before{content:"";flex:0 0 auto;inline-size:10px;block-size:10px;border-radius:50%;background:var(--mark)} .ox-plan-steps{display:grid;gap:0;margin:0;padding:0;list-style:none} .ox-plan-step{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:var(--s4);padding-block-end:var(--s5)} .ox-plan-step:last-child{padding-block-end:0} .ox-plan-step:not(:last-child)::after{content:"";position:absolute;inset-inline-start:18px;inset-block:46px 8px;inline-size:2px;border-radius:2px;background:var(--edge)} .ox-plan-n{display:grid;place-items:center;inline-size:38px;block-size:38px;border:1px solid var(--edge);border-radius:50%;background:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700;letter-spacing:0.06em;color:var(--mark);font-variant-numeric:tabular-nums} .ox-plan-step:last-child .ox-plan-n{border-color:var(--ink);background:var(--ink);color:#FFFFFF} .ox-plan-txt{padding-block-start:6px} .ox-plan-h{margin:0;font-size:var(--t4);font-weight:600;letter-spacing:-0.016em;line-height:1.3;color:var(--ink)} .ox-plan-p{margin:var(--s2) 0 0;font-size:var(--t3);font-weight:400;line-height:1.62;color:var(--body)} @media (min-width:1000px){ .ox-plan-open{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,0.88fr);column-gap:clamp(40px,4.4vw,88px);align-items:start} .ox-plan-more{margin-block-start:0} .ox-plan-steps{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:var(--s6)} .ox-plan-step{grid-template-columns:minmax(0,1fr);row-gap:14px;align-content:start;padding-block-end:0} .ox-plan-step:not(:last-child)::after{inset-block:18px auto;inset-inline:46px calc(8px - var(--s6));inline-size:auto;block-size:2px} .ox-plan-txt{padding-block-start:0} } .ox-plan+.ox-split{margin-top:var(--s6)} .ox-sec[data-g="paper"]+.ox-sec[data-g="paper"]{padding-block-start:0} .ox-lit{position:absolute;inset:0;pointer-events:none;background: radial-gradient(78% 62% at 4% 96%,rgba(var(--i-rgb),0.55) 0%,rgba(var(--i-rgb),0.34) 26%,rgba(var(--i-rgb),0.13) 52%,rgba(var(--i-rgb),0) 76%), radial-gradient(58% 52% at 40% 12%,rgba(var(--w-rgb),0.085) 0%,rgba(var(--w-rgb),0.050) 24%,rgba(var(--w-rgb),0.022) 46%,rgba(var(--w-rgb),0.007) 66%,rgba(var(--w-rgb),0) 82%), radial-gradient(64% 44% at 68% 102%,rgba(221,110,62,0.090) 0%,rgba(221,110,62,0.040) 34%,rgba(221,110,62,0.014) 60%,rgba(221,110,62,0) 80%), linear-gradient(to bottom,rgba(var(--w-rgb),0.028) 0%,rgba(var(--w-rgb),0) 42%,rgba(var(--i-rgb),0.09) 100%)} .ox-lit-b{background: radial-gradient(74% 60% at 92% 96%,rgba(var(--i-rgb),0.52) 0%,rgba(var(--i-rgb),0.30) 26%,rgba(var(--i-rgb),0.11) 52%,rgba(var(--i-rgb),0) 76%), radial-gradient(56% 50% at 26% 10%,rgba(var(--w-rgb),0.080) 0%,rgba(var(--w-rgb),0.046) 24%,rgba(var(--w-rgb),0.020) 46%,rgba(var(--w-rgb),0.006) 66%,rgba(var(--w-rgb),0) 82%), radial-gradient(62% 42% at 82% 100%,rgba(221,110,62,0.085) 0%,rgba(221,110,62,0.038) 34%,rgba(221,110,62,0.013) 60%,rgba(221,110,62,0) 80%), linear-gradient(to bottom,rgba(var(--w-rgb),0.026) 0%,rgba(var(--w-rgb),0) 42%,rgba(var(--i-rgb),0.10) 100%)} .ox-btn:focus-visible,.ox-door:focus-visible,.ox-mesh a:focus-visible,.ox-crumb a:focus-visible,.ox-faq-src:focus-visible{ outline:2px solid var(--mark);outline-offset:2px;border-radius:var(--r1)} .ox-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 var(--s4);padding:0;list-style:none;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:500} .ox-crumb li{display:flex;align-items:center;gap:7px} .ox-crumb a{color:var(--soft);text-decoration:none;border-bottom:1px solid transparent} .ox-crumb a:hover{color:var(--mark);border-bottom-color:currentColor} .ox-crumb [aria-current]{color:var(--body)} .ox-crumb i{font-style:normal;color:var(--soft);opacity:.72} .ox-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,3.4vw,56px);align-items:stretch} @media (min-width:1080px){.ox-hero{grid-template-columns:minmax(0,var(--hero-measure)) minmax(300px,1fr)}} .ox-hero-txt{max-width:var(--hero-measure)} .ox-eyebrow{display:inline-flex;flex-wrap:wrap;align-items:center;gap:11px} .ox-eyebrow svg{flex:0 0 auto} .ox-eyebrow i{display:block;width:1px;height:16px;flex:0 0 auto;background:currentColor;opacity:.42} .ox-h1{margin:var(--s4) 0 0;font-size:min(8.4vw,var(--t8));font-weight:600;letter-spacing:-0.042em;line-height:1.02;color:var(--ink);text-wrap:balance;padding-bottom:0.14em;margin-bottom:-0.14em} .ox-h1[data-home]{display:block;font-size:min(9vw,var(--t9))} .ox-h1-home{margin:0;font:inherit;letter-spacing:inherit;color:inherit} .ox-em{font-style:normal;color:var(--mark)} .ox-em-whole{white-space:nowrap} @media (max-width:520px){ .ox-h2:not(:has(.ox-em-whole)){text-wrap:pretty} .ox-h2 .ox-h-lead{display:block;text-wrap:balance} } .ox-lede{margin:var(--s4) 0 0;max-width:46em;font-size:clamp(19.6px,1.46vw,22.6px);font-weight:500;line-height:1.55;color:var(--body)} .ox-marks{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s5) 0 0;padding:0;list-style:none} .ox-mark{display:inline-flex;align-items:center;gap:var(--s2);padding:7px 15px 7px 12px;border:1px solid var(--ink);border-radius:var(--r3);background:var(--paper)} .ox-mark-t{font-size:var(--t2);font-weight:600;color:var(--ink)} .ox-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mark);flex:0 0 auto} .ox-plate{position:relative;min-height:clamp(330px,34vw,430px);aspect-ratio:4 / 3} .ox-plate-t{position:absolute;overflow:hidden;border-radius:var(--r2);border:4px solid var(--paper);background:#F4F2EC;box-shadow:var(--sh2)} .ox-plate-t img{display:block;width:100%;height:100%;object-fit:cover} .ox-plate-a{inset-block-start:0;inset-inline-end:0;inline-size:78%;block-size:54%} .ox-plate-a img{object-position:50% 42%} .ox-plate-c{inset-block-start:26%;inset-inline-start:0;inline-size:36%;block-size:50%} .ox-plate-c img{object-position:50% 46%} .ox-plate-b{inset-block-end:0;inset-inline-end:0;inline-size:66%;block-size:48%} .ox-plate-b img{object-position:50% 54%} .ox-plate-who{position:absolute;inset-block-start:52%;inset-inline-start:27%;display:flex;align-items:center} .ox-plate-who span{display:block;overflow:hidden;inline-size:clamp(94px,10.6vw,142px);aspect-ratio:1;border-radius:50%;border:6px solid var(--paper);background:#F4F2EC;box-shadow:var(--sh1)} .ox-plate-who span+span{margin-inline-start:clamp(-27px,-2.7vw,-17px)} .ox-plate-who img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%} @media (max-width:1079px){.ox-plate{min-height:clamp(300px,calc(54 * var(--ap2-vw, 1vw)),420px)}} @media (min-width:1080px){.ox-plate{aspect-ratio:auto;height:100%;margin-inline-start:min(9%,110px)}} @media (max-width:1079px){.ox-plate{aspect-ratio:880 / 610;min-height:0;max-width:none}} @media (max-width:640px){.ox-plate{aspect-ratio:1 / 0.92}} .ox-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin:var(--s5) 0 0} .ox-cta-who{display:inline-flex;align-items:center} .ox-cta-who .ox-stack img{width:56px;height:56px;box-shadow:0 0 0 2.5px var(--band-solid,#FFFFFF),0 1px 4px rgba(var(--i-rgb),0.24)} .ox-cta-who .ox-stack li{margin-inline-start:-16px} .ox-cta-who .ox-stack li:first-child{margin-inline-start:0} @media (max-width:520px){.ox-cta-who{margin-top:var(--s2)}} .ox-cta-wl{font-size:var(--t2);font-weight:500;letter-spacing:-0.004em;color:var(--soft)} .ox-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border-radius:var(--r2);border:1px solid transparent;font-size:var(--t3);font-weight:600;letter-spacing:-0.006em;text-decoration:none;white-space:nowrap} .ox-btn-a{background:var(--ink);color:var(--paper)} @media (max-width:520px){.ox-btn{white-space:normal;text-align:center;max-width:100%}} .ox-btn-b{background:var(--paper);color:var(--ink);border-color:var(--ink);box-shadow:none} .ox-kick{display:flex;align-items:center;gap:var(--s3);margin:0 0 var(--s4);max-width:var(--wide)} .ox-kick b{font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t2);font-weight:560;letter-spacing:0.11em;color:var(--mark);font-variant-numeric:tabular-nums} .ox-kick-b{flex:0 0 auto;inline-size:clamp(22px,2.2vw,38px);block-size:3px;border-radius:2px;background:var(--mark)} .ox-kick-w{flex:0 0 auto;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t2);font-weight:560;letter-spacing:0.115em;color:var(--soft)} .ox-kick-r{flex:1 1 auto;height:1px;background:var(--edge)} .ox-kick-t{flex:0 0 auto;width:6px;height:6px;background:var(--mark)} @media (max-width:620px){.ox-kick{gap:10px}} .ox-h2{margin:0;max-width:var(--head-measure);font-size:var(--t7);font-weight:590;letter-spacing:-0.042em;line-height:1.04;color:var(--ink)} .ox-sec p.ox-p{margin:0;font-size:18.71px;font-weight:400;line-height:1.7;color:var(--body);max-width:var(--measure)} .ox-sec .ox-h2+p.ox-p{margin-top:var(--s5)} .ox-deck{margin:var(--s3) 0 0;max-width:var(--head-measure);font-size:var(--t5);font-weight:450;letter-spacing:-0.012em;line-height:1.3;color:var(--body)} .ox-chips{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);margin:var(--s4) 0 0;padding:0;list-style:none} .ox-chip{display:inline-flex;align-items:center;gap:var(--s3);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:16.71px;font-weight:560;letter-spacing:0.08em;color:var(--tone-ink)} .ox-chip-lead{font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;font-size:18.71px;font-weight:650;letter-spacing:-0.012em;color:var(--ink)} .ox-chip-r{flex:0 0 auto;inline-size:clamp(20px,2vw,34px);block-size:1px;background:var(--edge)} @media (max-width:560px){.ox-chip-r{display:none}} .ox-chips+.ox-deck{margin-top:var(--s4)} .ox-sec .ox-chips+p.ox-p,.ox-sec .ox-deck+p.ox-p{margin-top:var(--s4)} .ox-sec p.ox-p+p.ox-p{margin-top:var(--s4)} .ox-cards,.ox-checks,.ox-prices,.ox-doors,.ox-team,.ox-wins,.ox-hold,.ox-split,.ox-steps,.ox-towns,.ox-versus,.ox-trk,.ox-serp,.ox-reach,.ox-gbp,.ox-rpt,.ox-scope,.ox-site,.ox-ad,.ox-fun{margin:var(--s5) 0 0} .ox-faq-wrap{margin-block:var(--s5) 0} .ox-p+.ox-cards,.ox-p+.ox-checks,.ox-p+.ox-prices,.ox-p+.ox-doors,.ox-p+.ox-team,.ox-p+.ox-wins,.ox-p+.ox-hold,.ox-p+.ox-split,.ox-p+.ox-steps,.ox-p+.ox-towns,.ox-p+.ox-versus,.ox-p+.ox-trk,.ox-p+.ox-serp,.ox-p+.ox-reach,.ox-p+.ox-gbp,.ox-p+.ox-rpt,.ox-p+.ox-scope,.ox-p+.ox-site,.ox-p+.ox-ad,.ox-p+.ox-fun{margin-top:var(--s4)} .ox-cards{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s4);grid-auto-rows:minmax(186px,auto);padding:0;list-style:none} .ox-card{grid-column:span 4} @media (min-width:1181px){ .ox-cards[data-n="2"] .ox-card, .ox-cards[data-n="4"] .ox-card, .ox-cards[data-n="5"] .ox-card:nth-child(n+4), .ox-cards[data-n="8"] .ox-card:nth-child(n+7), .ox-cards[data-n="11"] .ox-card:nth-child(n+10){grid-column:span 6} .ox-cards[data-n="7"] .ox-card:nth-child(n+4), .ox-cards[data-n="10"] .ox-card:nth-child(n+7){grid-column:span 3} } .ox-card{position:relative;display:flex;flex-direction:column;gap:var(--s3);padding:20px 22px 20px;border:1px solid var(--edge);border-radius:var(--r2);background:var(--paper);box-shadow:var(--sh1)} .ox-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);color:var(--tone-ink)} .ox-card-ic{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;inline-size:44px;block-size:44px;border-radius:12px;border:1px solid var(--ink);background:var(--ink);color:var(--paper)} .ox-card-ic svg{width:21px;height:21px} .ox-card-n::before{content:attr(data-n)} .ox-card-n{flex:0 0 auto;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:clamp(30px,2.5vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums;color:#F5CDB6} @supports (background:color-mix(in srgb,red 5%,white)){ .ox-card-n{color:color-mix(in srgb,var(--tone) 42%,var(--paper))} } .ox-card h3{margin:0;font-size:var(--t5);font-weight:600;letter-spacing:-0.022em;line-height:1.25;color:var(--ink);text-wrap:pretty} .ox-card p{margin:0;font-size:var(--t3);font-weight:400;line-height:1.6;color:var(--body)} .ox-sec[data-g="cream"] .ox-card{box-shadow:0 1px 2px rgba(var(--i-rgb),0.04)} .ox-cards[data-v="r"]{grid-auto-rows:minmax(150px,auto)} .ox-cards[data-v="r"] .ox-card{gap:12px;padding:22px 24px 24px;box-shadow:none} .ox-cards[data-v="r"] .ox-card-ic{inline-size:42px;block-size:42px} .ox-cards[data-v="r"] .ox-card-n{font-size:var(--t1);font-weight:600;letter-spacing:0.12em;color:var(--soft)} .ox-cards[data-v="r"] .ox-card:first-child{ --paper:#191C26; --ink:rgba(255,255,255,0.96); --body:rgba(var(--w-rgb),0.96); --soft:rgba(var(--w-rgb),0.84); --edge:rgba(255,255,255,0.22); overflow:hidden; gap:14px; min-height:300px; padding:28px 28px 30px; border-color:transparent; background:linear-gradient(180deg,#191C26 0%,#12141C 100%); box-shadow:0 2px 6px rgba(var(--i-rgb),0.22),0 30px 60px -30px rgba(var(--i-rgb),0.5); } .ox-cards[data-v="r"] .ox-card:first-child > *{position:relative;z-index:1} .ox-cards[data-v="r"] .ox-card:first-child::after{content:"";position:absolute;left:-45%;top:max(56%,210px);width:190%;aspect-ratio:1;border-radius:50%;border-top:1.5px solid rgba(255,186,150,0.82);box-shadow:0 -16px 46px -10px rgba(221,110,62,0.62),inset 0 24px 44px -26px rgba(240,140,90,0.6);pointer-events:none} .ox-cards[data-v="r"] .ox-card:first-child .ox-card-ic{border-color:#DD6E3E;background:#DD6E3E;color:#0B0B0C} .ox-cards[data-v="r"] .ox-card:first-child h3{font-size:var(--t6);letter-spacing:-0.026em;line-height:1.15} .ox-cards[data-v="r"] .ox-card:first-child p{max-width:34ch;font-size:var(--t4);line-height:1.55} @media (min-width:1181px){ .ox-cards[data-v="r"][data-n] .ox-card:nth-child(n){grid-column:span 4} .ox-cards[data-v="r"][data-n] .ox-card:first-child{grid-row:span var(--rows,2)} .ox-cards[data-v="r"][data-tail="wide"] .ox-card:last-child{grid-column:span 8} } @media (max-width:1180px){ .ox-cards[data-v="r"][data-n] .ox-card:first-child{grid-column:span 12;min-height:260px} .ox-cards[data-v="r"][data-tail="wide"] .ox-card:last-child{grid-column:span 12} } @media (max-width:660px){ .ox-cards[data-v="r"][data-n] .ox-card:first-child{min-height:320px;padding:24px 22px 26px} } .ox-card-sky{display:none} @media (min-width:1181px){ .ox-cards[data-v="r"]:not([data-rows="1"]):not([data-rows="2"]) .ox-card:first-child{--horizon:max(clamp(206px,14.5vw,240px),38%);--sky-w:clamp(300px,23vw,440px)} .ox-cards[data-v="r"]:not([data-rows="1"]):not([data-rows="2"]) .ox-card:first-child h3{margin-top:auto} .ox-cards[data-v="r"]:not([data-rows="1"]):not([data-rows="2"]) .ox-card:first-child::after{top:calc(100% - var(--horizon));background:#12141C} .ox-cards[data-v="r"]:not([data-rows="1"]):not([data-rows="2"]) .ox-card:first-child > .ox-card-sky{display:block;position:absolute;z-index:0;left:50%;bottom:calc(var(--horizon) - var(--sky-w) * 0.1667);inline-size:var(--sky-w);transform:translateX(-50%);color:rgba(255,186,150,0.66);pointer-events:none} .ox-card-sky svg{display:block} } .ox-towns{display:grid;gap:var(--s4);align-items:stretch} .ox-towns .ox-cards{margin:0} .ox-towns-map{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);padding:clamp(22px,2.4vw,34px) clamp(16px,2vw,28px);border-radius:var(--r2);overflow:hidden;background:radial-gradient(120% 90% at 50% 38%,#191C26 0%,#12141C 72%);color:rgba(255,255,255,0.96);box-shadow:0 2px 6px rgba(var(--i-rgb),0.22),0 30px 60px -30px rgba(var(--i-rgb),0.5)} .ox-towns-dial{position:relative;display:block;inline-size:min(100%,520px);aspect-ratio:1} .ox-towns-sweep{position:absolute;inset:6%;border-radius:50%;background:conic-gradient(from 0deg,rgba(221,110,62,0) 0deg,rgba(221,110,62,0) 290deg,rgba(221,110,62,0.26) 360deg);pointer-events:none} .ox-towns-svg{position:relative;display:block;inline-size:100%;block-size:auto;overflow:visible} .ox-towns-ring{fill:none;stroke:rgba(var(--w-rgb),0.13);stroke-width:1;stroke-dasharray:2 5} .ox-towns-ring[data-m="10"],.ox-towns-ring[data-m="20"]{stroke:rgba(var(--w-rgb),0.24);stroke-dasharray:none} .ox-towns-axis{stroke:rgba(var(--w-rgb),0.09);stroke-width:1} .ox-towns-mi{fill:rgba(var(--w-rgb),0.6);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:12.5px;letter-spacing:0.06em} .ox-towns-n{fill:rgba(var(--w-rgb),0.72);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:13px;font-weight:700} .ox-towns-spoke{stroke:rgba(255,186,150,0.34);stroke-width:1.2;stroke-dasharray:3 4} .ox-towns-home-ring{fill:none;stroke:rgba(var(--w-rgb),0.55);stroke-width:1.5} .ox-towns-home{fill:#FFFFFF} .ox-towns-home-t{fill:#FFFFFF;font-size:13.5px;font-weight:600} .ox-towns-halo{fill:#DD6E3E;opacity:0.18;transform-box:fill-box;transform-origin:center} .ox-towns-dot{fill:#DD6E3E;stroke:#12141C;stroke-width:2} .ox-towns-num{fill:#0B0B0C;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:12.5px;font-weight:700;pointer-events:none} .ox-towns-name{fill:rgba(var(--w-rgb),0.94);font-size:13px;font-weight:550;paint-order:stroke;stroke:#12141C;stroke-width:4px;stroke-linejoin:round} .ox-towns-key{display:grid;grid-template-columns:minmax(0,1fr);inline-size:min(100%,520px);margin:0;padding:0;border-top:1px solid rgba(var(--w-rgb),0.12);list-style:none} .ox-towns-key li{display:flex;align-items:center;gap:12px;padding:7px 2px;border-bottom:1px solid rgba(var(--w-rgb),0.07);font-size:var(--t2);line-height:1.3} .ox-towns-key b{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;inline-size:28px;block-size:28px;border-radius:50%;background:#DD6E3E;color:#0B0B0C;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:12.5px;font-weight:700} .ox-towns-key span{min-width:0;color:rgba(255,255,255,0.96);font-weight:600} .ox-towns-key i{margin-inline-start:auto;font-style:normal;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:12.5px;letter-spacing:0.02em;white-space:nowrap;color:rgba(var(--w-rgb),0.84)} .ox-towns-map figcaption{max-width:42ch;text-align:center;font-size:var(--t2);line-height:1.55;color:rgba(var(--w-rgb),0.88)} .ox-cards[data-v="t"] .ox-card{gap:12px;box-shadow:none} .ox-cards[data-v="t"] .ox-card-n{display:inline-flex;align-items:center;justify-content:center;inline-size:36px;block-size:36px;border-radius:50%;background:#DD6E3E;color:#0B0B0C;font-size:var(--t2);font-weight:700;letter-spacing:0;box-shadow:0 0 0 6px rgba(221,110,62,0.14)} @media (min-width:1181px){ .ox-towns{grid-template-columns:minmax(0,5fr) minmax(0,7fr)} .ox-cards[data-v="t"][data-n] .ox-card:nth-child(n){grid-column:span 6} } .ox-versus{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4)} .ox-vs{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--s4);padding:clamp(24px,2.6vw,40px);border-radius:var(--r2);border:1px solid var(--edge);background:var(--paper)} .ox-vs > *{position:relative;z-index:1} .ox-vs[data-tone="yes"]{--paper:#191C26;--ink:rgba(255,255,255,0.96);--body:rgba(var(--w-rgb),0.96);--edge:rgba(255,255,255,0.22);border-color:transparent;background:linear-gradient(180deg,#191C26 0%,#12141C 100%);box-shadow:0 2px 6px rgba(var(--i-rgb),0.22),0 30px 60px -30px rgba(var(--i-rgb),0.5)} .ox-vs[data-tone="no"]{border-style:dashed;border-color:rgba(var(--i-rgb),0.28);background:transparent} .ox-vs-mark{position:absolute !important;z-index:0 !important;inset-block-start:-6%;inset-inline-end:-4%;inline-size:clamp(150px,15vw,230px);aspect-ratio:1;pointer-events:none} .ox-vs-mark svg{display:block;inline-size:100%;block-size:100%} .ox-vs[data-tone="yes"] .ox-vs-mark{color:rgba(221,110,62,0.16)} .ox-vs[data-tone="no"] .ox-vs-mark{color:rgba(var(--i-rgb),0.06)} .ox-vs-h{margin:0;font-size:var(--t6);font-weight:600;letter-spacing:-0.024em;line-height:1.15;color:var(--ink)} .ox-vs-l{display:grid;gap:0;margin:0;padding:0;list-style:none} .ox-vs-l li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-block-start:1px solid var(--edge);font-size:var(--t4);line-height:1.45;color:var(--ink)} .ox-vs[data-tone="no"] .ox-vs-l li{color:var(--body)} .ox-vs-l i{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;inline-size:28px;block-size:28px;margin-block-start:-1px;border-radius:50%} .ox-vs-l svg{inline-size:16px;block-size:16px} .ox-vs[data-tone="yes"] .ox-vs-l i{background:#DD6E3E;color:#0B0B0C} .ox-vs[data-tone="no"] .ox-vs-l i{border:1.5px solid rgba(var(--i-rgb),0.34);color:rgba(var(--i-rgb),0.82)} @media (min-width:861px){.ox-versus{grid-template-columns:repeat(2,minmax(0,1fr))}} .ox-versus[data-look="stack"] .ox-vs{justify-content:flex-start} .ox-versus[data-look="stack"] .ox-vs-l{margin-block-start:auto;gap:8px} .ox-versus[data-look="stack"] .ox-vs-l li{align-items:center;padding:13px 16px;border:0;border-radius:12px} .ox-versus[data-look="stack"] .ox-vs[data-tone="no"] .ox-vs-l li{background:rgba(var(--i-rgb),0.06);border:1px solid rgba(var(--i-rgb),0.1)} .ox-versus[data-look="stack"] .ox-vs[data-tone="no"] .ox-vs-l li:nth-child(2n){background:rgba(var(--i-rgb),0.09)} .ox-versus[data-look="stack"] .ox-vs[data-tone="yes"] .ox-vs-l li{background:rgba(221,110,62,0.16);border:1px solid rgba(221,110,62,0.45)} .ox-versus[data-look="stack"] .ox-vs-h{margin-block-end:var(--s4)} .ox-vs-ghosts{display:none} @media (min-width:861px){ .ox-versus[data-look="stack"] .ox-vs-ghosts{display:grid;gap:8px;margin-block-start:auto} .ox-versus[data-look="stack"] .ox-vs-ghosts + .ox-vs-l{margin-block-start:calc(8px - var(--s4))} } .ox-vs-ghost{display:flex;align-items:center;padding:13px 16px;border:1px dashed rgba(var(--w-rgb),0.16);border-radius:12px} .ox-vs-ghost i{display:block;inline-size:28px;block-size:28px;border-radius:50%;border:1.5px dashed rgba(var(--w-rgb),0.2)} .ox-trk{position:relative;overflow:hidden;padding:clamp(26px,3vw,48px) clamp(20px,2.8vw,44px);border-radius:var(--r2);background:radial-gradient(110% 120% at 85% 10%,#191C26 0%,#12141C 70%);color:rgba(255,255,255,0.96);box-shadow:0 2px 6px rgba(var(--i-rgb),0.22),0 30px 60px -30px rgba(var(--i-rgb),0.5)} .ox-trk-l{--node:52px;position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);margin:0;padding:0;list-style:none} .ox-trk-s:not([data-last])::before{content:"";position:absolute;inset-inline-start:calc(var(--node) / 2 - 1px);inset-block-start:calc(var(--node) / 2);block-size:calc(100% + var(--s5));inline-size:2px;background:linear-gradient(180deg,rgba(var(--w-rgb),0.24),rgba(221,110,62,0.7))} .ox-trk-s{position:relative;display:grid;grid-template-columns:var(--node) minmax(0,1fr);column-gap:var(--s4);row-gap:6px;align-items:start;align-content:start} .ox-trk-node{grid-row:1 / span 3;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--node);block-size:var(--node);border-radius:50%;border:1.5px solid rgba(var(--w-rgb),0.32);background:#12141C;color:rgba(var(--w-rgb),0.96)} .ox-trk-node svg{width:22px;height:22px} .ox-trk-s[data-last] .ox-trk-node{border-color:#DD6E3E;background:#DD6E3E;color:#0B0B0C;box-shadow:0 0 0 8px rgba(221,110,62,0.16),0 0 36px rgba(221,110,62,0.55)} .ox-trk-n{font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:600;letter-spacing:0.12em;color:rgba(var(--w-rgb),0.84)} .ox-trk-s h3{margin:0;font-size:var(--t5);font-weight:600;letter-spacing:-0.02em;line-height:1.25;color:rgba(255,255,255,0.96);text-wrap:pretty} .ox-trk-s p{margin:0;font-size:var(--t3);line-height:1.55;color:rgba(var(--w-rgb),0.92)} .ox-trk-s[data-last] h3{color:#F5CDB6} @media (min-width:1001px){ .ox-trk-l[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))} .ox-trk-l[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))} .ox-trk-l[data-n="5"]{grid-template-columns:repeat(5,minmax(0,1fr))} .ox-trk-l[data-n="3"],.ox-trk-l[data-n="4"],.ox-trk-l[data-n="5"]{--tg:clamp(20px,2.4vw,40px);column-gap:var(--tg)} .ox-trk-l:is([data-n="3"],[data-n="4"],[data-n="5"]) .ox-trk-s::before{content:none} .ox-trk-l:is([data-n="3"],[data-n="4"],[data-n="5"])::before{content:"";position:absolute;inset-inline:calc(var(--node) / 2) calc((100% - (var(--n) - 1) * var(--tg)) / var(--n) - var(--node) / 2);inset-block:calc(var(--node) / 2 - 1px) auto;inline-size:auto;block-size:2px;background:linear-gradient(90deg,rgba(var(--w-rgb),0.22),rgba(221,110,62,0.8))} .ox-trk-l:is([data-n="3"],[data-n="4"],[data-n="5"]) .ox-trk-s{grid-template-columns:minmax(0,1fr);row-gap:10px} .ox-trk-l:is([data-n="3"],[data-n="4"],[data-n="5"]) .ox-trk-node{grid-row:auto;margin-block-end:var(--s3)} } .ox-cards[data-v="u"] .ox-card{gap:var(--s3);padding:20px 22px 24px} .ox-url{margin:var(--s2) 0 var(--s1);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#191C26 0%,#12141C 100%);box-shadow:0 1px 2px rgba(var(--i-rgb),0.2),0 18px 36px -22px rgba(var(--i-rgb),0.55)} .ox-url-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-block-end:1px solid rgba(var(--w-rgb),0.1)} .ox-url-bar > i{flex:0 0 auto;inline-size:8px;block-size:8px;border-radius:50%;background:rgba(var(--w-rgb),0.22)} .ox-url-bar > i:first-child{background:#DD6E3E} .ox-url-host{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-inline-size:0;margin-inline-start:8px;padding:5px 10px;border-radius:999px;background:rgba(var(--w-rgb),0.08);color:rgba(var(--w-rgb),0.84)} .ox-url-host svg{flex:0 0 auto;inline-size:12px;block-size:12px} .ox-url-host b{display:block;inline-size:46%;block-size:6px;border-radius:3px;background:rgba(var(--w-rgb),0.22)} .ox-url-l{display:grid;gap:0;margin:0;padding:6px 0;list-style:none} .ox-url-r{display:flex;align-items:flex-start;gap:12px;padding:12px 14px} .ox-url-r + .ox-url-r{border-block-start:1px dashed rgba(var(--w-rgb),0.14)} .ox-url-ic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;margin-block-start:1px;border-radius:50%} .ox-url-ic svg{inline-size:14px;block-size:14px} .ox-url-r[data-tone="keep"] .ox-url-ic{background:#DD6E3E;color:#0B0B0C} .ox-url-r[data-tone="drop"] .ox-url-ic{border:1.5px solid rgba(var(--w-rgb),0.36);color:rgba(var(--w-rgb),0.86)} .ox-url-r[data-tone="edit"] .ox-url-ic{background:rgba(var(--w-rgb),0.14);color:rgba(255,255,255,0.96)} .ox-url-t{display:grid;gap:4px;min-inline-size:0} .ox-url-sr{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} .ox-url-p{font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t2);font-weight:500;line-height:1.5;letter-spacing:-0.01em;color:rgba(255,255,255,0.96);overflow-wrap:anywhere;word-break:break-word} .ox-url-p mark{padding:1px 3px;border-radius:4px;background:rgba(221,110,62,0.28);color:#F5CDB6} .ox-url-r[data-tone="drop"] .ox-url-p{color:rgba(var(--w-rgb),0.8);text-decoration:line-through;text-decoration-color:rgba(var(--w-rgb),0.42);text-decoration-thickness:1.5px} .ox-url-r[data-tone="drop"] .ox-url-p mark{background:rgba(var(--w-rgb),0.12);color:rgba(var(--w-rgb),0.94)} .ox-url-n{font-size:var(--t2);line-height:1.45;color:rgba(var(--w-rgb),0.88)} @media (max-width:660px){.ox-url-p,.ox-url-n{font-size:var(--t1)}} @media (min-width:661px){ .ox-cards[data-v="u"]{grid-auto-rows:auto} .ox-cards[data-v="u"] .ox-card{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:var(--s3);align-content:start} } .ox-serp{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);align-items:center} .ox-serp-page{position:relative;display:grid;gap:14px;padding:clamp(18px,2vw,28px);border-radius:var(--r2);background:var(--paper);border:1px solid var(--edge);box-shadow:var(--sh1),0 30px 60px -36px rgba(var(--i-rgb),0.35)} .ox-serp-q{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;border:1px solid rgba(var(--i-rgb),0.16);box-shadow:0 1px 6px rgba(var(--i-rgb),0.08);color:rgba(var(--i-rgb),0.82)} .ox-serp-q svg{flex:0 0 auto;inline-size:16px;block-size:16px} .ox-serp-qt{font-size:var(--t3);color:var(--ink)} .ox-serp-z{position:relative;display:grid;gap:12px;padding:14px 16px 14px 18px;border-radius:12px;border:1px dashed rgba(var(--i-rgb),0.16)} .ox-serp-z[data-z="pack"]{grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:14px;border:1.5px solid #DD6E3E;border-style:solid;background:rgba(221,110,62,0.05);box-shadow:0 0 0 6px rgba(221,110,62,0.08)} .ox-serp-badge{position:absolute;inset-block-start:-11px;inset-inline-start:-11px;display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700;line-height:1} .ox-serp-z[data-z="pack"] .ox-serp-badge{background:#DD6E3E;color:#0B0B0C} .ox-serp-res{display:grid;gap:6px} .ox-serp-row{display:flex;align-items:center;gap:8px} .ox-serp-tag{display:block;inline-size:44px;block-size:12px;border-radius:4px;border:1.5px solid rgba(var(--i-rgb),0.4)} .ox-serp-bar{display:block;inline-size:var(--w);block-size:7px;border-radius:4px;background:rgba(var(--i-rgb),0.12)} .ox-serp-row .ox-serp-bar{flex:0 0 auto} .ox-serp-bar[data-t="link"]{block-size:9px;background:rgba(var(--i-rgb),0.34)} .ox-serp-bar[data-t="hue"]{block-size:9px;background:#DD6E3E} .ox-serp-map{position:relative;min-block-size:128px;border-radius:10px;overflow:hidden;background:linear-gradient(0deg,transparent 46%,rgba(255,255,255,0.95) 46%,rgba(255,255,255,0.95) 54%,transparent 54%),linear-gradient(90deg,transparent 30%,rgba(255,255,255,0.95) 30%,rgba(255,255,255,0.95) 37%,transparent 37%),linear-gradient(90deg,transparent 70%,rgba(255,255,255,0.9) 70%,rgba(255,255,255,0.9) 75%,transparent 75%),rgba(var(--i-rgb),0.07)} .ox-serp-pin{position:absolute;inline-size:22px;block-size:28px;color:rgba(var(--i-rgb),0.55);filter:drop-shadow(0 2px 2px rgba(var(--i-rgb),0.25))} .ox-serp-pin[data-k="0"]{inset-block-start:22%;inset-inline-start:44%;color:#DD6E3E;inline-size:28px;block-size:35px} .ox-serp-pin[data-k="1"]{inset-block-start:52%;inset-inline-start:16%} .ox-serp-pin[data-k="2"]{inset-block-start:44%;inset-inline-start:76%} .ox-serp-list{display:grid;gap:10px;align-content:center} .ox-serp-biz{display:grid;gap:5px;padding:8px 10px;border-radius:9px} .ox-serp-biz[data-k="0"]{background:rgba(221,110,62,0.1)} .ox-serp-stars{display:flex;gap:3px} .ox-serp-stars i{display:block;inline-size:9px;block-size:9px;background:#DD6E3E;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)} .ox-serp-l{display:grid;gap:0;margin:0;padding:0;list-style:none} .ox-serp-n{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--s3);row-gap:6px;padding:var(--s4) 0;border-block-start:1px solid var(--edge)} .ox-serp-n:last-child{border-block-end:1px solid var(--edge)} .ox-serp-num{grid-row:1 / span 2;display:inline-flex;align-items:center;justify-content:center;inline-size:34px;block-size:34px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t2);font-weight:700} .ox-serp-n[data-z="pack"] .ox-serp-num{background:#DD6E3E;color:#0B0B0C;box-shadow:0 0 0 6px rgba(221,110,62,0.16)} .ox-serp-n h3{margin:0;font-size:var(--t5);font-weight:600;letter-spacing:-0.02em;line-height:1.25;color:var(--ink)} .ox-serp-n p{margin:0;font-size:var(--t3);line-height:1.6;color:var(--body)} @media (min-width:1001px){.ox-serp{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}} @media (max-width:520px){.ox-serp-z[data-z="pack"]{grid-template-columns:minmax(0,1fr)}.ox-serp-map{min-block-size:110px}} .ox-reach{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);align-items:center} .ox-reach-map{justify-content:center} .ox-reach-map .ox-towns-dial{inline-size:min(100%,420px)} .ox-reach-l{display:grid;align-content:center;gap:0;margin:0;padding:0;list-style:none;border-block-start:1px solid var(--edge)} .ox-reach-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:var(--s3);row-gap:14px;padding:clamp(20px,2vw,28px) 0;border-block-end:1px solid var(--edge)} .ox-reach-n{display:inline-flex;align-items:center;justify-content:center;inline-size:34px;block-size:34px;border-radius:50%;background:#DD6E3E;color:#0B0B0C;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700} .ox-reach-t{font-size:var(--t5);font-weight:600;letter-spacing:-0.02em;color:var(--ink)} .ox-reach-m{font-size:var(--t2);color:var(--body);white-space:nowrap} .ox-reach-m b{margin-inline-end:4px;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:clamp(26px,2.4vw,34px);font-weight:700;letter-spacing:-0.03em;line-height:1;color:var(--ink)} .ox-reach-bar{grid-column:1 / -1;position:relative;display:block;block-size:8px;border-radius:4px;background:rgba(var(--i-rgb),0.08);overflow:hidden} .ox-reach-bar i{position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(var(--d) * 100%);border-radius:4px;background:linear-gradient(90deg,rgba(221,110,62,0.45),#DD6E3E)} @media (min-width:1001px){.ox-reach{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}} .ox-gbp{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);align-items:center} .ox-gbp-card{position:relative;display:grid;gap:0;border-radius:var(--r2);border:1px solid var(--edge);background:var(--paper);box-shadow:var(--sh1),0 30px 60px -36px rgba(var(--i-rgb),0.35)} .ox-gbp-body{--gp:clamp(18px,2vw,26px);display:grid;gap:16px;padding:18px var(--gp) clamp(20px,2vw,26px)} .ox-gbp-z{position:relative;display:grid;gap:8px;min-block-size:26px;align-content:center} .ox-gbp-badge{position:absolute;z-index:1;inset-block-start:calc(50% - 12px);inset-inline-start:calc(-1 * var(--gp) - 12px);display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700;line-height:1;box-shadow:0 0 0 3px var(--paper)} .ox-gbp-z[data-part="photos"] .ox-gbp-badge{inset-block-start:12px;inset-inline-start:12px} .ox-gbp-pair .ox-gbp-z[data-part="posts"] .ox-gbp-badge{inset-block-start:-12px;inset-inline-start:-12px} .ox-gbp-photos{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4px;block-size:clamp(96px,9vw,128px)} .ox-gbp-photos i{display:block;background:rgba(221,110,62,0.16)} .ox-gbp-photos i:first-child{border-start-start-radius:var(--r2);background:linear-gradient(160deg,rgba(221,110,62,0.34),rgba(221,110,62,0.12))} .ox-gbp-photos i:last-child{border-start-end-radius:var(--r2);background:rgba(var(--i-rgb),0.08)} .ox-gbp-name .ox-serp-bar{block-size:13px} .ox-gbp-row{display:flex;align-items:center;gap:10px} .ox-gbp-row .ox-serp-bar{flex:0 0 auto} .ox-gbp-reply{display:grid;gap:6px;margin-inline-start:14px;padding:10px 12px;border-radius:9px;border-inline-start:3px solid #DD6E3E;background:rgba(221,110,62,0.07)} .ox-gbp-open{flex:0 0 auto;display:block;inline-size:10px;block-size:10px;border-radius:50%;background:#2f9e5b} .ox-gbp-acts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:4px 0;border-block:1px solid var(--edge)} .ox-gbp-acts i{justify-self:center;display:block;inline-size:34px;block-size:34px;margin:8px 0;border-radius:50%;border:1.5px solid rgba(221,110,62,0.5)} .ox-gbp-acts i[data-k="0"]{background:#DD6E3E;border-color:#DD6E3E} .ox-gbp-chips{display:flex;flex-wrap:wrap;gap:8px} .ox-gbp-chips i{display:block;inline-size:calc(var(--w) * 2.4);max-inline-size:44%;block-size:24px;border-radius:999px;border:1px solid rgba(var(--i-rgb),0.2)} .ox-gbp-attrs{display:flex;gap:10px} .ox-gbp-attrs i{display:block;inline-size:30px;block-size:30px;border-radius:9px;background:rgba(var(--i-rgb),0.07)} .ox-gbp-lines{display:grid;gap:6px} .ox-gbp-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px} .ox-gbp-area{position:relative;display:block;block-size:86px;border-radius:10px;overflow:hidden;background:linear-gradient(90deg,transparent 46%,rgba(255,255,255,0.95) 46%,rgba(255,255,255,0.95) 52%,transparent 52%),rgba(var(--i-rgb),0.07)} .ox-gbp-area i{position:absolute;inset:16% 22%;border-radius:50%;border:1.5px dashed #DD6E3E;background:rgba(221,110,62,0.14)} .ox-gbp-post{display:grid;gap:6px;padding:8px;border-radius:10px;border:1px solid var(--edge)} .ox-gbp-post > i:first-child{display:block;block-size:40px;border-radius:6px;background:rgba(221,110,62,0.2)} .ox-gbp-l{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:none} .ox-gbp-i{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--s3);padding:12px 0;border-block-start:1px solid var(--edge)} .ox-gbp-i:last-child{border-block-end:1px solid var(--edge)} .ox-gbp-num{display:inline-flex;align-items:center;justify-content:center;inline-size:30px;block-size:30px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700} .ox-gbp-t{font-size:var(--t3);line-height:1.5;color:var(--ink)} @media (min-width:1001px){.ox-gbp{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}} .ox-rpt{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);align-items:center} .ox-rpt-doc{display:grid;gap:18px;padding:clamp(18px,2vw,26px);border-radius:var(--r2);border:1px solid var(--edge);background:var(--paper);box-shadow:var(--sh1),0 30px 60px -36px rgba(var(--i-rgb),0.35)} .ox-rpt-top{display:flex;align-items:center;gap:12px;padding-block-end:14px;border-block-end:1px solid var(--edge)} .ox-rpt-logo{flex:0 0 auto;display:block;inline-size:28px;block-size:28px;border-radius:8px;background:#DD6E3E} .ox-rpt-title{flex:1 1 auto;display:grid;gap:6px} .ox-rpt-wk{flex:0 0 auto;display:block;inline-size:58px;block-size:24px;border-radius:999px;border:1.5px solid rgba(221,110,62,0.55);background:rgba(221,110,62,0.08)} .ox-rpt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .ox-rpt-tile{position:relative;display:grid;align-content:center;min-block-size:96px;padding:14px 16px;border-radius:12px;border:1px solid var(--edge);background:rgba(var(--i-rgb),0.015)} .ox-rpt-badge{position:absolute;z-index:1;inset-block-start:-11px;inset-inline-start:-11px;display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700;line-height:1;box-shadow:0 0 0 3px var(--paper)} .ox-rpt-rows{display:grid;gap:9px} .ox-rpt-row{display:flex;align-items:center;gap:9px} .ox-rpt-row .ox-serp-bar{flex:0 1 auto} .ox-rpt-dot{flex:0 0 auto;display:block;inline-size:12px;block-size:12px;border-radius:50%;background:#DD6E3E} .ox-rpt-dot[data-c="mail"]{opacity:0.62} .ox-rpt-dot[data-c="call"]{opacity:0.36} .ox-rpt-say{display:grid;gap:8px} .ox-rpt-q{display:grid;gap:5px;padding:8px 10px;border-radius:10px} .ox-rpt-q[data-s="them"]{justify-self:start;inline-size:86%;border-end-start-radius:3px;background:rgba(var(--i-rgb),0.06)} .ox-rpt-q[data-s="us"]{justify-self:end;inline-size:66%;border-end-end-radius:3px;background:rgba(221,110,62,0.12)} .ox-rpt-day{flex:0 0 auto;display:block;inline-size:20px;block-size:20px;border-radius:5px;border:1.5px solid rgba(221,110,62,0.6);border-block-start-width:5px} .ox-rpt-face{flex:0 0 auto;display:block;inline-size:18px;block-size:18px;margin-inline-start:auto;border-radius:50%;background:rgba(var(--i-rgb),0.14)} .ox-rpt-ab{display:flex;align-items:flex-end;gap:16px;block-size:76px;padding-inline:10%} .ox-rpt-col{flex:1 1 0;display:flex;align-items:flex-end;block-size:100%;border-block-end:1.5px solid var(--edge)} .ox-rpt-col i{display:block;inline-size:100%;block-size:var(--h);border-radius:6px 6px 2px 2px;background:rgba(var(--i-rgb),0.14)} .ox-rpt-col[data-win] i{background:#DD6E3E} .ox-rpt-clock{position:relative;flex:0 0 auto;display:block;inline-size:18px;block-size:18px;border-radius:50%;border:1.5px solid rgba(var(--i-rgb),0.42)} .ox-rpt-clock::after{content:'';position:absolute;inset-block-start:3px;inset-inline-start:7px;inline-size:1.5px;block-size:6px;background:rgba(var(--i-rgb),0.55);transform-origin:50% 100%;transform:rotate(-40deg)} .ox-rpt-box{position:relative;flex:0 0 auto;display:block;inline-size:16px;block-size:16px;border-radius:4px;border:1.5px solid rgba(var(--i-rgb),0.34)} .ox-rpt-box[data-done]{border-color:#DD6E3E;background:#DD6E3E} .ox-rpt-box[data-done]::after{content:'';position:absolute;inset-block-start:2px;inset-inline-start:4.5px;inline-size:4px;block-size:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)} .ox-rpt-l{display:grid;gap:0;margin:0;padding:0;list-style:none} .ox-rpt-i{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--s3);padding:14px 0;border-block-start:1px solid var(--edge)} .ox-rpt-i:last-child{border-block-end:1px solid var(--edge)} .ox-rpt-num{display:inline-flex;align-items:center;justify-content:center;inline-size:30px;block-size:30px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700} .ox-rpt-t{font-size:var(--t3);line-height:1.5;color:var(--ink)} @media (min-width:1001px){.ox-rpt{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}} @media (max-width:520px){.ox-rpt-grid{gap:12px}.ox-rpt-tile{min-block-size:84px;padding:12px}.ox-rpt-ab{padding-inline:4%}} .ox-site{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);align-items:center} .ox-site-win{display:grid;border-radius:var(--r2);border:1px solid var(--edge);background:var(--paper);box-shadow:var(--sh1),0 30px 60px -36px rgba(var(--i-rgb),0.35);overflow:visible} .ox-site-top{display:flex;align-items:center;gap:14px;padding:12px 16px;border-block-end:1px solid var(--edge);background:rgba(var(--i-rgb),0.025);border-start-start-radius:var(--r2);border-start-end-radius:var(--r2)} .ox-site-dots{flex:0 0 auto;display:flex;gap:6px} .ox-site-dots i{display:block;inline-size:10px;block-size:10px;border-radius:50%;background:rgba(var(--i-rgb),0.16)} .ox-site-dots i:first-child{background:#DD6E3E} .ox-site-top .ox-site-z{flex:1 1 auto} .ox-site-url{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:var(--paper);border:1px solid var(--edge)} .ox-site-lock{flex:0 0 auto;display:block;inline-size:10px;block-size:11px;border-radius:2px;background:#2f9e5b} .ox-site-body{display:grid;gap:16px;padding:clamp(18px,2vw,26px)} .ox-site-nav{display:flex;align-items:center;gap:12px} .ox-site-logo{flex:0 0 auto;display:block;inline-size:22px;block-size:22px;border-radius:6px;background:#DD6E3E} .ox-site-nav .ox-serp-bar:first-of-type{margin-inline-start:auto} .ox-site-h1{display:grid;gap:8px;padding-block:6px} .ox-site-h1 .ox-serp-bar[data-t="hue"]{block-size:15px} .ox-site-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .ox-site-z{position:relative;display:grid;min-inline-size:0} .ox-site-pair .ox-site-z{align-content:center;min-block-size:96px;padding:14px;border-radius:12px;border:1px solid var(--edge);background:rgba(var(--i-rgb),0.015)} .ox-site-badge{position:absolute;z-index:1;inset-block-start:-11px;inset-inline-start:-11px;display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700;line-height:1;box-shadow:0 0 0 3px var(--paper)} .ox-site-phone{justify-self:center;display:grid;place-items:center;inline-size:56px;block-size:84px;border-radius:12px;border:2px solid rgba(var(--i-rgb),0.3);color:#DD6E3E} .ox-site-phone svg{inline-size:40px;block-size:auto} .ox-site-chart{display:flex;align-items:flex-end;gap:7px;block-size:70px;padding-inline:6px;border-block-end:1.5px solid var(--edge)} .ox-site-chart i{flex:1 1 0;display:block;block-size:var(--h);border-radius:4px 4px 1px 1px;background:rgba(221,110,62,0.3)} .ox-site-chart i:last-child{background:#DD6E3E} .ox-site-tree{display:grid;justify-items:center;gap:14px} .ox-site-root{position:relative;display:block;inline-size:46%;block-size:16px;border-radius:5px;background:#DD6E3E} .ox-site-root::after{content:'';position:absolute;inset-block-start:100%;inset-inline-start:50%;inline-size:1.5px;block-size:7px;background:rgba(var(--i-rgb),0.3)} .ox-site-kids{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;inline-size:100%;padding-block-start:7px;border-block-start:1.5px solid rgba(var(--i-rgb),0.3)} .ox-site-kids i{display:block;block-size:14px;border-radius:4px;background:rgba(var(--i-rgb),0.12)} .ox-site-redir{display:flex;align-items:center;gap:8px} .ox-site-old,.ox-site-new{flex:1 1 0;display:block;block-size:44px;border-radius:8px} .ox-site-old{border:1.5px dashed rgba(var(--i-rgb),0.3);background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(var(--i-rgb),0.05) 6px 12px)} .ox-site-new{border:1.5px solid #DD6E3E;background:rgba(221,110,62,0.08)} .ox-site-arrow{position:relative;flex:0 0 auto;display:block;inline-size:22px;block-size:2px;background:#DD6E3E} .ox-site-arrow::after{content:'';position:absolute;inset-block-start:-4px;inset-inline-end:-1px;inline-size:8px;block-size:8px;border:solid #DD6E3E;border-width:2px 2px 0 0;transform:rotate(45deg)} .ox-site-l{display:grid;gap:0;margin:0;padding:0;list-style:none} .ox-site-i{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:var(--s3);padding:16px 0;border-block-start:1px solid var(--edge)} .ox-site-i:last-child{border-block-end:1px solid var(--edge)} .ox-site-num{display:inline-flex;align-items:center;justify-content:center;inline-size:30px;block-size:30px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700} .ox-site-txt{min-inline-size:0} .ox-site-h{margin:3px 0 0;font-size:var(--t4);font-weight:600;letter-spacing:-0.015em;line-height:1.25;color:var(--ink)} .ox-site-p{margin:6px 0 0;font-size:var(--t2);line-height:1.55;color:var(--body)} @media (min-width:1001px){.ox-site{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}} .ox-ad{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);align-items:center} .ox-ad-stage{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:26px;align-items:end} .ox-ad-post{display:grid;gap:12px;padding:16px 0 12px;border-radius:var(--r2);border:1px solid var(--edge);background:var(--paper);box-shadow:var(--sh1),0 30px 60px -36px rgba(var(--i-rgb),0.35)} .ox-ad-z{position:relative;display:grid;min-inline-size:0} .ox-ad-post>.ox-ad-z{padding-inline:16px} .ox-ad-post>.ox-ad-z[data-part="creative"]{padding-inline:0} .ox-ad-post>.ox-ad-z[data-part="creative"] .ox-ad-badge{inset-inline-start:5px} .ox-ad-badge{position:absolute;z-index:2;inset-block-start:-11px;inset-inline-start:-11px;display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700;line-height:1;box-shadow:0 0 0 3px var(--paper)} .ox-ad-from{display:flex;align-items:center;gap:10px} .ox-ad-logo{flex:0 0 auto;display:block;inline-size:34px;block-size:34px;border-radius:8px;background:linear-gradient(135deg,#DD6E3E,#9E3B22)} .ox-ad-who{flex:1 1 auto;display:grid;gap:6px} .ox-ad-dots{flex:0 0 auto;display:block;inline-size:18px;block-size:4px;background:radial-gradient(circle,rgba(var(--i-rgb),0.4) 1.6px,transparent 2px) 0 0/6px 4px repeat-x} .ox-ad-intro{display:grid;gap:7px} .ox-ad-line{display:flex;align-items:center;gap:8px} .ox-ad-line .ox-serp-bar{flex:0 0 auto} .ox-ad-more{flex:0 0 auto;display:block;inline-size:42px;block-size:9px;border-radius:4px;background:rgba(221,110,62,0.5)} .ox-ad-img{position:relative;display:block;aspect-ratio:1.91/1;overflow:hidden;border-block:1px solid var(--edge);background:linear-gradient(135deg,rgba(221,110,62,0.18),rgba(var(--i-rgb),0.05) 62%),var(--paper)} .ox-ad-orb{position:absolute;inset-block-start:16%;inset-inline-start:9%;display:block;inline-size:20%;aspect-ratio:1;border-radius:50%;background:#DD6E3E} .ox-ad-chart{position:absolute;inset-inline-end:9%;inset-block-end:0;display:flex;align-items:flex-end;gap:6px;inline-size:46%;block-size:70%} .ox-ad-chart i{flex:1 1 0;display:block;block-size:var(--h);border-radius:4px 4px 0 0;background:rgba(var(--i-rgb),0.16)} .ox-ad-chart i:last-child{background:#DD6E3E} .ox-ad-foot{display:flex;align-items:center;gap:12px;padding-inline:16px} .ox-ad-foot .ox-ad-z[data-part="headline"]{flex:1 1 auto} .ox-ad-foot .ox-ad-z[data-part="button"]{flex:0 0 auto} .ox-ad-head{display:grid;gap:6px} .ox-ad-btn{display:grid;place-items:center;inline-size:84px;block-size:30px;border-radius:999px;border:1.5px solid #DD6E3E} .ox-ad-btn i{display:block;inline-size:46%;block-size:7px;border-radius:4px;background:rgba(221,110,62,0.7)} .ox-ad-react{display:flex;align-items:center;gap:8px;margin-inline:16px;padding-block-start:10px;border-block-start:1px solid var(--edge)} .ox-ad-react .ox-serp-bar{flex:0 0 auto} .ox-ad-likes{flex:0 0 auto;display:flex} .ox-ad-likes i{display:block;inline-size:14px;block-size:14px;margin-inline-start:-4px;border-radius:50%;border:2px solid var(--paper);background:rgba(var(--i-rgb),0.22)} .ox-ad-likes i:first-child{margin-inline-start:0;background:#DD6E3E} .ox-ad-gap{flex:1 1 auto;display:block} .ox-ad-stage>.ox-ad-z[data-part="form"]{align-self:end;margin-block-end:-18px} .ox-ad-foot .ox-ad-z[data-part="button"]::after{content:'';position:absolute;inset-block-start:50%;inset-inline-start:100%;inline-size:44px;border-block-start:2px dashed rgba(221,110,62,0.65)} .ox-ad-form{display:grid;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--edge);background:var(--paper);box-shadow:0 24px 48px -20px rgba(var(--i-rgb),0.42),var(--sh1)} .ox-ad-ftop{display:flex;align-items:center;gap:10px;padding-block-end:10px;border-block-end:1px solid var(--edge)} .ox-ad-ftop .ox-ad-logo{inline-size:22px;block-size:22px;border-radius:6px} .ox-ad-ftop .ox-serp-bar{flex:0 0 auto} .ox-ad-field{display:grid;gap:6px} .ox-ad-input{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid var(--edge);background:rgba(var(--i-rgb),0.02)} .ox-ad-input .ox-serp-bar{flex:0 0 auto} .ox-ad-tick{position:relative;flex:0 0 auto;display:block;inline-size:15px;block-size:15px;margin-inline-start:auto;border-radius:50%;background:#2f9e5b} .ox-ad-tick::after{content:'';position:absolute;inset-block-start:3px;inset-inline-start:5px;inline-size:3px;block-size:6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)} .ox-ad-send{display:grid;place-items:center;block-size:32px;border-radius:999px;background:#DD6E3E} .ox-ad-send i{display:block;inline-size:34%;block-size:7px;border-radius:4px;background:rgba(255,255,255,0.85)} .ox-ad-l{display:grid;gap:0;margin:0;padding:0;list-style:none} .ox-ad-i{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:var(--s3);padding:16px 0;border-block-start:1px solid var(--edge)} .ox-ad-i:last-child{border-block-end:1px solid var(--edge)} .ox-ad-num{display:inline-flex;align-items:center;justify-content:center;inline-size:30px;block-size:30px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700} .ox-ad-txt{min-inline-size:0} .ox-ad-h{margin:3px 0 0;font-size:var(--t4);font-weight:600;letter-spacing:-0.015em;line-height:1.25;color:var(--ink)} .ox-ad-p{margin:6px 0 0;font-size:var(--t2);line-height:1.55;color:var(--body)} @media (min-width:1001px){.ox-ad{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}} @media (max-width:620px){.ox-ad-stage{grid-template-columns:minmax(0,1fr);gap:28px}.ox-ad-stage>.ox-ad-z[data-part="form"]{justify-self:end;inline-size:82%;margin-block-end:0}.ox-ad-foot .ox-ad-z[data-part="button"]::after{display:none}.ox-ad-stage>.ox-ad-z[data-part="form"]::before{content:'';position:absolute;inset-block-start:-28px;inset-inline-start:50%;block-size:28px;border-inline-start:2px dashed rgba(221,110,62,0.65)}} .ox-fun{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);align-items:center} .ox-fun-art{display:grid;gap:8px;padding:clamp(18px,2vw,26px);border-radius:var(--r2);border:1px solid var(--edge);background:var(--paper);box-shadow:var(--sh1),0 30px 60px -36px rgba(var(--i-rgb),0.35)} .ox-fun-row{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;column-gap:14px} .ox-fun-badge{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700;line-height:1} .ox-fun-band{justify-self:center;display:grid;place-items:center;inline-size:var(--bw);min-block-size:60px;padding:10px 13%;background:rgba(221,110,62,calc(0.07 + var(--k) * 0.2))} .ox-fun-band[data-last]{padding-inline:7%;background:#DD6E3E} .ox-fun-folk{display:flex;flex-wrap:nowrap;justify-content:center;gap:clamp(2px,0.6vw,8px);inline-size:100%} .ox-fun-folk i{position:relative;display:block;flex:0 1 14px;min-inline-size:5px;aspect-ratio:14/18} .ox-fun-folk i::before{content:'';position:absolute;inset-block-start:0;inset-inline-start:25%;inline-size:50%;aspect-ratio:1;border-radius:50%;background:rgba(var(--i-rgb),0.4)} .ox-fun-folk i::after{content:'';position:absolute;inset-block-end:0;inset-inline-start:0;inline-size:100%;block-size:48%;border-radius:999px 999px 2px 2px;background:rgba(var(--i-rgb),0.4)} .ox-fun-band[data-last] .ox-fun-folk i::before,.ox-fun-band[data-last] .ox-fun-folk i::after{background:#fff} .ox-fun-l{display:grid;gap:0;margin:0;padding:0;list-style:none} .ox-fun-i{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:var(--s3);padding:16px 0;border-block-start:1px solid var(--edge)} .ox-fun-i:last-child{border-block-end:1px solid var(--edge)} .ox-fun-num{display:inline-flex;align-items:center;justify-content:center;inline-size:30px;block-size:30px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700} .ox-fun-txt{min-inline-size:0} .ox-fun-h{margin:3px 0 0;font-size:var(--t4);font-weight:600;letter-spacing:-0.015em;line-height:1.25;color:var(--ink)} .ox-fun-p{margin:6px 0 0;font-size:var(--t2);line-height:1.55;color:var(--body)} @media (min-width:1001px){.ox-fun{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}} @media (max-width:520px){.ox-fun-band{min-block-size:48px;padding-inline:14%}.ox-fun-band[data-last]{padding-inline:7%}} .ox-scope{display:grid;grid-template-columns:0 repeat(var(--n),minmax(0,1fr));column-gap:0;row-gap:0} .ox-scope-head,.ox-scope-rows,.ox-scope-r{grid-column:1 / -1;display:grid;grid-template-columns:subgrid} .ox-scope-head{row-gap:12px;padding-block-end:10px} .ox-scope-corner{grid-row:2} .ox-scope-st{grid-row:2;display:grid;gap:3px;justify-items:center;text-align:center;padding-inline:4px;font-size:var(--t1);font-weight:600;line-height:1.25;color:var(--ink)} .ox-scope-st b{font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700;color:#DD6E3E} .ox-scope-st[data-side="you"]{color:var(--body)} .ox-scope-st[data-side="you"] b{color:var(--body)} .ox-scope-stop{grid-row:1;justify-self:start;translate:-50% 0;display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:var(--t1);font-weight:600;line-height:1.2;white-space:nowrap} .ox-scope-rows{margin:0;padding:0;list-style:none} .ox-scope-r{row-gap:12px;padding-block:20px;border-block-start:1px solid var(--edge)} .ox-scope-r:last-child{border-block-end:1px solid var(--edge)} .ox-scope-txt{grid-column:1 / -1;grid-row:1;min-inline-size:0} .ox-scope-h{margin:0;font-size:var(--t4);font-weight:600;letter-spacing:-0.015em;line-height:1.25;color:var(--ink)} .ox-scope-p{margin:6px 0 0;font-size:var(--t2);line-height:1.55;color:var(--body)} .ox-scope-track,.ox-scope-cut,.ox-scope-bar,.ox-scope-maybe{grid-row:2} .ox-scope-track{grid-column:2 / -1;align-self:center;block-size:18px;border-radius:999px;background-color:rgba(var(--i-rgb),0.045);background-image:repeating-linear-gradient(90deg,transparent 0 calc(100% / var(--n) - 1px),rgba(var(--i-rgb),0.12) calc(100% / var(--n) - 1px) calc(100% / var(--n)))} .ox-scope-cut{align-self:stretch;justify-self:start;inline-size:0;margin-block:-6px;border-inline-start:2px dashed rgba(var(--i-rgb),0.38)} .ox-scope-head .ox-scope-cut{grid-row:1 / -1;margin-block:12px -10px} .ox-scope-stop{position:relative;z-index:1;box-shadow:0 0 0 4px var(--band,var(--paper))} .ox-scope-bar{position:relative;align-self:center;block-size:18px;margin-inline:6px;border-radius:999px;background:linear-gradient(90deg,#DD6E3E 0%,#DD6E3E 42%,#f2a581 50%,#DD6E3E 58%,#DD6E3E 100%);background-size:260% 100%;background-position:100% 0;box-shadow:0 6px 16px -8px rgba(221,110,62,0.7)} .ox-scope-maybe{align-self:center;block-size:18px;margin-inline:2px 6px;border-radius:999px;border:2px dashed rgba(221,110,62,0.7);background:rgba(221,110,62,0.07)} @media (min-width:861px){ .ox-scope{grid-template-columns:minmax(0,2.4fr) repeat(var(--n),minmax(0,1fr))} .ox-scope-txt{grid-column:1;padding-inline-end:var(--s4)} .ox-scope-track,.ox-scope-cut,.ox-scope-bar,.ox-scope-maybe{grid-row:1} .ox-scope-r{row-gap:0} .ox-scope-r .ox-scope-cut{margin-block:-20px} } .ox-towns:has(.ox-card:nth-child(1):hover) .ox-towns-pin[data-i="1"] .ox-towns-halo{opacity:0.5;transform:scale(1.55)} .ox-towns:has(.ox-card:nth-child(1):hover) .ox-towns-pin[data-i="1"] .ox-towns-dot{fill:#FFFFFF;stroke:#DD6E3E} .ox-towns:has(.ox-card:nth-child(1):hover) .ox-towns-spoke[data-i="1"]{stroke:rgba(255,186,150,0.95);stroke-dasharray:none;stroke-width:1.6} .ox-towns:has(.ox-card:nth-child(2):hover) .ox-towns-pin[data-i="2"] .ox-towns-halo{opacity:0.5;transform:scale(1.55)} .ox-towns:has(.ox-card:nth-child(2):hover) .ox-towns-pin[data-i="2"] .ox-towns-dot{fill:#FFFFFF;stroke:#DD6E3E} .ox-towns:has(.ox-card:nth-child(2):hover) .ox-towns-spoke[data-i="2"]{stroke:rgba(255,186,150,0.95);stroke-dasharray:none;stroke-width:1.6} .ox-towns:has(.ox-card:nth-child(3):hover) .ox-towns-pin[data-i="3"] .ox-towns-halo{opacity:0.5;transform:scale(1.55)} .ox-towns:has(.ox-card:nth-child(3):hover) .ox-towns-pin[data-i="3"] .ox-towns-dot{fill:#FFFFFF;stroke:#DD6E3E} .ox-towns:has(.ox-card:nth-child(3):hover) .ox-towns-spoke[data-i="3"]{stroke:rgba(255,186,150,0.95);stroke-dasharray:none;stroke-width:1.6} .ox-towns:has(.ox-card:nth-child(4):hover) .ox-towns-pin[data-i="4"] .ox-towns-halo{opacity:0.5;transform:scale(1.55)} .ox-towns:has(.ox-card:nth-child(4):hover) .ox-towns-pin[data-i="4"] .ox-towns-dot{fill:#FFFFFF;stroke:#DD6E3E} .ox-towns:has(.ox-card:nth-child(4):hover) .ox-towns-spoke[data-i="4"]{stroke:rgba(255,186,150,0.95);stroke-dasharray:none;stroke-width:1.6} .ox-towns:has(.ox-card:nth-child(5):hover) .ox-towns-pin[data-i="5"] .ox-towns-halo{opacity:0.5;transform:scale(1.55)} .ox-towns:has(.ox-card:nth-child(5):hover) .ox-towns-pin[data-i="5"] .ox-towns-dot{fill:#FFFFFF;stroke:#DD6E3E} .ox-towns:has(.ox-card:nth-child(5):hover) .ox-towns-spoke[data-i="5"]{stroke:rgba(255,186,150,0.95);stroke-dasharray:none;stroke-width:1.6} .ox-towns:has(.ox-card:nth-child(6):hover) .ox-towns-pin[data-i="6"] .ox-towns-halo{opacity:0.5;transform:scale(1.55)} .ox-towns:has(.ox-card:nth-child(6):hover) .ox-towns-pin[data-i="6"] .ox-towns-dot{fill:#FFFFFF;stroke:#DD6E3E} .ox-towns:has(.ox-card:nth-child(6):hover) .ox-towns-spoke[data-i="6"]{stroke:rgba(255,186,150,0.95);stroke-dasharray:none;stroke-width:1.6} .ox-towns:has(.ox-card:nth-child(7):hover) .ox-towns-pin[data-i="7"] .ox-towns-halo{opacity:0.5;transform:scale(1.55)} .ox-towns:has(.ox-card:nth-child(7):hover) .ox-towns-pin[data-i="7"] .ox-towns-dot{fill:#FFFFFF;stroke:#DD6E3E} .ox-towns:has(.ox-card:nth-child(7):hover) .ox-towns-spoke[data-i="7"]{stroke:rgba(255,186,150,0.95);stroke-dasharray:none;stroke-width:1.6} .ox-towns:has(.ox-card:nth-child(8):hover) .ox-towns-pin[data-i="8"] .ox-towns-halo{opacity:0.5;transform:scale(1.55)} .ox-towns:has(.ox-card:nth-child(8):hover) .ox-towns-pin[data-i="8"] .ox-towns-dot{fill:#FFFFFF;stroke:#DD6E3E} .ox-towns:has(.ox-card:nth-child(8):hover) .ox-towns-spoke[data-i="8"]{stroke:rgba(255,186,150,0.95);stroke-dasharray:none;stroke-width:1.6} .ox-towns:has(.ox-card:nth-child(9):hover) .ox-towns-pin[data-i="9"] .ox-towns-halo{opacity:0.5;transform:scale(1.55)} .ox-towns:has(.ox-card:nth-child(9):hover) .ox-towns-pin[data-i="9"] .ox-towns-dot{fill:#FFFFFF;stroke:#DD6E3E} .ox-towns:has(.ox-card:nth-child(9):hover) .ox-towns-spoke[data-i="9"]{stroke:rgba(255,186,150,0.95);stroke-dasharray:none;stroke-width:1.6} .ox-cards[data-v="a"]{gap:1px;background:var(--edge);border:1px solid var(--edge);border-radius:var(--r2);overflow:hidden;grid-auto-rows:minmax(212px,auto)} .ox-cards[data-v="a"] .ox-card{border:0;border-radius:0;box-shadow:none;background:var(--paper);padding:var(--s4) var(--s4) var(--s5)} .ox-cards[data-v="a"] .ox-card-head{align-items:flex-start;gap:var(--s4);margin-block-end:var(--s1)} .ox-cards[data-v="a"] .ox-card-ic{order:2;inline-size:40px;block-size:40px;border-radius:var(--r1);border:1px solid var(--edge);background:var(--paper);color:var(--ink)} .ox-cards[data-v="a"] .ox-card-ic svg{width:19px;height:19px} .ox-cards[data-v="a"] .ox-card-n{order:1;font-size:var(--t4);font-weight:600;letter-spacing:0.02em;color:var(--mark)} .ox-cards[data-v="a"] .ox-card h3{font-size:var(--t5)} .ox-cards[data-v="b"]{gap:var(--s3);grid-auto-rows:minmax(172px,auto)} .ox-cards[data-v="b"] .ox-card{ --paper:#191C26; --ink:rgba(255,255,255,0.96); --body:rgba(var(--w-rgb),0.98); --soft:rgba(var(--w-rgb),0.93); --edge:rgba(var(--w-rgb),0.14); --mark:#DD6E3E; --tone-on:rgba(255,255,255,0.96); gap:var(--s3); padding:18px 20px; border-color:rgba(var(--w-rgb),0.10); border-radius:var(--r2); background:#12141C; box-shadow:none; } .ox-cards[data-v="b"] .ox-card-head{align-items:center;gap:var(--s3)} .ox-cards[data-v="b"] .ox-card-ic{inline-size:34px;block-size:34px;border-radius:9px;border-color:rgba(var(--w-rgb),0.16);background:rgba(var(--w-rgb),0.06);color:#DD6E3E} .ox-cards[data-v="b"] .ox-card-ic svg{width:17px;height:17px} .ox-cards[data-v="b"] .ox-card-n{font-size:var(--t3);font-weight:600;letter-spacing:0.08em;color:rgba(var(--w-rgb),0.94)} .ox-cards[data-v="b"] .ox-card h3{font-size:var(--t4);color:rgba(255,255,255,0.96)} .ox-cards[data-v="c"]{gap:var(--s5) var(--s4);grid-auto-rows:minmax(150px,auto)} .ox-cards[data-v="c"] .ox-card{ gap:10px; padding:16px 0 0; border:0; border-block-start:2px solid var(--ink); border-radius:0; background:transparent; box-shadow:none; } .ox-cards[data-v="c"] .ox-card-head{justify-content:flex-start;align-items:center;gap:10px} .ox-cards[data-v="c"] .ox-card-ic{order:1;inline-size:26px;block-size:26px;border:0;border-radius:0;background:transparent;color:var(--mark)} .ox-cards[data-v="c"] .ox-card-ic svg{width:20px;height:20px} .ox-cards[data-v="c"] .ox-card-n{order:2;font-size:var(--t2);font-weight:600;letter-spacing:0.14em;color:var(--soft)} .ox-cards[data-v="c"] .ox-card h3{font-size:var(--t4)} .ox-cards[data-v="d"]{gap:var(--s4);grid-auto-rows:minmax(168px,auto)} .ox-cards[data-v="d"] .ox-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 16px;padding:0;overflow:hidden;box-shadow:none} .ox-cards[data-v="d"] .ox-card-head{grid-column:1;grid-row:1;display:block} .ox-cards[data-v="d"] .ox-card-ic{inline-size:58px;block-size:58px;border:0;border-radius:0 0 var(--r2) 0;background:var(--ink);color:var(--paper)} .ox-cards[data-v="d"] .ox-card-ic svg{width:24px;height:24px} .ox-cards[data-v="d"] .ox-card-n{position:absolute;inset-block-start:14px;inset-inline-end:18px;font-size:var(--t2);font-weight:600;letter-spacing:0.14em;color:var(--soft)} .ox-cards[data-v="d"] .ox-card h3{grid-column:2;grid-row:1;align-self:center;padding-inline-end:52px;font-size:var(--t4)} .ox-cards[data-v="d"] .ox-card p{grid-column:1 / -1;grid-row:2;padding:16px 18px 18px} .ox-cards[data-v="e"]{gap:var(--s4);grid-auto-rows:minmax(170px,auto)} .ox-cards[data-v="e"] .ox-card{gap:14px;padding:18px 20px;border-radius:var(--r2);box-shadow:none} .ox-cards[data-v="e"] .ox-card-head{position:relative;justify-content:flex-start} .ox-cards[data-v="e"] .ox-card-ic{inline-size:46px;block-size:46px;border-radius:14px;border:0;background:var(--ink);color:var(--paper)} .ox-cards[data-v="e"] .ox-card-ic svg{width:22px;height:22px} .ox-cards[data-v="e"] .ox-card-n{ position:absolute; inset-block-start:34px; inset-inline-start:34px; display:inline-flex; align-items:center; justify-content:center; min-inline-size:24px; block-size:24px; padding:0 6px; border-radius:var(--r3); border:2px solid var(--paper); background:#DD6E3E; font-size:var(--t2); font-weight:600; letter-spacing:0; color:#FFFFFF; } .ox-cards[data-v="e"] .ox-card h3{font-size:var(--t4)} .ox-cards[data-v="f"]{gap:var(--s4);grid-auto-rows:minmax(164px,auto)} .ox-cards[data-v="f"] .ox-card{gap:12px;padding:0 0 18px;border:0;border-radius:0;background:transparent;box-shadow:none} .ox-cards[data-v="f"] .ox-card-head{ align-items:center; justify-content:space-between; padding-block-start:18px; border-block-start:1px solid var(--ink); } .ox-cards[data-v="f"] .ox-card-n{ margin-block-start:-29px; padding-inline-start:12px; background:var(--band-solid,var(--paper)); font-size:var(--t2); font-weight:600; letter-spacing:0.14em; color:var(--mark); } .ox-cards[data-v="f"] .ox-card-ic{margin-block-start:-29px;inline-size:42px;block-size:30px;padding-inline-end:12px;justify-content:flex-start;border:0;border-radius:0;background:var(--band-solid,var(--paper));color:var(--ink)} .ox-cards[data-v="f"] .ox-card-ic svg{width:20px;height:20px} .ox-cards[data-v="f"] .ox-card h3{font-size:var(--t4)} .ox-cards[data-v="g"]{gap:var(--s4);grid-auto-rows:minmax(196px,auto)} .ox-cards[data-v="g"] .ox-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;gap:0;padding:0;overflow:hidden;box-shadow:var(--sh1)} .ox-cards[data-v="g"] .ox-card-head{ grid-row:1 / -1; flex-direction:column; justify-content:flex-start; align-items:center; gap:var(--s4); padding:var(--s4) var(--s3); background:#0B0B0C; color:rgba(255,255,255,0.96); } .ox-cards[data-v="g"] .ox-card-ic{order:2;inline-size:34px;block-size:34px;border-color:rgba(255,255,255,0.22);background:transparent;color:rgba(255,255,255,0.96)} .ox-cards[data-v="g"] .ox-card-ic svg{width:18px;height:18px} .ox-cards[data-v="g"] .ox-card-n{order:1;font-size:var(--t5);font-weight:600;letter-spacing:0.04em;color:#DD6E3E} .ox-cards[data-v="g"] .ox-card h3{padding:var(--s4) var(--s4) var(--s2);font-size:var(--t5)} .ox-cards[data-v="g"] .ox-card p{padding:0 var(--s4) var(--s4)} .ox-cards[data-v="h"]{gap:var(--s3);grid-auto-rows:minmax(160px,auto)} .ox-cards[data-v="h"] .ox-card{gap:10px;padding:18px 20px;border:0;border-radius:var(--r2);background:var(--tone-wash);box-shadow:none} .ox-cards[data-v="h"] .ox-card-head{justify-content:flex-start;align-items:center;gap:12px} .ox-cards[data-v="h"] .ox-card-ic{order:1;inline-size:30px;block-size:30px;border:0;border-radius:0;background:transparent;color:var(--mark)} .ox-cards[data-v="h"] .ox-card-ic svg{width:22px;height:22px} .ox-cards[data-v="h"] .ox-card-n{order:2;margin-inline-start:auto;font-size:var(--t2);font-weight:600;letter-spacing:0.14em;color:var(--soft)} .ox-cards[data-v="h"] .ox-card h3{font-size:var(--t4)} .ox-cards[data-v="i"]{gap:var(--s4);grid-auto-rows:minmax(168px,auto)} .ox-cards[data-v="i"] .ox-card{gap:12px;padding:20px;border:1.5px solid var(--ink);border-radius:var(--r2);background:transparent;box-shadow:none} .ox-cards[data-v="i"] .ox-card-head{align-items:center;justify-content:space-between} .ox-cards[data-v="i"] .ox-card-n{ position:absolute; inset-block-start:-11px; inset-inline-start:16px; padding:0 8px; background:var(--band-solid,var(--paper)); font-size:var(--t2); font-weight:600; letter-spacing:0.14em; color:var(--mark); } .ox-cards[data-v="i"] .ox-card-ic{margin-inline-start:auto;inline-size:32px;block-size:32px;border:0;border-radius:0;background:transparent;color:var(--ink)} .ox-cards[data-v="i"] .ox-card-ic svg{width:22px;height:22px} .ox-cards[data-v="i"] .ox-card h3{font-size:var(--t4)} .ox-cards[data-v="j"]{ gap:var(--s3); padding:var(--s4); border:1px solid var(--edge); border-radius:var(--r2); background-image:linear-gradient(var(--edge) 1px,transparent 1px),linear-gradient(90deg,var(--edge) 1px,transparent 1px); background-size:22px 22px; background-position:-1px -1px; grid-auto-rows:minmax(160px,auto); } .ox-cards[data-v="j"] .ox-card{gap:10px;padding:16px 18px;border-color:var(--edge);border-radius:var(--r1);box-shadow:none} .ox-cards[data-v="j"] .ox-card-head{align-items:center;justify-content:space-between;gap:12px} .ox-cards[data-v="j"] .ox-card-ic{inline-size:32px;block-size:32px;border:1px solid var(--edge);border-radius:8px;background:var(--paper);color:var(--ink)} .ox-cards[data-v="j"] .ox-card-ic svg{width:18px;height:18px} .ox-cards[data-v="j"] .ox-card-n{font-size:var(--t2);font-weight:600;letter-spacing:0.14em;color:var(--soft)} .ox-cards[data-v="j"] .ox-card h3{font-size:var(--t4)} .ox-cards[data-v="k"]{gap:var(--s4);grid-auto-rows:minmax(172px,auto)} .ox-cards[data-v="k"] .ox-card{position:relative;overflow:hidden;gap:14px;padding:18px 20px;border-color:var(--edge);border-radius:var(--r2);box-shadow:none} .ox-cards[data-v="k"] .ox-card::before{content:"";position:absolute;inset-block-start:-46px;inset-inline-end:-46px;inline-size:150px;block-size:150px;border-radius:50%;background:var(--k-hue);opacity:0.16;pointer-events:none} .ox-cards[data-v="k"] .ox-card-head{position:relative;z-index:1;align-items:center} .ox-cards[data-v="k"] .ox-card-ic{inline-size:42px;block-size:42px;border:0;border-radius:13px;background:var(--k-hue);color:#FFFFFF} .ox-cards[data-v="k"] .ox-card-ic svg{width:21px;height:21px} .ox-cards[data-v="k"] .ox-card-n{position:relative;z-index:1;font-size:var(--t3);font-weight:600;letter-spacing:0.1em;color:var(--k-ink)} .ox-cards[data-v="k"] .ox-card h3, .ox-cards[data-v="k"] .ox-card p{position:relative;z-index:1} .ox-cards[data-v="k"] .ox-card h3{font-size:var(--t4)} .ox-cards[data-v="l"]{gap:var(--s4);grid-auto-rows:minmax(176px,auto)} .ox-cards[data-v="l"] .ox-card{gap:0;padding:0;overflow:hidden;border-color:var(--edge);border-radius:var(--r2);box-shadow:none} .ox-cards[data-v="l"] .ox-card-head{align-items:center;justify-content:space-between;padding:11px 18px;background:var(--k-hue);color:#FFFFFF} .ox-cards[data-v="l"] .ox-card-ic{inline-size:26px;block-size:26px;border:0;border-radius:0;background:transparent;color:#FFFFFF} .ox-cards[data-v="l"] .ox-card-ic svg{width:20px;height:20px} .ox-cards[data-v="l"] .ox-card-n{font-size:var(--t2);font-weight:600;letter-spacing:0.14em;color:#FFFFFF} .ox-cards[data-v="l"] .ox-card h3{padding:16px 18px 0;font-size:var(--t4)} .ox-cards[data-v="l"] .ox-card p{padding:10px 18px 18px} .ox-cards[data-v="m"]{gap:var(--s4);grid-auto-rows:minmax(170px,auto)} .ox-cards[data-v="m"] .ox-card{gap:14px;padding:18px 20px;border-radius:var(--r2);border-color:var(--k-hue);background:var(--paper);box-shadow:none} @supports (background:color-mix(in srgb,red 5%,white)){ .ox-cards[data-v="m"] .ox-card{background:color-mix(in srgb,var(--k-hue) 9%,#FFFFFF);border-color:color-mix(in srgb,var(--k-hue) 30%,#FFFFFF)} } .ox-cards[data-v="m"] .ox-card-head{align-items:center} .ox-cards[data-v="m"] .ox-card-ic{inline-size:38px;block-size:38px;border:0;border-radius:11px;background:var(--k-hue);color:#FFFFFF} .ox-cards[data-v="m"] .ox-card-ic svg{width:19px;height:19px} .ox-cards[data-v="m"] .ox-card-n{font-size:var(--t2);font-weight:600;letter-spacing:0.14em;color:var(--k-ink)} .ox-cards[data-v="m"] .ox-card h3{font-size:var(--t4)} .ox-cards[data-v="n"]{gap:var(--s4);grid-auto-rows:minmax(174px,auto)} .ox-cards[data-v="n"] .ox-card{position:relative;overflow:hidden;gap:14px;padding:18px 20px;border-color:var(--edge);border-radius:var(--r2);box-shadow:none} .ox-cards[data-v="n"] .ox-card::after{content:"";position:absolute;inset:0;background-image:linear-gradient(118deg,transparent 42%,var(--k-wash) 55%,transparent 58%,transparent 70%,var(--k-wash) 86%,transparent 99%);pointer-events:none} .ox-cards[data-v="n"] .ox-card::before{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:4px;background-image:linear-gradient(90deg,var(--k-hue),var(--k-wash));pointer-events:none} .ox-cards[data-v="n"] .ox-card-head{position:relative;z-index:1;align-items:center} .ox-cards[data-v="n"] .ox-card-ic{inline-size:40px;block-size:40px;border:1.5px solid var(--k-hue);border-radius:var(--r2);background:transparent;color:var(--k-ink)} .ox-cards[data-v="n"] .ox-card-ic svg{width:20px;height:20px} .ox-cards[data-v="n"] .ox-card-n{position:relative;z-index:1;font-size:var(--t2);font-weight:600;letter-spacing:0.14em;color:var(--k-ink)} .ox-cards[data-v="n"] .ox-card h3, .ox-cards[data-v="n"] .ox-card p{position:relative;z-index:1} .ox-cards[data-v="n"] .ox-card h3{font-size:var(--t4)} .ox-cards[data-v="o"]{gap:var(--s4);grid-auto-rows:minmax(178px,auto)} .ox-cards[data-v="o"] .ox-card{gap:14px;padding:20px;border-color:var(--edge);border-radius:var(--r2);box-shadow:none} .ox-cards[data-v="o"] .ox-card-head{align-items:center;justify-content:flex-start;gap:13px} .ox-cards[data-v="o"] .ox-card-ic{inline-size:52px;block-size:52px;border:0;border-radius:50%;background:var(--paper);color:var(--k-ink);box-shadow:0 0 0 1px var(--k-hue),0 0 0 7px var(--k-wash)} @supports (background:color-mix(in srgb,red 5%,white)){ .ox-cards[data-v="o"] .ox-card-ic{background:color-mix(in srgb,var(--k-hue) 13%,#FFFFFF)} } .ox-cards[data-v="o"] .ox-card-ic svg{width:23px;height:23px} .ox-cards[data-v="o"] .ox-card-n{margin-inline-start:auto;font-size:var(--t2);font-weight:600;letter-spacing:0.14em;color:var(--k-ink)} .ox-cards[data-v="o"] .ox-card h3{font-size:var(--t4)} .ox-cards[data-v="k"] .ox-card, .ox-cards[data-v="l"] .ox-card, .ox-cards[data-v="m"] .ox-card, .ox-cards[data-v="n"] .ox-card, .ox-cards[data-v="o"] .ox-card{--k-hue:#DD6E3E;--k-ink:#9E3B22;--k-wash:#FBEEE6} .ox-cards[data-v="k"] .ox-card:nth-child(6n+2), .ox-cards[data-v="l"] .ox-card:nth-child(6n+2), .ox-cards[data-v="m"] .ox-card:nth-child(6n+2), .ox-cards[data-v="n"] .ox-card:nth-child(6n+2), .ox-cards[data-v="o"] .ox-card:nth-child(6n+2){--k-hue:#5B8AAF;--k-ink:#2F6E9C;--k-wash:#EFF4F8} .ox-cards[data-v="k"] .ox-card:nth-child(6n+3), .ox-cards[data-v="l"] .ox-card:nth-child(6n+3), .ox-cards[data-v="m"] .ox-card:nth-child(6n+3), .ox-cards[data-v="n"] .ox-card:nth-child(6n+3), .ox-cards[data-v="o"] .ox-card:nth-child(6n+3){--k-hue:#6FA082;--k-ink:#3E7558;--k-wash:#EAF2ED} .ox-cards[data-v="k"] .ox-card:nth-child(6n+4), .ox-cards[data-v="l"] .ox-card:nth-child(6n+4), .ox-cards[data-v="m"] .ox-card:nth-child(6n+4), .ox-cards[data-v="n"] .ox-card:nth-child(6n+4), .ox-cards[data-v="o"] .ox-card:nth-child(6n+4){--k-hue:#C4A862;--k-ink:#7A6122;--k-wash:#F7F1E2} .ox-cards[data-v="k"] .ox-card:nth-child(6n+5), .ox-cards[data-v="l"] .ox-card:nth-child(6n+5), .ox-cards[data-v="m"] .ox-card:nth-child(6n+5), .ox-cards[data-v="n"] .ox-card:nth-child(6n+5), .ox-cards[data-v="o"] .ox-card:nth-child(6n+5){--k-hue:#8B7AA8;--k-ink:#6A5594;--k-wash:#F0EDF5} .ox-cards[data-v="k"] .ox-card:nth-child(6n), .ox-cards[data-v="l"] .ox-card:nth-child(6n), .ox-cards[data-v="m"] .ox-card:nth-child(6n), .ox-cards[data-v="n"] .ox-card:nth-child(6n), .ox-cards[data-v="o"] .ox-card:nth-child(6n){--k-hue:#5A9A8C;--k-ink:#376B60;--k-wash:#E9F2F0} .ox-split{display:none} .ox-split[data-v="p"]{display:grid;grid-template-columns:minmax(252px,0.84fr) 1.16fr;gap:clamp(18px,2vw,38px);align-items:stretch} @media (max-width:1080px){.ox-split[data-v="p"]{grid-template-columns:1fr}} .ox-cards[data-v="p"]{display:none} .ox-split-r{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} .ox-split-nav{display:flex;flex-direction:column;gap:0;align-self:stretch;padding:8px;border-radius:16px;border:1px solid var(--edge);background:var(--paper);box-shadow:var(--sh1)} .ox-split-b{position:relative;flex:1 1 auto;display:flex;align-items:center;gap:13px;padding:15px 14px;border-radius:11px;border:1px solid transparent;color:var(--ink);cursor:pointer} .ox-split-b+.ox-split-b::after{content:"";position:absolute;inset-inline:14px;inset-block-start:-1px;block-size:1px;background:var(--edge);pointer-events:none} .ox-split-n{flex:0 0 auto;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t2);font-weight:600;letter-spacing:0.14em;color:currentColor;opacity:0.9} .ox-split-lt{flex:1 1 auto;min-width:0;font-size:var(--t3);font-weight:500;letter-spacing:-0.008em;line-height:1.34} .ox-split-b svg{flex:0 0 auto;display:none;color:var(--mark)} .ox-split-b:hover{background:var(--tone-wash)} .ox-split-stage{position:relative;min-width:0;overflow:hidden;border-radius:16px;border:1px solid var(--edge);background:var(--paper);box-shadow:var(--sh2)} .ox-split-track{display:flex;inline-size:100%;block-size:100%;align-items:stretch} .ox-split-p{flex:0 0 100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0.82fr);align-items:center;gap:clamp(18px,2.2vw,40px);position:relative;min-block-size:clamp(330px,26vw,452px);padding:clamp(24px,2.5vw,46px)} .ox-split-txt{display:grid;grid-template-rows:auto minmax(0,1fr);align-self:stretch;min-width:0} .ox-split-k{display:flex;align-items:center;gap:clamp(6px,0.55vw,9px);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-weight:600;letter-spacing:0.16em} .ox-split-kn{flex:0 0 auto;font-size:var(--t3);color:var(--k-ink)} .ox-split-ks{flex:0 0 auto;font-size:var(--t3);color:var(--k-line)} .ox-split-kt{flex:0 0 auto;font-size:var(--t3);color:var(--soft)} .ox-split-kr{flex:1 1 auto;margin-inline-start:clamp(8px,0.8vw,13px);block-size:1px;background:var(--k-line)} .ox-split-say{align-self:center;padding-block:clamp(16px,1.7vw,28px)} .ox-split-p h3{position:relative;z-index:2;max-inline-size:19ch;margin:0;font-size:clamp(26.5px,2.5vw,40px);font-weight:560;letter-spacing:-0.03em;line-height:1.06;color:var(--ink)} .ox-split-p p{position:relative;z-index:2;max-inline-size:44ch;margin:clamp(14px,1.3vw,22px) 0 0;padding-inline-start:clamp(14px,1.2vw,19px);border-inline-start:2px solid var(--k-hue);font-size:var(--t4);font-weight:400;line-height:1.58;color:var(--body)} .ox-split-art{ position:relative;display:block;align-self:stretch; min-block-size:clamp(196px,17vw,290px); border-radius:14px;border:1px solid var(--k-line); background: radial-gradient(112% 88% at 84% 4%, var(--k-wash), rgba(0,0,0,0) 64%), radial-gradient(var(--k-line) 1px, rgba(0,0,0,0) 1.1px) 0 0/15px 15px, var(--k-wash); box-shadow:inset 0 1px 0 rgba(255,255,255,0.7); overflow:hidden;pointer-events:none; } .ox-split-pl{position:absolute;display:block;filter:drop-shadow(0 12px 30px rgba(9,11,19,0.16))} .ox-split-pl svg{display:block;width:100%;height:auto} .ox-split-pl1{inline-size:76%;inset-inline-start:11%;inset-block-start:13%;transform:rotate(-1.6deg)} .ox-split-pl2{inline-size:41%;inset-inline-start:5%;inset-block-end:7%;transform:rotate(3deg)} .ox-split-pl3{display:grid;place-items:center;inline-size:clamp(50px,4.6vw,70px);block-size:clamp(50px,4.6vw,70px);inset-inline-end:7%;inset-block-end:9%;border-radius:50%;background:var(--k-hue);color:#FFFFFF;border:3px solid var(--paper);transform:rotate(2deg)} .ox-split-pl3 svg{width:44%;height:auto;filter:none} .ox-split-pl4{inline-size:32%;inset-inline-end:4%;inset-block-start:6%;transform:rotate(3.5deg)} .ox-split-bar{display:none;position:absolute;inset-inline-start:clamp(24px,2.5vw,46px);inset-inline-end:clamp(24px,2.5vw,46px);inset-block-end:clamp(17px,1.7vw,26px);block-size:3px;border-radius:3px;overflow:hidden;background:var(--k-line);z-index:3} .ox-split-bar i{display:block;inline-size:100%;block-size:100%;border-radius:3px;background:var(--k-hue);transform-origin:left center} @media (max-width:760px){ .ox-split[data-v="p"] .ox-split-art{display:none} .ox-split[data-v="p"] .ox-split-p{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;min-block-size:0;align-items:start} .ox-split[data-v="p"] .ox-split-txt{align-self:start} .ox-split[data-v="p"] .ox-split-say{align-self:start} .ox-split[data-v="p"] .ox-split-bar{position:static;align-self:end;margin-block-start:clamp(16px,2vw,22px)} } .ox-split[data-v="p"] #ox-svc-0:checked ~ .ox-split-stage .ox-split-track{transform:translateX(-0%)} .ox-split[data-v="p"] #ox-svc-0:checked ~ .ox-split-nav > .ox-split-b:nth-child(1){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-split[data-v="p"] #ox-svc-0:checked ~ .ox-split-nav > .ox-split-b:nth-child(1) svg{display:block;color:#F5CDB6} .ox-split[data-v="p"] #ox-svc-0:focus-visible ~ .ox-split-nav > .ox-split-b:nth-child(1){outline:2px solid var(--tone);outline-offset:2px} .ox-split[data-v="p"] #ox-svc-1:checked ~ .ox-split-stage .ox-split-track{transform:translateX(-100%)} .ox-split[data-v="p"] #ox-svc-1:checked ~ .ox-split-nav > .ox-split-b:nth-child(2){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-split[data-v="p"] #ox-svc-1:checked ~ .ox-split-nav > .ox-split-b:nth-child(2) svg{display:block;color:#F5CDB6} .ox-split[data-v="p"] #ox-svc-1:focus-visible ~ .ox-split-nav > .ox-split-b:nth-child(2){outline:2px solid var(--tone);outline-offset:2px} .ox-split[data-v="p"] #ox-svc-2:checked ~ .ox-split-stage .ox-split-track{transform:translateX(-200%)} .ox-split[data-v="p"] #ox-svc-2:checked ~ .ox-split-nav > .ox-split-b:nth-child(3){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-split[data-v="p"] #ox-svc-2:checked ~ .ox-split-nav > .ox-split-b:nth-child(3) svg{display:block;color:#F5CDB6} .ox-split[data-v="p"] #ox-svc-2:focus-visible ~ .ox-split-nav > .ox-split-b:nth-child(3){outline:2px solid var(--tone);outline-offset:2px} .ox-split[data-v="p"] #ox-svc-3:checked ~ .ox-split-stage .ox-split-track{transform:translateX(-300%)} .ox-split[data-v="p"] #ox-svc-3:checked ~ .ox-split-nav > .ox-split-b:nth-child(4){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-split[data-v="p"] #ox-svc-3:checked ~ .ox-split-nav > .ox-split-b:nth-child(4) svg{display:block;color:#F5CDB6} .ox-split[data-v="p"] #ox-svc-3:focus-visible ~ .ox-split-nav > .ox-split-b:nth-child(4){outline:2px solid var(--tone);outline-offset:2px} .ox-split[data-v="p"] #ox-svc-4:checked ~ .ox-split-stage .ox-split-track{transform:translateX(-400%)} .ox-split[data-v="p"] #ox-svc-4:checked ~ .ox-split-nav > .ox-split-b:nth-child(5){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-split[data-v="p"] #ox-svc-4:checked ~ .ox-split-nav > .ox-split-b:nth-child(5) svg{display:block;color:#F5CDB6} .ox-split[data-v="p"] #ox-svc-4:focus-visible ~ .ox-split-nav > .ox-split-b:nth-child(5){outline:2px solid var(--tone);outline-offset:2px} .ox-split[data-v="p"] #ox-svc-5:checked ~ .ox-split-stage .ox-split-track{transform:translateX(-500%)} .ox-split[data-v="p"] #ox-svc-5:checked ~ .ox-split-nav > .ox-split-b:nth-child(6){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-split[data-v="p"] #ox-svc-5:checked ~ .ox-split-nav > .ox-split-b:nth-child(6) svg{display:block;color:#F5CDB6} .ox-split[data-v="p"] #ox-svc-5:focus-visible ~ .ox-split-nav > .ox-split-b:nth-child(6){outline:2px solid var(--tone);outline-offset:2px} .ox-split[data-v="p"] #ox-svc-6:checked ~ .ox-split-stage .ox-split-track{transform:translateX(-600%)} .ox-split[data-v="p"] #ox-svc-6:checked ~ .ox-split-nav > .ox-split-b:nth-child(7){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-split[data-v="p"] #ox-svc-6:checked ~ .ox-split-nav > .ox-split-b:nth-child(7) svg{display:block;color:#F5CDB6} .ox-split[data-v="p"] #ox-svc-6:focus-visible ~ .ox-split-nav > .ox-split-b:nth-child(7){outline:2px solid var(--tone);outline-offset:2px} .ox-split[data-v="p"] #ox-svc-7:checked ~ .ox-split-stage .ox-split-track{transform:translateX(-700%)} .ox-split[data-v="p"] #ox-svc-7:checked ~ .ox-split-nav > .ox-split-b:nth-child(8){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-split[data-v="p"] #ox-svc-7:checked ~ .ox-split-nav > .ox-split-b:nth-child(8) svg{display:block;color:#F5CDB6} .ox-split[data-v="p"] #ox-svc-7:focus-visible ~ .ox-split-nav > .ox-split-b:nth-child(8){outline:2px solid var(--tone);outline-offset:2px} .ox-split[data-v="p"] #ox-svc-8:checked ~ .ox-split-stage .ox-split-track{transform:translateX(-800%)} .ox-split[data-v="p"] #ox-svc-8:checked ~ .ox-split-nav > .ox-split-b:nth-child(9){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-split[data-v="p"] #ox-svc-8:checked ~ .ox-split-nav > .ox-split-b:nth-child(9) svg{display:block;color:#F5CDB6} .ox-split[data-v="p"] #ox-svc-8:focus-visible ~ .ox-split-nav > .ox-split-b:nth-child(9){outline:2px solid var(--tone);outline-offset:2px} .ox-split[data-v="p"] #ox-svc-9:checked ~ .ox-split-stage .ox-split-track{transform:translateX(-900%)} .ox-split[data-v="p"] #ox-svc-9:checked ~ .ox-split-nav > .ox-split-b:nth-child(10){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-split[data-v="p"] #ox-svc-9:checked ~ .ox-split-nav > .ox-split-b:nth-child(10) svg{display:block;color:#F5CDB6} .ox-split[data-v="p"] #ox-svc-9:focus-visible ~ .ox-split-nav > .ox-split-b:nth-child(10){outline:2px solid var(--tone);outline-offset:2px} .ox-split[data-v="p"] #ox-svc-10:checked ~ .ox-split-stage .ox-split-track{transform:translateX(-1000%)} .ox-split[data-v="p"] #ox-svc-10:checked ~ .ox-split-nav > .ox-split-b:nth-child(11){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-split[data-v="p"] #ox-svc-10:checked ~ .ox-split-nav > .ox-split-b:nth-child(11) svg{display:block;color:#F5CDB6} .ox-split[data-v="p"] #ox-svc-10:focus-visible ~ .ox-split-nav > .ox-split-b:nth-child(11){outline:2px solid var(--tone);outline-offset:2px} .ox-split[data-v="p"] #ox-svc-11:checked ~ .ox-split-stage .ox-split-track{transform:translateX(-1100%)} .ox-split[data-v="p"] #ox-svc-11:checked ~ .ox-split-nav > .ox-split-b:nth-child(12){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-split[data-v="p"] #ox-svc-11:checked ~ .ox-split-nav > .ox-split-b:nth-child(12) svg{display:block;color:#F5CDB6} .ox-split[data-v="p"] #ox-svc-11:focus-visible ~ .ox-split-nav > .ox-split-b:nth-child(12){outline:2px solid var(--tone);outline-offset:2px} .ox-split[data-v="p"]:has(.ox-split-nav .ox-split-b:hover) #ox-svc-auto ~ .ox-split-nav > .ox-split-b{background:transparent;border-color:transparent;color:var(--ink)} .ox-split[data-v="p"]:has(.ox-split-nav .ox-split-b:hover) #ox-svc-auto ~ .ox-split-nav > .ox-split-b svg{display:none} .ox-split[data-v="p"]:has(.ox-split-nav .ox-split-b:hover) #ox-svc-auto ~ .ox-split-nav > .ox-split-b:hover{background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-split[data-v="p"]:has(.ox-split-nav .ox-split-b:hover) #ox-svc-auto ~ .ox-split-nav > .ox-split-b:hover svg{display:block;color:#F5CDB6} .ox-split[data-v="p"]:has(.ox-split-nav > .ox-split-b:nth-child(1):hover) #ox-svc-auto ~ .ox-split-stage .ox-split-track{transform:translateX(-0%)} .ox-split[data-v="p"]:has(.ox-split-nav > .ox-split-b:nth-child(2):hover) #ox-svc-auto ~ .ox-split-stage .ox-split-track{transform:translateX(-100%)} .ox-split[data-v="p"]:has(.ox-split-nav > .ox-split-b:nth-child(3):hover) #ox-svc-auto ~ .ox-split-stage .ox-split-track{transform:translateX(-200%)} .ox-split[data-v="p"]:has(.ox-split-nav > .ox-split-b:nth-child(4):hover) #ox-svc-auto ~ .ox-split-stage .ox-split-track{transform:translateX(-300%)} .ox-split[data-v="p"]:has(.ox-split-nav > .ox-split-b:nth-child(5):hover) #ox-svc-auto ~ .ox-split-stage .ox-split-track{transform:translateX(-400%)} .ox-split[data-v="p"]:has(.ox-split-nav > .ox-split-b:nth-child(6):hover) #ox-svc-auto ~ .ox-split-stage .ox-split-track{transform:translateX(-500%)} .ox-split[data-v="p"]:has(.ox-split-nav > .ox-split-b:nth-child(7):hover) #ox-svc-auto ~ .ox-split-stage .ox-split-track{transform:translateX(-600%)} .ox-split[data-v="p"]:has(.ox-split-nav > .ox-split-b:nth-child(8):hover) #ox-svc-auto ~ .ox-split-stage .ox-split-track{transform:translateX(-700%)} .ox-split[data-v="p"]:has(.ox-split-nav > .ox-split-b:nth-child(9):hover) #ox-svc-auto ~ .ox-split-stage .ox-split-track{transform:translateX(-800%)} .ox-split[data-v="p"]:has(.ox-split-nav > .ox-split-b:nth-child(10):hover) #ox-svc-auto ~ .ox-split-stage .ox-split-track{transform:translateX(-900%)} .ox-split[data-v="p"]:has(.ox-split-nav > .ox-split-b:nth-child(11):hover) #ox-svc-auto ~ .ox-split-stage .ox-split-track{transform:translateX(-1000%)} .ox-split[data-v="p"]:has(.ox-split-nav > .ox-split-b:nth-child(12):hover) #ox-svc-auto ~ .ox-split-stage .ox-split-track{transform:translateX(-1100%)} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-stage .ox-split-track{transform:translateX(0)} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b:nth-child(1){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-split[data-v="p"] .ox-split-p:nth-child(6n+1){--k-hue:#DD6E3E;--k-ink:#9E3B22;--k-wash:rgba(221,110,62,0.075);--k-line:rgba(221,110,62,0.26)} .ox-split[data-v="p"] .ox-split-p:nth-child(6n+2){--k-hue:#5B8AAF;--k-ink:#2F6E9C;--k-wash:rgba(91,138,175,0.075);--k-line:rgba(91,138,175,0.26)} .ox-split[data-v="p"] .ox-split-p:nth-child(6n+3){--k-hue:#6FA082;--k-ink:#3E7558;--k-wash:rgba(111,160,130,0.075);--k-line:rgba(111,160,130,0.26)} .ox-split[data-v="p"] .ox-split-p:nth-child(6n+4){--k-hue:#C4A862;--k-ink:#7A6122;--k-wash:rgba(196,168,98,0.075);--k-line:rgba(196,168,98,0.26)} .ox-split[data-v="p"] .ox-split-p:nth-child(6n+5){--k-hue:#8B7AA8;--k-ink:#6A5594;--k-wash:rgba(139,122,168,0.075);--k-line:rgba(139,122,168,0.26)} .ox-split[data-v="p"] .ox-split-p:nth-child(6n+6){--k-hue:#5A9A8C;--k-ink:#376B60;--k-wash:rgba(90,154,140,0.075);--k-line:rgba(90,154,140,0.26)} @media (prefers-reduced-motion:no-preference){ .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-stage .ox-split-track{animation-timing-function:steps(1,end);animation-iteration-count:infinite} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b{animation-timing-function:steps(1,end);animation-iteration-count:infinite} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-stage .ox-split-bar{display:block} .ox-split[data-v="p"]:has(.ox-split-nav .ox-split-b:hover) #ox-svc-auto ~ .ox-split-stage .ox-split-track{animation:none} .ox-split[data-v="p"]:has(.ox-split-nav .ox-split-b:hover) #ox-svc-auto ~ .ox-split-nav > .ox-split-b{animation:none} .ox-split[data-v="p"] .ox-split-stage .ox-split-track{transition:transform 0.42s cubic-bezier(0.22,1,0.36,1)} .ox-split[data-v="p"] .ox-split-bar i{animation:oxSplitBar 4.5s linear infinite} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b:nth-child(1){animation-delay:0.0s} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b:nth-child(2){animation-delay:4.5s} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b:nth-child(3){animation-delay:9.0s} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b:nth-child(4){animation-delay:13.5s} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b:nth-child(5){animation-delay:18.0s} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b:nth-child(6){animation-delay:22.5s} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b:nth-child(7){animation-delay:27.0s} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b:nth-child(8){animation-delay:31.5s} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b:nth-child(9){animation-delay:36.0s} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b:nth-child(10){animation-delay:40.5s} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b:nth-child(11){animation-delay:45.0s} .ox-split[data-v="p"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b:nth-child(12){animation-delay:49.5s} .ox-split[data-v="p"][data-n="2"] #ox-svc-auto:checked ~ .ox-split-stage .ox-split-track{animation-name:oxSplitSlide2;animation-duration:9.0s} .ox-split[data-v="p"][data-n="2"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b{animation-name:oxSplitPick2;animation-duration:9.0s} .ox-split[data-v="p"][data-n="3"] #ox-svc-auto:checked ~ .ox-split-stage .ox-split-track{animation-name:oxSplitSlide3;animation-duration:13.5s} .ox-split[data-v="p"][data-n="3"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b{animation-name:oxSplitPick3;animation-duration:13.5s} .ox-split[data-v="p"][data-n="4"] #ox-svc-auto:checked ~ .ox-split-stage .ox-split-track{animation-name:oxSplitSlide4;animation-duration:18.0s} .ox-split[data-v="p"][data-n="4"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b{animation-name:oxSplitPick4;animation-duration:18.0s} .ox-split[data-v="p"][data-n="5"] #ox-svc-auto:checked ~ .ox-split-stage .ox-split-track{animation-name:oxSplitSlide5;animation-duration:22.5s} .ox-split[data-v="p"][data-n="5"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b{animation-name:oxSplitPick5;animation-duration:22.5s} .ox-split[data-v="p"][data-n="6"] #ox-svc-auto:checked ~ .ox-split-stage .ox-split-track{animation-name:oxSplitSlide6;animation-duration:27.0s} .ox-split[data-v="p"][data-n="6"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b{animation-name:oxSplitPick6;animation-duration:27.0s} .ox-split[data-v="p"][data-n="7"] #ox-svc-auto:checked ~ .ox-split-stage .ox-split-track{animation-name:oxSplitSlide7;animation-duration:31.5s} .ox-split[data-v="p"][data-n="7"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b{animation-name:oxSplitPick7;animation-duration:31.5s} .ox-split[data-v="p"][data-n="8"] #ox-svc-auto:checked ~ .ox-split-stage .ox-split-track{animation-name:oxSplitSlide8;animation-duration:36.0s} .ox-split[data-v="p"][data-n="8"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b{animation-name:oxSplitPick8;animation-duration:36.0s} .ox-split[data-v="p"][data-n="9"] #ox-svc-auto:checked ~ .ox-split-stage .ox-split-track{animation-name:oxSplitSlide9;animation-duration:40.5s} .ox-split[data-v="p"][data-n="9"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b{animation-name:oxSplitPick9;animation-duration:40.5s} .ox-split[data-v="p"][data-n="10"] #ox-svc-auto:checked ~ .ox-split-stage .ox-split-track{animation-name:oxSplitSlide10;animation-duration:45.0s} .ox-split[data-v="p"][data-n="10"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b{animation-name:oxSplitPick10;animation-duration:45.0s} .ox-split[data-v="p"][data-n="11"] #ox-svc-auto:checked ~ .ox-split-stage .ox-split-track{animation-name:oxSplitSlide11;animation-duration:49.5s} .ox-split[data-v="p"][data-n="11"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b{animation-name:oxSplitPick11;animation-duration:49.5s} .ox-split[data-v="p"][data-n="12"] #ox-svc-auto:checked ~ .ox-split-stage .ox-split-track{animation-name:oxSplitSlide12;animation-duration:54.0s} .ox-split[data-v="p"][data-n="12"] #ox-svc-auto:checked ~ .ox-split-nav > .ox-split-b{animation-name:oxSplitPick12;animation-duration:54.0s} } @media (min-width:1181px){ .ox-lab{position:relative;display:grid;gap:var(--s4);margin:var(--s5) 0 0} .ox-lab .ox-cards{margin-top:0} .ox-lab-at{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:0;block-size:0;scroll-margin-block-start:96px} .ox-lab-pick{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:var(--s3);border:1px solid var(--edge);border-radius:var(--r2);background:var(--paper)} .ox-lab-note{flex:1 1 100%;margin:0 0 var(--s1);font-size:var(--t2);font-weight:500;color:var(--soft)} .ox-lab-pick a{padding:6px 12px;border:1px solid var(--edge);border-radius:var(--r3);background:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t2);font-weight:600;letter-spacing:0.02em;color:var(--ink);text-decoration:none} .ox-lab-pick a:hover{border-color:var(--ink)} .ox-lab-on:has(#ox-skin-now:target) .ox-lab-pick a[href="#ox-skin-now"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-a:target) .ox-lab-pick a[href="#ox-skin-a"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-b:target) .ox-lab-pick a[href="#ox-skin-b"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-c:target) .ox-lab-pick a[href="#ox-skin-c"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-d:target) .ox-lab-pick a[href="#ox-skin-d"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-e:target) .ox-lab-pick a[href="#ox-skin-e"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-f:target) .ox-lab-pick a[href="#ox-skin-f"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-g:target) .ox-lab-pick a[href="#ox-skin-g"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-h:target) .ox-lab-pick a[href="#ox-skin-h"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-i:target) .ox-lab-pick a[href="#ox-skin-i"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-j:target) .ox-lab-pick a[href="#ox-skin-j"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-k:target) .ox-lab-pick a[href="#ox-skin-k"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-l:target) .ox-lab-pick a[href="#ox-skin-l"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-m:target) .ox-lab-pick a[href="#ox-skin-m"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-n:target) .ox-lab-pick a[href="#ox-skin-n"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-o:target) .ox-lab-pick a[href="#ox-skin-o"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:has(#ox-skin-p:target) .ox-lab-pick a[href="#ox-skin-p"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ox-lab-on:not(:has(.ox-lab-at:target)) .ox-lab-pick a[href="#ox-skin-now"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} } @media (max-width:1180px){ .ox-lab-pick,.ox-lab-at{display:none} } .ox-cards[data-n="5"]{grid-auto-rows:minmax(174px,auto)} @media (max-width:660px){ .ox-card{padding:18px} } .ox-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;list-style:none;border-block-end:1px solid var(--edge)} .ox-check{display:flex;align-items:center;gap:12px;padding:16px clamp(16px,2vw,40px) 16px 0;border-block-start:1px solid var(--edge)} .ox-check i{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;flex:0 0 auto;color:var(--paper);background:var(--mark);border:0} .ox-check-t{font-size:var(--t3);font-weight:520;letter-spacing:-0.006em;color:var(--ink)} @media (max-width:1180px){.ox-checks{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:620px){.ox-checks{grid-template-columns:minmax(0,1fr)}.ox-check{padding-inline-end:0}.ox-check i{width:24px;height:24px}} .ox-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);align-items:stretch;padding:0;list-style:none} @media (min-width:1181px){ .ox-prices[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))} .ox-prices[data-n="4"] .ox-price{padding:24px 22px 22px} .ox-prices[data-n="4"] .ox-price-fig-w b{font-size:clamp(24px,2vw,30px);line-height:1.1} .ox-prices[data-n="4"] .ox-price-fig-w{min-height:clamp(32px,2.9vw,48px);align-content:end} } .ox-price{position:relative;display:flex;flex-direction:column;gap:var(--s3);height:100%;padding:26px 24px 24px;border:1px solid var(--edge);border-block-start:2px solid var(--ink);border-radius:var(--r2);background:var(--paper);box-shadow:var(--sh1)} .ox-price-lead{ --paper:#191C26; --ink:rgba(255,255,255,0.96); --body:rgba(var(--w-rgb),0.98); --soft:rgba(var(--w-rgb),0.90); --edge:rgba(255,255,255,0.22); --mark:#DD6E3E; border-color:transparent; border-block-start-color:var(--mark); background:linear-gradient(180deg,#191C26 0%,#12141C 100%); box-shadow:0 2px 6px rgba(var(--i-rgb),0.28),0 30px 60px -28px rgba(var(--i-rgb),0.55); } .ox-price h3{margin:0;font-size:var(--t5);font-weight:600;letter-spacing:-0.022em;line-height:1.25} .ox-price-fig{display:grid;gap:2px;margin:var(--s2) 0 0} .ox-price-u{font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t2);font-weight:600;letter-spacing:0.06em} .ox-price-fig b{font-size:clamp(32px,2.9vw,48px);font-weight:700;letter-spacing:-0.032em;line-height:1;font-variant-numeric:tabular-nums} .ox-price-rule{height:1px;background:var(--edge);margin:var(--s1) 0 0} .ox-price p{margin:0;font-size:var(--t3);font-weight:400;line-height:1.62} .ox-price .ox-price-b + .ox-price-b{margin-top:var(--s3)} .ox-price-foot{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);margin-top:auto;padding-top:var(--s4)} .ox-price-meta{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0;padding:0;list-style:none} .ox-price-go{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border-radius:var(--r3);border:1px solid var(--ink);background:var(--paper);font-size:var(--t2);font-weight:600;letter-spacing:-0.008em;color:var(--ink);text-decoration:none} .ox-price-go-lead{border-color:#DD6E3E;background:#DD6E3E;color:#0B0B0C} .ox-prices-all{margin:var(--s4) 0 0;font-size:var(--t2);font-weight:600} .ox-prices-all a{display:inline-flex;align-items:center;gap:8px;min-height:24px;color:var(--ink);text-decoration:underline;text-underline-offset:3px} .ox-price-tag{display:inline-flex;align-items:center;padding:6px 11px;border-radius:var(--r1);border:1px solid #F5CDB6;background:#FBEEE6;color:#9E3B22;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700;letter-spacing:0.06em} .ox-price-lead .ox-price-tag{background:#DD6E3E;border-color:#DD6E3E;color:#0B0B0C} .ox-price-note{display:flex;align-items:flex-end;gap:var(--s2);margin:2px 0 0;color:var(--mark);transform:rotate(-2.2deg);transform-origin:0 100%} .ox-price-tx{font-family:'Caveat OX','Caveat AP2', 'Caveat', 'Segoe Script', cursive;font-size:clamp(24px,1.9vw,31px);line-height:1.05;font-synthesis:none} .ox-price-w{display:inline-block;transform:rotate(var(--wt,0deg)) translateY(var(--wy,0px));transform-origin:50% 70%;font-weight:var(--wg,620)} .ox-hook{flex:0 0 auto} @media (max-width:620px){.ox-price-note{transform:rotate(-1.4deg)}.ox-price{padding:22px 20px 20px}} .ox-steps{display:grid;gap:0;padding:0;list-style:none;--step-when:0px;--step-node:40px;--step-gap:18px} .ox-step{position:relative;padding:0 0 var(--s5) calc(var(--step-when) + var(--step-node) + var(--step-gap))} .ox-step:last-child{padding-block-end:0} .ox-step::before{content:"";position:absolute;left:calc(var(--step-when) + var(--step-node) / 2 - 1px);top:calc(var(--step-node) + 6px);bottom:6px;width:2px;border-radius:2px;background:var(--edge)} .ox-step:last-child::before{display:none} .ox-step-node{position:absolute;left:var(--step-when);top:0;display:inline-flex;align-items:center;justify-content:center;width:var(--step-node);height:var(--step-node);border-radius:50%;border:2px solid var(--mark);background:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700;letter-spacing:0.04em;color:var(--mark);font-variant-numeric:tabular-nums} .ox-step-h{margin:0;padding-block-start:8px} .ox-step-when{display:block;margin:0 0 6px;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t2);font-weight:600;letter-spacing:0.06em;line-height:1.3;color:var(--mark)} .ox-step-sep{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} .ox-step-what{display:block;font-size:var(--t5);font-weight:600;letter-spacing:-0.02em;line-height:1.3;color:var(--ink)} .ox-step-p{margin:var(--s2) 0 0;font-size:var(--t3);font-weight:400;line-height:1.7;color:var(--body);max-width:var(--read)} @media (min-width:901px){ .ox-steps{--step-when:clamp(172px,16vw,236px);--step-node:44px;--step-gap:28px} .ox-step-h{padding-block-start:7px} .ox-step-when{position:absolute;left:0;top:5px;width:calc(var(--step-when) - 28px);margin:0;font-family:inherit;font-size:var(--t6);font-weight:600;letter-spacing:-0.024em;line-height:1.12;color:var(--ink)} } @media (min-width:901px){ .ox-step[data-run]::after{content:"";position:absolute;left:1px;width:18px;pointer-events:none;opacity:.42; background:linear-gradient(var(--mark),var(--mark)) 0 0/2px 100% no-repeat,linear-gradient(var(--mark),var(--mark)) 0 calc(var(--step-node) / 2 - 1px)/18px 2px no-repeat} .ox-step[data-run="start"] .ox-step-when{white-space:nowrap} .ox-step[data-run="start"]::after{top:calc(5px + var(--t6) * 1.12 + 14px);bottom:0;background:linear-gradient(var(--mark),var(--mark)) 0 0/2px 100% no-repeat} .ox-step[data-run="mid"]::after{top:0;bottom:0} .ox-step[data-run="end"]::after{top:0;height:calc(var(--step-node) / 2 + 1px)} } @media (min-width:1280px){ .ox-steps[data-when="1"] .ox-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--read));column-gap:clamp(32px,3.4vw,64px);align-items:start} .ox-steps[data-when="1"] .ox-step-body{padding-block-start:9px} .ox-steps[data-when="1"] .ox-step-body > .ox-step-p:first-child{margin-top:0} } .ox-steps[data-when="0"]{--step-when:0px} @media (min-width:1181px){ .ox-steps[data-when="0"]{grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:var(--s4);--step-node:52px} .ox-steps[data-when="0"] .ox-step{padding:calc(var(--step-node) + 24px) 0 0} .ox-steps[data-when="0"] .ox-step::before{left:calc(var(--step-node) + 14px);right:calc(14px - var(--s4));top:calc(var(--step-node) / 2 - 1px);bottom:auto;width:auto;height:2px} .ox-steps[data-when="0"] .ox-step-node{font-size:var(--t2)} .ox-steps[data-when="0"] .ox-step-h{padding-block-start:0} .ox-steps[data-when="0"] .ox-step-p{max-width:none} } .ox-hold{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);padding:0;list-style:none} .ox-hold li{position:relative;aspect-ratio:4 / 3;border:1px solid var(--edge);border-radius:var(--r2);background:var(--paper);overflow:hidden} .ox-hold li::before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(var(--i-rgb),0.022) 0 8px,rgba(var(--i-rgb),0) 8px 16px)} .ox-hold-m{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--edge)} .ox-hold li::after{content:'';position:absolute;top:10px;left:10px;width:13px;height:13px;border:1px solid var(--edge);border-right:0;border-bottom:0} .ox-hold-note{display:flex;align-items:flex-start;gap:var(--s2);margin:var(--s4) 0 0;max-width:var(--measure);padding-block-start:var(--s3);border-block-start:1px solid var(--edge)} .ox-hold-note p{margin:0;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:500;letter-spacing:0.06em;line-height:1.6;color:var(--soft)} @media (max-width:700px){ .ox-hold{gap:var(--s2)} .ox-hold li{aspect-ratio:1} .ox-hold li::after{top:7px;left:7px;width:10px;height:10px} } .ox-team-rail{margin:var(--s5) 0 0} .ox-team{list-style:none} .ox-person{flex:1 0 233px;display:block;border-radius:14px;overflow:hidden;box-shadow:var(--sh1)} .ox-person .ox-face-box{border:0;border-radius:0;box-shadow:none} .ox-face-box{position:relative;display:block;aspect-ratio:1 / 1.34;border-radius:12px;overflow:hidden;border:1px solid var(--edge);box-shadow:var(--sh1);background:#F4F2EC} .ox-team-rail .ox-face-box,.ox-team-rail .ox-face{aspect-ratio:1 / 1.62} .ox-team-rail[data-p="1"] .ox-face-box,.ox-team-rail[data-p="1"] .ox-face{aspect-ratio:1 / 1.36} .ox-face{display:block;width:100%;aspect-ratio:1 / 1.34;object-fit:cover;object-position:50% 20%;background:#F4F2EC} .ox-face-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(9,11,19,0.90) 0%,rgba(9,11,19,0.78) 12%,rgba(9,11,19,0.52) 24%,rgba(9,11,19,0.24) 38%,rgba(9,11,19,0.07) 54%,rgba(9,11,19,0) 70%)} .ox-team-tag{display:block;margin:0 0 5px;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t2);font-weight:560;letter-spacing:.115em;color:#FFD9A8;text-shadow:0 1px 2px rgba(6,8,14,0.62)} .ox-team-n{position:absolute;left:0;right:0;bottom:0;display:block;padding:44px 15px 15px;font-size:var(--t3);font-weight:650;letter-spacing:-0.012em;color:#FFFFFF;text-shadow:0 1px 2px rgba(6,8,14,0.62),0 2px 10px rgba(6,8,14,0.42);background:linear-gradient(to top,rgba(9,11,19,0.93) 0%,rgba(9,11,19,0.86) 46%,rgba(9,11,19,0.55) 76%,rgba(9,11,19,0) 100%)} .ox-team-r{display:block;margin-top:2px;font-size:var(--t2);font-weight:500;letter-spacing:0;color:#FFD9A8} .ox-team-s{display:block;margin-top:5px;font-size:var(--t2);font-weight:450;letter-spacing:-0.002em;line-height:1.36;color:rgba(255,255,255,0.80);text-shadow:0 1px 2px rgba(6,8,14,0.7)} .ox-face-mono{display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;font-size:clamp(44px,5.4vw,64px);font-weight:600;color:#0B0B0C;opacity:.30;background:#F4F2EC} .ox-team-rail .ox-person .ox-face-box{flex:0 0 auto} .ox-team-rail .ox-meet-mark{flex:1 1 0} .ox-person{max-inline-size:266px} .ox-meet{flex:2 0 322px;max-inline-size:none} @media (max-width:520px){.ox-meet{flex:1 0 278px}} .ox-team-rail{--tgap:clamp(10px,0.95vw,15px)} .ox-team-radio{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} @media (min-width:1100px){ .ox-team-rail .ox-win-view{overflow:hidden} .ox-team-rail .ox-win-track{ animation:none; display:grid; inline-size:100%; grid-auto-flow:column; grid-auto-columns:var(--tcard); column-gap:var(--tgap); --tcard:calc((100% - 7 * var(--tgap)) / 7.5); --tstep:calc(var(--tcard) + var(--tgap)); } .ox-team-rail .ox-person{flex:none;max-inline-size:none} .ox-team-rail[data-p="1"] .ox-win-track{ justify-content:center; grid-auto-columns:min(260px,calc((100% - (var(--tn) - 1) * var(--tgap)) / var(--tn))); } .ox-team-rail #ox-tm-0:checked ~ .ox-win-view .ox-win-track{transform:translateX(calc(-1 * var(--ts0) * var(--tstep)))} .ox-team-rail #ox-tm-1:checked ~ .ox-win-view .ox-win-track{transform:translateX(calc(-1 * var(--ts1) * var(--tstep)))} .ox-team-rail #ox-tm-2:checked ~ .ox-win-view .ox-win-track{transform:translateX(calc(-1 * var(--ts2) * var(--tstep)))} .ox-team-rail #ox-tm-3:checked ~ .ox-win-view .ox-win-track{transform:translateX(calc(-1 * var(--ts3) * var(--tstep)))} } @media (prefers-reduced-motion:no-preference){ .ox-team-rail .ox-win-track{transition:transform .52s cubic-bezier(.62,0,.25,1)} } .ox-team-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-block-start:var(--s4)} .ox-team-nav{display:grid} .ox-team-pair{grid-area:1/1;display:none;gap:10px} .ox-team-arrow{display:inline-flex;align-items:center;justify-content:center;inline-size:40px;block-size:40px;border-radius:50%;border:1px solid var(--edge);background:var(--paper);color:var(--ink);cursor:pointer} .ox-team-arrow svg{transform:rotate(180deg)} .ox-team-arrow-next svg{transform:none} .ox-team-arrow-t{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} .ox-team-arrow:hover{border-color:var(--ink)} .ox-team-arrow.is-spent{opacity:0.38;cursor:default} .ox-team-arrow.is-spent:hover{border-color:var(--edge)} .ox-team-rail .ox-team-radio:focus-visible ~ .ox-team-foot .ox-team-nav{outline:2px solid var(--tone);outline-offset:4px;border-radius:999px} .ox-team-rail #ox-tm-0:checked ~ .ox-team-foot .ox-team-pair:nth-child(1){display:flex} .ox-team-rail #ox-tm-1:checked ~ .ox-team-foot .ox-team-pair:nth-child(2){display:flex} .ox-team-rail #ox-tm-2:checked ~ .ox-team-foot .ox-team-pair:nth-child(3){display:flex} .ox-team-rail #ox-tm-3:checked ~ .ox-team-foot .ox-team-pair:nth-child(4){display:flex} .ox-team-count{font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t3);font-weight:600;letter-spacing:0.06em;color:var(--soft)} @media (max-width:1099px){.ox-team-foot{display:none}} .ox-meet-a{display:flex;flex-direction:column;height:100%;padding:clamp(20px,1.9vw,26px);border-radius:14px;border:1px solid var(--edge);background:var(--tone-wash);text-decoration:none;color:var(--ink);box-shadow:var(--sh1)} .ox-meet-mark{display:flex;flex:1 1 auto;align-items:stretch;min-height:120px;margin-block-end:var(--s4);border-radius:10px;border:1px solid var(--edge);background:var(--paper);color:var(--ink);overflow:hidden} .ox-meet-mark>svg{display:block;inline-size:100%;block-size:100%} .ox-meet-t{font-size:var(--t6);font-weight:540;letter-spacing:-0.028em;line-height:1.08;color:var(--ink)} .ox-meet-p{margin-block-start:var(--s3);font-size:var(--t3);font-weight:420;line-height:1.56;color:var(--body)} .ox-meet-go{display:inline-flex;align-items:center;gap:8px;margin-block-start:var(--s4);padding-block-start:var(--s4);border-block-start:1px solid var(--edge);font-size:var(--t3);font-weight:560;color:var(--ink)} .ox-meet-go svg{color:var(--mark)} .ox-sec[data-g="ink"] .ox-meet-a{ border-color:var(--edge); background:var(--tone-wash); box-shadow:var(--sh1); } .ox-sec[data-g="ink"] .ox-meet-mark{background:var(--band)} .ox-stack{display:inline-flex;align-items:center;padding:0;margin:0;list-style:none;flex:0 0 auto} .ox-stack li{display:block;margin-inline-start:-13px} .ox-stack li:first-child{margin-inline-start:0} .ox-stack img{display:block;width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:50% 22%;background:#F4F2EC;box-shadow:0 0 0 2px var(--band-solid,#FFFFFF),0 1px 3px rgba(var(--i-rgb),0.22)} .ox-sec[data-g="cream"]{--band-solid:#F4F2EC} .ox-sec[data-g="ink"]{--band-solid:#12141C} .ox-wins{position:relative;margin-inline:0} .ox-win-pin{display:contents} .ox-win-slog{margin:clamp(22px,3vw,44px) 0 0} .ox-win-slog-line{margin:0;max-width:var(--wide);font-size:clamp(19px,2.2vw,34px);font-weight:640;letter-spacing:-0.028em;line-height:1.26;color:rgba(11,23,31,0.955)} .ox-win-slog-line span{color:#DD6E3E} .ox-win-view{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-inline-end:2px} .ox-win-track{display:flex;gap:clamp(14px,1.4vw,22px);align-items:stretch;padding:0 0 8px;margin:0;list-style:none} .ox-win-track>*{scroll-snap-align:start} .ox-win-view:focus-visible{outline:2px solid var(--tone);outline-offset:4px;border-radius:12px} .ox-win{flex:0 0 clamp(260.39px,20.19vw,304.78px)} @media (min-width:1500px){.ox-win-view{-webkit-mask-image:none;mask-image:none}} .ox-win-view{-webkit-mask-image:linear-gradient(to right,#000 0 94%,transparent 100%);mask-image:linear-gradient(to right,#000 0 94%,transparent 100%)} .ox-team-rail .ox-win-view{-webkit-mask-image:none;mask-image:none} .ox-team-rail .ox-win-track{width:auto;min-inline-size:100%} .ox-win-view::-webkit-scrollbar{height:6px} .ox-win-view::-webkit-scrollbar-thumb{background:rgba(15,23,31,0.18);border-radius:999px} .ox-win-view::-webkit-scrollbar-track{background:transparent} .ox-win-view{scrollbar-width:thin;scrollbar-color:rgba(15,23,31,0.18) transparent} .ox-win{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;border:1px solid rgba(15,23,31,0.10);background:#FFFFFF;box-shadow:0 1px 2px rgba(15,23,31,0.04),0 10px 26px -22px rgba(15,23,31,0.5)} .ox-win-head{padding:19px 18px 16px;background:#FFFFFF} .ox-win-top{display:flex;align-items:center;gap:10px;min-height:22px} .ox-win-logo{display:block;height:21px;width:auto;max-width:78%;object-fit:contain} .ox-win-logo.is-symbol{flex:none;max-width:none} .ox-win-name{min-width:0;font-size:16.5px;font-weight:600;letter-spacing:0.09em;color:#14181F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ox-win-name.is-split b{font-weight:700;letter-spacing:0.035em} .ox-win-name.is-split span{font-size:12.5px;font-weight:500;letter-spacing:0.22em;color:#545D69} .ox-win-skel{display:inline-block;width:46px;height:13px;border-radius:3px;margin:4px 0 5px;background:rgba(15,23,31,0.09)} .ox-win-stats{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:12px;margin-top:14px;min-height:44px} .ox-win-stat{min-width:0;text-align:center} .ox-win-stat+.ox-win-stat{padding-inline-start:12px;box-shadow:inset 1px 0 0 rgba(15,23,31,0.10)} .ox-win-fig{display:block;font-size:19.5px;font-weight:660;letter-spacing:-0.018em;line-height:1.15;color:#14181F} .ox-win-stat+.ox-win-stat .ox-win-fig{color:#37805A} .ox-win-cap{display:block;margin-top:2px;font-size:12.4px;font-weight:470;line-height:1.3;color:#6B7480} .ox-win-shot{position:relative;display:block;flex:1 1 auto;aspect-ratio:0.8165;overflow:hidden} .ox-win-shot img{display:block;width:100%;height:100%;object-fit:cover} .ox-doors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4);padding:0;list-style:none} .ox-doors[data-n="6"]{grid-template-columns:repeat(3,minmax(0,1fr))} @media (max-width:1180px){ .ox-prices,.ox-doors,.ox-doors[data-n="6"]{grid-template-columns:repeat(2,minmax(0,1fr))} .ox-cards .ox-card{grid-column:span 6} } @media (max-width:900px){ } @media (max-width:660px){ .ox-prices,.ox-doors,.ox-doors[data-n="6"]{grid-template-columns:minmax(0,1fr)} .ox-cards .ox-card{grid-column:span 12} .ox-cards,.ox-cards[data-n="2"],.ox-cards[data-n="5"]{grid-auto-rows:auto} } .ox-door{position:relative;display:flex;flex-direction:column;gap:var(--s3);height:100%;padding:20px 20px 18px;border:1px solid var(--edge);border-block-start:2px solid var(--ink);border-radius:var(--r2);background:var(--paper);box-shadow:var(--sh1);text-decoration:none;color:inherit} .ox-door-k{display:inline-flex;align-items:center;gap:var(--s2);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:700;letter-spacing:0.12em;color:var(--tone-ink)} .ox-door-k .ox-dot{background:var(--tone)} .ox-door-top{display:flex;align-items:center;gap:12px} .ox-door-ic{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;inline-size:40px;block-size:40px;border-radius:11px;background:var(--ink);color:var(--paper)} .ox-door-ic svg{width:20px;height:20px} .ox-door h3{margin:0;font-size:var(--t4);font-weight:600;letter-spacing:-0.018em;line-height:1.3;color:var(--ink)} .ox-door p{margin:0;font-size:var(--t2);font-weight:400;line-height:1.55;color:var(--body)} .ox-door-go{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:var(--s3);font-size:var(--t2);font-weight:600;color:var(--ink)} .ox-door-go svg{color:var(--mark)} @media (max-width:620px){.ox-door{padding:16px}} .ox-faq-wrap{display:grid;grid-template-columns:minmax(0,0.82fr) minmax(0,1.18fr);gap:clamp(28px,5vw,68px);align-items:start} @media (max-width:1040px){.ox-faq-wrap{grid-template-columns:minmax(0,1fr);gap:var(--s4)}} @media (min-width:1041px){.ox-faq-aside{position:sticky;top:clamp(88px,11vh,124px)}} .ox-faq-aside .ox-kick{max-width:none} .ox-faq-aside .ox-h2{max-width:none} .ox-faq-ask{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);margin-block-start:var(--s5);padding:var(--s4);border:1px solid var(--ink);border-radius:var(--r2)} .ox-faq-ask-who{display:inline-flex;align-items:center;gap:10px} .ox-faq-mail{font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t2);font-weight:560;color:var(--ink);text-decoration:none;border-block-end:1px solid var(--edge)} .ox-faq-mail:hover{border-block-end-color:var(--mark)} @media (max-width:1040px){.ox-faq-ask{display:none}} .ox-faq{display:grid;gap:0;max-width:var(--read);counter-reset:ox-q;margin:0} .ox-faq>div{position:relative;padding:26px 16px 26px 66px;margin-inline:-16px;border-radius:var(--r1);border-top:1px solid var(--edge);counter-increment:ox-q} .ox-faq>div:last-child{border-bottom:1px solid var(--edge)} .ox-faq>div::before{content:counter(ox-q,decimal-leading-zero);position:absolute;left:0;top:24px;display:inline-flex;align-items:center;padding:4px 11px;border:1px solid var(--edge);border-radius:var(--r3);background:var(--paper);font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:600;letter-spacing:0.08em;color:var(--mark);font-variant-numeric:tabular-nums} .ox-faq dt{margin:0;font-size:var(--t5);font-weight:600;letter-spacing:-0.02em;line-height:1.3;color:var(--ink)} .ox-faq dd{margin:var(--s3) 0 0} .ox-faq dd p{margin:0;font-size:var(--t3);line-height:1.7;color:var(--body);max-width:none} .ox-faq dd p+p{margin-block-start:var(--s3)} .ox-faq-src{color:var(--ink);font-weight:520;text-decoration:underline;text-decoration-color:var(--mark);text-decoration-thickness:1.5px;text-underline-offset:3px} .ox-faq-src:hover{color:var(--mark)} @media (max-width:660px){ .ox-faq>div{padding-left:16px;padding-top:22px} .ox-faq>div::before{position:static;margin-block-end:12px} } .ox-close{display:grid;gap:clamp(26px,3vw,40px);align-items:center} @media (min-width:900px){ .ox-close{grid-template-columns:minmax(0,1.08fr) minmax(318px,0.78fr);gap:clamp(40px,4.6vw,78px)} } .ox-close-t{margin:0;max-width:24ch;font-size:clamp(32px,3.08vw,52px);font-weight:500;letter-spacing:-0.03em;line-height:1.04;color:var(--ink)} .ox-close-s{margin:var(--s4) 0 0;max-width:48ch;font-size:20.46px;font-weight:400;line-height:1.62;color:#FFFFFF} .ox-close-a{display:grid;gap:var(--s4);align-content:start;padding:clamp(22px,2.3vw,32px);border-radius:16px;border:1px solid var(--edge);background:var(--paper);box-shadow:var(--sh1)} .ox-sec[data-g="ink"] .ox-close-a{ --paper:#FFFFFF; --ink:#0B0B0C; --body:rgba(var(--i-rgb),0.97); --soft:rgba(var(--i-rgb),0.91); --edge:#E3DFD5; --mark:#9E3B22; --tone-on:#0B0B0C; border-color:transparent; background:#FFFFFF; color:#0B0B0C; box-shadow:0 2px 6px rgba(var(--i-rgb),0.36),0 44px 84px -38px rgba(var(--i-rgb),0.85); } .ox-sec[data-g="ink"] .ox-close-a .ox-btn-a{background:#DD6E3E;border-color:#DD6E3E;color:#0B0B0C} .ox-close-btns{display:flex;flex-wrap:wrap;gap:var(--s3)} .ox-close-who{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding-block-start:var(--s4);border-block-start:1px solid var(--edge)} .ox-close-wl{font-size:var(--t3);font-weight:450;letter-spacing:-0.004em;line-height:1.35;color:var(--body)} .ox-close-mail{display:inline-flex;align-items:center;gap:8px;min-height:34px;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:18.3px;font-weight:560;color:var(--ink);text-decoration:none;border-block-end:1px solid var(--edge);justify-self:start} .ox-close-mail:hover{border-block-end-color:var(--mark)} @media (max-width:520px){.ox-close-btns .ox-btn{flex:1 1 100%}} .ox-sec-map{padding-block:clamp(11px,1.1vw,18px)} .ox-mesh-wrap{display:grid;gap:clamp(30px,3.4vw,56px);border-top:2px solid var(--ink);padding-top:var(--s5)} @media (min-width:1080px){.ox-mesh-wrap{grid-template-columns:repeat(auto-fit,minmax(430px,1fr))}} .ox-mesh{min-width:0} .ox-mesh-h{display:flex;align-items:center;gap:var(--s3);margin:0 0 var(--s4)} .ox-mesh-h>.ox-eyebrow{flex:0 0 auto} .ox-mesh ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--s3);margin:0;padding:0;list-style:none} .ox-mesh li{display:grid;min-width:0} .ox-mesh a{position:relative;display:flex;align-items:flex-start;gap:11px;padding:16px 17px;border-radius:var(--r2);border:1px solid var(--edge);background:var(--paper);box-shadow:var(--sh1);font-size:var(--t3);font-weight:500;letter-spacing:-0.008em;line-height:1.42;color:var(--ink);text-decoration:none} .ox-mesh a::before{content:"";flex:0 0 auto;margin-block-start:0.46em;inline-size:6px;block-size:6px;border-radius:50%;background:var(--mark)} .ox-mesh-t{flex:1 1 auto;min-width:0} .ox-mesh a::after{content:"\203a";flex:0 0 auto;align-self:center;font-size:var(--t5);font-weight:500;line-height:1;color:var(--mark);pointer-events:none} .ox-mesh a:hover{border-color:var(--tone);background:var(--tone-wash);box-shadow:var(--sh2)} @media (max-width:1079px){.ox-mesh+.ox-mesh{padding-top:var(--s4);border-top:1px solid var(--edge)}} @supports (animation-timeline: view()) { @media (prefers-reduced-motion:no-preference) { .ox-win-view{container-type:inline-size;overflow:clip;scroll-snap-type:none} .ox-win-track{width:max-content;animation:oxWinTravel linear both;animation-timeline:view();animation-range:entry 70% exit 30%} @keyframes oxWinTravel{ from{transform:translateX(0)} to{transform:translateX(min(0px,calc(100cqw - 100%)))} } } } @supports (animation-timeline: view()) { @media (prefers-reduced-motion:no-preference) and (min-width:900px) and (min-height:620px) { .ox-wins:not(.ox-team-rail){ --ox-card:clamp(261.95px,52.39vh,523.91px); --ox-gap:clamp(14px,1.4vw,22px); --ox-window:min(1860px - 2 * var(--gut),100vw - 2 * var(--gut)); --ox-travel:max(0px,calc(var(--n,4) * (var(--ox-card) + var(--ox-gap)) - var(--ox-gap) - var(--ox-window))); --ox-slog:clamp(64px,8.4vh,108px); view-timeline-name:--oxwins; view-timeline-axis:block; min-height:calc(100 * var(--ap2-svh, 1svh) + var(--ox-travel)); } .ox-wins:not(.ox-team-rail) .ox-win-pin{ display:flex; flex-direction:column; position:sticky; inset-block-start:88px; block-size:calc(100 * var(--ap2-svh, 1svh) - 88px); } .ox-wins:not(.ox-team-rail) .ox-win-slog{ flex:0 0 auto; block-size:var(--ox-slog); margin:0; display:flex; align-items:center; container-type:inline-size; overflow:clip; -webkit-mask-image:linear-gradient(to right,#000 0 92%,transparent 100%); mask-image:linear-gradient(to right,#000 0 92%,transparent 100%); } .ox-wins:not(.ox-team-rail) .ox-win-view{ flex:1 1 auto; min-block-size:0; display:flex; align-items:center; contain:layout paint; } .ox-wins:not(.ox-team-rail) .ox-win-track{ animation:oxWinTravel linear both; animation-timeline:--oxwins; animation-range:contain 0% contain 100%; will-change:transform; } .ox-wins:not(.ox-team-rail) .ox-win{flex-basis:clamp(261.95px,52.39vh,523.91px)} .ox-wins:not(.ox-team-rail) .ox-win-prog{ display:block; flex:0 0 auto; block-size:3px; margin-block:clamp(14px,2.4vh,26px) clamp(14px,3.1vh,34px); border-radius:999px; background:rgba(15,23,31,0.10); overflow:hidden; } .ox-wins:not(.ox-team-rail) .ox-win-prog>i{ display:block; block-size:100%; inline-size:100%; border-radius:inherit; background:#DD6E3E; transform-origin:left center; animation:oxWinFill linear both; animation-timeline:--oxwins; animation-range:contain 0% contain 100%; } [dir="rtl"] .ox-wins:not(.ox-team-rail) .ox-win-prog>i{transform-origin:right center} @keyframes oxWinFill{from{transform:scaleX(0)}to{transform:scaleX(1)}} } } .ox-win-prog{display:none} @media (prefers-reduced-motion:no-preference){ @keyframes oxSplitBar{from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes oxSplitSlide2{0.0000%{transform:translateX(-0%)}50.0000%{transform:translateX(-100%)}100%{transform:translateX(-200%)}} @keyframes oxSplitPick2{0%{background:var(--ink);border-color:var(--ink);color:#FFFFFF}50.0000%{background:transparent;border-color:transparent;color:var(--ink)}100%{background:transparent;border-color:transparent;color:var(--ink)}} @keyframes oxSplitSlide3{0.0000%{transform:translateX(-0%)}33.3333%{transform:translateX(-100%)}66.6667%{transform:translateX(-200%)}100%{transform:translateX(-300%)}} @keyframes oxSplitPick3{0%{background:var(--ink);border-color:var(--ink);color:#FFFFFF}33.3333%{background:transparent;border-color:transparent;color:var(--ink)}100%{background:transparent;border-color:transparent;color:var(--ink)}} @keyframes oxSplitSlide4{0.0000%{transform:translateX(-0%)}25.0000%{transform:translateX(-100%)}50.0000%{transform:translateX(-200%)}75.0000%{transform:translateX(-300%)}100%{transform:translateX(-400%)}} @keyframes oxSplitPick4{0%{background:var(--ink);border-color:var(--ink);color:#FFFFFF}25.0000%{background:transparent;border-color:transparent;color:var(--ink)}100%{background:transparent;border-color:transparent;color:var(--ink)}} @keyframes oxSplitSlide5{0.0000%{transform:translateX(-0%)}20.0000%{transform:translateX(-100%)}40.0000%{transform:translateX(-200%)}60.0000%{transform:translateX(-300%)}80.0000%{transform:translateX(-400%)}100%{transform:translateX(-500%)}} @keyframes oxSplitPick5{0%{background:var(--ink);border-color:var(--ink);color:#FFFFFF}20.0000%{background:transparent;border-color:transparent;color:var(--ink)}100%{background:transparent;border-color:transparent;color:var(--ink)}} @keyframes oxSplitSlide6{0.0000%{transform:translateX(-0%)}16.6667%{transform:translateX(-100%)}33.3333%{transform:translateX(-200%)}50.0000%{transform:translateX(-300%)}66.6667%{transform:translateX(-400%)}83.3333%{transform:translateX(-500%)}100%{transform:translateX(-600%)}} @keyframes oxSplitPick6{0%{background:var(--ink);border-color:var(--ink);color:#FFFFFF}16.6667%{background:transparent;border-color:transparent;color:var(--ink)}100%{background:transparent;border-color:transparent;color:var(--ink)}} @keyframes oxSplitSlide7{0.0000%{transform:translateX(-0%)}14.2857%{transform:translateX(-100%)}28.5714%{transform:translateX(-200%)}42.8571%{transform:translateX(-300%)}57.1429%{transform:translateX(-400%)}71.4286%{transform:translateX(-500%)}85.7143%{transform:translateX(-600%)}100%{transform:translateX(-700%)}} @keyframes oxSplitPick7{0%{background:var(--ink);border-color:var(--ink);color:#FFFFFF}14.2857%{background:transparent;border-color:transparent;color:var(--ink)}100%{background:transparent;border-color:transparent;color:var(--ink)}} @keyframes oxSplitSlide8{0.0000%{transform:translateX(-0%)}12.5000%{transform:translateX(-100%)}25.0000%{transform:translateX(-200%)}37.5000%{transform:translateX(-300%)}50.0000%{transform:translateX(-400%)}62.5000%{transform:translateX(-500%)}75.0000%{transform:translateX(-600%)}87.5000%{transform:translateX(-700%)}100%{transform:translateX(-800%)}} @keyframes oxSplitPick8{0%{background:var(--ink);border-color:var(--ink);color:#FFFFFF}12.5000%{background:transparent;border-color:transparent;color:var(--ink)}100%{background:transparent;border-color:transparent;color:var(--ink)}} @keyframes oxSplitSlide9{0.0000%{transform:translateX(-0%)}11.1111%{transform:translateX(-100%)}22.2222%{transform:translateX(-200%)}33.3333%{transform:translateX(-300%)}44.4444%{transform:translateX(-400%)}55.5556%{transform:translateX(-500%)}66.6667%{transform:translateX(-600%)}77.7778%{transform:translateX(-700%)}88.8889%{transform:translateX(-800%)}100%{transform:translateX(-900%)}} @keyframes oxSplitPick9{0%{background:var(--ink);border-color:var(--ink);color:#FFFFFF}11.1111%{background:transparent;border-color:transparent;color:var(--ink)}100%{background:transparent;border-color:transparent;color:var(--ink)}} @keyframes oxSplitSlide10{0.0000%{transform:translateX(-0%)}10.0000%{transform:translateX(-100%)}20.0000%{transform:translateX(-200%)}30.0000%{transform:translateX(-300%)}40.0000%{transform:translateX(-400%)}50.0000%{transform:translateX(-500%)}60.0000%{transform:translateX(-600%)}70.0000%{transform:translateX(-700%)}80.0000%{transform:translateX(-800%)}90.0000%{transform:translateX(-900%)}100%{transform:translateX(-1000%)}} @keyframes oxSplitPick10{0%{background:var(--ink);border-color:var(--ink);color:#FFFFFF}10.0000%{background:transparent;border-color:transparent;color:var(--ink)}100%{background:transparent;border-color:transparent;color:var(--ink)}} @keyframes oxSplitSlide11{0.0000%{transform:translateX(-0%)}9.0909%{transform:translateX(-100%)}18.1818%{transform:translateX(-200%)}27.2727%{transform:translateX(-300%)}36.3636%{transform:translateX(-400%)}45.4545%{transform:translateX(-500%)}54.5455%{transform:translateX(-600%)}63.6364%{transform:translateX(-700%)}72.7273%{transform:translateX(-800%)}81.8182%{transform:translateX(-900%)}90.9091%{transform:translateX(-1000%)}100%{transform:translateX(-1100%)}} @keyframes oxSplitPick11{0%{background:var(--ink);border-color:var(--ink);color:#FFFFFF}9.0909%{background:transparent;border-color:transparent;color:var(--ink)}100%{background:transparent;border-color:transparent;color:var(--ink)}} @keyframes oxSplitSlide12{0.0000%{transform:translateX(-0%)}8.3333%{transform:translateX(-100%)}16.6667%{transform:translateX(-200%)}25.0000%{transform:translateX(-300%)}33.3333%{transform:translateX(-400%)}41.6667%{transform:translateX(-500%)}50.0000%{transform:translateX(-600%)}58.3333%{transform:translateX(-700%)}66.6667%{transform:translateX(-800%)}75.0000%{transform:translateX(-900%)}83.3333%{transform:translateX(-1000%)}91.6667%{transform:translateX(-1100%)}100%{transform:translateX(-1200%)}} @keyframes oxSplitPick12{0%{background:var(--ink);border-color:var(--ink);color:#FFFFFF}8.3333%{background:transparent;border-color:transparent;color:var(--ink)}100%{background:transparent;border-color:transparent;color:var(--ink)}} .ox-btn{transition:transform .25s var(--ease),background .25s ease,border-color .25s ease,box-shadow .25s ease} .ox-btn:hover{transform:translateY(-1px);box-shadow:var(--sh2)} .ox-prose-n{transition:border-color .2s ease,background-color .2s ease,color .2s ease} .ox-btn::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;background:linear-gradient(100deg,rgba(var(--w-rgb),0) 0%,rgba(var(--w-rgb),0.30) 50%,rgba(var(--w-rgb),0) 100%);transition:left .65s var(--ease)} .ox-btn:hover::after{left:130%} .ox-card{transition:border-color .26s ease,background .26s ease,box-shadow .26s ease,transform .26s var(--ease)} .ox-card:hover{border-color:var(--tone);background:var(--tone-wash);box-shadow:var(--sh2);transform:translateY(-2px)} .ox-card-ic{transition:transform .5s var(--ease)} .ox-card:hover .ox-card-ic{transform:scale(1.06)} .ox-check{transition:border-color .26s ease} .ox-check:hover{border-block-start-color:var(--mark)} .ox-tick{stroke-dasharray:15;animation:oxTick .5s var(--ease) both;animation-delay:calc(0.06s + var(--i,0) * 0.05s)} .ox-meet-a{transition:border-color .26s ease,box-shadow .26s ease,transform .26s var(--ease)} .ox-meet-a:hover{border-color:var(--tone);box-shadow:var(--sh2);transform:translateY(-2px)} .ox-meet-go svg{transition:transform .26s var(--ease)} .ox-meet-a:hover .ox-meet-go svg{transform:translateX(3px)} .ox-door{transition:border-color .26s ease,background .26s ease,box-shadow .26s ease,transform .26s var(--ease)} .ox-door:hover{border-color:var(--tone);background:var(--tone-wash);box-shadow:var(--sh2);transform:translateY(-2px)} .ox-door-go svg{transition:transform .26s var(--ease)} .ox-door:hover .ox-door-go svg{transform:translateX(3px)} .ox-door-ic{transition:background .26s ease,color .26s ease} .ox-door:hover .ox-door-ic{background:#DD6E3E;color:#0B0B0C} .ox-win{transition:box-shadow .26s var(--ease),transform .26s var(--ease)} .ox-win:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(15,23,31,0.05),0 22px 44px -26px rgba(15,23,31,0.55)} .ox-win-shot img{transition:transform .52s var(--ease)} .ox-win:hover .ox-win-shot img{transform:scale(1.035)} .ox-price{transition:box-shadow .26s ease,transform .26s var(--ease)} .ox-price:hover{transform:translateY(-2px);box-shadow:var(--sh2)} .ox-hook-p{stroke-dasharray:var(--len,40);animation:oxDraw 1.1s var(--ease) .55s backwards} .ox-hook-p+.ox-hook-p{animation-delay:1.15s} .ox-faq>div{transition:background .3s ease} .ox-faq>div:hover{background:rgba(var(--w-rgb),0.55)} .ox-sec[data-g="paper"] .ox-faq>div:hover{background:rgba(var(--i-rgb),0.02)} .ox-sec[data-g="ink"] .ox-faq>div:hover{background:rgba(var(--w-rgb),0.05)} .ox-mesh a{transition:border-color .22s ease,background .22s ease,box-shadow .26s ease,transform .26s var(--ease)} .ox-mesh a:hover{transform:translateY(-2px)} .ox-mesh a::after{transition:transform .26s var(--ease)} .ox-mesh a:hover::after{transform:translateX(3px)} .ox-crumb a{transition:color .18s ease} .ox-towns-sweep{animation:oxTownsSweep 12s linear infinite} .ox-towns-pin .ox-towns-halo{animation:oxTownsPulse 3.6s ease-in-out infinite} .ox-towns-pin:nth-of-type(2n) .ox-towns-halo{animation-delay:-1.2s} .ox-towns-pin:nth-of-type(3n) .ox-towns-halo{animation-delay:-2.4s} .ox-towns:has(.ox-card:hover) .ox-towns-halo{animation:none} .ox-towns-halo{transition:opacity .3s ease,transform .3s var(--ease)} .ox-towns-dot{transition:fill .3s ease} .ox-towns-spoke{transition:stroke .3s ease} .ox-trk-s[data-last] .ox-trk-node{animation:oxTrkGlow 3.2s ease-in-out infinite} .ox-url-r:not([data-tone="drop"]) .ox-url-p mark{animation:oxUrlMark 3.6s ease-in-out infinite} .ox-url-r + .ox-url-r .ox-url-p mark{animation-delay:-1.8s} .ox-serp-pin[data-k="0"]{animation:oxSerpPin 2.8s ease-in-out infinite} .ox-serp-z[data-z="pack"]{animation:oxSerpRing 3.6s ease-in-out infinite} .ox-gbp-open{animation:oxGbpOpen 2.4s ease-in-out infinite} .ox-rpt-col[data-win] i{animation:oxRptWin 2.8s ease-in-out infinite} .ox-scope-bar{animation:oxScopeShine 4.2s ease-in-out infinite} .ox-scope-r + .ox-scope-r .ox-scope-bar{animation-delay:-1.4s} .ox-site-chart i:last-child{animation:oxRptWin 2.8s ease-in-out infinite} } @keyframes oxTownsSweep{to{transform:rotate(360deg)}} @keyframes oxRptWin{0%,100%{box-shadow:0 0 0 0 rgba(221,110,62,0.4)}60%{box-shadow:0 0 0 7px rgba(221,110,62,0)}} @keyframes oxScopeShine{0%{background-position:100% 0}60%,100%{background-position:0% 0}} @keyframes oxGbpOpen{0%,100%{box-shadow:0 0 0 0 rgba(47,158,91,0.45)}60%{box-shadow:0 0 0 6px rgba(47,158,91,0)}} @keyframes oxSerpPin{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes oxSerpRing{0%,100%{box-shadow:0 0 0 6px rgba(221,110,62,0.08)}50%{box-shadow:0 0 0 11px rgba(221,110,62,0.04)}} @keyframes oxUrlMark{0%,100%{background:rgba(221,110,62,0.28)}50%{background:rgba(221,110,62,0.46)}} @keyframes oxTrkGlow{0%,100%{box-shadow:0 0 0 8px rgba(221,110,62,0.16),0 0 36px rgba(221,110,62,0.55)}50%{box-shadow:0 0 0 14px rgba(221,110,62,0.08),0 0 52px rgba(221,110,62,0.7)}} @keyframes oxTownsPulse{0%,100%{opacity:0.16;transform:scale(1)}50%{opacity:0.32;transform:scale(1.28)}} @keyframes oxTick{from{stroke-dashoffset:15}to{stroke-dashoffset:0}} @keyframes oxDraw{from{stroke-dashoffset:var(--len,40)}to{stroke-dashoffset:0}} .ox-wheel{display:grid;gap:var(--s4);margin:var(--s4) 0 0} .ox-wh-r,.ox-wh-sr{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} .ox-wh-pick{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center;justify-self:start;padding:5px;border:1px solid var(--edge);border-radius:999px;background:var(--paper);box-shadow:var(--sh1)} .ox-wh-pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--body);font-size:var(--t3);font-weight:540;letter-spacing:-0.006em;cursor:pointer} .ox-wh-pill:hover{background:var(--band);color:var(--ink)} .ox-wh-pill-fill{position:absolute;inset-inline:0;inset-block-end:0;block-size:2px;transform:scaleX(0);transform-origin:left center;background:currentColor;opacity:0.6;pointer-events:none} .ox-wh-stage{display:grid;gap:var(--s5);align-items:center} @media (min-width:1100px){ .ox-wh-stage{grid-template-columns:minmax(300px,0.72fr) minmax(0,1.28fr);column-gap:clamp(28px,3.4vw,64px)} } .ox-wh-chart{position:relative;margin:0;inline-size:min(100%,427px);justify-self:center;aspect-ratio:1} .ox-wh-svg{display:block;inline-size:100%;block-size:100%;overflow:visible} .ox-wh-dial{stroke:var(--edge);stroke-width:1.2;stroke-dasharray:2 7;transform-box:view-box;transform-origin:200px 200px} .ox-wh-clock{stroke:var(--tone);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:var(--c) var(--c);stroke-dashoffset:var(--c)} .ox-wh-track{stroke:rgba(var(--i-rgb),0.05)} .ox-wh-hubdisc{fill:#FFFFFF;stroke:var(--edge);stroke-width:1.2;filter:drop-shadow(0 6px 14px rgba(var(--i-rgb),0.09))} .ox-wh-seg{stroke-linecap:butt;stroke-dasharray:var(--d0) 2000;stroke-dashoffset:var(--o0)} .ox-wh-hub{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;pointer-events:none} .ox-wh-hub-k{font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:600;letter-spacing:0.04em;color:var(--soft)} .ox-wh-hub-t{font-size:clamp(17.6px,1.6vw,22.6px);font-weight:650;letter-spacing:-0.022em;color:var(--ink)} .ox-wh-hub-n{font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:var(--t1);font-weight:600;letter-spacing:0.04em;color:var(--mark)} .ox-wh-roll{display:inline-block;block-size:1.25em;line-height:1.25em;overflow:hidden;overflow:clip;vertical-align:bottom} .ox-wh-roll-s{display:block;transform:translateY(0)} .ox-wh-roll-v{display:block;block-size:1.25em;white-space:nowrap;font-variant-numeric:tabular-nums} .ox-wh-notes{display:grid} .ox-wh-note-k{grid-area:1 / 1;margin:0;font-size:calc(var(--t3) + 0.6px);font-weight:450;line-height:1.5;color:var(--body);clip-path:inset(0 0 0 100%)} .ox-wh-note-k:nth-child(1){clip-path:inset(0 0 0 0)} .ox-wh-note-k b{font-weight:650;color:var(--ink)} .ox-wh-side{display:grid;gap:var(--s4);min-width:0} .ox-wh-keys{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:start} .ox-wh-key{display:grid;gap:0;padding:12px 14px 6px;border:1px solid var(--edge);border-radius:14px;background:var(--paper);box-shadow:var(--sh1)} .ox-wh-key-h{display:flex;align-items:baseline;gap:8px;margin:0;font-size:calc(var(--t3) + 0.6px);font-weight:600;letter-spacing:-0.014em;color:var(--ink)} .ox-wh-key-i{flex:0 0 auto;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:calc(var(--t1) + 0.6px);font-weight:700;letter-spacing:0.06em;color:var(--soft);font-variant-numeric:tabular-nums} .ox-wh-key-h b{flex:1 1 auto;min-width:0;font-weight:650} .ox-wh-key-n{flex:0 0 auto;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:calc(var(--t3) + 0.6px);font-weight:700;color:var(--mark)} .ox-wh-key-bar{display:block;block-size:6px;margin:9px 0 4px;border-radius:999px;background:rgba(var(--i-rgb),0.07);overflow:hidden} .ox-wh-key-bar i,.ox-wh-key-m i{display:block;block-size:100%;border-radius:inherit;border:1px solid transparent;transform-origin:left center;transform:scaleX(var(--s0))} .ox-wh-key ul{display:grid;gap:0;margin:0;padding:0;list-style:none} .ox-wh-key li{border-block-start:1px solid var(--edge)} .ox-wh-key-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:9px;row-gap:5px;padding:7px 2px 8px;text-decoration:none;color:inherit} .ox-wh-key-t a{color:inherit;text-decoration:none} .ox-wh-key-t a::after{content:'';position:absolute;inset:0;z-index:1} .ox-wh-key-dot{display:inline-block;inline-size:9px;block-size:9px;border-radius:50%;box-shadow:0 0 0 1px var(--dot-edge,transparent),0 0 0 3px var(--paper)} .ox-wh-key-t{min-width:0;font-size:calc(var(--t2) + 0.6px);font-weight:550;letter-spacing:-0.006em;line-height:1.3;color:var(--ink)} .ox-wh-key-p{font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:calc(var(--t2) + 0.6px);font-weight:700;color:var(--ink)} .ox-wh-key-m{grid-column:2 / -1;display:block;block-size:3px;border-radius:999px;background:rgba(var(--i-rgb),0.06);overflow:hidden} .ox-wh-note{margin:0;max-width:80ch;font-size:calc(var(--t2) + 0.6px);font-weight:400;line-height:1.6;color:var(--soft)} .ox-wh-key-t a:focus-visible{outline:none} .ox-wh-key-t a:focus-visible::after{outline:2px solid var(--mark);outline-offset:2px;border-radius:var(--r1)} .ox-wheel #ox-mix-auto:checked ~ .ox-wh-pick > .ox-wh-pill:nth-child(1){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-wheel :is(#ox-mix-0,#ox-mix-1,#ox-mix-2,#ox-mix-3,#ox-mix-4):checked ~ .ox-wh-stage .ox-wh-note-k{clip-path:inset(0 0 0 100%)} .ox-wheel #ox-mix-0:checked ~ .ox-wh-stage .ox-wh-seg{stroke-dasharray:var(--d0) 2000;stroke-dashoffset:var(--o0)} .ox-wheel #ox-mix-0:checked ~ .ox-wh-stage .ox-wh-roll-s{transform:translateY(-0%)} .ox-wheel #ox-mix-0:checked ~ .ox-wh-stage .ox-wh-key-bar i,.ox-wheel #ox-mix-0:checked ~ .ox-wh-stage .ox-wh-key-m i{transform:scaleX(var(--s0))} .ox-wheel #ox-mix-0:checked ~ .ox-wh-stage .ox-wh-note-k:nth-child(1){clip-path:inset(0 0 0 0)} .ox-wheel #ox-mix-0:checked ~ .ox-wh-pick > .ox-wh-pill:nth-child(1){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-wheel #ox-mix-0:focus-visible ~ .ox-wh-pick > .ox-wh-pill:nth-child(1){outline:2px solid var(--tone);outline-offset:2px} .ox-wheel #ox-mix-1:checked ~ .ox-wh-stage .ox-wh-seg{stroke-dasharray:var(--d1) 2000;stroke-dashoffset:var(--o1)} .ox-wheel #ox-mix-1:checked ~ .ox-wh-stage .ox-wh-roll-s{transform:translateY(-16.67%)} .ox-wheel #ox-mix-1:checked ~ .ox-wh-stage .ox-wh-key-bar i,.ox-wheel #ox-mix-1:checked ~ .ox-wh-stage .ox-wh-key-m i{transform:scaleX(var(--s1))} .ox-wheel #ox-mix-1:checked ~ .ox-wh-stage .ox-wh-note-k:nth-child(2){clip-path:inset(0 0 0 0)} .ox-wheel #ox-mix-1:checked ~ .ox-wh-pick > .ox-wh-pill:nth-child(2){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-wheel #ox-mix-1:focus-visible ~ .ox-wh-pick > .ox-wh-pill:nth-child(2){outline:2px solid var(--tone);outline-offset:2px} .ox-wheel #ox-mix-2:checked ~ .ox-wh-stage .ox-wh-seg{stroke-dasharray:var(--d2) 2000;stroke-dashoffset:var(--o2)} .ox-wheel #ox-mix-2:checked ~ .ox-wh-stage .ox-wh-roll-s{transform:translateY(-33.33%)} .ox-wheel #ox-mix-2:checked ~ .ox-wh-stage .ox-wh-key-bar i,.ox-wheel #ox-mix-2:checked ~ .ox-wh-stage .ox-wh-key-m i{transform:scaleX(var(--s2))} .ox-wheel #ox-mix-2:checked ~ .ox-wh-stage .ox-wh-note-k:nth-child(3){clip-path:inset(0 0 0 0)} .ox-wheel #ox-mix-2:checked ~ .ox-wh-pick > .ox-wh-pill:nth-child(3){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-wheel #ox-mix-2:focus-visible ~ .ox-wh-pick > .ox-wh-pill:nth-child(3){outline:2px solid var(--tone);outline-offset:2px} .ox-wheel #ox-mix-3:checked ~ .ox-wh-stage .ox-wh-seg{stroke-dasharray:var(--d3) 2000;stroke-dashoffset:var(--o3)} .ox-wheel #ox-mix-3:checked ~ .ox-wh-stage .ox-wh-roll-s{transform:translateY(-50%)} .ox-wheel #ox-mix-3:checked ~ .ox-wh-stage .ox-wh-key-bar i,.ox-wheel #ox-mix-3:checked ~ .ox-wh-stage .ox-wh-key-m i{transform:scaleX(var(--s3))} .ox-wheel #ox-mix-3:checked ~ .ox-wh-stage .ox-wh-note-k:nth-child(4){clip-path:inset(0 0 0 0)} .ox-wheel #ox-mix-3:checked ~ .ox-wh-pick > .ox-wh-pill:nth-child(4){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-wheel #ox-mix-3:focus-visible ~ .ox-wh-pick > .ox-wh-pill:nth-child(4){outline:2px solid var(--tone);outline-offset:2px} .ox-wheel #ox-mix-4:checked ~ .ox-wh-stage .ox-wh-seg{stroke-dasharray:var(--d4) 2000;stroke-dashoffset:var(--o4)} .ox-wheel #ox-mix-4:checked ~ .ox-wh-stage .ox-wh-roll-s{transform:translateY(-66.67%)} .ox-wheel #ox-mix-4:checked ~ .ox-wh-stage .ox-wh-key-bar i,.ox-wheel #ox-mix-4:checked ~ .ox-wh-stage .ox-wh-key-m i{transform:scaleX(var(--s4))} .ox-wheel #ox-mix-4:checked ~ .ox-wh-stage .ox-wh-note-k:nth-child(5){clip-path:inset(0 0 0 0)} .ox-wheel #ox-mix-4:checked ~ .ox-wh-pick > .ox-wh-pill:nth-child(5){background:var(--ink);border-color:var(--ink);color:#FFFFFF} .ox-wheel #ox-mix-4:focus-visible ~ .ox-wh-pick > .ox-wh-pill:nth-child(5){outline:2px solid var(--tone);outline-offset:2px} @media (max-width:1099px){ .ox-wh-chart{inline-size:min(100%,349px)} } @media (prefers-reduced-motion:no-preference){ .ox-wh-seg{transition:stroke-dasharray 1.2s cubic-bezier(0.7,0,0.25,1),stroke-dashoffset 1.2s cubic-bezier(0.7,0,0.25,1)} .ox-wh-roll-s{transition:transform 0.9s cubic-bezier(0.7,0,0.25,1);transition-delay:calc(var(--ri,0) * 0.025s)} .ox-wh-key-bar i,.ox-wh-key-m i{transition:transform 1.2s cubic-bezier(0.7,0,0.25,1)} .ox-wh-note-k{transition:clip-path 0.7s cubic-bezier(0.7,0,0.25,1)} .ox-wh-dial{animation-name:oxWhDial;animation-duration:90s;animation-timing-function:linear;animation-iteration-count:infinite} .ox-wheel #ox-mix-auto:checked ~ .ox-wh-stage .ox-wh-seg{animation-name:oxWhSeg;animation-duration:22.5s;animation-timing-function:cubic-bezier(0.7,0,0.25,1);animation-iteration-count:infinite} .ox-wheel #ox-mix-auto:checked ~ .ox-wh-stage .ox-wh-roll-s{animation-name:oxWhRoll;animation-duration:22.5s;animation-timing-function:cubic-bezier(0.7,0,0.25,1);animation-iteration-count:infinite;animation-delay:calc(var(--ri,0) * 0.025s)} .ox-wheel #ox-mix-auto:checked ~ .ox-wh-stage .ox-wh-key-bar i,.ox-wheel #ox-mix-auto:checked ~ .ox-wh-stage .ox-wh-key-m i{animation-name:oxWhBar;animation-duration:22.5s;animation-timing-function:cubic-bezier(0.7,0,0.25,1);animation-iteration-count:infinite} .ox-wheel #ox-mix-auto:checked ~ .ox-wh-stage .ox-wh-note-k{animation-name:oxWhNote;animation-duration:22.5s;animation-timing-function:cubic-bezier(0.7,0,0.25,1);animation-iteration-count:infinite;animation-delay:calc(var(--ni,0) * 4.5s - 1.2s)} .ox-wheel #ox-mix-auto:checked ~ .ox-wh-stage .ox-wh-clock{animation-name:oxWhClock;animation-duration:4.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:-1.2s} .ox-wheel .ox-wh-pick > .ox-wh-pill:nth-child(1){--pd:-0.6s} .ox-wheel .ox-wh-pick > .ox-wh-pill:nth-child(2){--pd:3.9s} .ox-wheel .ox-wh-pick > .ox-wh-pill:nth-child(3){--pd:8.4s} .ox-wheel .ox-wh-pick > .ox-wh-pill:nth-child(4){--pd:12.9s} .ox-wheel .ox-wh-pick > .ox-wh-pill:nth-child(5){--pd:17.4s} .ox-wheel #ox-mix-auto:checked ~ .ox-wh-pick > .ox-wh-pill{animation-name:oxWhPick;animation-duration:22.5s;animation-timing-function:steps(1,end);animation-iteration-count:infinite;animation-delay:var(--pd,0s)} .ox-wheel #ox-mix-auto:checked ~ .ox-wh-pick > .ox-wh-pill > .ox-wh-pill-fill{animation-name:oxWhFill;animation-duration:22.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:var(--pd,0s)} .ox-wh-key-row.is-link{transition:background .2s ease} .ox-wh-key-row.is-link:hover{background:var(--tone-wash)} .ox-wh-key-row.is-link:hover .ox-wh-key-t{color:var(--mark)} } @keyframes oxWhSeg{0%,14.67%{stroke-dasharray:var(--d0) 2000;stroke-dashoffset:var(--o0)}20%,34.67%{stroke-dasharray:var(--d1) 2000;stroke-dashoffset:var(--o1)}40%,54.67%{stroke-dasharray:var(--d2) 2000;stroke-dashoffset:var(--o2)}60%,74.67%{stroke-dasharray:var(--d3) 2000;stroke-dashoffset:var(--o3)}80%,94.67%{stroke-dasharray:var(--d4) 2000;stroke-dashoffset:var(--o4)}100%{stroke-dasharray:var(--d0) 2000;stroke-dashoffset:var(--o0)}} @keyframes oxWhRoll{0%,14.67%{transform:translateY(-0%)}20%,34.67%{transform:translateY(-16.67%)}40%,54.67%{transform:translateY(-33.33%)}60%,74.67%{transform:translateY(-50%)}80%,94.67%{transform:translateY(-66.67%)}100%{transform:translateY(-83.33%)}} @keyframes oxWhBar{0%,14.67%{transform:scaleX(var(--s0))}20%,34.67%{transform:scaleX(var(--s1))}40%,54.67%{transform:scaleX(var(--s2))}60%,74.67%{transform:scaleX(var(--s3))}80%,94.67%{transform:scaleX(var(--s4))}100%{transform:scaleX(var(--s0))}} @keyframes oxWhNote{0%{clip-path:inset(0 100% 0 0)}5.33%,20%{clip-path:inset(0 0 0 0)}25.33%,100%{clip-path:inset(0 0 0 100%)}} @keyframes oxWhPick{0%{background:var(--ink);border-color:var(--ink);color:#FFFFFF}20%,100%{background:transparent;border-color:transparent;color:var(--body)}} @keyframes oxWhFill{0%{transform:scaleX(0)}20%{transform:scaleX(1)}20.01%,100%{transform:scaleX(0)}} @keyframes oxWhClock{from{stroke-dashoffset:var(--c)}to{stroke-dashoffset:0}} @keyframes oxWhDial{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} .ox-reel{ --k:0.672; --ox-reel-r:900px; position:relative;margin-top:var(--s5); overflow:clip;isolation:isolate; color:#0B0B0C; padding:clamp(8px,1.2vw,20px) 0 clamp(8px,1.2vw,20px); } @media (min-width:640px){.ox-reel{--k:0.71}} @media (min-width:900px){.ox-reel{--k:0.768}} @media (min-width:1100px){.ox-reel{--k:0.826}} @media (min-width:1300px){.ox-reel{--k:0.922}} @media (min-width:1500px){.ox-reel{--k:0.998}} @media (min-width:1700px){.ox-reel{--k:1.056}} @media (min-width:1860px){.ox-reel{--k:1.114}} .ox-reel-stage{ position:relative;height:calc(760px * var(--k));overflow:clip; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%); } .ox-reel-cam{ position:absolute;left:50%;top:0;width:0;height:700px; transform:scale(var(--k));transform-origin:0 0; perspective:5200px;perspective-origin:0 350px; } .ox-reel-ring{position:absolute;left:0;top:25px;transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--ox-reel-r)))} .ox-reel-spin{position:absolute;left:0;top:0;transform-style:preserve-3d} .ox-reel-card{ position:absolute;left:-180px;top:0;width:360px;height:650px; border-radius:22px;overflow:hidden; backface-visibility:hidden;-webkit-backface-visibility:hidden; background:#fff;color:#0f1419;font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif; box-shadow:0 28px 56px -28px rgba(11,11,12,0.38),0 0 0 1px rgba(11,11,12,0.1); } .ox-reel-i{display:block;flex:none;width:24px;height:24px} .ox-reel-i-s{display:inline-block;width:13.6px;height:13.6px;vertical-align:-2px} .ox-reel-end{margin-left:auto} .ox-reel-pic{display:block;width:100%;height:100%;object-fit:cover} .ox-reel-av{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#16181d} .ox-reel-av-in{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;font-size:15.6px;font-weight:700;color:#fff;line-height:1} .ox-reel-av.is-ring{padding:2px;background:linear-gradient(45deg,#feda75,#fa7e1e 30%,#d62976 60%,#962fbf 85%,#4f5bd5)} .ox-reel-av.is-ring .ox-reel-av-in{background:#16181d;box-shadow:0 0 0 2px #fff} .ox-reel-av.is-square{border-radius:8px} .ox-reel-who{display:flex;flex-direction:column;min-width:0;line-height:1.25} .ox-reel-who b{font-size:14.4px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ox-reel-who span{font-size:12.4px;opacity:0.82} .ox-reel-hd{display:flex;align-items:center;gap:10px;padding:12px 14px} .ox-reel-white{display:flex;flex-direction:column;height:100%;background:#fff} .ox-reel-pic-ig{height:404px;flex:none} .ox-reel-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;height:44px;padding:0 14px;background:#0078c6;color:#fff;font-size:14.4px;font-weight:600} .ox-reel-bar .ox-reel-i{width:18px;height:18px} .ox-reel-acts{display:flex;align-items:center;gap:15px;padding:12px 14px 8px} .ox-reel-cap{margin:0;padding:0 14px;font-size:13.6px;line-height:1.45;color:#262626} .ox-reel-cap b{font-weight:700} .ox-reel-intro{margin:0;padding:0 14px 12px;font-size:13.6px;line-height:1.45;color:#191919} .ox-reel-pic-li{height:374px;flex:none} .ox-reel-pic-fb{height:356px;flex:none} .ox-reel-band{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#eef3f8} .ox-reel-band-fb{background:#f0f2f5} .ox-reel-band-t{display:flex;flex-direction:column;min-width:0;line-height:1.3} .ox-reel-band-t span{font-size:12.4px;color:#65676b} .ox-reel-band-t b{font-size:14.4px;font-weight:700;color:#191919} .ox-reel-btn-li{margin-left:auto;flex:none;padding:6px 14px;border:1.5px solid #0a66c2;border-radius:999px;color:#0a66c2;font-size:13.6px;font-weight:700} .ox-reel-btn-fb{margin-left:auto;flex:none;padding:8px 14px;border-radius:8px;background:#e4e6eb;color:#050505;font-size:13.6px;font-weight:700} .ox-reel-react{display:flex;align-items:center;padding:8px 14px 6px} .ox-reel-dot{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#fff;box-shadow:0 0 0 2px #fff} .ox-reel-dot+.ox-reel-dot{margin-left:-4px} .ox-reel-dot .ox-reel-i{width:11px;height:11px;stroke-width:0} .ox-reel-dot.is-like{background:#378fe9} .ox-reel-dot.is-love{background:#df704d} .ox-reel-li-acts{display:flex;justify-content:space-around;margin-top:auto;padding:8px 6px 12px;border-top:1px solid #e8e8e8;color:#5e5e5e;font-size:13.6px;font-weight:600} .ox-reel-li-acts span{display:flex;align-items:center;gap:5px} .ox-reel-li-acts .ox-reel-i{width:19px;height:19px} .ox-reel-pin{padding:10px} .ox-reel-pin-pic{position:relative;display:block;height:478px;flex:none;border-radius:18px;overflow:hidden} .ox-reel-save{position:absolute;top:12px;right:12px;padding:10px 17px;border-radius:999px;background:#e60023;color:#fff;font-size:14.4px;font-weight:700} .ox-reel-pin-t{display:block;margin:12px 6px 8px;font-size:17.6px;font-weight:700;line-height:1.3;color:#111} .ox-reel-pin-by{display:flex;align-items:center;gap:9px;padding:0 6px} .ox-reel-pin-by .ox-reel-av{width:30px;height:30px} .ox-reel-pin-by .ox-reel-av-in{font-size:13.6px} .ox-reel-pin-by>span{display:flex;flex-direction:column;line-height:1.25} .ox-reel-pin-by b{font-size:13.6px;font-weight:700;color:#111} .ox-reel-pin-k{font-size:12.4px;color:#5f5f5f} .ox-reel-full{position:relative;height:100%;background:#0f1115;color:#fff} .ox-reel-full>.ox-reel-pic{position:absolute;inset:0} .ox-reel-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 52%,rgba(0,0,0,0.72) 100%)} .ox-reel-hd-on{position:absolute;left:0;right:0;top:16px;color:#fff} .ox-reel-hd-on .ox-reel-who span{opacity:0.92} .ox-reel-hd-on .ox-reel-av{box-shadow:0 0 0 2px rgba(255,255,255,0.9)} .ox-reel-q-lab{position:absolute;left:20px;top:20px;display:flex;align-items:center;gap:7px;font-size:13.6px;font-weight:600;letter-spacing:0.08em;opacity:0.92} .ox-reel-q-lab .ox-reel-i{width:16px;height:16px} .ox-reel-q{position:absolute;left:20px;right:20px;top:48px;margin:0;font-size:42px;font-weight:600;line-height:1.04;letter-spacing:-0.02em;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,0.35)} .ox-reel-panel{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;gap:3px;padding:13px 15px;border-radius:14px;background:#fff;color:#202124;box-shadow:0 10px 30px rgba(0,0,0,0.3)} .ox-reel-panel-k{font-size:12.4px;color:#4d5156} .ox-reel-panel-k b{font-weight:700;color:#202124} .ox-reel-panel-t{font-size:18.6px;font-weight:600;color:#1a0dab;line-height:1.25} .ox-reel-panel-d{font-size:13.6px;line-height:1.4;color:#4d5156} .ox-reel-panel-go{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:13.6px;font-weight:700;color:#1a0dab} .ox-reel-panel-go .ox-reel-i{width:16px;height:16px} .ox-reel-bars{position:absolute;left:10px;right:10px;top:9px;display:flex;gap:4px} .ox-reel-bars i{position:relative;flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,0.4);overflow:hidden} .ox-reel-bars i:first-child::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:0 50%;transform:scaleX(0.5)} .ox-reel-line{position:absolute;left:22px;right:22px;top:38%;margin:0;text-align:center;text-wrap:balance;font-size:40px;font-weight:700;line-height:1.05;letter-spacing:-0.02em;text-shadow:0 2px 28px rgba(0,0,0,0.45)} .ox-reel-pill{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);padding:12px 26px;border-radius:999px;background:#DD6E3E;color:#0B0B0C;font-size:15.6px;font-weight:700;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,0.3)} .ox-reel-tag{position:absolute;left:16px;top:14px;display:flex;align-items:center;gap:7px;font-size:19.6px;font-weight:700} .ox-reel-yt{display:block;width:22px;height:16px;border-radius:5px;background:#ff0033;position:relative} .ox-reel-yt::after{content:"";position:absolute;left:8px;top:4px;border-left:7px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent} .ox-reel-corner{position:absolute;right:16px;top:16px} .ox-reel-tabs{position:absolute;left:0;right:0;top:16px;display:flex;justify-content:center;gap:18px;font-size:15.6px} .ox-reel-tabs span{opacity:0.86} .ox-reel-tabs b{font-weight:700;padding-bottom:5px;border-bottom:2px solid #fff} .ox-reel-rail{position:absolute;right:12px;bottom:170px;display:flex;flex-direction:column;align-items:center;gap:20px} .ox-reel-rail .ox-reel-i{width:28px;height:28px;filter:drop-shadow(0 1px 4px rgba(0,0,0,0.4))} .ox-reel-rail-av{position:relative;margin-bottom:4px} .ox-reel-rail-av .ox-reel-av{width:42px;height:42px;box-shadow:0 0 0 2px #fff} .ox-reel-rail-av i{position:absolute;left:50%;bottom:-8px;display:grid;place-items:center;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#fe2c55} .ox-reel-rail-av i .ox-reel-i{width:12px;height:12px;stroke-width:3;filter:none} .ox-reel-foot{position:absolute;left:14px;right:14px;bottom:16px;display:flex;flex-direction:column;gap:8px} .ox-reel-foot-who{display:flex;align-items:center;gap:8px;padding-right:52px} .ox-reel-foot-who .ox-reel-av{width:30px;height:30px} .ox-reel-foot-who .ox-reel-av-in{font-size:13.6px} .ox-reel-foot-who b{font-size:14.4px;font-weight:700} .ox-reel-chip{padding:2px 7px;border-radius:5px;background:rgba(255,255,255,0.22);font-size:12.4px;font-weight:600} .ox-reel-foot-t{padding-right:52px;font-size:13.6px;line-height:1.4} .ox-reel-foot-m{display:flex;align-items:center;gap:6px;font-size:12.4px;opacity:0.96} .ox-reel-foot-m .ox-reel-i{width:15px;height:15px} .ox-reel-btn{display:grid;place-items:center;height:42px;margin-top:2px;border-radius:10px;background:#fff;color:#111;font-size:14.4px;font-weight:700} .ox-reel-bar-tt{border-radius:6px;background:#e9012e} .ox-reel-bar-yt{border-radius:8px;background:#065fd4} .ox-reel-figs{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,3vw,40px) 16px; max-width:1560px;margin:clamp(22px,3vw,48px) auto 0;padding:0 clamp(18px,3vw,56px); list-style:none;text-align:center; } @media (min-width:900px){.ox-reel-figs{grid-template-columns:repeat(4,minmax(0,1fr))}} .ox-reel-fig{display:flex;flex-direction:column;align-items:center;min-width:0} .ox-reel-upto{font-size:clamp(17.6px,1.6vw,28px);font-weight:500;color:rgba(11,11,12,0.88)} .ox-reel-big{margin:4px 0 10px;font-size:clamp(54px,7.2vw,140px);font-weight:700;line-height:0.98;letter-spacing:-0.04em;color:#0B0B0C;white-space:nowrap} .ox-reel-cap-t{font-size:clamp(15.6px,1.15vw,19.6px);font-weight:600;color:#0B0B0C} .ox-reel-src{margin-top:4px;font-size:clamp(13.6px,0.95vw,15.6px);color:rgba(11,11,12,0.88)} @keyframes oxReelSpin{from{transform:rotateY(0deg)}to{transform:rotateY(-360deg)}} @keyframes oxReelBar{from{transform:scaleX(0)}to{transform:scaleX(1)}} @media (prefers-reduced-motion:no-preference){ .ox-reel-spin{animation:oxReelSpin 70s linear infinite} .ox-reel-bars i:first-child::after{animation:oxReelBar 6s linear infinite} }