.hero{background:var(--color-ocean-0);aspect-ratio:2930/2019;flex-direction:column;justify-content:center;padding-top:calc(64px + clamp(2.25rem,4vw,2.75rem));padding-bottom:min(42vw,605px);display:flex}.hero:before{content:"";z-index:0;pointer-events:none;background:url(/hero/desk-scene.jpg) bottom/min(100%,1440px) no-repeat;position:absolute;inset:0}@media (width>=1440px){.hero{aspect-ratio:auto;height:992px}.hero:before{mask:linear-gradient(90deg,#0000,#000 80px calc(100% - 80px),#0000) bottom/1440px 100% no-repeat}}@media (width<=899px){.hero{aspect-ratio:auto;min-height:0;padding-bottom:64vw}.hero:before{background-image:url(/hero/desk-scene-mobile.jpg);background-position:bottom;background-size:100%}}.aura{background:radial-gradient(var(--aura-size,78% 62%) at var(--aura-at,50% -6%), oklch(.5 .11 187 / var(--aura-a,.16)), transparent 62%)}.stage-fig{position:relative}.stage-fig>figure{z-index:1;border:1px solid var(--color-line);box-shadow:var(--shadow-lift);position:relative}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.stage-fig{will-change:transform;animation:linear both stage-float view();animation-range:cover}}}@keyframes stage-float{0%{transform:translateY(60px)}to{transform:translateY(-60px)}}.js-anim .reveal{opacity:0;transition:opacity .7s var(--ease-swift), transform .7s var(--ease-swift);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(18px)}.js-anim .reveal.visible{opacity:1;transform:none}.js-anim [data-split] .w{vertical-align:top;margin-bottom:-.16em;padding-bottom:.16em;display:inline-block;overflow:hidden}.js-anim [data-split] .wi{animation:word-rise .8s var(--ease-swift) forwards;animation-delay:calc(var(--i,0) * 70ms + .12s);display:inline-block;transform:translateY(110%)}@keyframes word-rise{to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.js-anim .reveal{opacity:1;transition:none;transform:none}.js-anim [data-split] .wi{animation:none;transform:none}}.i2-win{flex-direction:column;display:flex;position:relative}.i2-frame{z-index:1;border:1px solid var(--color-line);box-shadow:var(--shadow-lift);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.i2-frame>:first-child{flex:auto;min-height:0}.i2-cap{letter-spacing:.01em;color:var(--color-ink-muted);margin-top:9px;font-size:12.5px;font-weight:500}.i2-clip{color:#2a2f33;background:#f6f5f2;padding:13px 16px}.i2-clip .ph{color:#5b6167;border-bottom:1px solid #dcdad4;justify-content:space-between;margin-bottom:11px;padding-bottom:7px;font-size:12px;font-weight:600;display:flex}.i2-clip .ir{align-items:center;gap:10px;margin-bottom:9px;display:flex}.i2-clip .ir b{color:#2a2f33;width:72px;font-size:12px;font-weight:600}.i2-clip .ig{gap:2px;display:flex}.i2-clip .ig i{color:#2a2f33;border:1px solid #c9c6be;border-radius:2px;place-items:center;width:15px;height:15px;font-size:11px;font-style:normal;line-height:1;display:grid}.i2-clip .ig i.on{background:#eae6dc}.i2-clip .note{color:#7a8087;margin-top:3px;font-size:11.5px}.i2-ios{background:#0b0b0d;place-items:center;padding-bottom:20px;display:grid;position:relative}.i2-ios .lbl{letter-spacing:.01em;color:#ffffff80;font-size:11px;font-weight:600;position:absolute;top:12px;left:14px}.i2-ios .ring{background:conic-gradient(#ff9f0a 0 62%, #ffffff24 62% 100%);border-radius:50%;place-items:center;width:92px;height:92px;display:grid}.i2-ios .hole{background:#0b0b0d;border-radius:50%;place-items:center;width:76px;height:76px;display:grid}.i2-ios .t{color:#fff;font-variant-numeric:tabular-nums;font-size:23px;font-weight:500}.i2-ios .pause{text-align:center;color:#ff9f0a;font-size:11.5px;position:absolute;bottom:12px;left:0;right:0}.i2-xl{background:#fff}.i2-xl .bar{color:#fff;background:#217346;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:600;display:flex}.i2-xl .bar .d{opacity:.9;background:#fff;border-radius:2px;width:11px;height:11px}.i2-xl .g{color:#3a3a3a;grid-template-columns:28px repeat(4,1fr);font-size:12px;display:grid}.i2-xl .g div{border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;height:25px;padding:4px 9px}.i2-xl .g .h{color:#7a7a7a;text-align:center;background:#f3f3f3;font-weight:600}.i2-xl .g .r{color:#7a7a7a;text-align:center;background:#f3f3f3}.i2-xl .g .sel{outline-offset:-2px;color:#217346;outline:2px solid #21a366;font-weight:600}.i2-word{background:#fff}.i2-word .bar{background:#2b579a;height:6px}.i2-word .rib{color:#2b579a;background:#f3f5f9;border-bottom:1px solid #e3e7ef;padding:8px 15px;font-size:12px;font-weight:600}.i2-word .pg{padding:13px 18px}.i2-word .wt{color:#1f2937;margin-bottom:11px;font-family:Georgia,Times New Roman,serif;font-size:16.5px;font-weight:700}.i2-word .ln{background:#e6e8ec;border-radius:3px;height:6px;margin-bottom:9px}.i2-fig{position:relative}.i2-fig>figure{z-index:1;border:1px solid var(--color-line);box-shadow:var(--shadow-lift);border-radius:13px;margin:0;position:relative;overflow:hidden}.i2-fig img{width:100%;display:block}.i2-stage{flex-direction:column;display:flex}.i2-canvas{display:contents}.i2-head{order:1}.i2-tools{order:2;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 0;display:grid}.i2-head--answer{order:3;margin-top:40px}.i2-answer{order:4;margin-top:40px}.i2-win{width:100%;max-width:462px}.i2-answer .i2-fig{margin-top:8px}@media (width<=879.98px){.i2-win--2 .pause{display:none}.i2-win--2 .i2-ios{padding-top:26px}.i2-win{height:100%}.i2-frame{flex:auto}}@media (width<=639.98px){.i2-clip{padding:9px 10px}.i2-clip .ph{margin-bottom:7px;padding-bottom:5px;font-size:9.5px}.i2-clip .ir{gap:6px;margin-bottom:6px}.i2-clip .ir b{width:46px;font-size:9.5px}.i2-clip .ig{gap:1px}.i2-clip .ig i{width:10px;height:10px;font-size:8px}.i2-clip .note{margin-top:2px;font-size:9px}.i2-ios{padding:12px 0}.i2-ios .lbl{font-size:9.5px;top:9px;left:10px}.i2-ios .ring{width:66px;height:66px}.i2-ios .hole{width:55px;height:55px}.i2-ios .t{font-size:17px}.i2-xl .bar{padding:7px 10px;font-size:10px}.i2-xl .g{font-size:10px}.i2-xl .g div{height:20px;padding:3px 6px}.i2-word .rib{padding:5px 11px;font-size:10px}.i2-word .pg{padding:9px 12px}.i2-word .wt{margin-bottom:6px;font-size:11px;line-height:1.15}.i2-word .ln{margin-bottom:6px}.i2-word .pg>div:nth-child(n+4){display:none}.i2-cap{margin-top:6px;font-size:11px}}@media (width>=880px){.i2-track{--i2-fit:.66;--i2-k:var(--i2-fit);--i2-stage-h:min(760px, 100svh - 56px);height:calc(var(--i2-stage-h) + 200vh);view-timeline:--i2 block}}@media (width>=1100px){.i2-track{--i2-fit:.8}}@media (width>=1360px){.i2-track{--i2-fit:1}}@media (width>=880px){.i2-stage{top:max(28px, calc((100svh - var(--i2-stage-h)) / 2));height:var(--i2-stage-h);--i2-narr:clamp(300px, 38%, 500px);display:block;position:sticky}.i2-head,.i2-head--answer{width:var(--i2-narr);z-index:4;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.i2-canvas{left:var(--i2-narr);width:778px;height:760px;transform:translateY(-50%) scale(var(--i2-k));transform-origin:0;display:block;position:absolute;top:50%}.i2-cap{font-size:calc(12.5px / var(--i2-k))}.i2-tools{transform-origin:50% 45%;width:738px;height:456px;margin:0;display:block;position:absolute;top:150px;left:40px}.i2-win{width:346px;max-width:none;position:absolute}.i2-frame{height:180px}.i2-win--1{z-index:1;top:0;left:0}.i2-win--2{z-index:2;top:0;left:392px}.i2-win--3{z-index:3;top:252px;left:0}.i2-win--4{z-index:4;top:252px;left:392px}.i2-answer{z-index:5;width:1121px;margin:0;position:absolute;top:36px;left:0}.i2-answer .i2-fig>figure{border-radius:13px;height:700px}.i2-answer .i2-fig img{width:1283px;max-width:none;height:auto;position:absolute;top:0;left:-162px}.i2-head{opacity:0}.i2-head--answer{opacity:1}.i2-tools{opacity:0;transform:scale(.92)}.i2-win--1{transform:translate(-48px,-30px)rotate(-9deg)}.i2-win--2{transform:translate(52px,-22px)rotate(9deg)}.i2-win--3{transform:translate(-46px,34px)rotate(8deg)}.i2-win--4{transform:translate(46px,36px)rotate(-8deg)}.i2-answer{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.i2-head{will-change:opacity;animation:linear both i2-head-out}.i2-head--answer{will-change:opacity;animation:linear both i2-head-in}.i2-tools{will-change:transform;animation:linear both i2-tools}.i2-win--1{will-change:transform;animation:linear both i2-win-1}.i2-win--2{will-change:transform;animation:linear both i2-win-2}.i2-win--3{will-change:transform;animation:linear both i2-win-3}.i2-win--4{will-change:transform;animation:linear both i2-win-4}.i2-answer{will-change:transform, opacity;animation:linear both i2-answer}.i2-head,.i2-head--answer,.i2-tools,.i2-win,.i2-answer{animation-timeline:--i2;animation-range:cover}}}}@keyframes i2-tools{0%,40%{opacity:1;animation-timing-function:ease-in-out;transform:none}74%,to{opacity:0;transform:scale(.92)}}@keyframes i2-win-1{0%,42%{animation-timing-function:ease-in-out;transform:translate(8px,4px)rotate(-5deg)}72%,to{transform:translate(-48px,-30px)rotate(-9deg)}}@keyframes i2-win-2{0%,44%{animation-timing-function:ease-in-out;transform:translate(-14px,-2px)rotate(4deg)}74%,to{transform:translate(52px,-22px)rotate(9deg)}}@keyframes i2-win-3{0%,46%{animation-timing-function:ease-in-out;transform:translate(10px,4px)rotate(5deg)}76%,to{transform:translate(-46px,34px)rotate(8deg)}}@keyframes i2-win-4{0%,48%{animation-timing-function:ease-in-out;transform:translate(-12px,2px)rotate(-4deg)}78%,to{transform:translate(46px,36px)rotate(-8deg)}}@keyframes i2-answer{0%,50%{opacity:0;animation-timing-function:ease-in-out;transform:translateY(18px)scale(.99)}78%,to{opacity:1;transform:none}}@keyframes i2-head-out{0%,40%{opacity:1;animation-timing-function:ease-in-out}60%,to{opacity:0}}@keyframes i2-head-in{0%,52%{opacity:0;animation-timing-function:ease-in-out}80%,to{opacity:1}}
