:root {
  --ink: #111216;
  --muted: #68717c;
  --paper: #fbfbfa;
  --surface: #ffffff;
  --line: rgba(19, 24, 33, .12);
  --dark: #101217;
  --shell: min(1240px, calc(100% - 96px));
  --violet: #6f5de7;
  --cyan: #2faed7;
  --lime: #b5eb72;
  font-family: Inter, "HarmonyOS Sans SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--paper); scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; color: var(--ink); background: var(--paper); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
img { display: block; max-width: 100%; }
.shell { width: var(--shell); margin: 0 auto; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

.product-header { position: sticky; top: 0; z-index: 50; height: 78px; border-bottom: 1px solid rgba(17,18,22,.08); background: rgba(251,251,250,.86); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.nav-shell { display: flex; align-items: center; justify-content: space-between; height: 100%; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font-size: 16px; font-weight: 760; letter-spacing: -.05em; white-space: nowrap; }
.brand img { width: 30px; height: 30px; object-fit: contain; }
.nav-links { display: flex; align-items: center; gap: 25px; margin-left: auto; color: #545b65; font-size: 14px; }
.nav-links a { position: relative; padding: 8px 0; transition: color .2s ease; }
.nav-links a::after { position: absolute; right: 0; bottom: 2px; left: 0; height: 1px; content: ""; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform .2s ease; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--ink); }
.nav-links a:hover::after, .nav-links a[aria-current="page"]::after { transform: scaleX(1); transform-origin: left; }
.nav-action, .button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border: 1px solid transparent; border-radius: 999px; font-size: 14px; font-weight: 730; transition: transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s ease, background .25s ease; }
.nav-action, .button-dark { color: #fff; background: #15171d; box-shadow: 0 10px 25px rgba(12,14,19,.12); }
.nav-action:hover, .button-dark:hover { transform: translateY(-2px); box-shadow: 0 16px 30px rgba(12,14,19,.18); }
.button-light { color: var(--ink); border-color: var(--line); background: rgba(255,255,255,.7); }
.button-light:hover { background: #fff; transform: translateY(-2px); }
.button-ghost { color: #e7ebf1; border-color: rgba(255,255,255,.24); }
.button-ghost:hover { color: #fff; background: rgba(255,255,255,.08); transform: translateY(-2px); }
.factory-page .product-header { color: #fff; border-color: rgba(255,255,255,.09); background: rgba(12,15,20,.88); }
.factory-page .brand, .factory-page .nav-links a:hover, .factory-page .nav-links a[aria-current="page"] { color: #fff; }
.factory-page .nav-links { color: #aab4c0; }
.factory-page .nav-action { color: #101217; background: #fff; box-shadow: none; }

.stage { position: relative; display: flex; min-height: max(740px, calc(100svh - 78px)); overflow: hidden; }
.stage > .shell { width: var(--shell); }
.hero { min-height: calc(100svh - 78px); }
.hero-shell { display: grid; grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr); align-items: center; gap: 54px; }
.hero-copy { position: relative; z-index: 2; max-width: 610px; padding: 70px 0; animation: enter .8s cubic-bezier(.16,1,.3,1) both; }
.eyebrow { display:none; }
.hero-title { max-width: 690px; margin: 0; font-size: clamp(46px, 5.8vw, 78px); font-weight: 720; line-height: 1.03; letter-spacing: -.075em; }
.hero-lead { max-width: 560px; margin: 25px 0 0; color: var(--muted); font-size: 17px; line-height: 1.77; letter-spacing: -.015em; }
.actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 33px; }
.hero-art { position: relative; align-self: stretch; min-height: 560px; animation: artEnter .9s .08s cubic-bezier(.16,1,.3,1) both; }

.section-shell { display: grid; align-items: center; gap: 58px; padding: 96px 0; }
.section-lead { max-width: 550px; }
.section-lead h2 { max-width: 760px; margin: 0; font-size: clamp(39px, 4.4vw, 64px); font-weight: 710; line-height: 1.08; letter-spacing: -.07em; }
.section-lead p { max-width: 520px; margin: 21px 0 0; color: var(--muted); font-size: 16px; line-height: 1.75; }
.section-note { display:none; }

/* OHQC */
.ohqc-hero { background: radial-gradient(circle at 84% 31%, rgba(82,124,255,.17), transparent 28%), linear-gradient(132deg, #f8fbff 0%, #fff 48%, #f0f5ff 100%); }
.ohqc-console { position: absolute; top: 50%; right: 0; width: min(100%, 660px); padding: 13px; overflow: hidden; border: 1px solid rgba(35,50,78,.15); border-radius: 24px; background: linear-gradient(145deg, #121924, #26344a); box-shadow: 0 38px 75px rgba(29,48,86,.22), inset 0 1px 0 rgba(255,255,255,.17); transform: translateY(-50%) rotate(-2deg); }
.ohqc-console::before { display: block; height: 30px; margin: -13px -13px 12px; content: ""; border-bottom: 1px solid rgba(255,255,255,.08); background: linear-gradient(90deg, #182232, #273550); }
.ohqc-console::after { position: absolute; top: 10px; left: 15px; width: 7px; height: 7px; content: ""; border-radius: 50%; background: #82e29d; box-shadow: 14px 0 #f4c45a, 28px 0 #f47a7a; }
.ohqc-console img { width: 100%; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; }
.console-caption { position: absolute; right: 22px; bottom: 20px; padding: 7px 10px; color: #dfe8fa; border: 1px solid rgba(182,205,255,.18); border-radius: 8px; background: rgba(15,23,36,.76); font-size: 11px; letter-spacing: .04em; backdrop-filter: blur(10px); }
.ohqc-workbench { color: #fff; background: #111722; }
.ohqc-workbench .section-note { color: #99afff; }.ohqc-workbench .section-lead p { color: #aab6ca; }
.workbench-layout { grid-template-columns: minmax(310px, .85fr) minmax(550px, 1.15fr); }
.diagnostic-rail { display: grid; gap: 0; border-top: 1px solid rgba(255,255,255,.15); }
.diagnostic-item { position: relative; display: grid; grid-template-columns: 28px 1fr; gap: 18px; padding: 25px 0; border-bottom: 1px solid rgba(255,255,255,.15); }
.diagnostic-item::before { width: 9px; height: 9px; margin-top: 8px; content: ""; border-radius: 50%; background: linear-gradient(135deg, #8ba4ff, #62dbca); box-shadow: 0 0 20px rgba(128,157,255,.55); }
.diagnostic-item h3 { margin: 0; font-size: 21px; letter-spacing: -.05em; }.diagnostic-item p { margin: 8px 0 0; color: #aab6ca; font-size: 14px; line-height: 1.65; }
.ohqc-surface { background: #f3f5f8; }
.showcase-layout { grid-template-columns: minmax(0, 1.34fr) minmax(315px, .66fr); }
.screen-frame { overflow: hidden; border: 1px solid rgba(24,31,43,.13); border-radius: 26px; background: #171e2b; box-shadow: 0 28px 60px rgba(28,41,63,.13); }
.screen-frame img { width: 100%; min-height: 480px; object-fit: cover; object-position: top left; }
.feature-stack { display: grid; align-content: center; gap: 12px; }
.feature-panel { padding: 22px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.76); transition: transform .25s ease, box-shadow .25s ease; }.feature-panel:hover { transform: translateX(6px); box-shadow: 0 15px 30px rgba(35,43,57,.08); }
.feature-panel b { display: block; font-size: 17px; letter-spacing: -.04em; }.feature-panel span { display: block; margin-top: 8px; color: var(--muted); font-size: 14px; line-height: 1.6; }
.platform-stage { background: var(--paper); }.platform-shell { grid-template-columns: .8fr 1.2fr; }
.platform-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.platform-card { min-height: 315px; padding: 25px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.78); box-shadow: 0 17px 35px rgba(28,34,45,.04); }.platform-card.available { border-color: rgba(79,113,239,.33); background: linear-gradient(150deg, #fff, #f1f5ff); }.platform-state { display: inline-flex; padding: 5px 9px; border-radius: 999px; color: #4961c9; background: #eaf0ff; font-size: 11px; font-weight: 750; }.platform-card.pending .platform-state { color: #82704d; background: #fbf5e9; }.platform-card h3 { margin: 70px 0 0; font-size: 28px; letter-spacing: -.06em; }.platform-card p { margin: 14px 0 0; color: var(--muted); font-size: 14px; line-height: 1.7; }

/* Factory */
.factory-page { color: #f2f5f7; background: #0e1117; }.factory-page .stage { background: #0e1117; }.factory-hero { background: radial-gradient(circle at 77% 50%, rgba(99,109,255,.16), transparent 30%), #0e1117; }.factory-hero::after { position: absolute; inset: 0; content: ""; opacity: .5; 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: 76px 76px; mask-image: linear-gradient(90deg, transparent, #000 52%, transparent); pointer-events: none; }.factory-hero .eyebrow { color: var(--lime); }.factory-hero .hero-lead { color: #b3bdc9; }.factory-network { position: absolute; top: 50%; right: 0; width: min(100%, 620px); aspect-ratio: 1; transform: translateY(-50%); }.factory-network::before { position: absolute; inset: 9%; content: ""; border: 1px solid rgba(180,235,112,.25); border-radius: 50%; box-shadow: 0 0 100px rgba(97,102,255,.18), inset 0 0 60px rgba(161,236,112,.05); }.factory-network::after { position: absolute; inset: 24%; content: ""; border: 1px dashed rgba(129,174,255,.36); border-radius: 50%; animation: orbit 20s linear infinite; }.network-core { position: absolute; top: 50%; left: 50%; display: grid; width: 136px; height: 136px; place-items: center; border: 1px solid rgba(255,255,255,.36); border-radius: 50%; background: radial-gradient(circle at 37% 30%, #344557, #171e29 70%); box-shadow: 0 0 55px rgba(141,171,255,.25); font-size: 16px; font-weight: 720; transform: translate(-50%, -50%); }.network-node { position: absolute; display: grid; width: 88px; aspect-ratio: 1; place-items: center; border: 1px solid rgba(181,240,109,.45); border-radius: 18px; color: #dfead6; background: rgba(20,28,38,.83); box-shadow: 0 0 24px rgba(181,240,109,.09); font-size: 13px; font-weight: 700; }.network-node:nth-of-type(1) { top: 8%; left: 44%; }.network-node:nth-of-type(2) { top: 45%; right: 4%; }.network-node:nth-of-type(3) { bottom: 7%; left: 43%; }.network-node:nth-of-type(4) { top: 45%; left: 5%; }
.factory-flow { background: #f7f8f6 !important; color: var(--ink); }.factory-flow .section-lead p { color: var(--muted); }.flow-shell { grid-template-columns: .72fr 1.28fr; }.flow-board { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: var(--line); }.flow-group { min-height: 194px; padding: 25px; background: #fff; transition: background .22s ease; }.flow-group:hover { background: #f7fbff; }.flow-group strong { display: block; margin-bottom: 22px; font-size: 19px; letter-spacing: -.05em; }.flow-group span { display: block; color: var(--muted); font-size: 13px; line-height: 1.7; }
.factory-foundation { background: #10141b !important; }.factory-foundation .section-note { color: var(--lime); }.factory-foundation .section-lead p { color: #aeb8c5; }.foundation-shell { grid-template-columns: 1fr 1fr; }.foundation-card { min-height: 420px; padding: 42px; border: 1px solid rgba(255,255,255,.13); border-radius: 24px; background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); }.foundation-card h3 { max-width: 430px; margin: 0; font-size: 34px; line-height: 1.17; letter-spacing: -.06em; }.foundation-card p { max-width: 470px; margin: 20px 0 0; color: #adb7c4; font-size: 15px; line-height: 1.75; }.foundation-points { display: grid; gap: 12px; margin-top: 42px; }.foundation-points span { color: #e1e6eb; font-size: 14px; }.foundation-points span::before { margin-right: 10px; color: var(--lime); content: "•"; }
.factory-contact { min-height: 540px !important; background: #10141b !important; }.contact-panel { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 30px; padding: 58px; border: 1px solid rgba(255,255,255,.13); border-radius: 26px; background: radial-gradient(circle at 88% 12%, rgba(181,240,109,.2), transparent 34%), #1a212b; }.contact-panel h2 { max-width: 610px; margin: 0; font-size: clamp(39px, 4.3vw, 58px); line-height: 1.08; letter-spacing: -.07em; }.contact-panel p { margin: 17px 0 0; color: #b5bfcb; font-size: 15px; }.contact-panel .button { color: var(--ink); background: #fff; white-space: nowrap; }

/* OHCraft */
.studio-hero { background: linear-gradient(135deg, #fcfcfb, #fff 58%, #f9fbff); }.studio-hero .hero-shell { grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr); }.studio-wordmark { width: min(100%, 400px); margin-bottom: 28px; }.studio-hero .eyebrow { color: #765dde; }.studio-mark-field { position: absolute; inset: 0; }.studio-mark-field::before { position: absolute; top: 50%; left: 50%; width: min(72%, 430px); aspect-ratio: 1; content: ""; border: 1px solid rgba(99,82,210,.13); border-radius: 50%; background: radial-gradient(circle, rgba(124,100,247,.1), transparent 65%); transform: translate(-50%, -50%); }.studio-mark-field::after { position: absolute; top: 50%; left: 50%; width: min(88%, 540px); aspect-ratio: 1; content: ""; border: 1px dashed rgba(86,120,223,.17); border-radius: 50%; transform: translate(-50%, -50%); animation: orbit 26s linear infinite reverse; }.studio-mark-field canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; }.studio-beta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; max-width: 510px; margin-top: 31px; }.studio-beta input { min-width: 0; height: 50px; padding: 0 16px; outline: 0; border: 1px solid #dfe1e6; border-radius: 999px; background: rgba(255,255,255,.82); transition: border-color .2s ease, box-shadow .2s ease; }.studio-beta input:focus { border-color: #775fe1; box-shadow: 0 0 0 4px rgba(119,95,225,.11); }.studio-beta button { height: 50px; padding: 0 20px; cursor: pointer; color: #fff; border: 0; border-radius: 999px; background: #191625; font-weight: 730; transition: transform .2s ease, box-shadow .2s ease; }.studio-beta button:hover { transform: translateY(-2px); box-shadow: 0 14px 25px rgba(25,22,37,.2); }.studio-beta button:disabled { cursor: default; opacity: .62; transform: none; }.studio-feedback { min-height: 21px; margin: 10px 0 0; color: #6850c8; font-size: 13px; }.studio-note { margin: 11px 0 0; color: #7c818b; font-size: 12px; line-height: 1.55; }
.studio-principles { color: #f4f4f5; background: #171421 !important; }.studio-principles .section-note { color: #bca8ff; }.studio-principles .section-lead p { color: #b8b1c7; }.principle-shell { grid-template-columns: .74fr 1.26fr; }.principle-board { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.17); }.principle-card { min-height: 330px; padding: 34px 29px; border-right: 1px solid rgba(255,255,255,.17); }.principle-card:last-child { border-right: 0; }.principle-card h3 { margin: 110px 0 0; font-size: 25px; letter-spacing: -.06em; }.principle-card p { margin: 14px 0 0; color: #b9b2c7; font-size: 14px; line-height: 1.7; }
.studio-beta-stage { background: #f7f7f5; }.beta-shell { grid-template-columns: .7fr 1.3fr; }.beta-panel { padding: 48px; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: 0 24px 55px rgba(37,36,48,.06); }.beta-panel h2 { max-width: 430px; margin: 0; font-size: clamp(37px, 4vw, 55px); line-height: 1.1; letter-spacing: -.07em; }.beta-panel p { max-width: 590px; margin: 22px 0 0; color: var(--muted); font-size: 16px; line-height: 1.75; }.beta-panel a { color: #6650cd; font-weight: 700; }

/* OHCraft dithered-object treatment */
.studio-wordmark { filter: grayscale(1) contrast(1.45) brightness(.34); opacity: .96; }
.studio-mark-field { background: none; }
.studio-mark-field::before, .studio-mark-field::after { display: none; }
.studio-mark-field canvas { z-index: 2; filter: none; }
/* Homepage particle implementation, reused unchanged for OHCraft. */
.studio-particle-scene { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; min-height: 0; }
.studio-particle-scene canvas { display: block; width: 100%; height: 100%; touch-action: none; }
.studio-particle-scene .spectrum-fallback { position: absolute; inset: 50% auto auto 50%; display: none; width: 59%; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%); background: conic-gradient(from 200deg,#6b52ff,#4dcbff,#75eb99,#ffe35d,#ff8d73,#d66cff,#6b52ff); -webkit-mask: radial-gradient(circle,transparent 57%,#000 58% 70%,transparent 71%); mask: radial-gradient(circle,transparent 57%,#000 58% 70%,transparent 71%); opacity: .85; }
.studio-particle-scene.has-fallback .spectrum-fallback { display: block; }
.studio-workbench { background: #f5f5f3 !important; }.workbench-showcase { display: grid; grid-template-columns: minmax(320px, .72fr) minmax(560px, 1.28fr); align-items: center; gap: 72px; width: var(--shell); }.workbench-copy { max-width: 500px; }.workbench-copy h2 { margin: 0; font-size: clamp(39px, 4.3vw, 62px); font-weight: 710; line-height: 1.08; letter-spacing: -.07em; }.workbench-copy > p:not(.section-note) { margin: 22px 0 0; color: var(--muted); font-size: 16px; line-height: 1.78; }.workbench-points { display: grid; gap: 13px; margin-top: 36px; padding-top: 22px; border-top: 1px solid var(--line); }.workbench-points span { color: #323841; font-size: 14px; line-height: 1.55; }.workbench-points span::before { margin-right: 10px; color: #765dde; content: "•"; }.ohcraft-app-frame { position: relative; margin: 0; padding: 12px 12px 43px; overflow: hidden; border: 1px solid rgba(26,29,38,.12); border-radius: 22px; background: #fff; box-shadow: 0 34px 75px rgba(30,34,46,.13); transform: rotate(-1.4deg); }.ohcraft-app-frame::before { position: absolute; top: 20px; left: 21px; width: 8px; height: 8px; content: ""; border-radius: 50%; background: #ff8c7e; box-shadow: 14px 0 #f5cc61, 28px 0 #83c99c; }.ohcraft-app-frame img { width: 100%; border: 1px solid rgba(22,26,35,.08); border-radius: 12px; }.ohcraft-app-frame figcaption { position: absolute; bottom: 13px; left: 16px; color: #68717c; font-size: 12px; letter-spacing: .02em; }

.product-footer { padding: 54px 0 34px; color: #aeb6c0; background: #11141a; }.factory-page .product-footer { border-top: 1px solid rgba(255,255,255,.09); }.footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3, .75fr); gap: 30px; }.footer-intro { max-width: 330px; margin: 16px 0 0; color: #8f99a6; font-size: 13px; line-height: 1.7; }.footer-title { margin: 5px 0 15px; color: #fff; font-size: 13px; font-weight: 720; }.footer-links { display: grid; gap: 10px; font-size: 13px; }.footer-links a:hover { color: #fff; }.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 48px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.1); color: #77818d; font-size: 12px; }.product-footer .brand { color: #fff; }

.factory-contact { min-height: max(740px, calc(100svh - 78px)) !important; }
@keyframes enter { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes artEnter { from { opacity: 0; transform: scale(.965); } to { opacity: 1; transform: scale(1); } }
@keyframes orbit { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes studioParticleBreath { from { transform: translate(-50%, -50%) scale(.96); opacity: .48; } to { transform: translate(-50%, -50%) scale(1.04); opacity: .8; } }
@media (max-width: 1080px) { :root { --shell: min(100% - 64px, 1240px); }.hero-shell { grid-template-columns: minmax(0, .9fr) minmax(400px, 1.1fr); gap: 30px; }.workbench-layout, .showcase-layout, .flow-shell, .principle-shell, .platform-shell, .beta-shell, .workbench-showcase { grid-template-columns: 1fr; }.section-shell { gap: 35px; }.factory-network { width: min(100%, 560px); }.platform-list { grid-template-columns: repeat(3,1fr); }.footer-grid { grid-template-columns: 1.3fr repeat(3,.8fr); }.nav-links { gap: 18px; }.workbench-showcase { padding: 90px 0; gap: 44px; }.ohcraft-app-frame { max-width: 780px; } }
@media (max-width: 760px) { :root { --shell: calc(100% - 40px); }.product-header { height: 68px; }.nav-links { display: none; }.nav-action { min-height: 38px; padding: 0 13px; font-size: 12px; }.stage { min-height: auto; }.hero { min-height: calc(100svh - 68px); }.hero-shell { grid-template-columns: 1fr; gap: 0; }.hero-copy { padding: 66px 0 12px; }.hero-title { font-size: clamp(43px, 11.6vw, 62px); }.hero-lead { font-size: 16px; }.hero-art { min-height: 390px; }.ohqc-console { width: min(100%, 560px); right: 50%; transform: translate(50%, -50%) rotate(-1deg); }.factory-network { right: 50%; width: min(100%, 455px); opacity: .67; transform: translate(50%, -50%); }.studio-hero .hero-shell { grid-template-columns: 1fr; }.studio-mark-field { width: min(100%, 450px); margin: auto; }.section-shell { padding: 80px 0; }.section-lead h2, .workbench-copy h2 { font-size: 40px; }.diagnostic-item { padding: 20px 0; }.flow-board, .principle-board { grid-template-columns: 1fr; }.flow-group, .principle-card { min-height: auto; padding: 28px; border-right: 0; border-bottom: 1px solid var(--line); }.principle-card { border-color: rgba(255,255,255,.17); }.principle-card h3 { margin-top: 42px; }.platform-list { grid-template-columns: 1fr; }.platform-card { min-height: 205px; }.platform-card h3 { margin-top: 45px; }.contact-panel { display: block; padding: 34px; }.contact-panel .button { margin-top: 25px; }.foundation-shell { grid-template-columns: 1fr; }.foundation-card { min-height: auto; padding: 31px; }.foundation-card h3 { font-size: 29px; }.studio-beta { grid-template-columns: 1fr; }.studio-beta button { width: 100%; }.screen-frame img { min-height: 290px; }.workbench-showcase { padding: 80px 0; }.ohcraft-app-frame { padding: 8px 8px 38px; border-radius: 16px; transform: none; }.footer-grid { grid-template-columns: 1fr 1fr; gap: 34px 20px; }.footer-grid > :first-child { grid-column: 1 / -1; }.footer-bottom { flex-wrap: wrap; margin-top: 36px; }.factory-page .stage { min-height: auto; } }
@media (max-width: 440px) { :root { --shell: calc(100% - 32px); }.brand img { width: 28px; height: 28px; }.hero-title { font-size: 42px; }.section-lead h2 { font-size: 35px; }.foundation-card, .beta-panel { padding: 27px; }.footer-grid { grid-template-columns: 1fr; }.footer-grid > :first-child { grid-column: auto; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 1ms !important; transition-duration: 1ms !important; } }

@media (min-width: 801px) { .product-header { height: 72px; }.nav-shell { gap: 26px; }.brand { gap: 8px; font-size: 16px; }.brand img { width: 26px; height: 26px; }.nav-links { gap: 24px; }.hero { min-height: calc(100svh - 72px); }.factory-contact { min-height: max(740px, calc(100svh - 72px)) !important; } }