:root{color-scheme:light;--color-bg: #f8f9f6;--color-surface: #ffffff;--color-text: #29434d;--color-muted: #788b92;--color-muted-light: #9aa9aa;--color-border: #e0e6e4;--color-accent: #88a195;--font-display: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-ui: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--shadow-frame: 0 24px 60px rgba(42, 64, 70, .045);--focus-ring: 0 0 0 3px rgba(136, 161, 149, .25);background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:16px;line-height:1.5;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth}body{min-width:320px;min-height:100%;margin:0;background:var(--color-bg);color:var(--color-text)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.site-shell{min-height:100svh}.site-nav{position:sticky;z-index:10;top:0;display:grid;grid-template-columns:1fr 1fr;min-height:112px;background:color-mix(in srgb,var(--color-bg) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-nav:after{position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--color-border);content:""}.brand-mark{display:flex;align-items:center;padding:0 clamp(32px,4.5vw,72px);color:var(--color-text);font-size:24px;font-weight:600;letter-spacing:-.025em}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:clamp(28px,4.2vw,68px);padding:0 clamp(32px,4.5vw,72px);color:var(--color-muted-light);font-size:17px}.nav-links a{position:relative;padding:8px 0;transition:color .16s ease}.nav-links a:hover,.nav-links a:focus-visible,.nav-links .is-active{color:var(--color-text)}.brand-mark:focus-visible,.nav-links a:focus-visible,.text-link:focus-visible,.download-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.split-section{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 112px);border-top:1px solid transparent}.split-section+.split-section{border-top-color:var(--color-border)}.split-copy,.split-visual{min-width:0}.split-copy{display:flex;align-items:center;padding:clamp(64px,8vh,112px) clamp(32px,4.5vw,72px)}.split-visual{position:relative;display:grid;place-items:center;padding:clamp(48px,6vw,96px);border-left:1px solid var(--color-border)}.copy-block{width:min(100%,650px)}.copy-block--wide{width:min(100%,760px)}h1,h2,h3,p,dl,dd{margin:0}h1,h2{color:var(--color-text);font-family:var(--font-display);font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(4rem,6vw,7.25rem);line-height:.98}h2{max-width:12ch;font-size:clamp(3rem,4.8vw,6rem);line-height:1.13}h3{color:var(--color-text);font-size:18px;font-weight:600;line-height:1.4}.lede{max-width:36rem;margin-top:clamp(34px,4vw,60px);color:var(--color-muted);font-size:clamp(1.2rem,1.8vw,1.75rem);line-height:1.85}.eyebrow{margin-bottom:clamp(28px,4vw,54px);color:var(--color-accent);font-size:15px;letter-spacing:.04em}.text-link{display:inline-block;margin-top:clamp(46px,7vw,92px);padding:0 0 11px;border-bottom:1px solid var(--color-text);color:var(--color-text);font-size:16px;font-weight:600;transition:color .16s ease,border-color .16s ease}.text-link:hover{border-color:var(--color-accent);color:var(--color-accent)}.hero-visual{overflow:hidden}.input-stage{position:relative;width:min(100%,720px)}.input-canvas{min-height:clamp(320px,42vw,590px);padding:clamp(48px,6vw,82px);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 58%,transparent);box-shadow:var(--shadow-frame)}.mock-label,.translation-note span{color:var(--color-accent);font-size:15px}.mock-input{width:72%;margin-top:45px;padding-bottom:8px;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:clamp(1.2rem,1.7vw,1.75rem)}.translation-note{position:absolute;top:22%;right:-12%;width:min(49%,330px);min-width:250px;padding:30px 32px 34px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 95%,transparent);box-shadow:0 18px 52px #2a40460f}.translation-note p{margin-top:28px;color:var(--color-accent);font-size:clamp(1.05rem,1.55vw,1.5rem);white-space:nowrap}.principle-copy .lede{max-width:33rem;margin-top:44px}.scenario-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,52px);margin-top:58px}.scenario-list article{padding-top:18px;border-top:1px solid var(--color-border)}.scenario-list h3{color:var(--color-accent);font-size:15px}.scenario-list p{margin-top:18px;color:var(--color-muted);font-size:15px;line-height:1.75}.clock-stage{overflow:hidden}.clock{position:relative;width:min(72%,640px);aspect-ratio:1;border:3px solid var(--color-border);border-radius:50%}.clock-mark{position:absolute;background:var(--color-border)}.clock-mark--top,.clock-mark--bottom{left:50%;width:3px;height:9%;transform:translate(-50%)}.clock-mark--top{top:0}.clock-mark--bottom{bottom:0}.clock-mark--left,.clock-mark--right{top:50%;width:9%;height:3px;transform:translateY(-50%)}.clock-mark--left{left:0}.clock-mark--right{right:0}.clock-hand{position:absolute;top:calc(50% - 1px);left:50%;width:31%;height:3px;background:var(--color-accent);transform:rotate(-38deg);transform-origin:left center}.clock-pin{position:absolute;top:50%;left:50%;width:13px;height:13px;border-radius:50%;background:var(--color-accent);transform:translate(-50%,-50%)}.clock-caption{position:absolute;right:clamp(32px,4.5vw,72px);bottom:42px;color:var(--color-muted-light);font-size:13px;letter-spacing:.06em}.install-copy{align-items:flex-start}.install-page .copy-block{padding-top:clamp(8px,2vh,24px)}.install-page h1{font-size:clamp(3.6rem,5.2vw,6.3rem)}.install-page .lede{max-width:31rem;margin-top:42px}.install-steps{display:grid;gap:0;margin-top:46px}.install-step{display:grid;grid-template-columns:34px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--color-border)}.install-step:last-child{border-bottom:1px solid var(--color-border)}.step-index{color:var(--color-accent);font-size:14px}.install-step p{max-width:38rem;margin-top:6px;color:var(--color-muted);font-size:15px;line-height:1.75}.download-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-width:220px;margin-top:18px;padding:13px 16px;border:1px solid var(--color-text);color:var(--color-text);font-size:14px;font-weight:600;transition:background-color .16s ease,color .16s ease}.download-button:hover{background:var(--color-text);color:var(--color-surface)}.download-button[data-state=started]{border-color:var(--color-accent);color:var(--color-accent)}.install-footnote{margin-top:28px;color:var(--color-muted-light);font-size:14px}.config-demo{width:min(82%,530px);padding:clamp(34px,4vw,58px);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 72%,transparent);box-shadow:var(--shadow-frame)}.config-title{color:var(--color-accent);font-size:15px}.config-fields{margin-top:30px}.config-fields>div{padding:17px 0;border-bottom:1px solid var(--color-border)}.config-fields dt{color:var(--color-muted-light);font-size:13px}.config-fields dd{margin-top:8px;color:var(--color-text);font-size:16px;overflow-wrap:anywhere}.config-ready{margin-top:30px;color:var(--color-accent);font-size:13px}@media(max-width:1024px){.site-nav{grid-template-columns:auto 1fr}.site-nav:after{display:none}.split-section{grid-template-columns:1fr}.split-copy,.split-visual{min-height:auto}.split-visual{min-height:600px;border-top:1px solid var(--color-border);border-left:0}.scenario-list{grid-template-columns:repeat(3,minmax(0,1fr))}.translation-note{right:-3%}.install-page .split-copy{padding-bottom:72px}}@media(max-width:680px){.site-nav{min-height:82px}.brand-mark{padding:0 20px;font-size:20px}.nav-links{gap:22px;padding:0 20px;font-size:14px}.nav-links a[href="/"]{display:none}.split-section{min-height:calc(100svh - 82px)}.split-copy{padding:70px 24px}.split-visual{min-height:430px;padding:42px 24px}h1{font-size:3.7rem}h2{font-size:2.75rem}.lede{font-size:1.08rem;line-height:1.75}.text-link{margin-top:50px}.input-canvas{min-height:300px;padding:38px 28px}.mock-input{width:88%;font-size:1.1rem}.translation-note{right:-2%;min-width:0;width:72%;padding:22px}.translation-note p{margin-top:18px;font-size:1rem;white-space:normal}.scenario-list{grid-template-columns:1fr;gap:24px}.clock{width:min(88%,360px)}.clock-caption{right:24px;bottom:24px}.install-page .split-copy{padding-top:62px}.install-page h1{font-size:3.6rem}.config-demo{width:100%;padding:30px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
