.landing-page{--landing-paper:var(--app-surface,#fbfcf8);--landing-frame:var(--app-frame,#f1f4ed);--landing-ink:#1a1a1a;--landing-muted:#5c5e57;--landing-line:#e1e4dc;--landing-soft:#f1f3ec;--landing-inset:16px;--landing-max:1560px;--landing-ease:cubic-bezier(.16, 1, .3, 1);--rail:clamp(380px, calc(100% - 1100px), 460px);min-height:100dvh;padding:0 var(--landing-inset);color:var(--landing-ink);background:var(--landing-paper);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:clip}.landing-page button,.landing-page a{-webkit-tap-highlight-color:transparent;font-family:inherit}.landing-page button{cursor:pointer}.landing-page :is(button,a):focus-visible{outline:2px solid var(--landing-ink);outline-offset:3px;border-radius:4px}.landing-page a{color:inherit;text-decoration:none}.landing-page :where(h1,h2,h3,p,figure,dl,dd){margin:0}.landing-mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--landing-muted);font-size:11px;font-weight:500}.landing-header{height:64px;max-width:var(--landing-max);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 4px;display:flex}.landing-brand{flex:none;align-items:center;gap:9px;min-width:0;display:flex}.landing-brand-diamond{background:#ff003c;border-radius:2px;flex:none;width:11px;height:11px;transform:rotate(45deg)}.landing-brand-company{letter-spacing:.05em;color:var(--landing-ink);font-size:12.5px;font-weight:700}.landing-brand-company>span{color:#0aa6b4}.landing-brand-rule{background:#00000024;width:1px;height:13px}.landing-brand .brand-oiia{color:var(--landing-ink);font-size:15px}.landing-account{flex:none;align-items:center;gap:8px;display:flex}.landing-account .lang-toggle{color:var(--landing-muted)}.landing-login,.landing-signup{border-radius:4px;min-height:36px;padding:0 12px;font-size:13px;font-weight:600}.landing-login{color:var(--landing-ink);background:0 0;border:0}.landing-login:hover{background:#0f0f0f0d}.landing-signup{color:var(--landing-ink);background:var(--landing-paper);border:1px solid var(--landing-ink)}.landing-signup:hover{background:var(--landing-soft)}.landing-sheet{max-width:var(--landing-max);border:1px solid var(--landing-line);background:var(--landing-paper);margin:0 auto}.landing-hero{grid-template-columns:var(--rail) minmax(0, 1fr);display:grid}.landing-rail{flex-direction:column;justify-content:space-between;gap:32px;min-width:0;padding:30px 28px 26px;display:flex}.landing-kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--landing-muted);font-size:11.5px}.landing-headline{letter-spacing:-.04em;margin-top:22px;font-size:clamp(36px,3vw,52px);font-weight:640;line-height:1.04}.landing-headline>span{display:block}.landing-page[data-locale=zh] .landing-headline{letter-spacing:-.01em;line-height:1.18}.landing-intro{max-width:38ch;color:var(--landing-muted);text-wrap:pretty;margin-top:18px;font-size:15px;line-height:1.6}.landing-task-label{color:var(--landing-muted);margin-bottom:8px;font-size:12.5px;font-weight:600}.landing-rows{border-top:1px solid var(--landing-line)}.landing-row-task{border:0;border-bottom:1px solid var(--landing-line);width:100%;min-height:48px;color:var(--landing-ink);letter-spacing:-.01em;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:0 2px;font-size:16px;font-weight:560;display:flex}.landing-task>svg{color:var(--landing-muted);transition:transform .2s var(--landing-ease), color .2s;flex:none}.landing-task:hover>svg,.landing-task:focus-visible>svg{color:var(--landing-ink);transform:translate(4px)}.landing-direct{border:1px solid var(--landing-ink);background:var(--landing-ink);min-height:42px;color:var(--landing-paper);border-radius:4px;align-items:center;gap:8px;margin-top:16px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.landing-direct:hover{background:#333}.landing-setup-note{max-width:40ch;color:var(--landing-muted);margin-top:12px;font-size:12.5px;line-height:1.55}.landing-proof{border-left:1px solid var(--landing-line);flex-direction:column;min-width:0;display:flex}.landing-stage{background:var(--landing-frame);width:100%;max-width:1100px;position:relative;overflow:hidden}.landing-stage img{width:100%;height:auto;display:block}.landing-proof-context{border-bottom:1px solid var(--landing-line);color:var(--landing-muted);flex-wrap:wrap;align-self:stretch;align-items:baseline;gap:4px 12px;padding:10px 16px;font-size:12.5px;line-height:1.5;display:flex}.landing-proof-task{color:var(--landing-ink);font-weight:550}.landing-proof-view{margin-left:auto;font-size:12px}.landing-proof-bar{border-top:1px solid var(--landing-line);min-height:44px;color:var(--landing-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding:8px 16px;font-size:12.5px;display:flex}.landing-recorded{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.landing-proof-actions{align-items:center;gap:4px;display:flex}.landing-proof-action{min-height:32px;color:var(--landing-ink);background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:0 8px;font-size:12.5px;font-weight:550;display:inline-flex}.landing-proof-action:hover{background:var(--landing-soft)}.landing-focus{pointer-events:none;border-block:1px solid color-mix(in srgb, var(--landing-ink) 38%, transparent);box-shadow:0 0 0 200vmax color-mix(in srgb, var(--landing-paper) var(--record-dim,30%), transparent);transition-property:top,height,box-shadow,border-color;transition-duration:var(--record-move,.42s), var(--record-move,.42s), var(--record-settle,.4s), var(--record-settle,.4s);transition-timing-function:var(--landing-ease);animation:landing-dim-in var(--record-move,.42s) var(--landing-ease) both;position:absolute}.landing-focus[data-settling]{box-shadow:0 0 0 200vmax color-mix(in srgb, var(--landing-paper) 0%, transparent);border-color:#0000}@keyframes landing-dim-in{0%{box-shadow:0 0 0 200vmax color-mix(in srgb, var(--landing-paper) 0%, transparent);border-color:#0000}}.landing-marker{background:var(--landing-ink);pointer-events:none;width:3px;height:28px;transition:top var(--record-move,.42s) var(--landing-ease);border-radius:0 2px 2px 0;margin-top:-14px;position:absolute;left:0}.landing-stage[data-record-instant] .landing-marker{transition:none}.landing-row{grid-template-columns:var(--rail) minmax(0, 1fr);border-top:1px solid var(--landing-line);scroll-margin-top:16px;display:grid}.landing-row-label{border-right:1px solid var(--landing-line);padding:36px 28px;position:relative}.landing-row-label:before{content:"";background:var(--landing-ink);transform-origin:top;width:3px;height:24px;transition:transform .36s var(--landing-ease);border-radius:2px 0 0 2px;position:absolute;top:38px;right:-2px}.landing-row-label[data-armed]:not([data-seen]):before{transform:scaleY(0)}.landing-section-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--landing-muted);font-size:11.5px;font-weight:500}.landing-section-title{letter-spacing:-.03em;text-wrap:balance;color:var(--landing-ink);margin-top:14px;font-size:clamp(24px,2.2vw,32px);font-weight:640;line-height:1.16}.landing-page[data-locale=zh] .landing-section-title{letter-spacing:-.01em;line-height:1.32}.landing-section-body{max-width:46ch;color:var(--landing-muted);margin-top:14px;font-size:14.5px;line-height:1.7}.landing-steps{grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.landing-step{border-bottom:1px solid var(--landing-line);min-width:0;padding:30px 32px 32px}.landing-step:last-child{border-bottom:0}.landing-step-kind{margin-bottom:10px;display:block}.landing-step h3{letter-spacing:-.015em;text-wrap:balance;font-size:18px;font-weight:620;line-height:1.3}.landing-step p{max-width:52ch;color:var(--landing-muted);margin-top:8px;font-size:14px;line-height:1.65}.landing-step-capture{border:1px solid var(--landing-line);background:var(--landing-frame);border-radius:4px;width:fit-content;max-width:100%;margin-top:20px;overflow:hidden}.landing-step-capture img{width:100%;height:auto;display:block}.landing-excerpt{border:1px solid var(--landing-line);background:var(--landing-frame);border-radius:4px;max-width:100%;margin-top:20px}.landing-excerpt-bar{border-bottom:1px solid var(--landing-line);justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:2px 4px 2px 14px;display:flex}.landing-excerpt-bar .landing-mono{text-transform:none;letter-spacing:.02em}.landing-excerpt pre{font-family:var(--font-mono);color:var(--landing-ink);tab-size:2;margin:0;padding:14px;font-size:12.5px;line-height:1.65;overflow-x:auto}.landing-step-capture img{transition:clip-path .52s var(--landing-ease)}.landing-step-capture[data-armed]:not([data-seen]) img{clip-path:inset(0 0 100%)}.landing-where-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-where-list>div{min-width:0;padding:30px 28px 32px}.landing-where-list>div+div{border-left:1px solid var(--landing-line)}.landing-ill-figure{color:var(--landing-muted);align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.landing-ill{color:var(--landing-ink);flex:none;display:block}.landing-ill path{transition:stroke-dashoffset .7s var(--landing-ease), opacity .7s var(--landing-ease)}.landing-ill[data-armed] path:not([stroke-dasharray]){stroke-dasharray:1}.landing-ill[data-armed]:not([data-seen]) path:not([stroke-dasharray]){stroke-dashoffset:1px}.landing-ill[data-armed]:not([data-seen]) path[stroke-dasharray]{opacity:0}.landing-ill-figure figcaption{font-size:10px}.landing-where-list dt{letter-spacing:-.01em;font-size:16px;font-weight:620}.landing-where-list dd{color:var(--landing-muted);margin-top:8px;font-size:14px;line-height:1.7}.landing-keep{max-width:640px;margin:0 auto;padding:clamp(88px,12vh,136px) 4px}.landing-keep>p:not(.landing-section-title){color:var(--landing-muted);margin-top:16px;font-size:15.5px;line-height:1.75}.landing-keep .landing-also{border-top:1px solid var(--landing-line);padding-top:16px;font-size:13px}.landing-also strong{color:var(--landing-ink);font-weight:600}.landing-start{border-top:0}.landing-start h2{letter-spacing:-.03em;text-wrap:balance;max-width:16ch;font-size:clamp(26px,2.4vw,36px);font-weight:650;line-height:1.16}.landing-page[data-locale=zh] .landing-start h2{letter-spacing:-.01em;line-height:1.3}.landing-start-act{min-width:0;padding-bottom:28px}.landing-task-list{margin:0;padding:0;list-style:none}.landing-task-list li{border-bottom:1px solid var(--landing-line)}.landing-task-list .landing-task{width:100%;min-height:84px;color:var(--landing-ink);text-align:left;background:0 0;border:0;align-items:center;gap:16px;padding:18px 32px;transition:background-color .15s;display:flex}.landing-task-list .landing-task:hover{background:var(--landing-soft)}.landing-task-list .landing-task>span{flex:1;min-width:0}.landing-task-list strong{letter-spacing:-.02em;font-size:clamp(20px,1.8vw,26px);font-weight:600;display:block}.landing-task-list small{color:var(--landing-muted);margin-top:6px;font-size:14px;line-height:1.55;display:block}.landing-skip{min-height:40px;color:var(--landing-ink);background:0 0;border:0;align-items:center;gap:8px;margin:18px 32px 0;padding:0;font-size:14px;font-weight:600;display:inline-flex}.landing-skip:hover{text-underline-offset:5px;text-decoration:underline}.landing-terms{max-width:70ch;color:var(--landing-muted);margin:10px 32px 0;font-size:12.5px;line-height:1.7}.landing-footer{max-width:var(--landing-max);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:24px 4px 32px;display:flex}.landing-footer-brand{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.landing-footer-brand .brand-oiia{color:var(--landing-ink);font-size:16px}.landing-footer-brand>span:last-child{color:var(--landing-muted);font-size:12.5px}.landing-footer a{min-height:40px;color:var(--landing-ink);align-items:center;gap:7px;font-size:13px;display:inline-flex}@media (prefers-color-scheme:dark){.landing-page{--landing-paper:#151515;--landing-frame:#1c1c1c;--landing-ink:#ededed;--landing-muted:#a6a6a0;--landing-line:#2e2e2c;--landing-soft:#1f1f1e}.landing-brand-company>span{color:#00e5f0}.landing-brand-rule{background:#ffffff29}.landing-login:hover{background:#ffffff12}.landing-direct:hover{background:#fff}}@media (width>=1234px){.landing-steps{grid-template-columns:minmax(653px,auto) minmax(240px,1fr)}.landing-step-workspace{grid-area:1/1/auto/-1}.landing-step-edit{border-bottom:0;grid-area:2/1}.landing-step-test{border-bottom:0;border-left:1px solid var(--landing-line);grid-area:2/2}}@media (width<=1403px){.landing-page{--rail:300px}.landing-hero{grid-template-columns:minmax(0,1fr)}.landing-rail{border-bottom:1px solid var(--landing-line);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:end;gap:24px 40px;padding:16px 28px 12px;display:grid}.landing-headline{margin-top:14px;font-size:42px}.landing-intro{margin-top:10px}.landing-rail-act{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:16px;display:grid}.landing-rail-act>.landing-task-label,.landing-rail-act>.landing-rows{grid-column:1/-1}.landing-rows{border-bottom:1px solid var(--landing-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-row-task{border-bottom:0;padding:0 12px;font-size:15px}.landing-row-task+.landing-row-task{border-left:1px solid var(--landing-line)}.landing-row-task:first-child{padding-left:2px}.landing-setup-note{margin-top:16px}.landing-proof{border-left:0;align-items:center}.landing-stage{border-inline:1px solid var(--landing-line)}.landing-proof-bar{align-self:stretch}}@media (width>=1134px) and (width<=1403px) and (height<=760px){.landing-rail{padding-block:10px}.landing-headline{margin-top:8px;font-size:32px}.landing-intro{margin-top:6px;font-size:14px;line-height:1.45}.landing-rail-act .landing-direct{min-height:36px;margin-top:10px}.landing-rail-act .landing-setup-note{margin-top:10px;font-size:12px;line-height:1.4}}@media (width<=1133px){.landing-hero{grid-template-columns:minmax(0,1fr) 391px}.landing-rail{border-bottom:0;justify-content:flex-start;align-items:stretch;gap:40px;display:flex}.landing-rail-act{display:block}.landing-rows{border-bottom:0;display:block}.landing-row-task{border-bottom:1px solid var(--landing-line);padding:0 2px;font-size:16px}.landing-row-task+.landing-row-task{border-left:0}.landing-setup-note{margin-top:12px}.landing-proof{border-left:1px solid var(--landing-line)}.landing-stage{border-inline:0;max-width:390px}.landing-headline{font-size:40px}.landing-where-list{grid-template-columns:minmax(0,1fr)}.landing-where-list>div+div{border-left:0;border-top:1px solid var(--landing-line)}}@media (width<=763px){.landing-page{--landing-inset:12px}.landing-header{height:56px}.landing-hero,.landing-row{grid-template-columns:minmax(0,1fr)}.landing-rail{gap:20px;padding:18px 16px}.landing-headline{margin-top:12px;font-size:clamp(30px,8.6vw,38px)}.landing-page[data-locale=zh] .landing-headline{font-size:clamp(28px,7.8vw,34px)}.landing-intro{margin-top:10px;font-size:14.5px}.landing-row-task{min-height:46px;font-size:15.5px}.landing-direct{margin-top:12px}.landing-proof{border-left:0;border-top:1px solid var(--landing-line);align-items:center}.landing-row-label{border-right:0;border-bottom:1px solid var(--landing-line);padding:28px 16px 20px}.landing-row-label:before{border-radius:0 2px 2px 0;left:-1px;right:auto}.landing-step,.landing-where-list>div{padding:24px 16px 26px}.landing-task-list .landing-task{min-height:72px;padding:16px}.landing-skip{margin:16px 16px 0}.landing-terms{margin:10px 16px 0}.landing-keep{padding:72px 4px}.landing-proof-view{margin-left:0}.landing-excerpt pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}}@media (width<=380px){.landing-proof{margin-inline:calc(-1 * var(--landing-inset));width:calc(100% + 2 * var(--landing-inset))}}@media (width<=480px){.landing-brand-company,.landing-brand-rule{display:none}.landing-account{gap:2px}.landing-account .lang-toggle{padding:7px 6px}.landing-account .lang-toggle svg{display:none}.landing-login{padding:0 8px}.landing-signup{padding:0 12px}.landing-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{transition:none!important;animation:none!important}}