.osh{--o-ink:#10131a;--o-dim:#5d6573;--o-faint:#8b93a1;--o-line:#e1e4ea;--o-surface:#fff;--o-blue:#2f5bea;color:var(--o-ink);font-family:DM Sans Variable,DM Sans,ui-sans-serif,system-ui,-apple-system,PingFang SC,sans-serif;overflow-x:clip}.osh *,.osh :before,.osh :after{box-sizing:border-box}.osh :where(h1,h2,h3,p,ul){margin:0;padding:0}.osh ul{list-style:none}.osh a{color:inherit;text-decoration:none}.osh :where(a,button):focus-visible{outline:2px solid var(--o-blue);outline-offset:3px;border-radius:6px}.osh-wrap{width:min(1200px,100% - 48px);margin-inline:auto}.osh-hero{isolation:isolate;border-bottom:1px solid var(--o-line);position:relative}.osh-hero:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#10131a0a 1px,#0000 1px),linear-gradient(90deg,#10131a0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 90% at 50% 0,#000,#0000 80%);mask-image:radial-gradient(70% 90% at 50% 0,#000,#0000 80%)}.osh-hero .osh-wrap{text-align:center;padding:84px 0 64px}.osh-kicker{background:var(--o-surface);box-shadow:0 0 0 1px var(--o-line), 0 2px 8px #10131a0a;color:var(--o-dim);border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-family:DM Mono,monospace;font-size:12px;transition:color .15s,box-shadow .15s;display:inline-flex}.osh-kicker:hover{color:var(--o-ink);box-shadow:0 0 0 1px #c7ccd5,0 4px 12px #10131a14}.osh-hero h1{letter-spacing:-.035em;text-wrap:balance;margin-top:24px;font-size:clamp(34px,5vw,60px);font-weight:650;line-height:1.1}.osh-hero h1+p{max-width:640px;color:var(--o-dim);text-wrap:pretty;margin:18px auto 0;font-size:17px;line-height:1.7}.osh-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.osh-stats li{color:var(--o-dim);background:#10131a0a;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:550}.osh-stats li:first-child{background:var(--o-ink);color:#fff}:lang(zh) .osh-hero h1,:lang(ja) .osh-hero h1,:lang(zh) .osh-head h2,:lang(ja) .osh-head h2{letter-spacing:-.01em}.osh-section{padding-top:88px}.osh-head{max-width:680px;margin-bottom:36px}.osh-eyebrow{letter-spacing:1px;text-transform:uppercase;color:var(--o-blue);font-family:DM Mono,monospace;font-size:11px;margin-bottom:12px!important}.osh-head h2{letter-spacing:-.03em;font-size:clamp(26px,3.2vw,40px);font-weight:650;line-height:1.15}.osh-head h2+p{color:var(--o-dim);margin-top:12px;font-size:16px;line-height:1.65}.osh-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.osh-product{--p-bg:#fff;--p-ink:var(--o-ink);--p-dim:var(--o-dim);--p-line:var(--o-line);--p-accent:var(--o-blue);--p-btn-ink:#fff;background:var(--p-bg);color:var(--p-ink);box-shadow:0 0 0 1px var(--p-line), 0 24px 60px -36px #10131a59;border-radius:22px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.osh-product:hover{box-shadow:0 0 0 1px var(--p-line), 0 34px 70px -34px #10131a73;transform:translateY(-3px)}.osh-product--design{--p-bg:#0b0b0c;--p-ink:#fff;--p-dim:#ffffff8c;--p-line:#ffffff1a;--p-accent:#fff;--p-btn-ink:#0b0b0c}.osh-product--geo{--p-bg:#060708;--p-ink:#f2f3f5;--p-dim:#9a9ea6;--p-line:#ffffff17;--p-accent:#4f7dff}.osh-product--browser{--p-bg:#fff}.osh-product-visual{border-bottom:1px solid var(--p-line);height:230px;display:block;position:relative;overflow:hidden}.osh-product--design .osh-product-visual img{transform-origin:0 0;width:150%;max-width:none;height:auto;transition:transform .5s;position:absolute;top:0;left:0}.osh-product--design .osh-product-visual:after{content:"";background:linear-gradient(#0000 60%,#0b0b0c);position:absolute;inset:0}.osh-product:hover .osh-product-visual img{transform:scale(1.03)}.osh-product-body{flex-direction:column;flex:1;padding:24px 24px 26px;display:flex}.osh-product-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.osh-product-title h3{letter-spacing:-.02em;font-size:22px;font-weight:650}.osh-product-title span{color:var(--p-dim);align-items:center;gap:4px;font-size:12px;display:inline-flex}.osh-product-body>p{color:var(--p-dim);margin-top:10px;font-size:14.5px;line-height:1.65}.osh-product-body>ul{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.osh-product-body>ul li{box-shadow:inset 0 0 0 1px var(--p-line);color:var(--p-dim);border-radius:6px;padding:3px 9px;font-family:DM Mono,monospace;font-size:11px}.osh-product-actions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:24px;display:flex}.osh-btn{min-height:36px;box-shadow:inset 0 0 0 1px var(--p-line);color:var(--p-ink);border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.osh-btn:hover{background:color-mix(in srgb, var(--p-ink) 6%, transparent)}.osh .osh-btn--primary{background:var(--p-accent);color:var(--p-btn-ink);box-shadow:none}.osh .osh-btn--primary:hover{background:var(--p-accent);filter:brightness(1.06);transform:translateY(-1px)}.osh-geo-mini{background:radial-gradient(70% 80% at 30% 0,#ffffff12,#0000 70%),radial-gradient(50% 60% at 90% 20%,#4f7dff2e,#0000 70%);grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:14px;padding:22px;display:grid;position:absolute;inset:0}.osh-geo-answer{background:#0e1012;border-radius:12px;flex-direction:column;gap:9px;padding:14px;display:flex;box-shadow:inset 0 0 0 1px #ffffff17}.osh-geo-meta{color:#9a9ea6;align-items:center;gap:7px;font-size:11px;display:inline-flex}.osh-geo-meta i{background:#4ade80;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #4ade801f}.osh-line{background:#ffffff1c;border-radius:3px;height:6px;display:block}.osh-geo-row{align-items:center;gap:8px;display:flex}.osh-geo-row mark{color:#fff;white-space:nowrap;background:#4f7dff;border-radius:5px;padding:1px 7px;font-size:11.5px;font-weight:600;box-shadow:0 0 0 4px #4f7dff26}.osh-geo-cite{color:#c4d3ff;border-radius:6px;align-self:flex-start;margin-top:4px;padding:3px 8px;font-family:DM Mono,monospace;font-size:10px;box-shadow:inset 0 0 0 1px #4f7dff66}.osh-geo-matrix{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.osh-geo-matrix i{aspect-ratio:1;background:#2c3036;border-radius:2px}.osh-geo-matrix i.is-hit{background:#4f7dff;box-shadow:0 0 6px #4f7dff80}.osh-bb-mini{background:radial-gradient(60% 70% at 50% 100%,#7f9cff55,#0000 70%),linear-gradient(#f3f5fb,#e9edf8);justify-content:center;align-items:flex-end;padding:26px 22px 0;display:flex;position:absolute;inset:0}.osh-bb-window{background:#fff;border-radius:12px 12px 0 0;width:100%;transition:transform .35s;overflow:hidden;box-shadow:0 0 0 1px #10131a14,0 20px 40px -20px #1b2a6b55}.osh-product:hover .osh-bb-window{transform:translateY(-4px)}.osh-bb-bar{background:#d9e1fb;align-items:center;gap:5px;height:30px;padding:0 10px;display:flex}.osh-bb-bar i{background:#ff5f57;border-radius:50%;width:8px;height:8px}.osh-bb-bar i:nth-child(2){background:#febc2e}.osh-bb-bar i:nth-child(3){background:#28c840}.osh-bb-bar span{color:var(--o-dim);background:#fff;border-radius:999px;flex:1;margin-left:8px;padding:2px 10px;font-size:10px}.osh-bb-body{grid-template-columns:minmax(0,1fr) 130px;gap:12px;padding:16px 14px 22px;display:grid}.osh-bb-body>div:first-child{flex-direction:column;gap:9px;padding-top:4px;display:flex}.osh-bb-body .osh-line{background:#eef0f5}.osh-bb-task{box-shadow:0 0 0 1px var(--o-line), 0 4px 10px #10131a0d;border-radius:9px;flex-direction:column;align-items:flex-start;gap:5px;padding:10px;font-size:11px;display:flex}.osh-bb-task em{color:#b45309;background:#fdf0dc;border-radius:4px;padding:0 6px;font-size:10px;font-style:normal;font-weight:600}.osh-bb-task small{color:#b45309;font-size:10px;line-height:1.4}.osh-filters{border:0;flex-wrap:wrap;gap:6px;min-inline-size:0;margin:0 0 16px;padding:0;display:flex}.osh-filters button{background:var(--o-surface);box-shadow:inset 0 0 0 1px var(--o-line);font:inherit;color:var(--o-dim);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.osh-filters button span{color:var(--o-faint);font-family:DM Mono,monospace;font-size:11px}.osh-filters button:hover{color:var(--o-ink)}.osh-filters button[aria-pressed=true]{background:var(--o-ink);color:#fff;box-shadow:none}.osh-filters button[aria-pressed=true] span{color:#9fb2ff}.osh-rows{background:var(--o-surface);box-shadow:0 0 0 1px var(--o-line), 0 16px 40px -32px #10131a40;border-radius:18px;overflow:hidden}.osh-rows li{grid-template-columns:36px minmax(0,1fr) 150px 110px;align-items:center;gap:18px;padding:16px 20px;transition:background .15s;display:grid}.osh-rows li+li{border-top:1px solid var(--o-line)}.osh-rows li:hover{background:#f7f8fb}.osh-row-icon{width:36px;height:36px;color:var(--o-dim);background:#f0f2f6;border-radius:10px;place-items:center;display:grid}.osh-row-main>div{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.osh-row-name{color:var(--o-ink);font-family:DM Mono,monospace;font-size:14px;font-weight:500}.osh-row-name:hover{color:var(--o-blue)}.osh-row-kind{color:var(--o-dim);background:#f0f2f6;border-radius:5px;padding:1px 8px;font-size:11px;font-weight:600}.osh-row-main p{color:var(--o-dim);margin-top:4px;font-size:13.5px;line-height:1.55}.osh-row-meta{color:var(--o-faint);gap:14px;font-size:12px;display:flex}.osh-row-meta span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.osh-row-meta i{border-radius:50%;width:9px;height:9px}.osh-row-links{justify-content:flex-end;align-items:center;gap:6px;display:flex}.osh-row-links a{height:30px;box-shadow:inset 0 0 0 1px var(--o-line);color:var(--o-dim);border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:600;transition:color .15s,box-shadow .15s;display:inline-flex}.osh-row-links a:hover{color:var(--o-ink);box-shadow:inset 0 0 0 1px #c7ccd5}.osh-org-link{color:var(--o-dim);align-items:center;gap:5px;margin-top:16px;font-size:13px;display:inline-flex}.osh-org-link:hover{color:var(--o-ink)}.osh-cta{color:#fff;background:radial-gradient(60% 120% at 100% 0,#2f5bea55,#0000 60%),#0f121a;border-radius:26px;justify-content:space-between;align-items:center;gap:28px;margin-top:96px;margin-bottom:96px;padding:44px 48px;display:flex}.osh-cta h2{letter-spacing:-.02em;margin-top:18px;font-size:clamp(24px,2.8vw,34px);font-weight:650}.osh-cta p{color:#a2a9b6;margin-top:8px;font-size:15px}.osh-cta>a{color:var(--o-ink);background:#fff;border-radius:999px;flex:none;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:650;transition:transform .15s;display:inline-flex}.osh-cta>a:hover{transform:translateY(-1px)}@media (width>=1280px){.osh-hero h1,.osh-hero h1+p{white-space:nowrap;max-width:none}}@media (width<=1024px){.osh-products{grid-template-columns:1fr}.osh-product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.osh-product-visual{border-bottom:0;border-right:1px solid var(--p-line);height:auto;min-height:260px}.osh-rows li{grid-template-columns:36px minmax(0,1fr) 110px}.osh-row-meta{display:none}}@media (width<=680px){.osh-wrap{width:calc(100% - 32px)}.osh-hero .osh-wrap{padding:56px 0 44px}.osh-hero h1+p{font-size:15px}.osh-section{padding-top:64px}.osh-product{display:flex}.osh-product-visual{border-right:0;border-bottom:1px solid var(--p-line);height:200px;min-height:0}.osh-rows li{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;padding:14px 16px}.osh-row-icon{width:32px;height:32px}.osh-row-links{grid-column:2;justify-content:flex-start}.osh-cta{flex-direction:column;align-items:flex-start;margin-block:64px;padding:32px 24px}}@media (prefers-reduced-motion:reduce){.osh-product,.osh-product-visual img,.osh-bb-window{transition:none}}