@font-face{font-family:'Sora Wordmark';font-style:normal;font-weight:100 800;font-display:swap;src:url(data:font/woff2;base64,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) format('woff2');unicode-range:U+20,U+41,U+43,U+44,U+45,U+46,U+4C,U+4F,U+52,U+53,U+58,U+61,U+63,U+64,U+65,U+66,U+6C,U+6F,U+72,U+73,U+78}.oxh{ --oxh-ink:#0b0b0c; --oxh-body:#1f2024; --oxh-mute:#26272c; --oxh-clause:#3c3d43; --oxh-line:#e7e6e1; --oxh-paper:#f5f5f3; --oxh-night:#050507; --oxh-acc:#DD6E3E; --oxh-acc-hi:#ff8a50; --oxh-acc-ink:#a8461f; --oxh-violet:#7c3aed; --oxh-pink:#db2777; --oxh-ease:cubic-bezier(0.16,1,0.3,1); --oxh-gut:clamp(18px,4vw,56px); --oxh-wide:1520px; position:relative; background:#fff; color:var(--oxh-ink); font-feature-settings:'ss01' on; -webkit-font-smoothing:antialiased; }:where(.oxh-bar,.oxh-main) a:not(:where(.ox-doc *)){color:inherit}:where(.oxh-main) img:not(:where(.ox-doc *)){display:block;max-width:100%}.oxh{--oxh-bar:80px;--oxh-bar-min:62px}@media (max-width:560px){.oxh{--oxh-bar:68px;--oxh-bar-min:56px}}.oxh-bloom{position:absolute;z-index:0;border-radius:50%;pointer-events:none;filter:blur(72px);opacity:.3}.oxh-wash{ position:absolute;inset:0;z-index:0;pointer-events:none; background: radial-gradient(52% 46% at 4% 0%,rgba(255,138,80,.12),transparent 72%), radial-gradient(44% 50% at 98% 8%,rgba(124,58,237,.08),transparent 72%), radial-gradient(60% 40% at 60% 104%,rgba(228,88,154,.06),transparent 72%); }.oxh-wash-cool{ background: radial-gradient(50% 50% at 96% 0%,rgba(124,58,237,.1),transparent 72%), radial-gradient(48% 46% at 0% 100%,rgba(255,138,80,.1),transparent 72%); }.oxh-living{position:absolute;inset:0;z-index:-2;overflow:hidden;border-radius:inherit;pointer-events:none}.oxh-living-gl{position:absolute;inset:0;overflow:hidden}.oxh-living.is-winner{ background: radial-gradient(70% 70% at 96% 4%,rgba(255,100,45,.92),transparent 64%), radial-gradient(50% 50% at 64% 40%,rgba(255,100,45,.3),transparent 70%), linear-gradient(150deg,#2e0d1c 0%,#09080b 70%); }.oxh-living.is-audit{ background: radial-gradient(60% 80% at 88% 10%,rgba(192,38,211,.85),transparent 64%), radial-gradient(50% 60% at 60% 100%,rgba(192,38,211,.4),transparent 70%), linear-gradient(140deg,#08070d 0%,#24124a 100%); }.oxh-living.is-services{ background: radial-gradient(60% 80% at 8% 100%,rgba(228,88,154,.7),transparent 64%), radial-gradient(50% 60% at 96% 0%,rgba(124,58,237,.55),transparent 70%), linear-gradient(320deg,#06060f 0%,#1a1650 100%); }.oxh-living-shade{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none}.oxh-living-shade.is-lead{background:linear-gradient(18deg,rgba(6,5,8,.86) 0%,rgba(6,5,8,.62) 34%,rgba(6,5,8,.18) 66%,rgba(6,5,8,0) 88%)}.oxh-living-shade.is-close{background:linear-gradient(100deg,rgba(6,5,10,.8) 0%,rgba(6,5,10,.58) 40%,rgba(6,5,10,.18) 74%,rgba(6,5,10,.05) 100%)}.oxh-living-shade.is-svc{background:linear-gradient(100deg,rgba(6,6,14,.5) 0%,rgba(6,6,14,.3) 46%,rgba(6,6,14,.12) 100%)}.oxh-arrow{width:16px;height:16px;flex:none;transition:transform .35s var(--oxh-ease)}.oxh-ic{ flex:none;display:inline-grid;place-items:center;width:46px;height:46px;border-radius:13px; background:var(--oxh-ink);color:#fff;transition:background-color .35s ease,box-shadow .35s ease; }.oxh-ic svg{width:22px;height:22px}.oxh-ic-sm{width:38px;height:38px;border-radius:11px}.oxh-ic-sm svg{width:19px;height:19px}.oxh-btn{ display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 26px;border-radius:999px; font-size:18.6px;font-weight:600;letter-spacing:-.006em;line-height:1.2;text-decoration:none;white-space:nowrap; transition:transform .4s var(--oxh-ease),background-color .25s ease,box-shadow .4s ease,color .25s ease,border-color .25s ease; }.oxh-btn:hover{transform:translateY(-1px)}.oxh-btn:hover .oxh-arrow{transform:translateX(3px)}.oxh-btn:focus-visible{outline:2px solid var(--oxh-acc-hi);outline-offset:3px}.oxh-btn-w{background:#fff;color:var(--oxh-ink) !important;box-shadow:0 12px 34px -14px rgba(255,255,255,.5)}.oxh-btn-w:hover{box-shadow:0 16px 44px -14px rgba(255,150,100,.7)}.oxh-btn-k{background:var(--oxh-ink);color:#fff !important;box-shadow:0 14px 30px -16px rgba(11,11,12,.7)}.oxh-btn-k:hover{background:#25262b}.oxh-btn-o{background:transparent;color:var(--oxh-ink) !important;border:1px solid rgba(11,11,12,.24)}.oxh-btn-o:hover{border-color:var(--oxh-ink);background:rgba(11,11,12,.04)}.oxh-btns{display:flex;flex-wrap:wrap;gap:12px}@media (max-width:600px){.oxh-btn{white-space:normal;height:auto;min-height:54px;padding-block:13px;text-align:left;text-wrap:balance}}.oxh-faces{display:flex;margin:0;padding:0;list-style:none}.oxh-faces li{ width:42px;height:42px;flex:none;border-radius:50%;overflow:hidden;margin-left:-11px; border:2px solid var(--oxh-face-ring,#0b0b0c);background:#2a2830; }.oxh-faces li:first-child{margin-left:0}.oxh-faces img{width:100%;height:100%;object-fit:cover}.oxh-sec{position:relative;isolation:isolate;overflow:clip;padding-block:clamp(60px,6vw,100px)}.oxh-sec{content-visibility:auto;contain-intrinsic-size:auto 1600px}@media (min-width:900px){.oxh-sec{contain-intrinsic-size:auto 850px}}.oxh-sec.oxh-close,.oxh-sec.oxh-writing{content-visibility:visible}.oxh-light,.oxh-white{background:#fff;color:var(--oxh-ink)}.oxh-paper{background:var(--oxh-paper);color:var(--oxh-ink)}.oxh-dark{background:var(--oxh-night);color:#fff;--oxh-face-ring:#050507}.oxh-in{position:relative;z-index:1;width:min(100% - 2 * var(--oxh-gut),var(--oxh-wide));margin-inline:auto}.oxh-head{max-width:900px}.oxh-head-split{ max-width:none;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,.86fr); gap:clamp(28px,5vw,100px);align-items:start; }.oxh-head-copy{display:grid;gap:16px;max-width:600px}@media (max-width:1000px){.oxh-head-split{grid-template-columns:minmax(0,1fr);align-items:start}}.oxh-kick{ display:inline-flex;align-items:center;gap:10px;margin:0 0 18px; font-family:var(--oxh-mono);font-size:16.2px;font-weight:500;letter-spacing:.14em;line-height:1;color:var(--oxh-mute); }.oxh-kick i{width:7px;height:7px;border-radius:50%;background:var(--oxh-acc);box-shadow:0 0 0 4px rgba(221,110,62,.15)}.oxh-kick b{font-weight:600;color:var(--oxh-ink)}.oxh-kick span{padding-left:10px;border-left:1px solid rgba(11,11,12,.2)}.oxh-kick.is-dark{color:rgba(255,255,255,0.99)}.oxh-kick.is-dark b{color:#fff}.oxh-kick.is-dark span{border-left-color:rgba(255,255,255,.26)}.oxh-h2{ margin:0;font-size:clamp(36.8px,calc(4.2vw + 0.8px),70.8px);font-weight:500;line-height:1.04;letter-spacing:-.033em; text-wrap:balance; }.oxh-em{font-style:normal;color:var(--oxh-clause)}.oxh-dark .oxh-em{color:rgba(255,255,255,0.98)}.oxh-p{margin:0;font-size:19.6px;line-height:1.66;color:var(--oxh-body)}.oxh-p-lead{font-size:clamp(20.8px,calc(1.42vw + 1.8px),23.8px);line-height:1.55;color:var(--oxh-ink);letter-spacing:-.008em}.oxh-dark .oxh-p{color:rgba(255,255,255,0.99)}.oxh-dark .oxh-p-lead{color:rgba(255,255,255,0.99)}.oxh-head .oxh-p{margin-top:18px}.oxh-head-copy .oxh-p{margin-top:0}.oxh-hero{position:relative;isolation:isolate;overflow:clip;background:#050508;color:#fff;--oxh-face-ring:#121119}.oxh-main>:first-child{margin-top:calc(-1 * var(--oxh-bar))}.oxh-hero{padding-top:var(--oxh-bar)}.oxh-hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}.oxh-b-hero1{width:620px;height:620px;left:-12%;top:8%;background:radial-gradient(closest-side,#ff7a3d,transparent)}.oxh-b-hero2{width:560px;height:560px;right:-10%;top:-14%;background:radial-gradient(closest-side,#7c3aed,transparent);opacity:.34}.oxh-b-hero3{width:520px;height:520px;left:44%;bottom:-24%;background:radial-gradient(closest-side,#db2777,transparent);opacity:.2}.oxh-hero-in{ position:relative;width:min(100% - 2 * var(--oxh-gut),1640px);margin:0 auto; display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,4.4vw,84px);align-items:center; padding-block:clamp(36px,3.8vw,68px) clamp(22px,2.4vw,40px); }.oxh-hero-txt{max-width:900px}.oxh-h1{ margin:0;font-size:clamp(40.8px,calc(5.1vw + 0.8px),86.8px);font-weight:500;line-height:1.02;letter-spacing:-.036em;color:#fff; }.oxh-h1-k{ display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:8px 15px 8px 12px;border-radius:999px; background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); font-family:var(--oxh-mono);font-size:16.2px;font-weight:500;letter-spacing:.16em;line-height:1;text-transform:uppercase; color:rgba(255,255,255,1);vertical-align:middle; }.oxh-h1-k i{width:7px;height:7px;border-radius:50%;background:var(--oxh-acc-hi);box-shadow:0 0 12px 2px rgba(255,138,80,.8)}.oxh-h1-t{display:block;text-wrap:balance}.oxh-h1-em{font-style:normal;color:#ffb38a}.oxh-close .oxh-em{font-style:normal;color:#ffb38a}@supports ((-webkit-background-clip:text) or (background-clip:text)){.oxh-h1-em,.oxh-close .oxh-em,.oxh-step-when{ background-image:linear-gradient(100deg,#ffd9c2 0%,#ffa06a 26%,#f2733f 50%,#e4589a 76%,#b48cff 100%); background-size:200% 100%;background-position:0% 50%; -webkit-background-clip:text;background-clip:text;color:transparent; -webkit-box-decoration-break:clone;box-decoration-break:clone; }}.oxh-lede{margin:24px 0 0;max-width:660px;font-size:clamp(20.4px,calc(1.45vw + 1.8px),24.2px);line-height:1.6;color:rgba(255,255,255,1)}.oxh-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px}.oxh-cta-who{display:inline-flex;margin-left:6px}.oxh-plate{position:relative;width:100%;max-width:700px;justify-self:end;aspect-ratio:1.06}.oxh-plate-ring{ position:absolute;inset:10% 6% 14% 14%;border-radius:48px;opacity:.55;filter:blur(48px); background:conic-gradient(from 210deg,#ff8a50,#e4589a,#7c3aed,#2f6e9c,#ff8a50); }.oxh-plate-sheen{position:absolute;inset:7px;border-radius:23px;overflow:hidden;background:linear-gradient(118deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 36%),linear-gradient(0deg,rgba(5,5,8,.3),transparent 38%)}.oxh-plate-sheen::after{ content:'';position:absolute;top:-10%;bottom:-10%;left:-50%;width:34%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent); transform:skewX(-16deg); }@media (max-width:1100px){.oxh-hero-in{grid-template-columns:minmax(0,1fr)}.oxh-plate{justify-self:center;max-width:600px}}@media (max-width:560px){.oxh-h1-k{margin-bottom:18px}.oxh-cta-who{margin-left:0}}.oxh-bento{ list-style:none;margin:clamp(36px,4vw,60px) 0 0;padding:0; display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }.oxh-bento[data-n="6"]{grid-template-columns:minmax(0,1.32fr) repeat(3,minmax(0,1fr))}.oxh-bento[data-n="6"] .oxh-tile.is-lead{grid-row:span 2}.oxh-bento[data-n="6"] .oxh-tile.is-wide{grid-column:span 2}.oxh-tile{ position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:10px; padding:26px;border-radius:24px;background:rgba(255,255,255,.92);border:1px solid var(--oxh-line); box-shadow:0 1px 0 rgba(11,11,12,.03),0 26px 54px -40px rgba(11,11,12,.38); transition:transform .5s var(--oxh-ease),box-shadow .5s ease,border-color .3s ease; }.oxh-tile:hover{transform:translateY(-4px);border-color:rgba(221,110,62,.5);box-shadow:0 1px 0 rgba(11,11,12,.03),0 34px 70px -40px rgba(221,110,62,.45)}.oxh-tile:hover .oxh-ic{background:linear-gradient(135deg,var(--oxh-acc),#e4589a 60%,#7c3aed);box-shadow:0 10px 26px -8px rgba(221,110,62,.7)}.oxh-tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.oxh-tile-n{font-family:var(--oxh-mono);font-size:16px;letter-spacing:.06em;color:var(--oxh-mute)}.oxh-tile h3{margin:0;font-size:22.4px;font-weight:600;line-height:1.25;letter-spacing:-.016em}.oxh-tile p{margin:0;font-size:18.4px;line-height:1.6;color:var(--oxh-body)}.oxh-tile.is-lead{ justify-content:flex-start;gap:0;min-height:480px;padding:28px 30px 26px;border-radius:28px; background:#09080b;color:#fff;border-color:rgba(255,255,255,.06); box-shadow:0 1px 0 rgba(11,11,12,.03),0 50px 90px -48px rgba(122,31,43,.85); }.oxh-tile.is-lead:hover{border-color:rgba(255,138,80,.55);box-shadow:0 1px 0 rgba(11,11,12,.03),0 60px 110px -50px rgba(255,100,45,.6)}.oxh-rail{position:relative;display:flex;align-items:center;gap:6px;width:fit-content;max-width:100%}.oxh-rail-line{position:absolute;left:14px;right:14px;top:50%;height:1px;background:rgba(255,255,255,.3)}.oxh-rail-dot{position:absolute;top:50%;left:14px;right:22px;height:8px;margin-top:-4px;pointer-events:none}.oxh-rail-dot::before{ content:'';position:absolute;left:0;top:0;width:8px;height:8px;border-radius:50%; background:#fff;box-shadow:0 0 0 4px rgba(255,100,45,.35),0 0 18px 4px rgba(255,100,45,.75); }.oxh-rail b{ position:relative;z-index:1;display:inline-grid;place-items:center;height:30px;min-width:40px;padding:0 10px;border-radius:999px; font-family:var(--oxh-mono);font-size:15.4px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,0.99); background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); }.oxh-rail b.is-on{background:#fff;color:var(--oxh-ink);box-shadow:none}.oxh-lead-copy{position:relative;margin-top:auto;padding-top:44px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.oxh-tile.is-lead .oxh-ic{ background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24); -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); box-shadow:0 0 0 6px rgba(255,100,45,.12),0 14px 34px -10px rgba(255,100,45,.75); }.oxh-tile.is-lead h3{margin-top:6px;font-size:clamp(30.8px,calc(2.7vw + 0.8px),46.8px);font-weight:500;letter-spacing:-.03em;line-height:1.04;text-wrap:balance}.oxh-tile.is-lead p{font-size:19.8px;line-height:1.6;color:rgba(255,255,255,0.99);max-width:460px}.oxh-lead-glass{ position:relative;margin-top:22px;display:flex;align-items:center;gap:14px;width:fit-content;padding:12px 18px;border-radius:18px; background:rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15); -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);--oxh-face-ring:#1c1216; }.oxh-lead-faces li{width:46px;height:46px;margin-left:-10px}.oxh-tile.is-wide{padding-right:min(44%,360px);justify-content:center}.oxh-tile-steps{position:absolute;right:26px;top:24px;bottom:0;width:min(38%,320px);display:flex;align-items:flex-end;gap:9px}.oxh-tile-steps i{ flex:1;height:30%;border-radius:12px 12px 0 0;transform-origin:50% 100%; background:linear-gradient(180deg,rgba(255,138,80,.95),rgba(228,88,154,.5)); box-shadow:0 -10px 40px -14px rgba(255,120,60,.6); }.oxh-tile-steps i:nth-child(1){height:24%;opacity:.45}.oxh-tile-steps i:nth-child(2){height:40%;opacity:.6}.oxh-tile-steps i:nth-child(3){height:58%;opacity:.74}.oxh-tile-steps i:nth-child(4){height:76%;opacity:.88}.oxh-tile-steps i:nth-child(5){height:96%;background:linear-gradient(180deg,#ff8a50,#e4589a 60%,#9b6bff)}@media (max-width:1100px){.oxh-bento,.oxh-bento[data-n="6"]{grid-template-columns:repeat(2,minmax(0,1fr))}.oxh-bento[data-n="6"] .oxh-tile.is-lead{grid-column:1 / -1;grid-row:auto;min-height:400px}}@media (max-width:680px){.oxh-bento,.oxh-bento[data-n="6"]{grid-template-columns:minmax(0,1fr)}.oxh-bento[data-n="6"] .oxh-tile.is-wide{grid-column:auto}.oxh-tile{padding:22px}.oxh-tile.is-lead{min-height:440px;padding:22px 22px 22px}.oxh-tile.is-wide{padding:22px 22px 140px}.oxh-tile-steps{left:22px;right:22px;width:auto;top:auto;height:112px}}.oxh-wall{position:relative;min-width:0}.oxh-wall-view{ position:relative;height:clamp(540px,46vw,720px);overflow:hidden;perspective:1600px; -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 87%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 10%,#000 92%,transparent 100%); -webkit-mask-composite:source-in; mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 87%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 10%,#000 92%,transparent 100%); mask-composite:intersect; }.oxh-wall-tilt{ position:absolute;left:50%;top:50%;width:880px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px; transform:translate(-50%,-50%) rotateX(20deg) rotateY(-18deg) rotateZ(7deg);transform-style:preserve-3d; }.oxh-wall-col{display:flex;flex-direction:column;gap:14px}.oxh-wall-col.is-up{transform:translateY(-50%)}.oxh-wall-scr{ position:relative;display:block;aspect-ratio:9/16;overflow:hidden;border-radius:18px;background:#111; box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 24px 50px -24px rgba(0,0,0,.9); }.oxh-wall-scr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06)}.oxh-wall-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,transparent 24%,transparent 62%,rgba(0,0,0,.74) 100%)}.oxh-wall-bars{position:absolute;left:10px;right:10px;top:8px;display:flex;gap:4px}.oxh-wall-bars i{position:relative;flex:1;height:2px;overflow:hidden;border-radius:2px;background:rgba(255,255,255,.3)}.oxh-wall-bars i:first-child{background:rgba(255,255,255,.82)}.oxh-wall-bars b{position:absolute;inset:0;border-radius:2px;background:#fff;transform:scaleX(.55);transform-origin:left center}.oxh-wall-side{position:absolute;right:8px;top:50%;display:flex;flex-direction:column;gap:10px;translate:0 -50%}.oxh-wall-side i{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.oxh-wall-head{position:absolute;left:9px;right:9px;top:9px;display:flex;align-items:center;gap:6px}.oxh-wall-head i{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ff8a50,#e4589a);box-shadow:0 0 0 2px rgba(255,255,255,.75)}.oxh-wall-head b{width:46%;height:5px;border-radius:3px;background:rgba(255,255,255,.82)}.oxh-wall-find{position:absolute;left:9px;right:9px;top:10px;display:flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.94)}.oxh-wall-find i{width:8px;height:8px;border-radius:50%;border:1.6px solid #6b6d74}.oxh-wall-find b{width:52%;height:4px;border-radius:2px;background:#c9cad0}.oxh-wall-cta{position:absolute;left:10px;right:38px;bottom:12px;height:22px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 6px 16px -8px rgba(0,0,0,.6)}.oxh-wall-cta.is-bar{left:0;right:0;bottom:0;height:24px;border-radius:0;background:#3b82f6}.oxh-wall-scr.is-search .oxh-wall-cta{left:9px;right:9px;bottom:9px;height:48px;border-radius:10px;background:rgba(255,255,255,.95)}.oxh-wall-rec{ position:absolute;z-index:2;left:7%;top:9%;display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px; background:rgba(0,0,0,.62);color:rgba(255,255,255,0.99);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2); -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); }.oxh-wall-dot{width:8px;height:8px;border-radius:50%;background:#ff642d;box-shadow:0 0 10px 2px rgba(255,100,45,.7)}.oxh-wall-ic{display:inline-grid;place-items:center;width:18px;height:18px}.oxh-wall-ic svg{width:16px;height:16px}@media (max-width:1000px){.oxh-wall-view{height:600px}}@media (max-width:560px){.oxh-wall-view{height:500px}.oxh-wall-tilt{width:720px}}.oxh-sd{display:block;width:100%;height:auto;overflow:visible}.oxh-sd-t1{fill:rgba(255,255,255,.66)}.oxh-sd-t2{fill:rgba(255,255,255,.32)}.oxh-sd-card{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.2);stroke-width:1}.oxh-sd-base{fill:none;stroke:rgba(255,255,255,.18);stroke-width:1;stroke-dasharray:2 4}.oxh-sd-glow{fill:none;stroke:rgba(255,120,160,.22);stroke-width:9;stroke-linecap:round}.oxh-sd-line{fill:none;stroke-width:3.2;stroke-linecap:round}.oxh-sd-node,.oxh-sd-target,.oxh-sd-up,.oxh-sd-like,.oxh-sd-pop,.oxh-sd-okg,.oxh-sd-send,.oxh-sd-side{transform-box:fill-box;transform-origin:center}.oxh-sd-node{fill:#16111e;stroke:#ffd0b4;stroke-width:2}.oxh-sd-ring{fill:none;stroke:rgba(255,196,224,.75);stroke-width:1.4}.oxh-sd-flag{fill:rgba(255,138,80,.92);stroke:#ffd0b4;stroke-width:1.2;stroke-linejoin:round}.oxh-sd-pill{fill:rgba(255,255,255,.08);stroke:rgba(255,255,255,.24)}.oxh-sd-glass{fill:none;stroke:rgba(255,255,255,.8);stroke-width:1.6;stroke-linecap:round}.oxh-sd-type{fill:rgba(255,255,255,.42)}.oxh-sd-rowbg{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.12)}.oxh-sd-row.is-top .oxh-sd-rowbg{fill:rgba(255,138,80,.14);stroke-width:1.4}.oxh-sd-row.is-top .oxh-sd-t1{fill:#fff}.oxh-sd-fav{fill:rgba(255,255,255,.32)}.oxh-sd-arrow{fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.oxh-sd-sheen{fill:rgba(255,255,255,.2)}.oxh-sd-like{fill:#ff5a8a}.oxh-sd-ico{fill:none;stroke:rgba(255,255,255,.75);stroke-width:1.3;stroke-linejoin:round}.oxh-sd-pop{fill:#ff6aa2}.oxh-sd-pop.is-2{fill:#ffb489}.oxh-sd-pop.is-3{fill:#a985ff}.oxh-sd-side{opacity:.78}.oxh-sd-side.is-l{transform:rotate(-8deg)}.oxh-sd-side.is-r{transform:rotate(7deg)}.oxh-sd-phone{fill:#0b0a10;stroke-width:1.6}.oxh-sd-shade{fill:rgba(8,6,12,.42)}.oxh-sd-rec{fill:#ff4d4d}.oxh-sd-play{fill:rgba(255,255,255,.9)}.oxh-sd-tri{fill:#16111e}.oxh-sd-track{fill:rgba(255,255,255,.32)}.oxh-sd-prog{transform-box:fill-box;transform-origin:0 50%;transform:scaleX(.62)}.oxh-sd-drop{fill:#ffd0b4}.oxh-sd-tier.is-1{fill:rgba(255,255,255,.12);stroke:rgba(255,255,255,.24)}.oxh-sd-tier.is-2{fill:rgba(255,138,80,.32);stroke:rgba(255,180,140,.55)}.oxh-sd-ok{fill:rgba(142,240,176,.12);stroke:#8ef0b0;stroke-width:1.4}.oxh-sd-tick{fill:none;stroke:#8ef0b0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.oxh-sd-face{fill:rgba(255,255,255,.24)}.oxh-sd-them{fill:rgba(255,255,255,.1);stroke:rgba(255,255,255,.2)}.oxh-sd-mine{fill:rgba(255,255,255,.9)}.oxh-sd-dot{fill:rgba(255,255,255,.75)}.oxh-sd-plane{fill:#fff}.oxh-sd-bar{fill:rgba(255,255,255,.14);transform-box:fill-box;transform-origin:50% 100%}.oxh-sd-bar.is-5{fill:rgba(255,138,80,.42)}.oxh-sd-click,.oxh-sd-block,.oxh-sd-sw{transform-box:fill-box;transform-origin:center}.oxh-sd-mark{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round}.oxh-sd-route{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:3 3.4}.oxh-svcpanel{ position:relative;isolation:isolate;overflow:hidden;border-radius:28px;background:#06060f;color:#fff; padding:clamp(12px,1.4vw,20px); box-shadow:0 1px 0 rgba(11,11,12,.03),0 60px 120px -64px rgba(40,26,110,.9); }.oxh-journey{background:#09080c}.oxh-aurora{position:absolute;inset:0;z-index:-1;overflow:hidden}.oxh-aurora-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:.42;filter:saturate(1.15) brightness(.85)}.oxh-aur{position:absolute;border-radius:50%;filter:blur(90px)}.oxh-aur-1{width:760px;height:760px;left:-14%;top:-30%;background:radial-gradient(closest-side,#ff7a3d,transparent);opacity:.55}.oxh-aur-2{width:720px;height:720px;left:36%;top:30%;background:radial-gradient(closest-side,#6d0f3c,transparent);opacity:.7}.oxh-aur-3{width:680px;height:680px;right:-16%;bottom:-30%;background:radial-gradient(closest-side,#7c3aed,transparent);opacity:.5}.oxh-aurora-shade{position:absolute;inset:0;background:linear-gradient(102deg,rgba(6,5,8,.9) 0%,rgba(6,5,8,.68) 46%,rgba(6,5,8,.4) 100%)}.oxh-journey-in{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(28px,5vw,90px);align-items:center}.oxh-journey-copy{display:grid;gap:14px;margin-top:24px;max-width:660px}@property --oxh-an-a{syntax:'<angle>';inherits:false;initial-value:30deg}@keyframes oxhAnFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes oxhAnGlow{0%,100%{opacity:.85}50%{opacity:1}}@keyframes oxhAnSway{ 0%,100%{transform:translateY(var(--ty)) scale(var(--sc)) rotateX(60deg) rotateZ(-34deg)} 50%{transform:translateY(var(--ty)) scale(var(--sc)) rotateX(57deg) rotateZ(-29deg)} }@keyframes oxhAnPacket{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(-230px);opacity:0}}@keyframes oxhAnMote{0%{transform:translateY(0);opacity:0}15%{opacity:.9}70%{opacity:.5}100%{transform:translateY(-300px);opacity:0}}@keyframes oxhAnLive{0%,100%{opacity:1}50%{opacity:.35}}@keyframes oxhAnFeed{0%{transform:translateY(0);opacity:0}20%{opacity:1}85%{opacity:1}100%{transform:translateY(42px);opacity:0}}@keyframes oxhAnEdge{to{--oxh-an-a:390deg}}@keyframes oxhAnSheen{0%{transform:translateX(-34%)}55%,100%{transform:translateX(34%)}}@keyframes oxhAnOn{0%,16%{opacity:1}20%,96%{opacity:0}100%{opacity:1}}@keyframes oxhAnLift{ 0%,16%,100%{opacity:1;transform:translateZ(calc(var(--i) * 56px + 26px));border-color:rgba(255,100,45,.78); box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px rgba(255,100,45,.45),0 0 46px 6px rgba(255,100,45,.34)} 21%,95%{opacity:.74;transform:translateZ(calc(var(--i) * 56px));border-color:rgba(255,255,255,.16); box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 0 rgba(255,100,45,0),0 46px 60px -34px rgba(0,0,0,.75)} }@keyframes oxhAnScan{0%{transform:translateY(-64px);opacity:0}2%{opacity:1}14%{opacity:1}17%,100%{transform:translateY(336px);opacity:0}}@keyframes oxhAnNode{ 0%,16%,100%{background:#ff642d;border-color:#fff;box-shadow:0 0 0 4px rgba(255,100,45,.22),0 0 14px 3px rgba(255,100,45,.75)} 20%,96%{background:#0b0b0c;border-color:rgba(255,176,143,.65);box-shadow:0 0 0 0 rgba(255,100,45,0),0 0 0 0 rgba(255,100,45,0)} }@keyframes oxhAnTag{ 0%,16%,100%{color:#fff;border-color:rgba(255,100,45,.6);background:rgba(40,14,6,.62)} 20%,96%{color:rgba(255,255,255,.92);border-color:rgba(255,255,255,.14);background:rgba(8,7,11,.55)} }@keyframes oxhAnPip{0%,16%,100%{background:#ff642d;box-shadow:0 0 8px rgba(255,100,45,.8)}20%,96%{background:rgba(255,255,255,.18);box-shadow:0 0 0 rgba(255,100,45,0)}}@keyframes oxhAnMeter{0%{clip-path:inset(0 100% 0 0)}6%,100%{clip-path:inset(0 0 0 0)}}@keyframes oxhAnVal{0%{opacity:0;transform:translateX(-4px)}3%,100%{opacity:1;transform:translateX(0)}}@property --oxh-t{syntax:'<number>';inherits:true;initial-value:0}@property --oxh-p{syntax:'<number>';inherits:true;initial-value:1}.oxh-waves{position:absolute;inset:0;opacity:.62;mix-blend-mode:screen}@keyframes oxhWavesIn{from{opacity:0}to{opacity:1}}@media (max-width:1000px){.oxh-journey-in{grid-template-columns:minmax(0,1fr)}}.oxh-folders{list-style:none;margin:clamp(40px,4.4vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.oxh-folders li{min-width:0}.oxh-folder{position:relative;isolation:isolate;display:block;height:100%;min-height:470px;padding-top:176px;color:var(--oxh-ink);text-decoration:none}.oxh-folder-back{position:absolute;left:0;right:0;top:26px;bottom:0;z-index:-3;border-radius:8px 28px 28px 28px;background:#1d1a23;box-shadow:0 30px 60px -36px rgba(11,11,12,.6)}.oxh-folder-back::before{content:'';position:absolute;left:0;top:-22px;width:46%;height:34px;border-radius:16px 22px 0 0;background:#1d1a23}.oxh-folder-back img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:.88}.oxh-folder-files{position:absolute;left:0;right:0;top:44px;height:240px;z-index:-2}.oxh-file{ position:absolute;bottom:0;width:56%;height:204px;overflow:hidden;border-radius:14px;transform-origin:50% 100%; box-shadow:0 18px 36px -18px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.14); transition:transform .75s var(--oxh-ease); }.oxh-file.is-draw{ left:7%;display:flex;justify-content:center;align-items:flex-start;padding-top:12px;transform:rotate(-7deg); background:radial-gradient(70% 60% at 50% 0%,rgba(255,122,61,.3),transparent 70%),radial-gradient(60% 70% at 100% 40%,rgba(124,58,237,.34),transparent 70%),#15111c; }.oxh-file.is-draw .oxh-sd{width:86%;height:auto}.oxh-file.is-photo{left:24%;transform:translateY(-8px) rotate(1.5deg);background:#111}.oxh-file.is-photo img{width:100%;height:100%;object-fit:cover}.oxh-file.is-paper{right:6%;transform:rotate(8deg);background:#fdfcfa}.oxh-file-sheet{position:absolute;inset:14px 14px auto 14px;display:flex;flex-direction:column;gap:9px}.oxh-file-sheet i{display:block;height:7px;border-radius:4px;background:rgba(11,11,12,.12)}.oxh-file-sheet i:nth-child(1){width:62%;height:9px;background:linear-gradient(90deg,var(--oxh-acc),#e4589a)}.oxh-file-sheet i:nth-child(2){width:88%}.oxh-file-sheet i:nth-child(3){width:74%}.oxh-file-sheet i:nth-child(4){width:48%}.oxh-file-sheet.is-chart{flex-direction:row;align-items:flex-end;height:64px;gap:7px}.oxh-file-sheet.is-chart i{flex:1;height:auto;width:auto}.oxh-file-sheet.is-chart i:nth-child(1){height:36%;background:rgba(11,11,12,.14)}.oxh-file-sheet.is-chart i:nth-child(2){height:54%;background:rgba(228,88,154,.4)}.oxh-file-sheet.is-chart i:nth-child(3){height:72%;background:rgba(124,58,237,.45)}.oxh-file-sheet.is-chart i:nth-child(4){height:100%;background:linear-gradient(180deg,#ff8a50,#e4589a)}.oxh-file-sheet.is-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.oxh-file-sheet.is-grid i{width:auto;height:30px;border-radius:6px;background:rgba(11,11,12,.08)}.oxh-file-sheet.is-grid i:nth-child(1){grid-column:1 / -1;height:20px}.oxh-file-sheet.is-swatch{flex-direction:row;flex-wrap:wrap;gap:8px}.oxh-file-sheet.is-swatch i{width:calc(50% - 4px);height:36px;border-radius:8px}.oxh-file-sheet.is-swatch i:nth-child(1){background:#ff8a50}.oxh-file-sheet.is-swatch i:nth-child(2){background:#e4589a}.oxh-file-sheet.is-swatch i:nth-child(3){background:#7c3aed}.oxh-file-sheet.is-swatch i:nth-child(4){background:#0b0b0c}.oxh-file-sheet.is-post{gap:7px}.oxh-file-sheet.is-post i:nth-child(1){width:30px;height:30px;border-radius:50%;background:conic-gradient(#ff8a50,#e4589a,#7c3aed,#ff8a50)}.oxh-file-sheet.is-post i:nth-child(2){width:84%;height:6px;background:rgba(11,11,12,.16)}.oxh-file-sheet.is-post i:nth-child(3){width:100%;height:46px;border-radius:8px;background:linear-gradient(135deg,#ffd0b4,#ffb3cf 50%,#c9b0ff)}.oxh-file-sheet.is-post i:nth-child(4){width:58%;height:6px}.oxh-folder-front{ position:relative;display:flex;flex-direction:column;gap:12px;height:100%;padding:24px 24px 26px;border-radius:24px; background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.94) 38%);border:1px solid rgba(255,255,255,.95); -webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5); box-shadow:inset 0 1px 0 #fff,0 34px 64px -34px rgba(11,11,12,.55); transform-origin:center bottom;transition:transform .7s var(--oxh-ease),box-shadow .5s ease; }.oxh-folder:hover .oxh-file.is-draw,.oxh-folder:focus-within .oxh-file.is-draw{transform:translate(-14%,-58px) rotate(-15deg)}.oxh-folder:hover .oxh-file.is-photo,.oxh-folder:focus-within .oxh-file.is-photo{transform:translateY(-82px) rotate(0deg)}.oxh-folder:hover .oxh-file.is-paper,.oxh-folder:focus-within .oxh-file.is-paper{transform:translate(14%,-56px) rotate(15deg)}.oxh-folder:hover .oxh-folder-front,.oxh-folder:focus-within .oxh-folder-front{transform:perspective(1000px) rotateX(-9deg);box-shadow:inset 0 1px 0 #fff,0 44px 80px -36px rgba(221,110,62,.45)}.oxh-folder:has(.oxh-folder-a:focus-visible) .oxh-folder-front{outline:2px solid var(--oxh-acc);outline-offset:3px}.oxh-folder-top{display:flex;align-items:center;gap:11px}.oxh-folder-k{display:inline-flex;align-items:center;gap:7px;font-family:var(--oxh-mono);font-size:15.6px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--oxh-acc-ink)}.oxh-folder-k i{width:6px;height:6px;border-radius:50%;background:var(--oxh-acc)}.oxh-folder h3{margin:6px 0 0;font-size:23.2px;font-weight:600;letter-spacing:-.016em}.oxh-folder p{margin:0;font-size:18px;line-height:1.6;color:var(--oxh-body)}.oxh-folder-go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:17.8px;font-weight:600}.oxh-folder:hover .oxh-folder-go .oxh-arrow{transform:translateX(3px)}@media (max-width:1100px){.oxh-folders{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.oxh-folders{grid-template-columns:minmax(0,1fr)}.oxh-folder{min-height:0}}.oxh-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,5.4vw,104px);align-items:start}.oxh-faq-aside{position:sticky;top:110px;display:flex;flex-direction:column;gap:clamp(24px,2.4vw,34px)}.oxh-faq-head .oxh-h2{margin-bottom:0}.oxh-ask{ position:relative;isolation:isolate;overflow:hidden;padding:26px;border-radius:26px; color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:18px; box-shadow:0 50px 90px -50px rgba(40,16,70,.75); }.oxh-ask::before{content:'';position:absolute;z-index:-1;inset:1.5px;border-radius:24.5px;background:#0b0b0c}.oxh-ask-ring{position:absolute;z-index:-2;inset:0;border-radius:inherit;overflow:hidden;background:#232129}.oxh-ask-ring::before{ content:'';position:absolute;left:50%;top:50%;width:200%;aspect-ratio:1;margin:-100% 0 0 -100%; background:conic-gradient(from 0deg,transparent 0 62%,#ff8a50 74%,#e4589a 84%,#7c3aed 92%,transparent 98%); }.oxh-b-ask{width:420px;height:420px;right:-30%;top:-60%;background:radial-gradient(closest-side,#ff7a3d,transparent);opacity:.4}.oxh-ask-who{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;--oxh-face-ring:#0b0b0c}.oxh-ask-wl{font-size:17.6px;color:rgba(255,255,255,1)}.oxh-ask .oxh-btn{position:relative;white-space:normal;height:auto;min-height:54px;padding-block:12px;text-wrap:balance}.oxh-ask-mail{position:relative;font-family:var(--oxh-mono);font-size:17.4px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px}.oxh-ask-mail:hover{border-bottom-color:var(--oxh-acc-hi)}.oxh-qa{position:relative;margin:0;counter-reset:oxhq;border-bottom:1px solid rgba(11,11,12,.12)}.oxh-qa-row{ counter-increment:oxhq;position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);column-gap:22px; padding:clamp(22px,2vw,30px) 0;border-top:1px solid rgba(11,11,12,.12); }.oxh-qa-row::before{ content:counter(oxhq,decimal-leading-zero);grid-row:1;grid-column:1;align-self:start;display:grid;place-items:center; height:30px;margin-top:2px;border-radius:999px;border:1px solid rgba(11,11,12,.18);background:#fff; font-family:var(--oxh-mono);font-size:15.6px;font-weight:600;letter-spacing:.1em;color:var(--oxh-mute); transition:background-color .3s ease,color .3s ease,border-color .3s ease; }.oxh-qa-row::after{ content:'';position:absolute;left:0;top:-1px;height:1px;width:0;background:linear-gradient(90deg,#ff8a50,#e4589a 55%,#7c3aed); transition:width .6s var(--oxh-ease); }.oxh-qa-row:hover::before{color:var(--oxh-acc-ink);border-color:var(--oxh-acc)}.oxh-qa-row:hover::after{width:100%}.oxh-qa dt{grid-column:2;font-size:clamp(21.4px,calc(1.4vw + 1.8px),24.4px);font-weight:600;line-height:1.32;letter-spacing:-.018em}.oxh-qa dd{grid-column:2;margin:12px 0 0;display:grid;gap:12px;max-width:46em}.oxh-qa dd p{margin:0;font-size:18.6px;line-height:1.7;color:var(--oxh-body)}@media (max-width:1000px){.oxh-faq-grid{grid-template-columns:minmax(0,1fr)}.oxh-faq-aside{position:static}}@media (max-width:560px){.oxh-qa-row{grid-template-columns:minmax(0,1fr)}.oxh-qa-row::before{justify-self:start;padding-inline:12px;margin-bottom:14px}.oxh-qa dt,.oxh-qa dd{grid-column:1}.oxh-qa-row::before{grid-row:auto}}.oxh-close{padding-block:clamp(36px,3.6vw,60px) clamp(56px,6vw,96px)}.oxh-close-panel{ position:relative;isolation:isolate;overflow:hidden;border-radius:28px;background:#08070d;color:#fff; padding:clamp(30px,4vw,60px) clamp(22px,4vw,60px);--oxh-face-ring:#fff; box-shadow:0 1px 0 rgba(11,11,12,.03),0 60px 120px -64px rgba(46,18,90,.9); }.oxh-close-in{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(30px,5vw,96px);align-items:center}.oxh-close-t{margin:0;font-size:clamp(37.3px,calc(4.1vw + 1.3px),69.3px);font-weight:500;line-height:1.04;letter-spacing:-.034em;color:#fff;text-wrap:balance}.oxh-close-s{margin:22px 0 0;max-width:620px;font-size:clamp(20.4px,calc(1.4vw + 1.8px),23.4px);line-height:1.6;color:rgba(255,255,255,1)}.oxh-close-card{ display:flex;flex-direction:column;gap:22px;padding:30px;border-radius:26px;background:#fff;color:var(--oxh-ink); box-shadow:0 0 0 1px rgba(255,255,255,.2),0 50px 100px -46px rgba(0,0,0,.9); }.oxh-close-card .oxh-btns{flex-direction:column}.oxh-close-card .oxh-btn{width:100%;white-space:normal;height:auto;min-height:56px;padding-block:13px;text-wrap:balance}.oxh-close-who{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:22px;border-top:1px solid #ecebe7}.oxh-close-wl{font-size:17.6px;color:var(--oxh-body)}.oxh-close-mail{align-self:flex-start;font-family:var(--oxh-mono);font-size:17.6px;color:var(--oxh-ink);text-decoration:none;border-bottom:1px solid rgba(11,11,12,.3);padding-bottom:2px}.oxh-close-mail:hover{border-bottom-color:var(--oxh-acc)}@media (max-width:1000px){.oxh-close-in{grid-template-columns:minmax(0,1fr)}}.oxh-living-shade.is-cq{background:linear-gradient(100deg,rgba(6,5,10,.84) 0%,rgba(6,5,10,.6) 38%,rgba(6,5,10,.3) 70%,rgba(6,5,10,.18) 100%)}.oxh-living-shade.is-cqp{background:radial-gradient(70% 90% at 30% 50%,rgba(6,5,8,.55),rgba(6,5,8,.1) 80%)}@property --oxb-ink{syntax:'<color>';inherits:true;initial-value:#0b0b0c}@property --oxh-spin{syntax:'<angle>';inherits:false;initial-value:0deg}@property --oxh-rim2{syntax:'<angle>';inherits:false;initial-value:0deg}@property --oxh-s{syntax:'<number>';inherits:true;initial-value:0}@media (prefers-reduced-motion:no-preference){.oxh-h1-em,.oxh-close .oxh-em{animation:oxhSheen 9s ease-in-out 2 alternate both}.oxh-bloom{animation:oxhDrift 24s ease-in-out infinite}.oxh-b-hero2,.oxh-b-svc2,.oxh-b-wheel2,.oxh-b-story2{animation-duration:30s;animation-direction:reverse}.oxh-b-hero3{animation-duration:27s;animation-delay:-9s}.oxh-plate-ring{animation:oxhPulse 8s ease-in-out 3 alternate both}.oxh-plate-sheen::after{animation:oxhGlint 8s ease-in-out 3 1.6s both}.oxh-rail-dot{animation:oxhRailRun 5.2s cubic-bezier(.65,0,.35,1) infinite}.oxh-tile-steps i{animation:oxhBars 5.6s var(--oxh-ease) infinite}.oxh-tile-steps i:nth-child(2){animation-delay:.12s}.oxh-tile-steps i:nth-child(3){animation-delay:.24s}.oxh-tile-steps i:nth-child(4){animation-delay:.36s}.oxh-tile-steps i:nth-child(5){animation-delay:.48s}.oxh-wall-col{animation:oxhWallDown linear infinite}.oxh-wall-col.is-up{animation-name:oxhWallUp}.oxh-wall-scr img{animation:oxhWallPan 9s ease-in-out infinite alternate}.oxh-wall-bars b{animation:oxhWallBar 4.5s linear infinite}.oxh-wall-dot{animation:oxhWallRec 1.4s steps(2,jump-none) infinite}.oxh-sd-node{animation:oxhSdBeat 3s ease-in-out infinite}.oxh-sd-route{animation:oxhSdFlow 1.6s linear infinite}.oxh-sd-node.is-2{animation-delay:.5s}.oxh-sd-node.is-3{animation-delay:1s}.oxh-sd-target,.oxh-sd-send,.oxh-sd-okg{animation:oxhSdBeat 2.4s ease-in-out infinite}.oxh-sd-sheen{animation:oxhSdSheen 3.6s ease-in-out infinite}.oxh-sd-up{animation:oxhSdRise 2.6s ease-in-out infinite}.oxh-sd-like{animation:oxhSdBeat 1.6s ease-in-out infinite}.oxh-sd-pop{animation:oxhSdPop 3.2s ease-out infinite}.oxh-sd-pop.is-2{animation-delay:1.05s}.oxh-sd-pop.is-3{animation-delay:2.1s}.oxh-sd-prog{animation:oxhSdProg 5s linear infinite}.oxh-sd-rec{animation:oxhBlink 1.4s ease-in-out infinite}.oxh-sd-side.is-l{animation:oxhSdSwayL 6s ease-in-out infinite alternate}.oxh-sd-side.is-r{animation:oxhSdSwayR 7s ease-in-out infinite alternate}.oxh-sd-drop{animation:oxhSdDrop 2.8s cubic-bezier(.5,0,.8,.6) infinite}.oxh-sd-drop.is-1{animation-delay:.45s}.oxh-sd-drop.is-2{animation-delay:.9s}.oxh-sd-drop.is-3{animation-delay:1.35s}.oxh-sd-drop.is-4{animation-delay:1.8s}.oxh-sd-drop.is-5{animation-delay:2.25s}.oxh-sd-msg{animation:oxhSdMsg 6s ease-in-out infinite}.oxh-sd-msg.is-2{animation-delay:.8s}.oxh-sd-msg.is-3{animation-delay:1.6s}.oxh-sd-block{animation:oxhSdMsg 6s ease-in-out infinite}.oxh-sd-block.is-2{animation-delay:.6s}.oxh-sd-block.is-3{animation-delay:1.2s}.oxh-sd-click{animation:oxhSdBeat 2s ease-in-out infinite}.oxh-sd-sw{animation:oxhSdMsg 5s ease-in-out infinite}.oxh-sd-sw.is-1{animation-delay:.35s}.oxh-sd-sw.is-2{animation-delay:.7s}.oxh-sd-sw.is-3{animation-delay:1.05s}.oxh-sd-bar{animation:oxhBars 3.4s cubic-bezier(.2,.8,.2,1) infinite alternate}.oxh-sd-bar.is-1{animation-delay:.15s}.oxh-sd-bar.is-2{animation-delay:.3s}.oxh-sd-bar.is-3{animation-delay:.45s}.oxh-sd-bar.is-4{animation-delay:.6s}.oxh-sd-bar.is-5{animation-delay:.75s}.oxh-sd-dot{animation:oxhSdType 1.2s ease-in-out infinite}.oxh-sd-dot.is-2{animation-delay:.15s}.oxh-sd-dot.is-3{animation-delay:.3s}.oxh-waves>canvas{animation:oxhWavesIn 1.6s ease both}.oxh-aur{animation:oxhDrift 22s ease-in-out infinite}.oxh-aur-2{animation-duration:28s;animation-direction:reverse}.oxh-aur-3{animation-duration:25s;animation-delay:-8s}.oxh-aurora-art{animation:oxhBreathe 26s ease-in-out infinite alternate}.oxh-ask-ring::before{animation:oxhTurn 8s linear infinite}}@supports (animation-timeline: view()){@media (prefers-reduced-motion:no-preference){.oxh-rv{animation:oxhRise linear both;animation-timeline:view();animation-range:entry 0% entry 240px}}}@keyframes oxhCqPing{0%{transform:scale(1);opacity:.8}80%,100%{transform:scale(2.6);opacity:0}}@keyframes oxhCqLive{0%,100%{box-shadow:0 0 0 2.5px #120d1a,0 0 0 2.5px rgba(52,211,153,.5)}50%{box-shadow:0 0 0 2.5px #120d1a,0 0 0 8px rgba(52,211,153,0)}}@keyframes oxhCqDown{0%{top:-64px}80%,100%{top:100%}}@keyframes oxhCqLit{0%,30%,100%{background:#120d1a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 0 0 4px rgba(8,7,13,.9)}12%{background:var(--oxh-glow,#ff8a50);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 0 0 4px rgba(8,7,13,.9),0 0 26px 4px var(--oxh-glow,#ff8a50)}}@keyframes oxhCqWrite{0%,8%{transform:scaleX(0)}30%,100%{transform:scaleX(1)}}@keyframes oxhCqPress{0%,42%,56%,100%{scale:1}48%{scale:.86}}@keyframes oxhCqFly{0%,48%{translate:-120px 92px;scale:.5;opacity:0}52%{opacity:1}74%,92%{translate:0 0;scale:1;opacity:1}100%{translate:8px -6px;scale:1;opacity:0}}@keyframes oxhCqDash{to{stroke-dashoffset:-18}}@keyframes oxhCqRipple{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2);opacity:0}}@keyframes oxhSheen{from{background-position:0% 50%}to{background-position:100% 50%}}@keyframes oxhDrift{0%,100%{translate:0 0;scale:1}33%{translate:6% 8%;scale:1.08}66%{translate:-5% 4%;scale:.95}}@keyframes oxhSway{from{rotate:-5deg}to{rotate:5deg}}@keyframes oxhFlicker{from{opacity:.62}to{opacity:1}}@keyframes oxhDust{from{translate:0 0}to{translate:0 -420px}}@keyframes oxhFloatA{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes oxhFloatB{0%,100%{translate:0 0}50%{translate:0 10px}}@keyframes oxhFloatC{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes oxhPulse{from{opacity:.5}to{opacity:.9}}@keyframes oxhGlint{0%{translate:0 0}38%,100%{translate:560% 0}}@keyframes oxhMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes oxhKenSoft{from{scale:1.06;translate:-1.5% 0}to{scale:1.16;translate:1.5% -2%}}@keyframes oxhBars{0%{scale:1 .3}45%,100%{scale:1 1}}@keyframes oxhBlink{0%,100%{opacity:1}50%{opacity:.4}}@keyframes oxhTurn{to{transform:rotate(360deg)}}@keyframes oxhBarGlass{ from{--oxb-ink:#fff;background-color:rgba(255,255,255,0);box-shadow:0 1px 0 rgba(11,11,12,0),0 12px 32px -24px rgba(11,11,12,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)} 46%{--oxb-ink:#fff;background-color:rgba(255,255,255,.24)} 50%{--oxb-ink:#0b0b0c;background-color:rgba(255,255,255,.72)} }@keyframes oxhBarShrink{to{height:var(--oxh-bar-min);margin-bottom:calc(var(--oxh-bar) - var(--oxh-bar-min))}}@keyframes oxhBarDrop{from{translate:0 -8px;opacity:.4}to{translate:0 0;opacity:1}}@keyframes oxhTurnBack{to{rotate:-360deg}}@keyframes oxhWire{0%{transform:translateX(-72px)}62%,100%{transform:translateX(100cqw)}}@keyframes oxhFill{0%{transform:scaleX(.15)}55%,100%{transform:scaleX(1)}}@keyframes oxhBreathe{from{scale:1}to{scale:1.12}}@keyframes oxhSpin{to{--oxh-spin:360deg}}@keyframes oxhBob{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes oxhThumb{from{translate:0 0}to{translate:163% 0}}@keyframes oxhRailRun{0%{translate:0 0;opacity:0}8%{opacity:1}78%{translate:100% 0;opacity:1}100%{translate:100% 0;opacity:0}}@keyframes oxhWallDown{from{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes oxhWallUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes oxhWallPan{from{transform:scale(1.06) translate(0,0)}to{transform:scale(1.2) translate(-3%,-4%)}}@keyframes oxhWallBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes oxhWallRec{0%{opacity:1}100%{opacity:.2}}@keyframes oxhGlintX{0%{translate:-100% 0}45%,100%{translate:100% 0}}@keyframes oxhSdFlow{to{stroke-dashoffset:-12.8}}@keyframes oxhSdBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.28)}}@keyframes oxhSdSheen{0%{transform:translateX(0)}60%,100%{transform:translateX(200px)}}@keyframes oxhSdRise{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes oxhSdPop{0%{transform:translateY(10px) scale(.6);opacity:0}25%{opacity:1}100%{transform:translateY(-14px) scale(1);opacity:0}}@keyframes oxhSdProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes oxhSdSwayL{from{transform:rotate(-8deg) translateY(0)}to{transform:rotate(-4deg) translateY(-3px)}}@keyframes oxhSdSwayR{from{transform:rotate(7deg) translateY(0)}to{transform:rotate(3deg) translateY(-3px)}}@keyframes oxhSdDrop{0%{transform:translate(0,0);opacity:0}12%,78%{opacity:1}100%{transform:translate(var(--dx),88px);opacity:0}}@keyframes oxhSdMsg{0%{opacity:0;transform:translateY(4px)}10%,84%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}@keyframes oxhSdType{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes oxhConSlide2{0.000%,47.600%{transform:translateX(-0%)}50.000%,100.000%{transform:translateX(-100%)}}@keyframes oxhConPick2{0%{background:#fff;color:#0b0b0c}50.000%,100%{background:transparent;color:rgba(255,255,255,0.93)}}@keyframes oxhConPickIc2{0%{background:linear-gradient(135deg,#ff8a50,#e4589a 60%,#7c3aed);color:#fff;box-shadow:none}50.000%,100%{background:rgba(255,255,255,.1);color:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}}@keyframes oxhConSlide3{0.000%,30.933%{transform:translateX(-0%)}33.333%,64.267%{transform:translateX(-100%)}66.667%,100.000%{transform:translateX(-200%)}}@keyframes oxhConPick3{0%{background:#fff;color:#0b0b0c}33.333%,100%{background:transparent;color:rgba(255,255,255,0.93)}}@keyframes oxhConPickIc3{0%{background:linear-gradient(135deg,#ff8a50,#e4589a 60%,#7c3aed);color:#fff;box-shadow:none}33.333%,100%{background:rgba(255,255,255,.1);color:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}}@keyframes oxhConSlide4{0.000%,22.600%{transform:translateX(-0%)}25.000%,47.600%{transform:translateX(-100%)}50.000%,72.600%{transform:translateX(-200%)}75.000%,100.000%{transform:translateX(-300%)}}@keyframes oxhConPick4{0%{background:#fff;color:#0b0b0c}25.000%,100%{background:transparent;color:rgba(255,255,255,0.93)}}@keyframes oxhConPickIc4{0%{background:linear-gradient(135deg,#ff8a50,#e4589a 60%,#7c3aed);color:#fff;box-shadow:none}25.000%,100%{background:rgba(255,255,255,.1);color:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}}@keyframes oxhConSlide5{0.000%,17.600%{transform:translateX(-0%)}20.000%,37.600%{transform:translateX(-100%)}40.000%,57.600%{transform:translateX(-200%)}60.000%,77.600%{transform:translateX(-300%)}80.000%,100.000%{transform:translateX(-400%)}}@keyframes oxhConPick5{0%{background:#fff;color:#0b0b0c}20.000%,100%{background:transparent;color:rgba(255,255,255,0.93)}}@keyframes oxhConPickIc5{0%{background:linear-gradient(135deg,#ff8a50,#e4589a 60%,#7c3aed);color:#fff;box-shadow:none}20.000%,100%{background:rgba(255,255,255,.1);color:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}}@keyframes oxhConSlide6{0.000%,14.267%{transform:translateX(-0%)}16.667%,30.933%{transform:translateX(-100%)}33.333%,47.600%{transform:translateX(-200%)}50.000%,64.267%{transform:translateX(-300%)}66.667%,80.933%{transform:translateX(-400%)}83.333%,100.000%{transform:translateX(-500%)}}@keyframes oxhConPick6{0%{background:#fff;color:#0b0b0c}16.667%,100%{background:transparent;color:rgba(255,255,255,0.93)}}@keyframes oxhConPickIc6{0%{background:linear-gradient(135deg,#ff8a50,#e4589a 60%,#7c3aed);color:#fff;box-shadow:none}16.667%,100%{background:rgba(255,255,255,.1);color:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}}@keyframes oxhConSlide7{0.000%,11.886%{transform:translateX(-0%)}14.286%,26.171%{transform:translateX(-100%)}28.571%,40.457%{transform:translateX(-200%)}42.857%,54.743%{transform:translateX(-300%)}57.143%,69.029%{transform:translateX(-400%)}71.429%,83.314%{transform:translateX(-500%)}85.714%,100.000%{transform:translateX(-600%)}}@keyframes oxhConPick7{0%{background:#fff;color:#0b0b0c}14.286%,100%{background:transparent;color:rgba(255,255,255,0.93)}}@keyframes oxhConPickIc7{0%{background:linear-gradient(135deg,#ff8a50,#e4589a 60%,#7c3aed);color:#fff;box-shadow:none}14.286%,100%{background:rgba(255,255,255,.1);color:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}}@keyframes oxhConSlide8{0.000%,10.100%{transform:translateX(-0%)}12.500%,22.600%{transform:translateX(-100%)}25.000%,35.100%{transform:translateX(-200%)}37.500%,47.600%{transform:translateX(-300%)}50.000%,60.100%{transform:translateX(-400%)}62.500%,72.600%{transform:translateX(-500%)}75.000%,85.100%{transform:translateX(-600%)}87.500%,100.000%{transform:translateX(-700%)}}@keyframes oxhConPick8{0%{background:#fff;color:#0b0b0c}12.500%,100%{background:transparent;color:rgba(255,255,255,0.93)}}@keyframes oxhConPickIc8{0%{background:linear-gradient(135deg,#ff8a50,#e4589a 60%,#7c3aed);color:#fff;box-shadow:none}12.500%,100%{background:rgba(255,255,255,.1);color:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}}@keyframes oxhConSlide9{0.000%,8.711%{transform:translateX(-0%)}11.111%,19.822%{transform:translateX(-100%)}22.222%,30.933%{transform:translateX(-200%)}33.333%,42.044%{transform:translateX(-300%)}44.444%,53.156%{transform:translateX(-400%)}55.556%,64.267%{transform:translateX(-500%)}66.667%,75.378%{transform:translateX(-600%)}77.778%,86.489%{transform:translateX(-700%)}88.889%,100.000%{transform:translateX(-800%)}}@keyframes oxhConPick9{0%{background:#fff;color:#0b0b0c}11.111%,100%{background:transparent;color:rgba(255,255,255,0.93)}}@keyframes oxhConPickIc9{0%{background:linear-gradient(135deg,#ff8a50,#e4589a 60%,#7c3aed);color:#fff;box-shadow:none}11.111%,100%{background:rgba(255,255,255,.1);color:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}}@keyframes oxhConSlide10{0.000%,7.600%{transform:translateX(-0%)}10.000%,17.600%{transform:translateX(-100%)}20.000%,27.600%{transform:translateX(-200%)}30.000%,37.600%{transform:translateX(-300%)}40.000%,47.600%{transform:translateX(-400%)}50.000%,57.600%{transform:translateX(-500%)}60.000%,67.600%{transform:translateX(-600%)}70.000%,77.600%{transform:translateX(-700%)}80.000%,87.600%{transform:translateX(-800%)}90.000%,100.000%{transform:translateX(-900%)}}@keyframes oxhConPick10{0%{background:#fff;color:#0b0b0c}10.000%,100%{background:transparent;color:rgba(255,255,255,0.93)}}@keyframes oxhConPickIc10{0%{background:linear-gradient(135deg,#ff8a50,#e4589a 60%,#7c3aed);color:#fff;box-shadow:none}10.000%,100%{background:rgba(255,255,255,.1);color:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}}@keyframes oxhSxClock3{0.000%,28.667%{--oxh-t:0}33.333%,62.000%{--oxh-t:1}66.667%,95.333%{--oxh-t:2}100%{--oxh-t:3}}@keyframes oxhSxClock4{0.000%,21.500%{--oxh-t:0}25.000%,46.500%{--oxh-t:1}50.000%,71.500%{--oxh-t:2}75.000%,96.500%{--oxh-t:3}100%{--oxh-t:4}}@keyframes oxhSxClock5{0.000%,17.200%{--oxh-t:0}20.000%,37.200%{--oxh-t:1}40.000%,57.200%{--oxh-t:2}60.000%,77.200%{--oxh-t:3}80.000%,97.200%{--oxh-t:4}100%{--oxh-t:5}}@keyframes oxhSxClock6{0.000%,14.333%{--oxh-t:0}16.667%,31.000%{--oxh-t:1}33.333%,47.667%{--oxh-t:2}50.000%,64.333%{--oxh-t:3}66.667%,81.000%{--oxh-t:4}83.333%,97.667%{--oxh-t:5}100%{--oxh-t:6}}@keyframes oxhSxClock7{0.000%,12.286%{--oxh-t:0}14.286%,26.571%{--oxh-t:1}28.571%,40.857%{--oxh-t:2}42.857%,55.143%{--oxh-t:3}57.143%,69.429%{--oxh-t:4}71.429%,83.714%{--oxh-t:5}85.714%,98.000%{--oxh-t:6}100%{--oxh-t:7}}@keyframes oxhSxClock8{0.000%,10.750%{--oxh-t:0}12.500%,23.250%{--oxh-t:1}25.000%,35.750%{--oxh-t:2}37.500%,48.250%{--oxh-t:3}50.000%,60.750%{--oxh-t:4}62.500%,73.250%{--oxh-t:5}75.000%,85.750%{--oxh-t:6}87.500%,98.250%{--oxh-t:7}100%{--oxh-t:8}}@keyframes oxhSxClock9{0.000%,9.556%{--oxh-t:0}11.111%,20.667%{--oxh-t:1}22.222%,31.778%{--oxh-t:2}33.333%,42.889%{--oxh-t:3}44.444%,54.000%{--oxh-t:4}55.556%,65.111%{--oxh-t:5}66.667%,76.222%{--oxh-t:6}77.778%,87.333%{--oxh-t:7}88.889%,98.444%{--oxh-t:8}100%{--oxh-t:9}}@keyframes oxhSxClock10{0.000%,8.600%{--oxh-t:0}10.000%,18.600%{--oxh-t:1}20.000%,28.600%{--oxh-t:2}30.000%,38.600%{--oxh-t:3}40.000%,48.600%{--oxh-t:4}50.000%,58.600%{--oxh-t:5}60.000%,68.600%{--oxh-t:6}70.000%,78.600%{--oxh-t:7}80.000%,88.600%{--oxh-t:8}90.000%,98.600%{--oxh-t:9}100%{--oxh-t:10}}@keyframes oxhSxPace{0%{--oxh-p:0}86%,100%{--oxh-p:1}}@keyframes oxhSxBreathe{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}@keyframes oxhWkTurn5{0.00%,16.00%{--oxh-s:0;opacity:1}20.00%,36.00%{--oxh-s:-1;opacity:1}40.00%,56.00%{--oxh-s:-2;opacity:1}57.60%{--oxh-s:-2.4;opacity:0}57.70%{--oxh-s:2.4;opacity:0}60.00%,76.00%{--oxh-s:2;opacity:1}80.00%,96.00%{--oxh-s:1;opacity:1}100%{--oxh-s:0;opacity:1}}@keyframes oxhWkPick{0%{background:linear-gradient(135deg,#c2410c,#be185d 60%,#6d28d9);color:#fff;box-shadow:0 0 0 6px rgba(221,110,62,.16),0 10px 24px -8px rgba(221,110,62,.6)}20.00%,100%{background:#fff;color:#4a4c53;box-shadow:inset 0 0 0 1px rgba(11,11,12,.16),0 8px 18px -12px rgba(11,11,12,.5)}}@keyframes oxhWkLine{0.00%,16.00%{transform:scaleX(0.000)}20.00%,36.00%{transform:scaleX(0.250)}40.00%,56.00%{transform:scaleX(0.500)}60.00%,76.00%{transform:scaleX(0.750)}80.00%,96.00%{transform:scaleX(1.000)}100%{transform:scaleX(0)}}.oxh-crumb{ display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px;padding:0;list-style:none; font-family:var(--oxh-mono);font-size:16.2px;letter-spacing:.04em;line-height:1.3;color:rgba(255,255,255,0.99); }.oxh-crumb li{display:inline-flex;align-items:center;gap:8px}.oxh-crumb a{color:rgba(255,255,255,0.99);text-decoration:none;transition:color .25s ease}.oxh-crumb a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.oxh-crumb i{font-style:normal;color:rgba(255,255,255,0.96)}.oxh-crumb [aria-current]{color:#fff;font-weight:600}.oxh-pg-k{display:flex;width:max-content;max-width:100%}.oxh-pghero .oxh-h1{font-size:clamp(38.8px,calc(4.4vw + 0.8px),78.8px)}.oxh-pghero{padding-bottom:clamp(40px,4vw,72px)}.oxh-marks{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}.oxh-marks li{ display:inline-flex;align-items:center;gap:9px;padding:9px 15px 9px 12px;border-radius:999px; background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); font-size:17.6px;font-weight:560;line-height:1.3;color:#fff; }.oxh-marks li i{flex:none;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ff8a50,#e4589a,#7c3aed);box-shadow:0 0 10px 1px rgba(228,88,154,.6)}.oxh-pg-glyph{ position:absolute;z-index:4;right:5%;top:2%;display:grid;place-items:center;width:84px;height:84px;border-radius:24px;color:#fff; background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.32); -webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4); box-shadow:0 30px 60px -24px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.3); }.oxh-pg-glyph svg{width:38px;height:38px}.oxh-room .oxh-head-split{align-items:center}.oxh-cards{ list-style:none;margin:clamp(36px,4vw,60px) 0 0;padding:0; display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px; }.oxh-cards[data-n="4"],.oxh-cards[data-n="8"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}.oxh-cards[data-n="2"],.oxh-cards[data-n="3"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.oxh-cards[data-n="9"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr))}.oxh-card{ position:relative;isolation:isolate;display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:24px; background:#fff;border:1px solid var(--oxh-line); box-shadow:0 1px 0 rgba(11,11,12,.03),0 26px 54px -40px rgba(11,11,12,.38); transition:transform .5s var(--oxh-ease),box-shadow .5s ease; }.oxh-card:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(11,11,12,.03),0 34px 70px -40px rgba(221,110,62,.45)}.oxh-card:hover .oxh-ic{background:linear-gradient(135deg,var(--oxh-acc),#e4589a 60%,#7c3aed);box-shadow:0 10px 26px -8px rgba(221,110,62,.7)}.oxh-card-rim{ position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:.24; background:conic-gradient(from var(--oxh-rim2),transparent 0 62%,#ff8a50 74%,#e4589a 84%,#7c3aed 93%,transparent 100%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0); transition:opacity .4s ease; }.oxh-card:hover .oxh-card-rim{opacity:1}.oxh-card h3{margin:0;font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.016em}.oxh-card p{margin:0;font-size:18.4px;line-height:1.6;color:var(--oxh-body)}.oxh-dark .oxh-card{ background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15); -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -36px rgba(0,0,0,.8); }.oxh-dark .oxh-card p{color:rgba(255,255,255,0.99)}.oxh-dark .oxh-card .oxh-ic{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}.oxh-dark .oxh-tile-n{color:rgba(255,255,255,0.98)}.oxh-dark .oxh-card-rim{opacity:.4}.oxh-artwin{position:relative;display:block;justify-self:end;width:min(100%,440px);aspect-ratio:4/5;margin-block:10px}.oxh-artwin-ring{position:absolute;inset:-6%;border-radius:50%;border:1px dashed rgba(221,110,62,.4)}.oxh-dark .oxh-artwin-ring{border-color:rgba(255,255,255,.22)}.oxh-artwin-frame{ position:absolute;inset:6% 8%;overflow:hidden;border-radius:28px;rotate:-4deg; box-shadow:0 50px 100px -40px rgba(40,10,70,.6),0 0 0 1px rgba(255,255,255,.22); }.oxh-artwin-frame img{width:100%;height:100%;object-fit:cover;display:block}.oxh-artwin-sheen{ position:absolute;inset:0; background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.34) 50%,transparent 65%); background-size:260% 100%;background-position:120% 0; }@media (max-width:1000px){.oxh-artwin{justify-self:start;width:min(100%,340px)}}@media (max-width:700px){.oxh-artwin{display:none}}@media (prefers-reduced-motion:no-preference){.oxh-card-rim{animation:oxhCardRim 9s linear infinite;animation-delay:calc(var(--i,0) * 1.5s)}.oxh-artwin-frame{animation:oxhFloatA 9s ease-in-out infinite}.oxh-artwin-ring{animation:oxhTurn 48s linear infinite}.oxh-artwin-sheen{animation:oxhArtSheen 6.5s ease-in-out infinite}.oxh-pg-glyph{animation:oxhFloatB 7s ease-in-out infinite}}@keyframes oxhCardRim{0%{--oxh-rim2:0deg;opacity:.24}10%{opacity:1}34%{--oxh-rim2:360deg;opacity:.24}100%{--oxh-rim2:360deg;opacity:.24}}@keyframes oxhSpineRun{0%{translate:0 -20%;opacity:0}12%{opacity:1}82%{opacity:1}100%{translate:0 300%;opacity:0}}@keyframes oxhSpinePing{0%,62%{transform:scale(1);opacity:.9}100%{transform:scale(1.5);opacity:0}}@keyframes oxhArtSheen{0%,40%{background-position:120% 0}100%{background-position:-20% 0}}@keyframes oxhTeamDrift{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}@keyframes oxhRise{from{opacity:0;translate:0 38px}to{opacity:1;translate:0 0}} .oxh .oxh-hero.is-light{ display:flex;flex-direction:column;min-height:calc(100 * var(--ap2-vh,1vh));padding-bottom:0; color:var(--oxh-ink);--oxh-face-ring:#fff; background: radial-gradient(52% 46% at 6% 20%,rgba(255,138,80,.17),transparent 70%), radial-gradient(44% 52% at 94% 6%,rgba(124,58,237,.13),transparent 72%), radial-gradient(40% 40% at 72% 96%,rgba(228,88,154,.09),transparent 72%), linear-gradient(180deg,#fffaf6 0%,#faf8f5 62%,#f5f3f0 100%); box-shadow:inset 0 -1px 0 rgba(11,11,12,.1); } .oxh .oxh-hero.is-light::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#ff8a50,#e4589a 50%,#7c3aed)} .oxh .oxh-hero.is-light .oxh-bloom{opacity:.16} .oxh .oxh-hero.is-light .oxh-hero-in{flex:1 0 auto;align-content:center} .oxh .oxh-pghero.is-light .oxh-hero-in{padding-block:clamp(44px,4.4vw,80px)} .oxh .oxh-hero.is-light .oxh-crumb{color:#2b2c31} .oxh .oxh-hero.is-light .oxh-crumb a{color:#26272c} .oxh .oxh-hero.is-light .oxh-crumb a:hover{color:var(--oxh-ink)} .oxh .oxh-hero.is-light .oxh-crumb i{color:#6b6c72} .oxh .oxh-hero.is-light .oxh-crumb [aria-current]{color:var(--oxh-ink)} .oxh .oxh-hero.is-light .oxh-h1-k{ background:#fff;border-color:rgba(11,11,12,.14);color:#1f2024; -webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 8px 20px -14px rgba(11,11,12,.35); } .oxh .oxh-hero.is-light .oxh-h1-k i{background:var(--oxh-acc);box-shadow:0 0 0 3px rgba(221,110,62,.18)} .oxh .oxh-hero.is-light .oxh-h1{color:var(--oxh-ink)} .oxh .oxh-hero.is-light .oxh-h1-em{color:var(--oxh-acc-ink)} @supports ((-webkit-background-clip:text) or (background-clip:text)){ .oxh .oxh-hero.is-light .oxh-h1-em{background-image:linear-gradient(100deg,#b94c1d 0%,#dd6e3e 30%,#c03a7e 66%,#6d28d9 100%)} } .oxh .oxh-hero.is-light .oxh-lede{color:#1f2024} .oxh .oxh-hero.is-light .oxh-marks li{ background:#fff;border-color:rgba(11,11,12,.13);color:#17181c; -webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 8px 20px -16px rgba(11,11,12,.4); } .oxh .oxh-hero.is-light .oxh-marks li i{box-shadow:none} .oxh .oxh-hero.is-light .oxh-plate-ring{opacity:.26} .oxh .oxh-hero.is-light .oxh-plate-sheen{background:linear-gradient(118deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 36%)} .oxh .oxh-hero.is-light .oxh-pg-glyph{ color:var(--oxh-ink);background:rgba(255,255,255,.94);border-color:rgba(11,11,12,.1); box-shadow:0 24px 48px -26px rgba(11,11,12,.55); } .oxh .oxh-hero.is-light{background:linear-gradient(180deg,#fdfdfc 0%,#f9f9f7 100%);box-shadow:inset 0 -1px 0 rgba(11,11,12,.12)} .oxh .oxh-hero.is-light::after{left:max(var(--oxh-gut,24px),calc((100% - 1640px) / 2));right:auto;width:96px;height:2px;background:linear-gradient(90deg,#c2410c,#dd6e3e)} .oxh .oxh-hero.is-light .oxh-bloom{display:none} @media (min-width:1101px){.oxh .oxh-hero.is-light .oxh-hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,5.6vw,110px)}} .oxh .oxh-hero.is-light .oxh-crumb i{color:#9a9ba1} .oxh .oxh-hero.is-light .oxh-h1-k{padding:0;border:0;background:none;box-shadow:none;letter-spacing:.22em;color:#3a3b40} .oxh .oxh-hero.is-light .oxh-h1-k i{width:9px;height:9px;border-radius:2px;background:#dd6e3e;box-shadow:none} .oxh .oxh-hero.is-light .oxh-h1-k::after{content:'';width:44px;height:1px;background:rgba(11,11,12,.28)} .oxh .oxh-hero.is-light .oxh-h1{letter-spacing:-.042em} .oxh .oxh-hero.is-light .oxh-h1-em{background-image:none;color:#c2410c;-webkit-text-fill-color:#c2410c} .oxh .oxh-hero.is-light .oxh-lede{max-width:600px;color:#2f3035} .oxh .oxh-hero.is-light .oxh-marks{ gap:10px 0;margin:32px 0 0 -24px;padding-top:21px;overflow:hidden;border:0; background: linear-gradient(#dd6e3e,#dd6e3e) 24px 0/44px 2px no-repeat, linear-gradient(rgba(11,11,12,.13),rgba(11,11,12,.13)) 24px 0/100% 1px no-repeat; } .oxh .oxh-hero.is-light .oxh-marks li{ margin-left:-3px;padding:2px 24px 2px 26px;border:0;border-left:1px solid rgba(11,11,12,.13);border-radius:0;background:none;box-shadow:none; font-weight:600;letter-spacing:-.01em;color:var(--oxh-ink); } .oxh .oxh-hero.is-light .oxh-marks li i{display:none} @media (max-width:640px){ .oxh .oxh-hero.is-light .oxh-marks{flex-direction:column;margin-left:0;padding-top:6px;background-position:0 0,0 0} .oxh .oxh-hero.is-light .oxh-marks li{margin-left:0;padding:12px 0;border-left:0;border-top:1px solid rgba(11,11,12,.1)} .oxh .oxh-hero.is-light .oxh-marks li:first-child{border-top:0} } .oxh .oxh-hero.is-light .oxh-btn{border-radius:10px} .oxh .oxh-hero.is-light .oxh-btn-k{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 16px 30px -16px rgba(11,11,12,.75)} .oxh .oxh-hero.is-light .oxh-btn-o{border-color:rgba(11,11,12,.2);background:#fff} .oxh .oxh-hero.is-light .oxh-plate{aspect-ratio:1.02;max-width:720px} .oxh .oxh-hero.is-light:has(.oxh-strip) .oxh-plate{aspect-ratio:1.3} .oxh .oxh-hero.is-light .oxh-plate-ring{ inset:22px -18px calc(11% - 18px) calc(9% + 18px);border-radius:8px;opacity:1;filter:none; background:none;border:1px solid rgba(11,11,12,.3);animation:none; } .oxh .oxh-hero.is-light .oxh-plate-sheen{inset:0;border-radius:8px;background:linear-gradient(0deg,rgba(11,11,12,.18),transparent 30%)} .oxh .oxh-hero.is-light .oxh-pg-glyph{ top:-26px;right:-18px;width:76px;height:76px;border-radius:16px;border:0;color:#fff;background:var(--oxh-ink); box-shadow:inset 0 -3px 0 #dd6e3e,0 22px 40px -20px rgba(11,11,12,.7); } @media (max-width:1100px){ .oxh .oxh-hero.is-light .oxh-pg-glyph{top:14px;right:14px;width:60px;height:60px;border-radius:14px} .oxh .oxh-hero.is-light .oxh-plate-ring{display:none} } .oxh .oxh-hero.is-light.is-clinical{background:#fbfbfa} .oxh .oxh-hero.is-light.is-clinical .oxh-marks{counter-reset:oxhclin} .oxh .oxh-hero.is-light.is-clinical .oxh-marks li{counter-increment:oxhclin;display:inline-flex;align-items:baseline;gap:10px} .oxh .oxh-hero.is-light.is-clinical .oxh-marks li::before{content:counter(oxhclin,decimal-leading-zero);font-family:var(--oxh-mono);font-size:12.6px;font-weight:500;letter-spacing:.16em;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:#c2410c} .oxh .oxh-hero.is-light.is-clinical .oxh-plate-ring{display:none}  @keyframes oxhClinScan{0%{transform:translateY(-110%);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translateY(560%);opacity:0}} @keyframes oxhClinBar{from{transform:scaleY(.08)}to{transform:scaleY(1)}} @keyframes oxhClinLive{0%,100%{box-shadow:0 0 0 3px rgba(22,163,74,.18)}50%{box-shadow:0 0 0 6px rgba(22,163,74,.06)}} @media (max-width:1100px){ .oxh .oxh-hero.is-light.is-clinical .oxh-plate{margin-top:34px} } @media (max-width:640px){ .oxh .oxh-hero.is-light.is-clinical .oxh-marks li{display:flex} }        @keyframes oxbkPulse{0%{left:-120px}100%{left:100%}} @keyframes oxbkFlow{to{stroke-dashoffset:-24}} @keyframes oxbkBlink{0%,100%{opacity:1}50%{opacity:.45}} @keyframes oxbkDrop{0%{transform:translateY(-8px);opacity:0}12%,80%{transform:none;opacity:1}100%{transform:none;opacity:0}} @keyframes oxbkScan{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,-34px)}} @keyframes oxbkDraw{0%{stroke-dashoffset:260}40%,100%{stroke-dashoffset:0}} @keyframes oxbkTick{0%,20%{opacity:.35}35%,100%{opacity:1}} @keyframes oxwcSpin{to{transform:rotate(360deg)}} @keyframes oxwcRun{0%{right:100%}100%{right:-30px}} @keyframes oxsrSeal{0%,100%{box-shadow:0 0 0 6px rgba(74,222,128,.18)}50%{box-shadow:0 0 0 12px rgba(74,222,128,0)}} @property --oxh-on{syntax:'<number>';inherits:true;initial-value:0}      @keyframes oxhOneSpine{0%{translate:0 -110%}100%{translate:0 420%}} @keyframes oxhOneBar{0%{scale:0 1}100%{scale:1 1}} @keyframes oxhOneSlide3{0.000%,31.133%{transform:translateX(-0%)}33.333%,64.467%{transform:translateX(-100%)}66.667%,100.000%{transform:translateX(-200%)}} @keyframes oxhOneOn3{0%{--oxh-on:1}33.333%,100%{--oxh-on:0}} @keyframes oxhOneSlide4{0.000%,22.800%{transform:translateX(-0%)}25.000%,47.800%{transform:translateX(-100%)}50.000%,72.800%{transform:translateX(-200%)}75.000%,100.000%{transform:translateX(-300%)}} @keyframes oxhOneOn4{0%{--oxh-on:1}25.000%,100%{--oxh-on:0}} @keyframes oxhOneSlide5{0.000%,17.800%{transform:translateX(-0%)}20.000%,37.800%{transform:translateX(-100%)}40.000%,57.800%{transform:translateX(-200%)}60.000%,77.800%{transform:translateX(-300%)}80.000%,100.000%{transform:translateX(-400%)}} @keyframes oxhOneOn5{0%{--oxh-on:1}20.000%,100%{--oxh-on:0}} @keyframes oxhOneSlide6{0.000%,14.467%{transform:translateX(-0%)}16.667%,31.133%{transform:translateX(-100%)}33.333%,47.800%{transform:translateX(-200%)}50.000%,64.467%{transform:translateX(-300%)}66.667%,81.133%{transform:translateX(-400%)}83.333%,100.000%{transform:translateX(-500%)}} @keyframes oxhOneOn6{0%{--oxh-on:1}16.667%,100%{--oxh-on:0}} @keyframes oxhOneSlide7{0.000%,12.086%{transform:translateX(-0%)}14.286%,26.371%{transform:translateX(-100%)}28.571%,40.657%{transform:translateX(-200%)}42.857%,54.943%{transform:translateX(-300%)}57.143%,69.229%{transform:translateX(-400%)}71.429%,83.514%{transform:translateX(-500%)}85.714%,100.000%{transform:translateX(-600%)}} @keyframes oxhOneOn7{0%{--oxh-on:1}14.286%,100%{--oxh-on:0}} @keyframes oxhOneSlide8{0.000%,10.300%{transform:translateX(-0%)}12.500%,22.800%{transform:translateX(-100%)}25.000%,35.300%{transform:translateX(-200%)}37.500%,47.800%{transform:translateX(-300%)}50.000%,60.300%{transform:translateX(-400%)}62.500%,72.800%{transform:translateX(-500%)}75.000%,85.300%{transform:translateX(-600%)}87.500%,100.000%{transform:translateX(-700%)}} @keyframes oxhOneOn8{0%{--oxh-on:1}12.500%,100%{--oxh-on:0}} @keyframes oxhOneSlide9{0.000%,8.911%{transform:translateX(-0%)}11.111%,20.022%{transform:translateX(-100%)}22.222%,31.133%{transform:translateX(-200%)}33.333%,42.244%{transform:translateX(-300%)}44.444%,53.356%{transform:translateX(-400%)}55.556%,64.467%{transform:translateX(-500%)}66.667%,75.578%{transform:translateX(-600%)}77.778%,86.689%{transform:translateX(-700%)}88.889%,100.000%{transform:translateX(-800%)}} @keyframes oxhOneOn9{0%{--oxh-on:1}11.111%,100%{--oxh-on:0}} 
/* ── The hero ─────────────────────────────────────────────────────────── */
.cs-hero{--cs-c:#DD6E3E}
/* One site's bar is fixed, out of the page's flow; the other site's bar sits
   in it, which is what the hero's own negative top margin answers. Under the
   fixed bar that margin pulled the hero up beneath it (measured: 72px). This
   sheet ships on both sites, so its comments name neither. */
.chx .oxh-hero.cs-hero{margin-top:0}
.cs-hero .oxh-hero-txt{min-width:0}
/* A long title is set a step smaller (views.tsx H1_LONG), so it holds to
   three lines on a laptop instead of four. */
.oxh-pghero .oxh-h1.cs-h1-long{font-size:clamp(34px,calc(3.6vw + 2px),66px)}
/* The kicker over the title wraps on a phone ("SOSYAL MEDYA BAŞARI HİKAYESİ"):
   its base line-height of 1 laid the two lines on top of each other. */
.cs-hero .oxh-pg-k{line-height:1.45}
@media (max-width:520px){.cs-hero .oxh-pg-k{font-size:12.6px;letter-spacing:.12em}}
/* On a phone the client, sector, market and period sit two to a row rather
   than four stacked rows under the summary. */
@media (max-width:640px){
  .oxh .oxh-hero.is-light.cs-hero .oxh-marks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
  .oxh .oxh-hero.is-light.cs-hero .oxh-marks li{min-width:0;padding:11px 0;border-top:1px solid rgba(11,11,12,.1)}
  .oxh .oxh-hero.is-light.cs-hero .oxh-marks li:nth-child(2){border-top:0}
}
/* The questions' heading sits in a narrow column beside them. */
.cs-faq .oxh-faq-head .oxh-h2{font-size:clamp(30px,calc(2vw + 6px),44px)}
/* On a phone a case title runs four or five lines at the page heroes' 38px:
   a step smaller, and the long ones a step smaller again. */
@media (max-width:520px){
  .oxh-pghero.cs-hero .oxh-h1{font-size:clamp(31px,8.6vw,36px)}
  .oxh-pghero.cs-hero .oxh-h1.cs-h1-long{font-size:clamp(29px,7.8vw,33px)}
}
/* The byline: the author's face, name and role, and the case's dates. */
.cs-byline{display:flex;align-items:center;gap:14px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(11,11,12,.1);max-width:560px}
.cs-byline-face{flex:none;width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(11,11,12,.1)}
.cs-byline-t{display:grid;gap:3px;margin:0;font-size:15.6px;line-height:1.45;color:#3a3b41}
.cs-byline-who b{font-weight:600;color:#0b0b0c}
.cs-byline-d{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:14.6px;color:#55565c}
/* The client's own mark, first among the hero's chips: their logo on the
   white chip, a symbol with the name beside it, or the name alone. */
.oxh-marks li.cs-mark-who{padding:7px 17px 7px 15px}
.cs-who{display:inline-flex;align-items:center;gap:10px;min-width:0}
.cs-who img{display:block;width:auto;height:22px;max-width:156px;object-fit:contain;object-position:left center}
.cs-who.is-symbol img{height:26px;max-width:40px}
.cs-who b{font-weight:600;color:#0b0b0c;letter-spacing:-.005em}
.cs-who.is-name b{font-size:16.4px}
.cs-draft{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;width:fit-content;max-width:100%;
  margin:0 0 22px;padding:9px 15px;border-radius:12px;
  border:1px dashed rgba(180,83,9,.5);background:rgba(255,247,235,.92);
  font-size:15px;line-height:1.45;color:#5b3812;
}
.cs-draft b{font-weight:600;color:#7c2d12}
/* The hero's moving field (HeroField): a fine dot grid, brightest behind the
   board and gone under the words, and a soft warm beam crossing it. Behind
   everything (the hero's background layer), so it never sits on a word. */
.cs-field{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.cs-field-dots{
  position:absolute;inset:-56px;
  background-image:radial-gradient(circle,rgba(11,11,12,.2) 1.2px,transparent 1.8px);background-size:28px 28px;
  -webkit-mask-image:radial-gradient(56% 64% at 76% 46%,#000 0%,rgba(0,0,0,.55) 46%,transparent 80%);
  mask-image:radial-gradient(56% 64% at 76% 46%,#000 0%,rgba(0,0,0,.55) 46%,transparent 80%);
}
.cs-field-beam{
  display:none;position:absolute;top:-40%;bottom:-40%;left:0;width:26%;
  background:linear-gradient(90deg,transparent,rgba(255,138,80,.09) 38%,rgba(228,88,154,.08) 62%,transparent);
}
@media (max-width:900px){
  .cs-field-dots{-webkit-mask-image:radial-gradient(70% 34% at 50% 82%,#000 0%,transparent 80%);mask-image:radial-gradient(70% 34% at 50% 82%,#000 0%,transparent 80%)}
}
/* A band of light passing down a dark screen (the board, the wall, the
   route's drawing). Drawn only where motion is welcome. */
.cs-scan{
  display:none;position:absolute;left:0;right:0;top:0;height:34%;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.035) 62%,rgba(255,190,160,.16) 96%,rgba(255,255,255,.42) 100%);
}

/* The board: the service's drawing on a dark panel where the photograph sits
   on a service page, the service's glyph on its chip, the figures on cards. */
.oxh .cs-board{aspect-ratio:1.02;max-width:720px}
.oxh .cs-board-main{
  position:absolute;inset:0 0 11% 9%;overflow:hidden;isolation:isolate;border-radius:14px;
  background:#09080d;box-shadow:0 0 0 1px rgba(11,11,12,.06),0 44px 80px -48px rgba(11,11,12,.7);
}
.cs-board-art{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;opacity:.55;filter:saturate(1.15)}
.cs-board-shade{
  position:absolute;inset:0;
  background:
    radial-gradient(70% 60% at 50% 46%,rgba(9,8,13,.15),rgba(9,8,13,.82) 100%),
    linear-gradient(180deg,rgba(9,8,13,.2),rgba(9,8,13,.7));
}
.cs-board-hud{position:absolute;inset:16px;pointer-events:none}
.cs-board-hud i{position:absolute;width:18px;height:18px;border:0 solid rgba(255,255,255,.45)}
.cs-board-hud i:nth-child(1){left:0;top:0;border-top-width:1.5px;border-left-width:1.5px}
.cs-board-hud i:nth-child(2){right:0;top:0;border-top-width:1.5px;border-right-width:1.5px}
.cs-board-hud i:nth-child(3){left:0;bottom:0;border-bottom-width:1.5px;border-left-width:1.5px}
.cs-board-hud i:nth-child(4){right:0;bottom:0;border-bottom-width:1.5px;border-right-width:1.5px}
.cs-board-tag{
  position:absolute;left:28px;top:26px;z-index:2;display:inline-flex;align-items:center;gap:8px;
  padding:7px 13px;border-radius:999px;font-family:var(--oxh-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.cs-board-tag i{width:7px;height:7px;border-radius:50%;background:var(--cs-c);box-shadow:0 0 0 3px rgba(255,255,255,.12),0 0 14px 2px var(--cs-c)}
.cs-board-draw{position:absolute;left:12%;right:12%;top:20%;bottom:16%;z-index:1;display:grid;place-items:center}
.cs-board-draw .oxh-sd{width:100%;max-height:100%}
/* The read-out: one glass card, the results label, a row per figure. */
.cs-board-figs{
  position:absolute;left:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:6px;width:min(56%,330px);
  padding:8px 8px 8px;border-radius:22px;background:rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);
  box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(11,11,12,.08),0 40px 70px -34px rgba(11,11,12,.62);
}
.cs-board-figs-h{
  display:flex;align-items:center;gap:9px;padding:8px 12px 6px;
  font-family:var(--oxh-mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:#4a4c53;
}
.cs-board-figs-h i{width:8px;height:8px;border-radius:50%;background:var(--cs-c);box-shadow:0 0 0 4px rgba(221,110,62,.16)}
.cs-board-fig{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:15px;background:#f6f5f2;box-shadow:inset 0 0 0 1px rgba(11,11,12,.05)}
.cs-board-fig-dir{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(22,163,74,.11);color:#15803d}
.cs-board-fig.is-wait .cs-board-fig-dir{background:transparent;border:1.5px dashed rgba(21,128,61,.5)}
.cs-board-fig-dir .cs-dir{color:inherit}
.cs-board-fig-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.cs-board-fig-t b{font-size:clamp(23px,2vw,31px);font-weight:500;letter-spacing:-.03em;line-height:1.05;color:var(--oxh-ink)}
.cs-board-fig.is-wait .cs-board-fig-t b{font-size:clamp(17px,1.35vw,20px);letter-spacing:-.01em;color:#9a3412}
.cs-board-fig-t span{font-size:14px;line-height:1.35;color:#3b3c42}
.cs-dir{flex:none}
.cs-dir.is-up{color:#16a34a}
.cs-dir.is-down{color:#16a34a}

/* ── The results: a bento of figures on a living panel ─────────────────
   ⚑ 2026-10-29 (visual pass): the heading and its words run across the top,
   the figures sit under them as a bento — the first on a large white card
   with its drawing, the rest beside it — and the facts close it as one strip,
   so the figures are the middle of the room rather than a column beside it. */
.cs-results{padding-block:clamp(40px,4vw,72px)}
/* ⚠ CLIP, NEVER HIDDEN, on the panel and every card in it: "hidden" makes a
   box a scroll container, and a scroll-driven animation inside one follows
   THAT box (which never scrolls), not the page — measured: the cards' and the
   drawings' entrances sat frozen part-way, a figure held at 84% opacity for
   good. "clip" cuts the same corners and is no scroll container. */
.oxh .cs-respanel{padding:clamp(26px,3.2vw,56px);overflow:hidden;overflow:clip}
/* A faint grid over the panel's light, fading towards its edges. */
.cs-res-grid{
  position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:56px 56px;background-position:-1px -1px;
  -webkit-mask-image:radial-gradient(75% 70% at 62% 58%,#000 10%,transparent 78%);mask-image:radial-gradient(75% 70% at 62% 58%,#000 10%,transparent 78%);
}
.cs-res{position:relative;z-index:1;display:grid;gap:clamp(26px,2.6vw,40px)}
.cs-res-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3.6vw,72px);align-items:start}
.cs-res-copy{padding-top:clamp(0px,2.9vw,44px)}
.cs-res-title{min-width:0}
.cs-res-head .oxh-h2{margin:0;color:#fff;font-size:clamp(34px,calc(3.2vw + 2px),58px);line-height:1.02}
.cs-res-head .oxh-em{color:#ffc9a6}
.cs-res-copy{min-width:0}
.cs-res-copy .oxh-p{margin:0;color:rgba(255,255,255,.88);max-width:620px}
/* Every figure in one sentence, above the room's paragraph. */
.cs-glance{
  position:relative;max-width:620px;margin:0 0 16px;padding:14px 18px 15px 20px;border-radius:16px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  font-size:17.4px;font-weight:540;line-height:1.5;color:#fff;
}
.cs-glance::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#ff8a50,#e4589a 55%,#7c3aed)}
/* The facts, one strip under the figures. */
.cs-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.14)}
.cs-facts div{position:relative;padding:15px 18px 16px;background:rgba(10,8,22,.66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cs-facts dt{font-family:var(--oxh-mono);font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.cs-facts dd{margin:5px 0 0;font-size:16px;line-height:1.4;color:#fff}

/* The figures. */
.cs-figs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.cs-fig{
  position:relative;overflow:hidden;overflow:clip;isolation:isolate;display:flex;flex-direction:column;gap:8px;min-height:300px;padding:24px 24px 30px;border-radius:24px;
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02) 46%),rgba(8,6,18,.58);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 1px 0 rgba(255,255,255,.12),0 34px 64px -42px rgba(0,0,0,.9);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
/* A soft light in the corner the drawing rises towards. */
.cs-fig::after{
  content:'';position:absolute;z-index:-1;right:-18%;top:-22%;width:70%;aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(228,88,154,.26),rgba(124,58,237,.12) 55%,transparent);opacity:.7;
}
.cs-fig:first-child{background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.7),0 44px 90px -44px rgba(0,0,0,.9)}
.cs-fig:first-child::after{background:radial-gradient(closest-side,rgba(255,138,80,.16),rgba(228,88,154,.08) 55%,transparent);opacity:1}
.cs-fig-top{display:flex;align-items:center;justify-content:space-between}
.cs-fig-n{font-family:var(--oxh-mono);font-size:13.5px;letter-spacing:.08em;color:rgba(255,255,255,.8)}
.cs-fig:first-child .cs-fig-n{color:#4a4c53}
.cs-fig-dir{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(74,222,128,.14);color:#4ade80}
.cs-fig:first-child .cs-fig-dir{background:rgba(22,163,74,.1);color:#15803d}
.cs-fig-dir .cs-dir{color:inherit}
.cs-fig-v{display:block;margin-top:16px;font-size:clamp(44px,4.4vw,72px);font-weight:500;letter-spacing:-.045em;line-height:.95;color:#fff}
.cs-fig:first-child .cs-fig-v{color:var(--oxh-ink)}
.cs-fig.is-wait .cs-fig-v{font-size:clamp(22px,1.9vw,28px);letter-spacing:-.015em;line-height:1.15;color:#ffd7a8}
.cs-fig.is-wait:first-child .cs-fig-v{color:#a8461f}
.cs-fig-l{font-size:18px;font-weight:500;line-height:1.3;color:#fff}
.cs-fig:first-child .cs-fig-l{color:var(--oxh-ink)}
.cs-fig-ft{display:flex;align-items:center;gap:10px;font-size:15px;color:rgba(255,255,255,.9)}
.cs-fig-ft i{display:block;font-style:normal;font-family:var(--oxh-mono);font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.cs-fig:first-child .cs-fig-ft{color:var(--oxh-ink)}
.cs-fig:first-child .cs-fig-ft i{color:#55575e}
.cs-fig-ft-arrow{display:inline-grid;opacity:.7}
.cs-fig-note{font-size:15px;line-height:1.5;color:rgba(255,255,255,.8)}
.cs-fig:first-child .cs-fig-note{color:#3b3c42}
.cs-fig-bar{position:absolute;left:24px;right:24px;bottom:15px;height:3px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden;overflow:clip}
.cs-fig:first-child .cs-fig-bar{background:rgba(11,11,12,.08)}
.cs-fig-bar i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8a50,#e4589a 55%,#7c3aed)}
.cs-fig.is-wait .cs-fig-bar i{width:34%;background:repeating-linear-gradient(90deg,rgba(255,215,168,.7) 0 8px,transparent 8px 14px)}
/* The first figure, the room's centre: the number set large, in ink that
   warms into the brand colours (the fill only — the colour a contrast check
   reads stays the ink; every stop reads over 7:1 on the white card). */
@supports (-webkit-text-fill-color:transparent) and ((-webkit-background-clip:text) or (background-clip:text)){
  .cs-fig:first-child:not(.is-wait) .cs-fig-v{
    align-self:flex-start;max-width:100%;
    background:linear-gradient(100deg,#0b0b0c 0%,#0b0b0c 22%,#9a3412 68%,#6d28d9 100%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    padding:0 .05em .06em 0;
  }
}
/* The bento: three figures as one large card and two beside it. */
@media (min-width:1101px){
  .cs-figs[data-n="3"]{grid-template-columns:minmax(0,1.28fr) minmax(0,1fr)}
  .cs-figs[data-n="3"] .cs-fig:first-child{grid-row:span 2;padding:30px 32px 34px}
  .cs-figs[data-n="3"] .cs-fig:first-child .cs-fig-v{margin-top:20px;font-size:clamp(76px,6.6vw,118px);letter-spacing:-.05em}
  .cs-figs[data-n="3"] .cs-fig:first-child.is-wait .cs-fig-v{font-size:clamp(26px,2.2vw,34px)}
  .cs-figs[data-n="3"] .cs-fig:first-child .cs-fig-l{font-size:21px}
  .cs-figs[data-n="3"] .cs-fig:first-child .cs-fig-note{font-size:16px;max-width:520px}
  .cs-figs[data-n="3"] .cs-fig:first-child .cs-viz{margin-top:22px}
  .cs-figs[data-n="3"] .cs-fig:first-child .cs-fig-bar{left:32px;right:32px;bottom:18px}
  .cs-figs[data-n="3"] .cs-fig:not(:first-child){
    display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.86fr);
    grid-template-areas:'top top' 'v viz' 'l viz' 'ft viz' 'note note';
    align-content:start;column-gap:24px;row-gap:8px;min-height:0;
  }
  .cs-figs[data-n="3"] .cs-fig:not(:first-child) .cs-fig-top{grid-area:top}
  .cs-figs[data-n="3"] .cs-fig:not(:first-child) .cs-viz{grid-area:viz;align-self:center;margin:6px 0 0}
  .cs-figs[data-n="3"] .cs-fig:not(:first-child) .cs-fig-v{grid-area:v;margin-top:8px}
  .cs-figs[data-n="3"] .cs-fig:not(:first-child) .cs-fig-l{grid-area:l}
  .cs-figs[data-n="3"] .cs-fig:not(:first-child) .cs-fig-ft{grid-area:ft}
  .cs-figs[data-n="3"] .cs-fig:not(:first-child) .cs-fig-note{grid-area:note;margin-top:6px}
}
/* The small drawing at the top of each card (FigViz). */
.cs-viz{display:block;width:100%;height:auto;margin:16px 0 auto;overflow:visible;view-timeline-name:--csviz}
.cs-viz-s1{stop-color:#ff8a50}
.cs-viz-s2{stop-color:#e4589a}
.cs-viz-s3{stop-color:#a78bfa}
.cs-fig:first-child .cs-viz-s1{stop-color:#ea580c}
.cs-fig:first-child .cs-viz-s2{stop-color:#db2777}
.cs-fig:first-child .cs-viz-s3{stop-color:#7c3aed}
.cs-viz-grid line{stroke:rgba(255,255,255,.14);stroke-width:1;stroke-dasharray:3 5}
.cs-fig:first-child .cs-viz-grid line{stroke:rgba(11,11,12,.12)}
.cs-viz-line{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.cs-viz-dot{fill:#fff;stroke:#e4589a;stroke-width:2.6}
.cs-fig:first-child .cs-viz-dot{stroke:#db2777}
.cs-viz-ring{fill:rgba(228,88,154,.28)}
.cs-viz-knot{fill:#fff;stroke:rgba(255,255,255,.55);stroke-width:1.5}
.cs-fig:first-child .cs-viz-knot{stroke:rgba(11,11,12,.35)}
/* The last bar keeps its gradient: a fill set here would beat the attribute. */
.cs-viz-bar:not(.is-last){fill:rgba(255,255,255,.2)}
.cs-fig:first-child .cs-viz-bar:not(.is-last){fill:rgba(11,11,12,.1)}
.cs-viz-bar.is-before{fill:rgba(255,255,255,.26)}
.cs-fig:first-child .cs-viz-bar.is-before{fill:rgba(11,11,12,.14)}
.cs-viz-arc{fill:none;stroke:rgba(255,255,255,.72);stroke-width:1.6;stroke-dasharray:4 5;stroke-linecap:round}
.cs-fig:first-child .cs-viz-arc{stroke:rgba(11,11,12,.45)}
.cs-viz-wipe{fill:#fff}
/* A figure still to come draws the same shape, in dashes. */
.cs-viz.is-wait .cs-viz-line{stroke-dasharray:7 7}
.cs-viz.is-wait .cs-viz-area{opacity:.55}
.cs-viz.is-wait .cs-viz-bar.is-last{opacity:.6}
@media (max-width:1100px){
  .cs-res-head{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px}
  .cs-res-copy{padding-top:0}
  .cs-figs[data-n="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs-figs[data-n="3"] .cs-fig:first-child{grid-column:1 / -1}
  .cs-figs[data-n="3"] .cs-fig:first-child .cs-viz{max-width:560px}
  .cs-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .cs-figs,.cs-figs[data-n="3"]{grid-template-columns:minmax(0,1fr)}
  .cs-fig{min-height:0}
  .cs-fig-v{margin-top:12px}
  .cs-viz{max-width:260px}
  .cs-figs[data-n="3"] .cs-fig:first-child .cs-viz{max-width:100%}
  .cs-figs[data-n="3"] .cs-fig:first-child .cs-fig-v{font-size:clamp(56px,16vw,76px)}
}

/* The light round an edge (Rim in views.tsx): an oversized conic layer
   inside a ring-shaped mask. Still and faint at rest; turned by a transform
   where motion is welcome. */
.cs-rim{
  position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1.5px;overflow:hidden;pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
}
.cs-rim i{
  position:absolute;left:50%;top:50%;width:250%;aspect-ratio:1;margin:-125% 0 0 -125%;opacity:.55;
  background:conic-gradient(from 0deg,transparent 0 58%,#ff8a50 74%,#e4589a 84%,#7c3aed 92%,transparent 100%);
}
.cs-fig:first-child .cs-rim{padding:2px}

/* ── The client: their card laid over the window ──────────────────────── */
/* ⚑ 2026-10-29: the window carries the client's own card — logo or name,
   sector, market and period — where the service's drawing was repeated from
   the hero: the layout of 21st.dev's "Card" (by ravikatiyar162), rebuilt
   here. The service rides on a chip at the window's top. */
.cs-client .oxh-head-split{align-items:center}
.cs-artwin .oxh-artwin-frame::after{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient(180deg,rgba(9,8,13,.18),rgba(9,8,13,.06) 40%,rgba(9,8,13,.55))}
/* A photograph of the client's own work: a lighter shade. */
.cs-artwin.is-photo .oxh-artwin-frame::after{background:linear-gradient(180deg,rgba(9,8,13,.16),rgba(9,8,13,0) 34%,rgba(9,8,13,.4))}
.cs-artwin-tag{
  position:absolute;left:18px;top:18px;z-index:2;display:inline-flex;align-items:center;gap:9px;max-width:calc(100% - 36px);padding:7px 13px;border-radius:999px;
  font-family:var(--oxh-mono);font-size:12.5px;letter-spacing:.08em;line-height:1.3;color:#fff;
  background:rgba(12,10,20,.66);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.cs-artwin-tag i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--cs-c);box-shadow:0 0 0 3px rgba(255,255,255,.14),0 0 12px 2px var(--cs-c)}
.cs-idcard{
  position:absolute;left:-2%;right:18%;bottom:5%;z-index:3;display:grid;gap:14px;padding:20px 20px 16px;border-radius:20px;overflow:hidden;
  background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 30px 60px -28px rgba(11,11,12,.55),inset 0 1px 0 #fff,0 0 0 1px rgba(11,11,12,.06);
}
.cs-idcard::before{content:'';position:absolute;left:20px;right:20px;top:0;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--cs-c),#e4589a 60%,#7c3aed)}
.cs-idcard-top{display:grid;gap:6px;min-width:0}
.cs-idcard .cs-who img{height:26px;max-width:190px}
.cs-idcard .cs-who.is-symbol img{height:30px;max-width:44px}
.cs-idcard .cs-who b{font-size:18px}
.cs-idcard-anon{display:inline-flex;align-items:center;gap:10px;min-width:0}
.cs-idcard-anon b{font-size:17px;font-weight:600;color:var(--oxh-ink)}
.cs-idcard-glyph{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#14121b;color:#fff}
.cs-idcard-glyph svg{width:18px;height:18px}
.cs-idcard-sector{font-size:15px;line-height:1.35;color:#4a4c53}
.cs-idcard-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border-radius:12px;overflow:hidden;background:rgba(11,11,12,.09)}
.cs-idcard-rows>span{display:grid;gap:3px;min-width:0;padding:10px 12px;background:#f6f4f0}
.cs-idcard-rows i{font-style:normal;font-family:var(--oxh-mono);font-size:12.5px;letter-spacing:.08em;color:#55575e}
.cs-idcard-rows b{font-size:14.6px;font-weight:500;line-height:1.35;color:var(--oxh-ink)}
/* The brief, on a card of its own under the first paragraph. */
.cs-brief{
  position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:16px;max-width:640px;margin-top:28px;padding:20px 24px 21px 22px;
  border-radius:22px;background:rgba(255,255,255,.8);border:1px solid rgba(11,11,12,.08);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 #fff,0 32px 64px -42px rgba(11,11,12,.5);
}
.cs-brief::before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#ff8a50,#e4589a 55%,#7c3aed)}
.cs-brief-ic{
  flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:#fff;
  background:linear-gradient(135deg,#c2410c,#be185d 60%,#6d28d9);box-shadow:0 0 0 5px rgba(221,110,62,.1),0 14px 28px -12px rgba(221,110,62,.75);
}
.cs-brief-t{display:grid;gap:10px;min-width:0}
.cs-brief-t p{margin:0;font-size:17.6px;line-height:1.62;color:var(--oxh-ink)}
@media (max-width:560px){.cs-brief{flex-direction:column;gap:12px;padding:18px 18px 19px 20px}}

/* ── The problem: three tiles, read as a chain of causes ──────────────── */
.cs-problem .oxh-head-split{align-items:end}
.cs-problem-lead .oxh-p{margin:0}
.cs-problem .oxh-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-issues .oxh-card{min-height:250px;padding-top:30px}
.cs-issue-mark{position:absolute;left:26px;right:26px;top:0;height:3px;overflow:hidden;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#f59e0b,#ef4444 55%,#be185d)}
/* A glint that runs along the warm line now and then (motion only). */
.cs-issue-mark::after{content:'';display:none;position:absolute;top:0;bottom:0;left:0;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent)}
.cs-issues .oxh-card:hover .cs-issue-num{-webkit-text-stroke-color:rgba(194,65,12,.42)}
.cs-issue-num{
  position:absolute;right:22px;top:18px;z-index:-1;pointer-events:none;
  font-size:76px;font-weight:600;letter-spacing:-.06em;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(194,65,12,.2);
}
.cs-issues .oxh-ic{background:#fff1e6;color:#c2410c;box-shadow:inset 0 0 0 1px rgba(194,65,12,.22)}
.cs-issues .oxh-card:hover .oxh-ic{color:#fff}
.cs-issues li:not(:last-child)::after{
  content:'';position:absolute;z-index:2;top:52px;right:-15px;width:16px;height:2px;
  background:repeating-linear-gradient(90deg,rgba(194,65,12,.55) 0 4px,transparent 4px 7px);
}
@media (max-width:900px){
  .cs-problem .oxh-cards{grid-template-columns:minmax(0,1fr)}
  .cs-issues .oxh-card{min-height:0}
  .cs-issues li:not(:last-child)::after{top:auto;bottom:-15px;right:auto;left:46px;width:2px;height:16px;background:repeating-linear-gradient(180deg,rgba(194,65,12,.55) 0 4px,transparent 4px 7px)}
}

/* ── What we did: before and after, beside the aurora ─────────────────── */
/* ⚑ 2026-10-29: the layout of 21st.dev's "Comparison Section"
   (comparison-03, by mohammadshehadeh), rebuilt here on dark glass: what was
   wrong, struck through, beside what changed, ticked, with the period on a
   strip under both. It replaces the service's drawing, which this page drew
   three times. */
.cs-shift{
  position:relative;align-self:start;display:grid;border-radius:26px;overflow:hidden;overflow:clip;
  background:rgba(8,6,18,.64);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 60px 120px -60px rgba(0,0,0,.9);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
.cs-shift-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.cs-shift-col{min-width:0;padding:clamp(22px,2.4vw,34px) clamp(20px,2.2vw,30px) clamp(24px,2.6vw,36px)}
.cs-shift-col.is-after{background:rgba(255,255,255,.07);box-shadow:inset 1px 0 0 rgba(255,255,255,.14)}
.cs-shift-h{display:flex;align-items:center;gap:10px;margin:0 0 22px;font-family:var(--oxh-mono);font-size:13px;letter-spacing:.1em;line-height:1.3;color:rgba(255,255,255,.76)}
.cs-shift-col.is-after .cs-shift-h{color:#fff}
.cs-shift-ic{display:inline-grid;place-items:center;color:#ffb38f}
.cs-shift-col.is-after .cs-shift-ic{color:#4ade80}
.cs-shift-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.cs-shift-list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start}
.cs-shift-col.is-before .cs-shift-list{gap:22px}
.cs-shift-dash{position:relative;display:block;width:20px;height:20px;margin-top:1px;border-radius:50%;background:rgba(255,138,80,.16)}
.cs-shift-dash::before,.cs-shift-dash::after{content:'';position:absolute;left:6px;right:6px;top:9.25px;height:1.5px;border-radius:2px;background:#ffb38f;transform:rotate(45deg)}
.cs-shift-dash::after{transform:rotate(-45deg)}
.cs-shift-was{font-size:17px;line-height:1.45;color:rgba(255,255,255,.88)}
.cs-shift-tick{display:grid;place-items:center;width:20px;height:20px;margin-top:2px;border-radius:50%;background:rgba(74,222,128,.16);color:#4ade80}
.cs-shift-now{display:grid;gap:3px;min-width:0;font-size:16.4px;line-height:1.4;color:#fff}
.cs-shift-now b{font-size:clamp(24px,2vw,30px);font-weight:500;letter-spacing:-.03em;line-height:1.05;color:#ffc9a6}
.cs-shift-now em{font-style:normal;font-family:var(--oxh-mono);font-size:12.5px;letter-spacing:.06em;color:#ffd7a8}
.cs-shift-foot{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0;padding:16px clamp(20px,2.2vw,30px);
  border-top:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.26);
}
.cs-shift-foot span{font-family:var(--oxh-mono);font-size:12.5px;letter-spacing:.1em;color:rgba(255,255,255,.74)}
.cs-shift-foot b{font-size:15.5px;font-weight:500;line-height:1.4;color:#fff}
/* What we did: the explanation in a wider column at reading size (no lead
   paragraph set larger than the rest), and the before-and-after card held
   level with the heading while the words beside it scroll. */
@media (min-width:1101px){.cs-approach .oxh-journey-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}}
.cs-approach .oxh-h2{font-size:clamp(34px,calc(2.9vw + 6px),54px);line-height:1.04}
.cs-approach .oxh-journey-copy{max-width:700px;gap:18px;margin-top:26px}
.cs-approach .oxh-journey-copy .oxh-p{font-size:18.4px;line-height:1.68;color:rgba(255,255,255,.9)}
@media (min-width:1101px){.cs-shift{position:sticky;top:clamp(96px,9vh,128px);margin-top:46px}}
@media (max-width:1100px){.cs-shift{margin-top:34px}}
@media (max-width:640px){
  .cs-shift-cols{grid-template-columns:minmax(0,1fr)}
  .cs-shift-col.is-after{box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
}

/* ── The hub's method cards, as a bento ────────────────────────────────── */
.cs-why .oxh-bento[data-n="4"]{grid-template-columns:minmax(0,1.32fr) repeat(2,minmax(0,1fr))}
.cs-why .oxh-bento[data-n="4"] .oxh-tile.is-lead{grid-row:span 2}
.cs-why .oxh-bento[data-n="4"] .oxh-tile.is-wide{grid-column:span 2}
@media (max-width:1100px){
  .cs-why .oxh-bento[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs-why .oxh-bento[data-n="4"] .oxh-tile.is-lead{grid-row:auto;grid-column:1 / -1;min-height:400px}
}
@media (max-width:700px){
  .cs-why .oxh-bento[data-n="4"]{grid-template-columns:minmax(0,1fr)}
  .cs-why .oxh-bento[data-n="4"] .oxh-tile.is-wide{grid-column:auto;padding-right:26px}
  .cs-why .oxh-bento[data-n="4"] .oxh-tile-steps{display:none}
}
.cs-why .oxh-tile.is-wide .oxh-tile-top{justify-content:flex-start;gap:14px}
.cs-method .oxh-p-lead{max-width:760px}

/* ── Cases as folders ─────────────────────────────────────────────────── */
.cs-folders .oxh-folder-top{flex-wrap:wrap}
/* Long service names ("LinkedIn lead generation") stay on the icon's line. */
.cs-folders .oxh-folder-k{font-size:13.2px;letter-spacing:.06em}
.cs-folder-draft{
  margin-left:auto;padding:3px 9px;border-radius:999px;font-size:12.5px;font-weight:500;line-height:1.4;
  color:#7c2d12;background:rgba(255,237,213,.95);box-shadow:inset 0 0 0 1px rgba(180,83,9,.28);
}
/* A warm light that crosses a folder's front when it is pointed at or
   focused: under the words (the front is its own stacking context), off the
   card at rest. */
.cs-sheen{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;pointer-events:none}
.cs-sheen::before{
  content:'';position:absolute;top:-20%;bottom:-20%;left:0;width:46%;
  background:linear-gradient(100deg,transparent,rgba(255,138,80,.16) 40%,rgba(228,88,154,.14) 62%,transparent);
  transform:translate3d(-140%,0,0) skewX(-14deg);
}
.cs-feat .oxh-folder-front > .cs-sheen{grid-column:auto;grid-row:auto}
.cs-folders .oxh-file.is-draw{background:#0e0b16}
.cs-folders .oxh-file.is-draw .oxh-sd{padding:12% 10%}
.cs-more .cs-more-all{display:flex;align-items:flex-end;justify-content:flex-end}
@media (min-width:1101px){.cs-more .oxh-folders[data-n="3"],.cs-more .oxh-folders[data-n="2"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cs-list-note{
  margin:14px 0 0;padding:10px 14px;border-radius:12px;border:1px dashed rgba(180,83,9,.45);
  background:rgba(255,247,235,.9);font-size:15px;line-height:1.5;color:#5b3812;width:fit-content;max-width:100%;
}
.cs-list{scroll-margin-top:90px}
.cs-feat-draw{display:none}
/* Four to a row, the first ones twice as wide so every row is full
   (featuredCount in views.tsx). */
@media (min-width:1101px){
  .cs-folders.is-featured{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cs-folders.is-featured .cs-feat{grid-column:span 2}
  .cs-folders.is-featured .oxh-folder h3{font-size:21px}
  .cs-folders.is-featured .cs-feat .oxh-folder h3{font-size:clamp(24px,1.9vw,30px);letter-spacing:-.022em;max-width:560px}
  .cs-feat .oxh-folder-front{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);grid-template-rows:auto auto auto 1fr auto;
    column-gap:30px;padding:28px 28px 28px 32px;
  }
  .cs-feat .oxh-folder-front > *{grid-column:1}
  .cs-feat .oxh-folder-go{grid-row:5}
  .cs-feat .cs-feat-draw{
    position:relative;overflow:hidden;isolation:isolate;grid-column:2;grid-row:1 / -1;display:grid;place-items:center;min-height:220px;
    padding:22px 20px;border-radius:18px;background:#15111c;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 24px 44px -26px rgba(11,11,12,.7);
  }
  .cs-feat .cs-feat-draw::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 70% at 50% 50%,rgba(9,8,13,.25),rgba(9,8,13,.8))}
  .cs-feat-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .9s var(--oxh-ease)}
  .cs-feat .oxh-folder:hover .cs-feat-art{transform:scale(1.06)}
  .cs-feat-sd{width:100%;max-width:320px}
  .cs-feat-sd .oxh-sd{width:100%;height:auto}
  .cs-feat .oxh-folder p{max-width:540px}
  .cs-feat .oxh-file{width:38%}
  .cs-feat .oxh-file.is-draw{left:9%}
  .cs-feat .oxh-file.is-photo{left:31%}
  .cs-feat .oxh-file.is-paper{right:9%}
}

/* ── The questions and the close keep the site's own look. ────────────── */
.cs-faq .oxh-qa dd p{margin:0}
.cs-close .oxh-close-t{text-wrap:balance}

/* ── The hub's plate: a tilted wall of the cases, drifting ─────────────── */
.cs-hubhero{--cs-c:#DD6E3E}
.oxh .cs-wall{aspect-ratio:1.02;max-width:720px}
.cs-wall-view{
  position:absolute;inset:0 0 11% 9%;overflow:hidden;border-radius:14px;background:#09080d;
  box-shadow:0 0 0 1px rgba(11,11,12,.06),0 44px 80px -48px rgba(11,11,12,.7);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
}
.cs-wall-tilt{
  position:absolute;left:-14%;right:-14%;top:-18%;bottom:-18%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
  transform:perspective(1400px) rotateX(16deg) rotateZ(-8deg) scale(1.02);
}
.cs-wall-col{display:flex;flex-direction:column;gap:14px}
.cs-wall-card{
  position:relative;flex:none;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;
  background:linear-gradient(160deg,#1b1526,#0f0c18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 24px 40px -24px rgba(0,0,0,.9);
}
.cs-wall-card::before{content:'';position:absolute;left:14px;right:14px;top:0;height:2px;border-radius:0 0 2px 2px;background:var(--cs-c);opacity:.9}
.cs-wall-draw{display:block;padding:8px 4px 2px}
.cs-wall-draw .oxh-sd{width:100%}
.cs-wall-name{display:inline-flex;align-items:center;gap:7px;font-family:var(--oxh-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.88)}
.cs-wall-name i{width:7px;height:7px;border-radius:50%;background:var(--cs-c);box-shadow:0 0 10px 1px var(--cs-c)}
.cs-wall-rec{
  position:absolute;left:0;bottom:5%;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;
  font-family:var(--oxh-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--oxh-ink);background:#fff;
  box-shadow:0 0 0 1px rgba(11,11,12,.08),0 26px 50px -26px rgba(11,11,12,.55);
}
.cs-wall-dot{width:9px;height:9px;border-radius:50%;background:#e11d48;box-shadow:0 0 0 4px rgba(225,29,72,.16)}

/* ── Phones ───────────────────────────────────────────────────────────── */
@media (max-width:560px){
  .cs-board-figs{width:min(76%,290px)}
  .cs-board-fig{padding:10px 12px}
  .cs-board-fig + .cs-board-fig{display:none}
  .cs-board-fig-dir{width:34px;height:34px}
  .cs-board-tag{left:18px;top:16px}
  .cs-facts{grid-template-columns:minmax(0,1fr)}
}

/* ── Motion: only for readers who have not asked for less ───────────────
   ⚑ 2026-10-29 (visual pass): every piece of it transform and opacity, each
   loop slow, and only one loop per room — the hero's field and scan, the
   route's light, the lead figure's light. With motion off every picture is
   finished and still, and the bands nobody can see are paused by the frame
   (PauseOffscreen and the other site's own pause). */
.cs-fig:hover::after{opacity:1}
@media (min-width:761px){.cs-fig{--cs-st:calc(var(--i,0) * 70px)}}
@media (min-width:901px){.cs-issues > li{--cs-st:calc(var(--i,0) * 60px)}}
@media (min-width:1101px){.cs-folders > li{--cs-st:calc(var(--i,0) * 60px)}}
@media (prefers-reduced-motion:no-preference){
  .cs-board-art{animation:csDrift 26s ease-in-out infinite alternate}
  .cs-board-figs{animation:csFloat 8s ease-in-out infinite}
  .cs-viz-rise{animation:csRise 1.4s cubic-bezier(.16,1,.3,1) both}
  .cs-viz-bar{transform-box:fill-box;transform-origin:50% 100%;animation:csBarUp 1.3s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--j,0) * .07s)}
  .cs-viz-ring{transform-box:fill-box;transform-origin:center;animation:csRing 2.6s ease-out infinite}
  .cs-viz-wipe{transform-box:fill-box;transform-origin:0 50%;animation:csWipe 1.8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * .18s)}
  .cs-issue-mark{transform-origin:left center;animation:csGrow 1.6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * .15s)}
  .cs-issue-mark::after{display:block;animation:csGlint 7s ease-in-out infinite;animation-delay:calc(var(--i,0) * .7s + 1.6s)}
  .cs-wall-col.is-down{animation:csColDown linear infinite}
  .cs-wall-col.is-up{animation:csColUp linear infinite}
  .cs-wall-dot{animation:csBlink 1.6s ease-in-out infinite}
  .cs-fig-bar i{transform-origin:left center;animation:csGrow 2.4s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * .18s)}
  .cs-shift-list li{animation:csRise .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.1s + var(--i,0) * .12s)}
  .cs-shift-col.is-after .cs-shift-list li{animation-delay:calc(.45s + var(--i,0) * .14s)}
  .cs-shift-tick{animation:csPop .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.6s + var(--i,0) * .14s)}
  .cs-idcard{animation:csFloat 7s ease-in-out infinite;animation-delay:-2.5s}
  .cs-field-dots{animation:csDots 18s linear infinite}
  .cs-field-beam{display:block;animation:csBeam 13s cubic-bezier(.45,0,.25,1) infinite}
  .cs-scan{display:block;animation:csScan 8s cubic-bezier(.55,0,.35,1) infinite}
  .cs-wall-view .cs-scan{animation-duration:10s;animation-delay:-3s}
  .cs-feat-draw .cs-scan{animation-duration:9.5s;animation-delay:calc(var(--i,0) * -3.5s)}
  .cs-rim i{animation:csSpin 9s linear infinite}
  .cs-fig::after{transition:opacity .45s ease}
  .cs-sheen::before{transition:transform .9s cubic-bezier(.16,1,.3,1)}
  .oxh-folder:hover .cs-sheen::before,.oxh-folder:focus-visible .cs-sheen::before{transform:translate3d(330%,0,0) skewX(-14deg)}
  .cs-issue-num{transition:transform .5s cubic-bezier(.16,1,.3,1)}
  .cs-issues .oxh-card:hover .cs-issue-num{transform:translate3d(-4px,2px,0)}
}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .cs-fig-bar i{animation-timeline:view();animation-range:entry 10% cover 40%;animation-delay:0s}
    .cs-viz-rise,.cs-viz-bar{animation-timeline:view();animation-range:entry 5% cover 35%;animation-delay:0s}
    /* The rect lives in a clipPath and has no box of its own, so it follows
       its drawing's timeline (view-timeline-name on .cs-viz). */
    .cs-viz-wipe{animation-timeline:--csviz;animation-range:entry 10% cover 42%;animation-delay:0s}
    .cs-issue-mark{animation-timeline:view();animation-range:entry 10% cover 30%;animation-delay:0s}
    .cs-shift-list li{animation-timeline:view();animation-range:entry calc(6% + var(--i,0) * 6%) cover calc(26% + var(--i,0) * 6%);animation-delay:0s}
    .cs-shift-col.is-after .cs-shift-list li,.cs-shift-tick{animation-timeline:view();animation-range:entry calc(18% + var(--i,0) * 6%) cover calc(38% + var(--i,0) * 6%);animation-delay:0s}
    .cs-fig{animation:csCardIn linear both;animation-timeline:view();animation-range:entry var(--cs-st,0px) entry calc(260px + var(--cs-st,0px))}
    .cs-fig-v{animation:csValue linear both;animation-timeline:view();animation-range:entry 30% cover 34%}
    .cs-issues > li.oxh-rv,.cs-folders > li.oxh-rv{animation-range:entry var(--cs-st,0px) entry calc(240px + var(--cs-st,0px))}
  }
}
@keyframes csDrift{to{transform:scale(1.08) translate3d(-2%,-2%,0)}}
@keyframes csFloat{50%{transform:translate3d(0,-6px,0)}}
@keyframes csColDown{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,0,0)}}
@keyframes csColUp{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
@keyframes csBlink{50%{opacity:.35}}
@keyframes csGrow{from{transform:scaleX(.08)}}
@keyframes csRise{from{opacity:0;transform:translate3d(0,12px,0)}}
@keyframes csBarUp{from{transform:scaleY(.1)}}
@keyframes csRing{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.9);opacity:0}}
@keyframes csPop{from{opacity:0;transform:scale(.4)}}
@keyframes csWipe{from{transform:scaleX(0)}}
@keyframes csGlint{0%{transform:translate3d(-110%,0,0)}38%,100%{transform:translate3d(460%,0,0)}}
@keyframes csDots{to{transform:translate3d(28px,28px,0)}}
@keyframes csBeam{0%{transform:translate3d(-120%,0,0) rotate(16deg)}62%,100%{transform:translate3d(520%,0,0) rotate(16deg)}}
@keyframes csScan{0%{transform:translate3d(0,-105%,0)}58%,100%{transform:translate3d(0,300%,0)}}
@keyframes csSpin{to{transform:rotate(360deg)}}
@keyframes csCardIn{from{opacity:0;transform:translate3d(0,34px,0) scale(.97)}}
@keyframes csValue{from{opacity:0;transform:translate3d(0,.34em,0)}}

/* ── A service page's case card: the proof under the page's claims ──── */
.cs-svccase-card{
  position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.86fr);
  gap:clamp(24px,3vw,52px);align-items:center;padding:clamp(28px,3.6vw,56px);border-radius:28px;background:#0d0b14;color:#fff;
  box-shadow:0 60px 120px -64px rgba(40,10,70,.75),0 0 0 1px rgba(11,11,12,.06);
}
.cs-svccase-art{position:absolute;inset:0;z-index:-1}
.cs-svccase-art img{width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(1.1)}
.cs-svccase-art::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(13,11,20,.97) 32%,rgba(13,11,20,.78) 68%,rgba(13,11,20,.6))}
.cs-svccase-t{min-width:0}
.cs-svccase-t .oxh-h2{margin:14px 0 16px;max-width:760px;color:#fff;font-size:clamp(30px,calc(2.4vw + 4px),46px);line-height:1.06}
.cs-svccase-glance{margin:0 0 26px;max-width:660px;font-size:17px;line-height:1.55;color:rgba(255,255,255,.88)}
.cs-svccase-go{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
/* The site's black button, white on this dark card: its colour is set with
   !important in the home sheet, so it is answered the same way here. */
.cs-svccase-go .oxh-btn-k{background:#fff;color:#0b0b0c !important;border-color:#fff}
.cs-svccase-go .oxh-btn-k:hover{background:#f1ede6}
.cs-svccase-go .cs-who{padding:9px 16px;border-radius:999px;background:#fff}
.cs-svccase-figs{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.cs-svccase-figs li{
  display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:'d v' 'd l';column-gap:16px;row-gap:2px;align-items:center;
  padding:16px 20px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.cs-svccase-figs .cs-fig-dir{grid-area:d}
.cs-svccase-figs b{grid-area:v;font-size:clamp(26px,2.1vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.1;color:#fff}
.cs-svccase-figs li>span:last-child{grid-area:l;font-size:15px;line-height:1.4;color:rgba(255,255,255,.8)}
.cs-svccase-figs b small{margin-left:10px;font-size:15px;font-weight:500;letter-spacing:0;color:rgba(255,255,255,.72)}
@media (max-width:900px){
  .cs-svccase-card{grid-template-columns:minmax(0,1fr)}
  /* One column puts the words over the whole picture: a flat shade keeps them readable. */
  .cs-svccase-art::after{background:rgba(13,11,20,.9)}
}
/* ── Links inside a case's words (inline.ts) ────────────────────────────
   ⚑ 2026-10-29 (founder: "with internal links"): a link reads as part of the
   sentence: the words keep their colour, an underline in the brand's orange
   says it can be pressed. On the two dark panels the underline is a light
   peach so it still stands out. */
.cs-inlink{color:inherit;font-weight:inherit;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em;text-decoration-color:rgba(221,110,62,.62);transition:text-decoration-color .2s ease,color .2s ease}
.cs-inlink:hover,.cs-inlink:focus-visible{text-decoration-color:#dd6e3e;color:var(--oxh-ink)}
.cs-res-copy .cs-inlink,.oxh-journey .cs-inlink{text-decoration-color:rgba(255,201,166,.7)}
.cs-res-copy .cs-inlink:hover,.cs-res-copy .cs-inlink:focus-visible,.oxh-journey .cs-inlink:hover,.oxh-journey .cs-inlink:focus-visible{color:#fff;text-decoration-color:#ffc9a6}
.cs-faq .cs-inlink:hover,.cs-faq .cs-inlink:focus-visible{color:var(--oxh-ink)}

/* ── The tools the work was done in, under the brief ─────────────────── */
.cs-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 8px;margin:20px 0 0;max-width:620px}
.cs-tools-k{margin-right:6px;font-family:var(--oxh-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#55575e}
.cs-tool{display:inline-flex;align-items:center;gap:8px;padding:6px 13px 6px 11px;border-radius:999px;background:#fff;font-size:14.6px;font-weight:500;line-height:1.3;color:var(--oxh-ink);box-shadow:inset 0 0 0 1px rgba(11,11,12,.12),0 6px 14px -10px rgba(11,11,12,.35)}
.cs-tool::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#ff8a50,#e4589a 60%,#7c3aed)}

/* ── What the wider data says: other people's numbers, with sources ────
   ⚑ 2026-10-29 (founder: "relevant data too"): two or three figures a study
   or a platform published, each with its publisher and a link (facts.ts),
   under the problem's cards. The case's own results stay in the results room. */
.cs-data{margin-top:clamp(30px,3.2vw,48px);padding-top:clamp(24px,2.4vw,34px);border-top:1px solid rgba(11,11,12,.1)}
.cs-data-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:0 0 18px}
.cs-data-h b{font-size:clamp(20px,1.5vw,24px);font-weight:600;letter-spacing:-.015em;color:var(--oxh-ink)}
.cs-data-h span{font-size:16px;line-height:1.5;color:#4a4c53}
.cs-data-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}
.cs-datum{
  position:relative;overflow:hidden;overflow:clip;isolation:isolate;display:flex;flex-direction:column;gap:10px;min-width:0;padding:22px 22px 20px;border-radius:22px;
  background:#fff;box-shadow:0 0 0 1px rgba(11,11,12,.08),0 26px 50px -36px rgba(11,11,12,.45);
}
.cs-datum::before{content:'';position:absolute;left:22px;right:22px;top:0;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#ff8a50,#e4589a 55%,#7c3aed)}
.cs-datum::after{content:'';position:absolute;z-index:-1;right:-30%;top:-40%;width:72%;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(255,138,80,.12),rgba(228,88,154,.06) 55%,transparent)}
.cs-datum-stat{font-size:clamp(32px,2.8vw,44px);font-weight:500;letter-spacing:-.035em;line-height:1.02;color:var(--oxh-ink);overflow-wrap:anywhere}
/* A fact whose headline is a name or a phrase, not a number (Google's three
   local factors, OpenAI's crawler): set as a term, not as a giant figure. */
.cs-datum.is-term .cs-datum-stat{font-size:clamp(22px,1.7vw,27px);letter-spacing:-.02em;line-height:1.2}
.cs-datum-t{margin:0;font-size:16px;line-height:1.55;color:#3a3b41}
.cs-datum-src{
  display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 8px;width:fit-content;max-width:100%;margin-top:auto;padding-top:6px;
  font-size:14.6px;line-height:1.35;font-weight:500;color:#3f4047;text-decoration:none;
}
.cs-datum-src i{font-style:normal;font-family:var(--oxh-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#5d5f66}
.cs-datum-src svg{flex:none;width:13px;height:13px;transform:rotate(-45deg)}
.cs-datum-src:hover,.cs-datum-src:focus-visible{color:var(--oxh-ink);text-decoration:underline;text-underline-offset:.2em;text-decoration-color:rgba(221,110,62,.62)}

/* ── The weekly report, drawn in the client's window ───────────────────
   ⚑ 2026-10-29 (founder: "animated images … look good and professional"):
   a report card laid over the studio art when there is no photograph of the
   client's work. Its tiles are the case's own figures, and it says on its face
   that it is a drawing. Finished at rest; with motion welcome the line draws,
   the tiles rise and the end point pulses. */
.cs-rep{
  position:absolute;left:7%;right:7%;top:58px;bottom:39%;z-index:2;display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:'bar' 'kpis' 'chart' 'note';
  row-gap:9px;padding:12px 14px 10px;border-radius:16px;overflow:hidden;overflow:clip;
  background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 28px 54px -26px rgba(9,8,13,.7),inset 0 1px 0 #fff,0 0 0 1px rgba(11,11,12,.06);
}
.cs-rep-bar{grid-area:bar;display:flex;flex-wrap:wrap;align-items:center;gap:3px 10px;min-width:0}
.cs-rep-dots{display:flex;gap:5px;flex:none}
.cs-rep-dots i{width:8px;height:8px;border-radius:50%;background:#e8e5df}
.cs-rep-dots i:first-child{background:var(--cs-c)}
.cs-rep-bar b{flex:1 0 auto;min-width:0;white-space:nowrap;font-size:13px;font-weight:600;color:var(--oxh-ink)}
.cs-rep-bar em{flex:none;max-width:100%;margin-left:auto;white-space:nowrap;font-style:normal;font-family:var(--oxh-mono);font-size:11.5px;letter-spacing:.04em;color:#5d5f66}
.cs-rep-kpis{grid-area:kpis;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}
.cs-rep-kpi{position:relative;display:grid;gap:3px;min-width:0;padding:8px 9px 8px;border-radius:11px;background:#f7f5f1;box-shadow:inset 0 0 0 1px rgba(11,11,12,.05)}
.cs-rep-kpi b{padding-right:15px;font-size:15px;font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--oxh-ink);overflow-wrap:anywhere}
.cs-rep-kpi i{font-style:normal;font-size:11px;line-height:1.3;color:#55575e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cs-rep-dir{position:absolute;right:7px;top:8px;display:grid;place-items:center;color:#15803d}
.cs-rep-dir svg{width:12px;height:12px}
.cs-rep-chart{grid-area:chart;display:block;width:100%;height:100%;min-height:0;overflow:visible}
.cs-rep-area{stroke:none}
.cs-rep-grid{stroke:rgba(11,11,12,.08);stroke-width:1;vector-effect:non-scaling-stroke}
.cs-rep-line{fill:none;stroke:var(--cs-c);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.cs-rep-end{fill:#fff;stroke:var(--cs-c);stroke-width:2.5;vector-effect:non-scaling-stroke}
.cs-rep-note{grid-area:note;font-size:11px;line-height:1.3;color:#5d5f66}
/* The cover that wipes off the chart as it draws: only where motion is welcome. */
.cs-rep-sweep{grid-area:chart;display:none;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff 86%,rgba(255,255,255,0))}
@media (prefers-reduced-motion:no-preference){
  .cs-rep-sweep{display:block;transform-origin:100% 50%;animation:csRepWipe 1.6s cubic-bezier(.65,0,.35,1) .5s both}
  .cs-rep-kpi{animation:csRise .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.2s + var(--i,0) * .12s)}
  .cs-rep-end{transform-box:fill-box;transform-origin:center;animation:csRepPulse 2.8s ease-in-out 2.2s infinite}
  .cs-datum{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}
  .cs-datum:hover{transform:translate3d(0,-3px,0);box-shadow:0 0 0 1px rgba(11,11,12,.1),0 34px 60px -36px rgba(11,11,12,.5)}
  .cs-datum-src svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}
  .cs-datum-src:hover svg{transform:rotate(-45deg) translate3d(3px,0,0)}
  .cs-tool{transition:transform .3s cubic-bezier(.16,1,.3,1)}
  .cs-tool:hover{transform:translate3d(0,-2px,0)}
}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .cs-rep-sweep{animation-timeline:view();animation-range:entry 20% cover 50%;animation-delay:0s}
    .cs-rep-kpi{animation-timeline:view();animation-range:entry calc(10% + var(--i,0) * 5%) cover calc(30% + var(--i,0) * 5%);animation-delay:0s}
    .cs-data-list .cs-datum{animation:csRise linear both;animation-timeline:view();animation-range:entry calc(var(--i,0) * 40px) entry calc(220px + var(--i,0) * 40px)}
  }
}
@keyframes csRepWipe{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes csRepPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.45)}}