.ob-sec{--ob-bg:#0b0b0f;--ob-card:#15151b;--ob-line:#26262e;--ob-ink:#f4f4f5;--ob-mute:#a1a1aa;--ob-acc:#ff3800;--ob-acc2:#ff6a33;background:var(--ob-bg);color:var(--ob-ink);position:relative;overflow:hidden;font-family:Inter,system-ui,sans-serif}.ob-sec.ob-light{--ob-bg:#f6f6f7;--ob-card:#ffffff;--ob-line:#e4e4e7;--ob-ink:#0b0b0f;--ob-mute:#52525b}.ob-wrap{max-width:1200px;margin:0 auto;padding:72px 32px}@media(max-width:749px){.ob-wrap{padding:52px 16px}}.ob-kicker{display:flex;align-items:center;gap:12px;font:600 13px/1.2 Space Grotesk,Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ob-acc);margin:0 0 14px}.ob-kicker:before{content:"";width:28px;height:2px;background:var(--ob-acc)}.ob-h{font-family:Space Grotesk,Inter,sans-serif;font-weight:700;line-height:1.02;letter-spacing:-.02em;margin:0 0 16px;color:var(--ob-ink);text-wrap:balance}.ob-h1{font-size:clamp(40px,7vw,84px);text-transform:uppercase}.ob-h2{font-size:clamp(30px,4.4vw,52px);text-transform:uppercase}.ob-h .ob-acc{color:var(--ob-acc)}.ob-lead{font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:var(--ob-mute);max-width:640px;margin:0 0 24px}.ob-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.ob-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ob-line);border-radius:999px;padding:9px 16px;font:600 12px/1 Space Grotesk,Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:#ffffff08}.ob-chip svg,.ob-check svg{color:var(--ob-acc);flex:none}.ob-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ob-acc);color:#fff;border-radius:8px;padding:16px 26px;font:700 16px/1 Inter,sans-serif;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 8px 30px #ff380047}.ob-btn:hover{background:var(--ob-acc2);transform:translateY(-2px);box-shadow:0 12px 36px #ff380066}.ob-btn--ghost{background:transparent;border:1px solid var(--ob-line);box-shadow:none;color:var(--ob-ink)}.ob-btn--ghost:hover{background:#ffffff0f;box-shadow:none}.ob-card{background:var(--ob-card);border:1px solid var(--ob-line);border-radius:16px;padding:28px}.ob-checks{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}.ob-check{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45}.ob-grid-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 30% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 30% 20%,#000 20%,transparent 75%);pointer-events:none}.ob-glow:after{content:"";position:absolute;width:620px;height:620px;right:-160px;top:-260px;background:radial-gradient(circle,rgba(255,56,0,.22),transparent 65%);pointer-events:none}.ob-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.ob-reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.ob-reveal{opacity:1;transform:none;transition:none}}.ob-sec *{box-sizing:border-box}.ob-gauge{position:relative;width:100%;max-width:440px;margin:0 auto;color:var(--ob-mute)}.ob-gauge svg{display:block;width:100%;height:auto;overflow:visible}.ob-g-bg{fill:url(#obg-b)}.ob-g-inner{fill:none;stroke:var(--ob-line);stroke-width:1.5;stroke-dasharray:2 5}.ob-g-track,.ob-g-werk,.ob-g-boost,.ob-g-glow{fill:none;stroke-width:16;stroke-linecap:round}.ob-g-track{stroke:var(--ob-line);stroke-width:18}.ob-g-werk{stroke:#22c55e;stroke-dasharray:0 100;filter:drop-shadow(0 0 6px rgba(34,197,94,.55));transition:stroke-dasharray .8s cubic-bezier(.22,1,.36,1)}.ob-g-boost{stroke-dasharray:0 100;transition:stroke-dasharray 1.1s cubic-bezier(.22,1,.36,1)}.ob-g-glow{stroke:#ff3800;stroke-width:30;opacity:0;filter:blur(10px);stroke-dasharray:0 100;transition:stroke-dasharray 1.1s cubic-bezier(.22,1,.36,1),opacity .6s}.ob-gauge.is-tuned .ob-g-glow{opacity:.55}.ob-g-tick{stroke:currentColor;stroke-opacity:.28;stroke-width:2;transition:stroke .35s,stroke-opacity .35s}.ob-g-tick.is-major{stroke-opacity:.6;stroke-width:3}.ob-gauge.is-on .ob-g-tick.is-werk{stroke:#22c55e;stroke-opacity:.9}.ob-gauge.is-tuned .ob-g-tick.is-boost{stroke:#ff3800;stroke-opacity:1;filter:drop-shadow(0 0 4px rgba(255,56,0,.9))}.ob-g-lbl{font:700 12px Space Grotesk,Inter,sans-serif;fill:var(--ob-mute);transition:fill .35s}.ob-gauge.is-tuned .ob-g-lbl.is-boost{fill:#ff6a33}.ob-g-needle{transform-origin:150px 150px;transform-box:view-box;transition:transform .9s cubic-bezier(.34,1.45,.5,1)}.ob-g-needle-in{transform-origin:150px 150px;transform-box:view-box}.ob-gauge.is-hot .ob-g-needle-in{animation:obg-shake .09s linear infinite alternate}@keyframes obg-shake{0%{transform:rotate(-.6deg)}to{transform:rotate(.6deg)}}.ob-g-needle-body{fill:url(#obg-n)}.ob-g-needle-glow{fill:#ff4a00;opacity:.55;filter:blur(5px)}.ob-g-cw{fill:#ff3800}.ob-g-hub{fill:#16161c;stroke:#ff3800;stroke-width:3;filter:drop-shadow(0 0 10px rgba(255,56,0,.6))}.ob-g-hub-dot{fill:#fff3ea}.ob-light .ob-g-hub{fill:#fff}.ob-g-legend{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;margin-top:2px;font:700 12px/1.2 Space Grotesk,Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}.ob-g-legend b{color:#22c55e;font-size:15px}.ob-g-legend-acc{text-align:right}.ob-g-legend-acc,.ob-g-legend-acc b{color:#ff4a00}.ob-g-unit{grid-column:1/-1;grid-row:2;text-align:center;margin-top:4px;font-weight:600;font-size:10px;letter-spacing:.16em;color:var(--ob-mute);opacity:.8}@media(prefers-reduced-motion:reduce){.ob-g-needle,.ob-g-boost,.ob-g-glow{transition:none}.ob-gauge.is-hot .ob-g-needle-in{animation:none}}.ob-toggle{display:inline-flex;background:#ffffff0a;border:1px solid var(--ob-line);border-radius:999px;padding:5px;gap:4px;margin:8px 0 4px}.ob-light .ob-toggle{background:#fff}.ob-toggle button{all:unset;cursor:pointer;padding:11px 20px;border-radius:999px;font:700 12px/1 Space Grotesk,Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ob-mute);transition:background .25s,color .25s}.ob-toggle button[aria-pressed=true]{background:var(--ob-acc);color:#fff}.ob-toggle button:focus-visible{outline:2px solid var(--ob-acc);outline-offset:2px}[hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/31/assets/ob-base.css.map */