/* Qafza OS product pages — "console" look, distinct from the agency pages.
   Near-black canvas with a faint blueprint grid, light product UI as the imagery, gold used as a signal (dots, connectors, focus),
   heavy single-weight headlines, sentence-case labels, hairline structure. No silk imagery, no 3D icons, no glass tiles. */
/* Background follows the Qafza Delivery Playbook's night (#1C070D); one ivory band for the white-label section. */
.osx{--o-paper:#F3EDE6;--o-ink:#241C1A;--o-r:20px}
.osx .o-sec{--o-bg:#1C070D;--o-s1:#26111A;--o-ln:rgba(233,211,168,.12);--o-ln2:rgba(233,211,168,.26);--o-tx:#F6EEE8;--o-mu:#C2AEA5;--o-gold:#C7A268;--o-gl:#E3C994;--o-sh:0 60px 120px -40px rgba(0,0,0,.7)}
.osx .o-sec.o-light{--o-bg:#F3EDE6;--o-s1:#FFFFFF;--o-ln:#E6DCD3;--o-ln2:#D3C3B6;--o-tx:#241C1A;--o-mu:#6E5F5A;--o-gold:#8A6A33;--o-gl:#78212D;--o-sh:0 40px 90px -50px rgba(61,15,26,.45);background:#F3EDE6;color:#241C1A}
.osx .o-sec{position:relative;margin:var(--frame) var(--frame) 0;border-radius:var(--pr);background:var(--o-bg);color:var(--o-tx);padding-block:clamp(72px,9vw,124px);overflow:hidden;isolation:isolate}
.osx .o-sec.o-tight{padding-block:clamp(56px,6vw,88px)}
.osx .o-grid::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--o-ln) 1px,transparent 1px),linear-gradient(90deg,var(--o-ln) 1px,transparent 1px);background-size:72px 72px;background-position:-1px -1px;-webkit-mask-image:radial-gradient(120% 90% at 75% 0%,#000 0%,rgba(0,0,0,.35) 45%,transparent 75%);mask-image:radial-gradient(120% 90% at 75% 0%,#000 0%,rgba(0,0,0,.35) 45%,transparent 75%)}
.osx h1,.osx h2,.osx h3{color:inherit;letter-spacing:-.035em}
.osx h1{font:600 clamp(40px,5vw,76px)/1 var(--head)}
.osx h2{font:600 clamp(32px,4.2vw,60px)/1.02 var(--head)}
.osx h1 .c,.osx h2 .c{display:block;color:var(--o-mu)}
.osx .o-light h2 .c{color:#9C8B84}
.osx h3{font:600 19px/1.3 var(--head);letter-spacing:-.01em}
html[lang=ar] .osx h1,html[lang=ar] .osx h2,html[lang=ar] .osx h3{letter-spacing:0;line-height:1.3}
.osx .o-k{display:inline-flex;align-items:center;gap:10px;font:600 13.5px var(--head);color:var(--o-gold);margin-bottom:22px}
.osx .o-k::before{content:"";width:7px;height:7px;background:var(--o-gold);border-radius:2px;box-shadow:0 0 0 4px rgba(199,162,104,.16)}
.osx .o-light .o-k{color:#8F6E3A}
.osx .o-lead{font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:var(--o-mu);max-width:56ch;margin-top:22px}
.osx .o-light .o-lead,.osx .o-light p{color:#6E5F5A}
.osx .o-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.osx .o-head p{color:var(--o-mu);font-size:17px;line-height:1.6}
/* buttons */
.osx .o-btns{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px}
.osx .o-line{background:transparent;color:var(--o-tx);border:1px solid var(--o-ln2)}
.osx .o-line:hover{border-color:var(--o-gold);background:rgba(199,162,104,.08)}
.osx .o-txt{display:inline-flex;align-items:center;gap:8px;font:600 15px var(--head);color:var(--o-gl);padding-inline:10px;text-decoration:none}
.osx .o-txt:hover{text-decoration:underline;text-underline-offset:5px}
.osx .o-play{width:18px;height:18px;flex:none}
/* product sub-navigation */
.osx .o-sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:clamp(40px,6vw,72px);padding:6px;border:1px solid var(--o-ln);border-radius:14px;background:var(--o-s1);width:max-content;max-width:100%}
.osx .o-mark{display:flex;align-items:center;gap:9px;font:700 14px var(--head);color:var(--o-tx);padding:6px 12px 6px 8px;margin-inline-end:4px;border-inline-end:1px solid var(--o-ln);text-decoration:none}
.osx .o-mark img{width:22px;height:22px}
.osx .o-sub a.o-s{font:500 13.5px var(--body);color:var(--o-mu);padding:7px 12px;border-radius:9px;text-decoration:none;white-space:nowrap}
.osx .o-sub a.o-s:hover{color:var(--o-tx);background:rgba(255,255,255,.05)}
.osx .o-sub a.o-s[aria-current]{color:var(--o-bg);background:var(--o-gl)}
/* hero */
.osx .o-hero{padding-top:calc(84px + clamp(36px,5vw,64px))}
.osx .o-hgrid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,4vw,64px);align-items:center}
.osx .o-stage{position:relative;perspective:1800px;min-height:clamp(300px,34vw,520px)}
.osx .o-win{position:relative;margin:0;border-radius:14px;overflow:hidden;background:#F5EEE6;box-shadow:0 0 0 1px var(--o-ln2),var(--o-sh);transform:rotateY(-13deg) rotateX(5deg) rotateZ(.6deg);transform-origin:20% 50%}
html[dir=rtl] .osx .o-win{transform:rotateY(13deg) rotateX(5deg) rotateZ(-.6deg);transform-origin:80% 50%}
.osx .o-win img{display:block;width:100%;height:auto}
.osx .o-bar{display:flex;align-items:center;gap:6px;height:30px;padding-inline:12px;background:#EDE3D8;font:500 11.5px var(--body);color:#8C7A72}
.osx .o-bar i{width:9px;height:9px;border-radius:50%;background:#D8CBBE}
.osx .o-bar span{margin-inline-start:10px;padding:2px 10px;border-radius:6px;background:#F7F1EA}
.osx .o-float{position:absolute;border-radius:12px;background-color:#F5EEE6;background-repeat:no-repeat;box-shadow:0 0 0 1px rgba(233,211,168,.35),0 30px 60px -20px rgba(0,0,0,.75);animation:o-bob 7s ease-in-out infinite}
.osx .o-float.f2{animation-delay:-3.5s}
.osx .o-phone{position:absolute;width:24%;bottom:-6%;inset-inline-end:2%;margin:0;border-radius:26px;overflow:hidden;border:5px solid #1a0b10;box-shadow:0 40px 80px -30px rgba(0,0,0,.85)}
.osx .o-phone img{display:block;width:100%;height:auto}
@keyframes o-bob{50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.osx .o-float{animation:none}}
.osx .o-crop{background-repeat:no-repeat;background-color:#F5EEE6}
/* flow: a real sequence, so numbered and connected */
.osx .o-flow{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;list-style:none;margin:0;padding:0}
.osx .o-flow::before{content:"";position:absolute;top:7px;inset-inline:7px;height:1px;background:linear-gradient(90deg,var(--o-gold),rgba(199,162,104,.15))}
html[dir=rtl] .osx .o-flow::before{background:linear-gradient(270deg,var(--o-gold),rgba(199,162,104,.15))}
.osx .o-flow li{position:relative;padding-top:34px}
.osx .o-flow li::before{content:"";position:absolute;top:0;inset-inline-start:0;width:15px;height:15px;border-radius:50%;background:var(--o-bg);border:1.5px solid var(--o-gold)}
.osx .o-flow li:first-child::before{background:var(--o-gold)}
.osx .o-flow .n{font:600 12.5px var(--head);color:var(--o-gold)}
.osx .o-flow h3{margin:6px 0 6px;font-size:17px}
.osx .o-flow p{color:var(--o-mu);font-size:14.5px;line-height:1.55}
/* bento of real screens */
.osx .o-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.osx .o-card{grid-column:span 4;display:flex;flex-direction:column;border-radius:var(--o-r);background:var(--o-s1);border:1px solid var(--o-ln);overflow:hidden;transition:border-color .25s;box-shadow:0 24px 50px -40px rgba(61,15,26,.35)}
.osx .o-card:hover{border-color:var(--o-ln2)}
.osx .o-card.w7{grid-column:span 7}.osx .o-card.w5{grid-column:span 5}.osx .o-card.w6{grid-column:span 6}
.osx .o-vis{position:relative;aspect-ratio:16/7;margin:14px 14px 0;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--o-ln)}
.osx .o-vis .o-crop{position:absolute;inset:0}
.osx .o-cbody{padding:20px 22px 24px}
.osx .o-cbody p{margin-top:6px;color:var(--o-mu);font-size:15px;line-height:1.55}
/* drawn mini UIs (no data) */
.osx .o-mini{position:absolute;inset:0;background:#F5EEE6;display:grid;padding:14px;gap:10px}
.osx .o-pipe{grid-template-columns:repeat(4,1fr)}
.osx .o-pipe>div{background:#EDE3D8;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px}
.osx .o-pipe>div::before{content:"";height:6px;width:55%;border-radius:3px;background:#C9B6A8}
.osx .o-pipe i{display:block;height:22px;border-radius:6px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05);position:relative}
.osx .o-pipe i::after{content:"";position:absolute;inset-inline-start:8px;top:8px;width:50%;height:5px;border-radius:3px;background:#D9CBBE}
.osx .o-pipe>div:last-child i{background:#78212D}.osx .o-pipe>div:last-child i::after{background:#E3C994}
.osx .o-inv{grid-template-columns:1fr;align-content:start;padding:16px 20px}
.osx .o-inv b{display:block;height:9px;width:38%;border-radius:4px;background:#78212D}
.osx .o-inv span{display:flex;justify-content:space-between;align-items:center;height:20px;border-bottom:1px solid #E2D6CB}
.osx .o-inv span::before{content:"";width:46%;height:6px;border-radius:3px;background:#D9CBBE}
.osx .o-inv span::after{content:"";width:16%;height:6px;border-radius:3px;background:#C9B6A8}
.osx .o-inv em{justify-self:end;margin-top:8px;width:76px;height:22px;border-radius:999px;background:#E3C994}
/* white-label: live theme switch */
.osx .o-wl{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center}
.osx .o-facts{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}
.osx .o-facts h3{font-size:16px;color:var(--o-ink)}
.osx .o-facts p{font-size:14.5px;line-height:1.55;margin-top:4px}
.osx .o-theme{--tb:#78212D;--ta:#C7A268;--tn:#1C070D;border-radius:18px;background:#fff;box-shadow:0 50px 100px -50px rgba(61,15,26,.45),0 0 0 1px #E8DDD2;overflow:hidden;transition:--tb .4s}
.osx .o-tapp{display:grid;grid-template-columns:30% 1fr;min-height:330px}
.osx .o-tside{background:var(--tn);padding:18px 14px;display:flex;flex-direction:column;gap:10px;transition:background .4s}
.osx .o-tlogo{display:flex;align-items:center;gap:8px;font:700 13px var(--head);color:#fff;margin-bottom:10px}
.osx .o-tlogo i{width:20px;height:20px;border-radius:6px;background:var(--ta);transition:background .4s}
.osx .o-tside s{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.18);text-decoration:none}
.osx .o-tside s:nth-of-type(2){background:var(--ta);width:70%;transition:background .4s}
.osx .o-tmain{padding:18px;display:flex;flex-direction:column;gap:12px;background:#FAF7F3}
.osx .o-tbanner{border-radius:12px;background:linear-gradient(135deg,var(--tb),var(--tn));padding:18px;color:#fff;transition:background .4s}
.osx .o-tbanner b{display:block;height:10px;width:46%;border-radius:5px;background:rgba(255,255,255,.85)}
.osx .o-tbanner u{display:block;margin-top:16px;height:5px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden;text-decoration:none}
.osx .o-tbanner u::after{content:"";display:block;height:100%;width:60%;background:var(--ta);transition:background .4s}
.osx .o-trow{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #EEE5DB}
.osx .o-trow i{width:16px;height:16px;border-radius:50%;background:var(--tb);transition:background .4s}
.osx .o-trow s{flex:1;height:7px;border-radius:4px;background:#E2D6CB;text-decoration:none}
.osx .o-trow em{height:22px;width:64px;border-radius:999px;background:var(--ta);transition:background .4s}
.osx .o-swatches{display:flex;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid #EEE5DB;font:500 13px var(--body);color:#6E5F5A}
.osx .o-swatches button{width:26px;height:26px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(135deg,var(--a) 50%,var(--b) 50%);box-shadow:0 0 0 2px #fff,0 0 0 3px transparent;transition:box-shadow .2s}
.osx .o-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--o-ink)}
.osx .o-swatches span{margin-inline-start:6px}
/* hairline lists (trust, pains) */
.osx .o-rows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(28px,5vw,72px)}
.osx .o-rows li{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:22px 0;border-top:1px solid var(--o-ln)}
.osx .o-rows .n{font:600 13px var(--head);color:var(--o-gold);padding-top:3px}
.osx .o-rows p{margin-top:5px;color:var(--o-mu);font-size:15px;line-height:1.55}
.osx .o-rows.one{grid-template-columns:1fr}
/* steps */
.osx .o-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;margin:0;padding:0}
.osx .o-steps li{padding:26px 24px 28px;border-radius:var(--o-r);background:var(--o-s1);border:1px solid var(--o-ln)}
.osx .o-steps .n{display:block;font:600 40px/1 var(--head);color:var(--o-gl);letter-spacing:-.04em;margin-bottom:22px}
.osx .o-steps p{margin-top:6px;color:var(--o-mu);font-size:15px;line-height:1.55}
/* faq */
.osx .o-faq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,80px)}
.osx .o-faq details{border-top:1px solid var(--o-ln);padding:20px 0}
.osx .o-faq details:last-child{border-bottom:1px solid var(--o-ln)}
.osx .o-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font:600 18px var(--head);color:var(--o-tx)}
.osx .o-faq summary::-webkit-details-marker{display:none}
.osx .o-faq summary::after{content:"+";color:var(--o-gold);font-weight:400;font-size:22px;line-height:1}
.osx .o-faq details[open] summary::after{content:"–"}
.osx .o-faq details p{margin-top:12px;color:var(--o-mu);line-height:1.65}
/* cta */
.osx .o-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:center}
.osx .o-cta .o-win{transform:none;border-radius:14px}
.osx .o-note{margin-top:16px;font-size:14px;color:var(--o-mu)}
/* explore */
.osx .o-explore{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.osx .o-ex{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:16px;border:1px solid var(--o-ln);color:var(--o-tx);text-decoration:none;transition:border-color .2s,background .2s}
.osx .o-ex:hover{border-color:var(--o-gold);background:rgba(199,162,104,.06)}
.osx .o-ex b{font:600 16px var(--head)}
.osx .o-ex small{color:var(--o-mu);font-size:13.5px}
/* features page */
.osx .o-fx{display:grid;grid-template-columns:190px minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.osx .o-idx{position:sticky;top:120px;display:flex;flex-direction:column;gap:2px;border-inline-start:1px solid var(--o-ln)}
.osx .o-idx a{font:500 14px var(--body);color:var(--o-mu);padding:7px 16px;text-decoration:none;border-inline-start:2px solid transparent;margin-inline-start:-1px}
.osx .o-idx a:hover,.osx .o-idx a.on{color:var(--o-tx);border-color:var(--o-gold)}
.osx .o-frow{padding-block:clamp(40px,5vw,72px);border-top:1px solid var(--o-ln);scroll-margin-top:110px}
.osx .o-frow:first-child{border-top:0;padding-top:0}
.osx .o-fgrid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:26px}
.osx .o-fgrid .o-win{transform:none}
.osx .o-shot{position:relative;padding-bottom:24px}
.osx .o-shot .o-phone{width:22%;bottom:0;inset-inline-end:-3%}
.osx .o-ticks{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.osx .o-ticks li{position:relative;padding-inline-start:22px;color:var(--o-tx);font-size:15px;line-height:1.5}
.osx .o-ticks li::before{content:"";position:absolute;inset-inline-start:0;top:8px;width:8px;height:8px;border-radius:2px;background:var(--o-gold)}
.osx .o-more{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.osx .o-more div{padding:22px;border-radius:16px;border:1px solid var(--o-ln);background:var(--o-s1)}
.osx .o-more p{margin-top:6px;color:var(--o-mu);font-size:14.5px;line-height:1.55}
/* demo */
.osx .o-demo{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start;margin-top:clamp(36px,4vw,56px)}
.osx .o-dsteps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.osx .o-dsteps button{width:100%;display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;text-align:start;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--o-mu);font:500 14px/1.4 var(--body);cursor:pointer}
.osx .o-dsteps button .n{font:600 12px var(--head);color:var(--o-gold);padding-top:2px}
.osx .o-dsteps button:hover{color:var(--o-tx);background:rgba(255,255,255,.04)}
.osx .o-dsteps button[aria-current=step]{color:var(--o-tx);border-color:var(--o-ln2);background:var(--o-s1)}
.osx .o-dsteps button.done .n{color:var(--o-mu)}
.osx .o-dstage{position:relative}
.osx .o-dwin{position:relative;margin:0;border-radius:14px;overflow:hidden;background:#F5EEE6;box-shadow:0 0 0 1px var(--o-ln2),var(--o-sh)}
.osx .o-dimg{position:relative}
.osx .o-dimg img{display:block;width:100%;height:auto;transition:opacity .35s}
.osx .o-dimg img.fade{opacity:0}
.osx .o-hs{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--o-gold);box-shadow:0 0 0 5px rgba(199,162,104,.35);z-index:3;transition:left .45s var(--ease,ease),top .45s var(--ease,ease)}
.osx .o-hs::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--o-gold);animation:o-ping 1.8s ease-out infinite}
@keyframes o-ping{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.osx .o-hs::after{animation:none}}
.osx .o-tip{position:absolute;z-index:4;width:min(340px,46%);padding:18px 20px 16px;border-radius:16px;background:var(--o-bg);color:var(--o-tx);box-shadow:0 0 0 1px var(--o-ln2),0 30px 70px -20px rgba(0,0,0,.8);transition:left .45s,top .45s,opacity .25s}
.osx .o-tip .v{display:inline-flex;align-items:center;gap:8px;font:600 12px var(--head);color:var(--o-gold)}
.osx .o-tip .v::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.osx .o-tip .v.client{color:#9FD3C1}
.osx .o-tip h3{margin:8px 0 6px;font-size:18px}
.osx .o-tip p{color:var(--o-mu);font-size:14.5px;line-height:1.55}
.osx .o-tnav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.osx .o-tnav span{font:500 12.5px var(--body);color:var(--o-mu)}
.osx .o-tnav div{display:flex;gap:8px}
.osx .o-tnav button{height:36px;padding-inline:16px;border-radius:999px;border:1px solid var(--o-ln2);background:transparent;color:var(--o-tx);font:600 13.5px var(--head);cursor:pointer}
.osx .o-tnav button.go{background:var(--o-gold);border-color:var(--o-gold);color:#2A0A12}
.osx .o-tnav button:disabled{opacity:.35;cursor:default}
.osx .o-prog{height:3px;border-radius:2px;background:var(--o-ln);margin-top:16px;overflow:hidden}
.osx .o-prog i{display:block;height:100%;width:0;background:var(--o-gold);transition:width .45s}
.osx .o-hint{margin-top:10px;font-size:13px;color:var(--o-mu)}
.osx .o-end{position:absolute;inset:0;z-index:6;display:none;align-items:center;justify-content:center;text-align:center;padding:32px;background:rgba(28,7,13,.93);backdrop-filter:blur(6px)}
.osx .o-end.on{display:flex}
.osx .o-end .o-btns{justify-content:center}
/* responsive */
@media (max-width:1100px){.osx .o-flow{grid-template-columns:repeat(3,1fr);row-gap:34px}.osx .o-flow::before{display:none}.osx .o-explore,.osx .o-more{grid-template-columns:repeat(2,1fr)}.osx .o-steps{grid-template-columns:repeat(2,1fr)}.osx .o-fx{grid-template-columns:1fr}.osx .o-idx{display:none}}
@media (max-width:900px){.osx .o-hgrid,.osx .o-wl,.osx .o-cta,.osx .o-head,.osx .o-faq,.osx .o-fgrid,.osx .o-demo{grid-template-columns:1fr}.osx .o-card,.osx .o-card.w7,.osx .o-card.w5,.osx .o-card.w6{grid-column:span 12}.osx .o-rows{grid-template-columns:1fr}.osx .o-win{transform:none!important}.osx .o-dsteps{flex-direction:row;overflow-x:auto;padding-bottom:4px}.osx .o-dsteps button{width:auto;white-space:nowrap}.osx .o-dsteps button span:last-child{display:none}.osx .o-tip{position:relative;left:auto!important;top:auto!important;width:100%;margin-top:14px}.osx .o-float{display:none}}
@media (max-width:600px){.osx .o-flow,.osx .o-steps,.osx .o-explore,.osx .o-more,.osx .o-facts{grid-template-columns:1fr}.osx .o-sub{width:100%;overflow-x:auto;flex-wrap:nowrap}.osx .o-tapp{grid-template-columns:1fr}.osx .o-tside{display:none}}

/* Built by Qafza credit badge (Brand Guidelines 3.0, p.16): pill, 32 px, Q mark with gold arrow. */
.bq{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 7px;border-radius:999px;font:400 12px/1 var(--body);text-decoration:none;white-space:nowrap;transition:border-color .2s}
.bq .bq-i{width:24px;height:17px;flex:none}
.bq .bq-i path{fill:currentColor}.bq .bq-i .ar{fill:#C7A268}
.bq b{font:700 12px var(--head);margin-inline-start:2px}
.bq-ar{height:21px;width:auto;margin-top:2px}
.bq-dark{color:#F6EEE8;background:linear-gradient(180deg,#4A1220,#2E0A13);border:1px solid rgba(199,162,104,.45)}
.bq-dark:hover{border-color:#C7A268}
.bq-light{color:#78212D;background:#fff;border:1px solid #E6DCD3;box-shadow:0 6px 16px -8px rgba(61,15,26,.35)}
.bq-light span{color:#4A3A36}
.osx .o-subbq{display:flex;align-items:center;margin-inline-start:6px;padding-inline-start:10px;border-inline-start:1px solid var(--o-ln)}
.osx .o-cbq{margin-top:22px}
@media (max-width:600px){.osx .o-subbq{display:none}}
.bq .bq-w{height:11px;width:auto;flex:none;fill:currentColor}
.bq-light .bq-w{fill:#78212D}