.hm{--lv-new:#d1d1d6;--lv-weak:#fe0044;--lv-medium:#f8d467;--lv-strong:#22d94a;--night:#11172f;--glow:#ff7aa6;overflow-x:clip}.hm-sec{padding-block:128px;position:relative}.hm-sec.tint{background:linear-gradient(var(--bg), var(--sky) 18%, var(--sky) 82%, var(--bg))}.hm h2{letter-spacing:-.032em;font-size:clamp(36px,4.8vw,60px);line-height:1.03}.hm h2+.lead,.hm .kicker+h2{margin-top:12px}.hm h2+.lead{margin-top:18px}.hm .lead{font-size:clamp(18px,1.55vw,21px)}:lang(ja) .hm :is(h1,h2,h3,.lead){word-break:auto-phrase}:lang(en) .hm :is(h1,h2,h3){-webkit-hyphens:manual;hyphens:manual}.hm-head{text-align:center;max-width:760px;margin:0 auto 64px}.hm-head .lead{max-width:640px;margin-inline:auto}.hm-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:72px;display:grid}@media (width<=900px){.hm-sec{padding-block:88px}.hm-two{grid-template-columns:minmax(0,1fr);gap:44px}.hm-head{margin-bottom:44px}}.hm-motion [data-reveal]{opacity:0;transition:opacity .9s cubic-bezier(.2, .7, .2, 1) var(--d,0s), translate 1s cubic-bezier(.2, .7, .2, 1) var(--d,0s);translate:0 40px}.hm-motion [data-reveal=left]{translate:-60px}.hm-motion [data-reveal=right],[dir=rtl].hm-motion [data-reveal=left]{translate:60px}[dir=rtl].hm-motion [data-reveal=right]{translate:-60px}.hm-motion [data-reveal=zoom]{transition-property:opacity,scale;translate:none;scale:.92}.hm-motion [data-reveal].is-in{opacity:1;translate:none;scale:none}@media (width<=620px){.hm-motion :is([data-reveal=left],[data-reveal=right]):not(.is-in){translate:0 40px}}.hm-iphone{aspect-ratio:640/1306;filter:drop-shadow(0 26px 30px #161a2c2e)drop-shadow(0 6px 10px #161a2c1a);flex:none;width:280px;max-width:100%;position:relative;container-type:inline-size}.hm-iphone>img{max-width:none;position:absolute}.hm-iphone-bezel{pointer-events:none;width:100%;height:100%;inset:0}.hm-iphone-screen{object-fit:cover;object-position:top;background:#fff;border-radius:9.7%/4.46%;width:89.8%;height:95.6%;top:2.2%;left:5.1%}.hm-status{color:#111;height:6.4%;font:650 3.9cqw/1 var(--font);letter-spacing:-.01em;z-index:1;direction:ltr;justify-content:space-between;align-items:center;padding-inline:10.6% 7.4%;display:flex;position:absolute;top:2.2%;left:5.1%;right:5.1%}.hm-status svg{fill:currentColor;width:17cqw;height:auto}.hm-status.light{color:#fff}.hm-mac{--open:1;perspective:2400px;perspective-origin:50% -10%;width:100%;max-width:980px;margin:0 auto;position:relative;container-type:inline-size}.hm-mac-lid{aspect-ratio:1.52;transform-origin:50% 100%;width:84%;transform:rotateX(calc((var(--open) - 1) * 86deg));background:#0c0c0e;border-radius:2.4cqw 2.4cqw .7cqw .7cqw;margin:0 auto;padding:1.15% 1.15% 1.5%;position:relative;box-shadow:0 0 0 .2cqw #a9acb2,0 0 0 .3cqw #d4d6da,0 2.4cqw 5cqw #10162e33}.hm-mac-display{background:#dce9f4;border-radius:1.5cqw 1.5cqw .25cqw .25cqw;height:100%;position:relative;overflow:hidden}.hm-mac-wall{position:absolute;inset:0}.hm-mac-bar{z-index:2;height:3.6%;font:650 1.05cqw/1 var(--font);color:#1d1d1f;backdrop-filter:blur(12px);direction:ltr;background:#ffffff80;justify-content:space-between;align-items:center;padding-inline:2.2% 1.8%;display:flex;position:absolute;inset:0 0 auto}.hm-mac-bar span{font-weight:500}.hm-mac-win{z-index:1;aspect-ratio:1.6;background:#fff;border-radius:1.2cqw;width:74%;position:absolute;top:10%;left:13%;overflow:hidden;box-shadow:0 0 0 .07cqw #00000024,0 1.4cqw 3.6cqw #10162e47}.hm-mac-win img{object-fit:cover;object-position:top;width:100%;height:100%}.hm-mac-lights{top:3.05%;gap:.5cqw;display:flex;position:absolute;inset-inline-start:1.9%}.hm-mac-lights i{background:#ff5f57;border-radius:50%;width:.78cqw;height:.78cqw;box-shadow:inset 0 0 0 .06cqw #00000024}.hm-mac-lights i:nth-child(2){background:#febc2e}.hm-mac-lights i:nth-child(3){background:#28c840}.hm-mac-dim{z-index:3;opacity:calc(1 - var(--open));pointer-events:none;background:#050608;position:absolute;inset:0}.hm-mac-cam{background:#0c0c0e;border-radius:0 0 .8cqw .8cqw;width:9.5%;height:3.3%;position:absolute;top:1.1%;left:50%;translate:-50%}.hm-mac-base{z-index:1;background:linear-gradient(#eef0f2,#d0d3d8 35%,#a5a8ae);border-radius:.25cqw .25cqw 50% 50%/.25cqw .25cqw 100% 100%;height:1.9cqw;position:relative;box-shadow:0 1.8cqw 3cqw #10162e33,inset 0 .1cqw #fff}.hm-mac-base span{background:linear-gradient(#a9acb2,#d6d8dc);border-radius:0 0 .9cqw .9cqw;width:13%;height:40%;position:absolute;top:0;left:50%;translate:-50%}.hm-duo{--fold:0;filter:drop-shadow(0 30px 34px #161a2c33)drop-shadow(0 6px 10px #161a2c1a);width:100%;margin:0;position:relative}.hm-duo-stage{aspect-ratio:3093/2247;perspective:3000px;translate:calc(var(--fold) * -25%) 0;direction:ltr;position:relative}.hm-duo-half{width:50%;position:absolute;top:0;bottom:0}.hm-duo-r{opacity:clamp(0, (.96 - var(--fold)) * 25, 1);left:50%;overflow:hidden}.hm-duo-l{transform-origin:100%;transform-style:preserve-3d;transform:rotateY(calc(var(--fold) * 180deg));left:0}.hm-duo-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.hm-duo-back{align-items:center;display:grid;transform:rotateY(180deg)}.hm-duo-full{width:200%;height:100%;position:absolute;top:0;left:0;container-type:inline-size}.hm-duo-r .hm-duo-full{left:-100%}.hm-duo-full>img,.hm-duo-folded>img{max-width:none;position:absolute}.hm-duo-screen{background:#fff;border-radius:3.04%/4.32%;width:92.24%;height:89.32%;position:absolute;top:5.34%;left:3.88%;overflow:hidden}.hm-duo-screen img{object-fit:cover;object-position:top;width:100%;height:95.4%;position:absolute;top:4.6%;left:0}.hm-duo-status{color:#111;height:4.6%;font:650 1.6cqw/1 var(--font);justify-content:space-between;align-items:center;padding-inline:2.8% 2.2%;display:flex;position:absolute;inset:0 0 auto}.hm-duo-status svg{fill:currentColor;width:7cqw;height:auto}.hm-duo-lockbar{z-index:1;color:#fff;fill:currentColor;width:13cqw;line-height:0;position:absolute;top:5.2%;right:17%}.hm-duo-lockbar svg{width:100%;height:auto}.hm-duo-bezel{width:100%;height:100%;inset:0}.hm-duo-shade{opacity:min(1, var(--fold) * 1.6);pointer-events:none;background:linear-gradient(90deg,#0a0c181a,#0a0c188c);position:absolute;inset:0}.hm-duo-back .hm-duo-shade{opacity:min(1, (1 - var(--fold)) * 1.6);background:linear-gradient(90deg,#0a0c1880,#0a0c181a)}.hm-duo-folded{aspect-ratio:1574/2194;width:100%;position:relative;container-type:inline-size}.hm-duo-cover{color:#fff;background:#fbe3d4;border-radius:.9% 8.3% 8.3% .9%/.62% 5.73% 5.73% .62%;width:88.82%;height:92.71%;position:absolute;top:3.65%;left:5.59%;overflow:hidden}.hm-duo-wall{position:absolute;inset:0}.hm-duo-clock{text-align:center;font:700 21cqw/1 var(--rounded);letter-spacing:-.02em;text-shadow:0 .4cqw 2cqw #783c2840;position:absolute;top:9%;left:0;right:0}.hm-duo-note{text-align:start;color:#1d1d1f;backdrop-filter:blur(14px)saturate(160%);font:400 3.9cqw/1.3 var(--font);background:#ffffffb8;border-radius:6cqw;align-items:flex-start;gap:3.4cqw;padding:3.6cqw;display:flex;position:absolute;top:34%;left:5%;right:5%;box-shadow:0 2cqw 6cqw #3c1e141f}.hm-duo-note img{border-radius:2.6cqw;flex:none;width:10.5cqw;height:10.5cqw}.hm-duo-note b{text-transform:uppercase;letter-spacing:.02em;color:#6e6e73;font-size:3.4cqw;font-weight:600}.hm-duo-note small{float:right;color:#8e8e93;font-size:3.3cqw}[dir=rtl] .hm-duo-note small{float:left}.hm-duo-note strong{margin-top:.6cqw;font-weight:650;display:block}.hero.hm-hero{isolation:isolate;color:#eef1fa;background:#03050d;position:relative;overflow:clip}.hm-hero-stage{background:linear-gradient(#03050d00 62%,#03050d),radial-gradient(55% 50% at 74% 42%,#cb457233,#0000 70%),radial-gradient(45% 45% at 12% 70%,#4078ff24,#0000 70%),linear-gradient(#0b1026,#070a1a 60%,#03050d);align-items:center;min-height:min(940px,100svh);display:flex;position:relative;overflow:hidden}.hm-hero-stars{z-index:-1;fill:#fff;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hm-hero-in{z-index:2;width:100%;padding-block:calc(var(--nav-h) + 32px) 48px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:32px;display:grid;position:relative}.hm-hero h1{letter-spacing:-.038em;color:#fff;margin-top:14px;font-size:clamp(46px,6.4vw,86px);line-height:.98}.hm-hero .kicker{color:var(--glow)}.hm-hero .lead{color:#eef1fabd;max-width:520px;margin:24px 0 32px}.hm-hero .btn-note{color:#eef1fa8f}.hm-hero-device{width:min(300px, 64vw, calc((100svh - var(--nav-h) - 110px) * 640 / 1306));isolation:isolate;justify-self:center;position:relative}.hm-hero-device:before{content:"";z-index:-1;background:radial-gradient(closest-side,#ff7aa638,#5a78ff1a 60%,#0000);border-radius:50%;position:absolute;inset:4% -38%}.hm-hero-device .hm-iphone{width:100%}.hm-chip{z-index:2;isolation:isolate;white-space:nowrap;backdrop-filter:blur(14px)saturate(180%)brightness(1.15);background:linear-gradient(135deg,#ffffff9e,#fff6);border-radius:16px;align-items:center;gap:10px;padding:9px 15px 9px 10px;font-size:15px;line-height:1.2;transition:box-shadow .25s;display:flex;position:absolute;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff4d,0 2px 6px #080a1e24,0 14px 34px #080a1e3d}.hm-chip:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(165deg,#fffffff2,#ffffff2e 32%,#fff0 58%,#ffffff8c);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.hm-chip:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:.75;background:radial-gradient(110px circle at var(--mx,28%) var(--my,0%), #fff9, #fff0 65%), linear-gradient(#ffffff59, #fff0 55%);transition:opacity .25s;position:absolute;inset:1px}.hm-chip b{color:var(--ink);font-weight:650;display:block}.hm-chip small{color:#1d1d1f9e;font-size:12.5px;display:block}.hm-motion .hm-chip{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.hm-motion .hm-chip:hover:after,.hm-chip.is-held:after{opacity:1}.hm-chip.is-held{cursor:grabbing;box-shadow:inset 0 1px 1px #fffffff2,inset 0 -1px 1px #ffffff59,0 4px 10px #080a1e29,0 26px 50px #080a1e52}.hm-chip:is(.is-held,.is-springing){z-index:3;animation-play-state:paused}.hm-chip i{background:var(--c);color:#fff;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.hm-chip[data-lv=medium] i{color:#6b5200}.hm-chip[data-lv=new] i{color:#1d1d1f}.hm-chip i svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px;overflow:visible}.hm-chip i path{stroke-dasharray:1 1}.hm-chip[data-lv=new]{--c:var(--lv-new)}.hm-chip[data-lv=weak]{--c:var(--lv-weak)}.hm-chip[data-lv=medium]{--c:var(--lv-medium)}.hm-chip[data-lv=strong]{--c:var(--lv-strong)}.hm-chip:first-of-type{top:26%;inset-inline-end:72%}.hm-chip:nth-of-type(2){top:40%;inset-inline-start:80%}.hm-chip:nth-of-type(3){top:54%;inset-inline-end:78%}.hm-chip:nth-of-type(4){top:66%;inset-inline-start:74%}.hm-chip:nth-of-type(odd){--side:1}.hm-chip:nth-of-type(2n){--side:-1}[dir=rtl] .hm-chip{--flip:-1}.hm-chip:nth-of-type(2){--bd:-2s}.hm-chip:nth-of-type(3){--bd:-4s;--bob:7s}.hm-chip:nth-of-type(4){--bd:-1s;--bob:5.5s}@media (prefers-reduced-motion:no-preference){.hm-chip{--ck:calc(.85s + var(--ci,0) * .12s);animation:hm-chip-in .85s cubic-bezier(.2, .9, .3, 1.15) calc(.3s + var(--ci,0) * .12s) backwards, hm-bob var(--bob,6s) ease-in-out var(--bd,0s) infinite alternate}.hm-chip i{animation:hm-box .3s ease var(--ck) backwards, hm-check .5s cubic-bezier(.3, 1.6, .5, 1) var(--ck) backwards}.hm-chip i path{animation:hm-tick .42s cubic-bezier(.65, 0, .35, 1) calc(var(--ck) + .1s) backwards}}@keyframes hm-chip-in{0%{opacity:0;scale:.5;translate:calc(var(--side) * var(--flip,1) * 80px) 0}}@keyframes hm-box{0%{background:var(--box,#fff);box-shadow:inset 0 0 0 2.5px var(--c)}}@keyframes hm-tick{0%{stroke-dashoffset:1px}}@keyframes hm-bob{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}.hm-hero-scroll{z-index:2;border:2px solid #eef1fa52;border-radius:99px;width:26px;height:42px;transition:opacity .3s,translate .3s;position:absolute;bottom:26px;left:50%;translate:-50%}.hm-hero-scroll:after{content:"";background:#eef1fa99;border-radius:4px;width:4px;height:8px;margin-left:-2px;position:absolute;top:8px;left:50%}@media (prefers-reduced-motion:no-preference){.hm-hero-scroll:after{animation:1.8s ease-in-out infinite hm-wheel}}@keyframes hm-wheel{0%{opacity:1;transform:none}70%{opacity:0;transform:translateY(12px)}to{opacity:0}}.hm-hero-scroll.is-gone{opacity:0;translate:-50% 10px}@media (width>=901px) and (width<=1199px){.hm-chip:first-of-type,.hm-chip:nth-of-type(3){inset-inline:-18% auto}.hm-chip:nth-of-type(2),.hm-chip:nth-of-type(4){inset-inline:auto -18%}}@media (width>=901px){.hm-motion .hm-hero{height:calc(100svh + 80vh)}.hm-motion .hm-hero-stage{height:100svh;min-height:0;position:sticky;top:0}.hm-motion .hm-hero-stars{translate:0 calc(var(--p,0) * 40px)}}@media (width<=900px){.hm-hero-stage{min-height:0;display:block}.hm-hero-in{padding-block:calc(var(--nav-h) + 30px) 64px;grid-template-columns:minmax(0,1fr)}.hm-hero-device{width:min(250px,60vw);margin-top:18px}.hm-chip{gap:8px;padding:7px 12px 7px 8px;font-size:13.5px}.hm-chip i{border-radius:8px;width:24px;height:24px}.hm-chip i svg{width:15px;height:15px}.hm-chip small{font-size:11.5px}.hm-chip:first-of-type,.hm-chip:nth-of-type(3){inset-inline:-18% auto}.hm-chip:nth-of-type(2),.hm-chip:nth-of-type(4){inset-inline:auto -18%}.hm-hero-scroll{display:none}}.hm-sci{background:var(--night);color:#eef1fa;isolation:isolate}.hm-sky{z-index:-1;pointer-events:none;background:linear-gradient(#03050d,#03050d00 24%),radial-gradient(70% 55% at 78% 34%,#cb457224,#0000 70%),radial-gradient(55% 50% at 8% 88%,#4078ff1f,#0000 70%),linear-gradient(#03050d,#080d20 60%,#0d1530);position:absolute;inset:0;overflow:hidden}.hm-stars{fill:#fff;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){:is(.hm-stars,.hm-hero-stars) .tw{animation:hm-twinkle var(--tw,4s) ease-in-out var(--td,0s) infinite alternate}}@keyframes hm-twinkle{to{opacity:.08}}.hm-sky-dusk,.hm-sky-glow,.hm-sky-day,.hm-sky-clouds,.hm-sky-land{display:none;position:absolute;inset:0}.hm-motion .hm-sci{--p:0;--q:min(1, var(--p) / .76);--r:clamp(0, (var(--p) - .76) / .24, 1)}.hm-motion :is(.hm-sky-dusk,.hm-sky-glow,.hm-sky-day,.hm-sky-clouds,.hm-sky-land){display:block}.hm-motion .hm-stars{opacity:calc(1 - clamp(0, (var(--p) - .62) / .22, 1));translate:0 calc(var(--p) * -8vh)}.hm-sky-dusk{opacity:clamp(0, var(--p) / .76, 1);background:linear-gradient(#0a1434,#172a5a 55%,#24427e)}.hm-sky-glow{opacity:min(clamp(0, (var(--p) - .7) / .1, 1), clamp(0, (.97 - var(--p)) / .1, 1));background:radial-gradient(120% 65% at 50% 100%,#ffb08c99,#ff7aa638 45%,#0000 72%)}.hm-sky-day{opacity:clamp(0, (var(--p) - .79) / .11, 1);background:linear-gradient(#5d9bd6,#9ec9ec 45%,#d6eaf7 75%,#f4f9fd)}.hm-sky-clouds{opacity:clamp(0, (var(--p) - .81) / .04, 1)}.hm-cloud{fill:#fff;translate:0 calc((.62 - var(--r)) * 100vh * var(--k));filter:drop-shadow(0 12px 28px #28508c24);position:absolute;overflow:visible}.hm-sky-land{height:56%;translate:0 calc((1 - clamp(0, (var(--p) - .84) / .16, 1)) * 105%);top:auto}.hm-sky-land>.scene{position:absolute;inset:0}.hm-motion .hm-sci-in{opacity:calc(1 - clamp(0, (var(--p) - .765) / .04, 1));translate:0 calc(clamp(0, (var(--p) - .74) / .1, 1) * -16vh)}.hm-motion .hm-after-land{background:linear-gradient(var(--meadow), var(--bg) 280px)}.hm-motion :is(.hm-cloud,.hm-stars,.hm-sky-land){will-change:translate}.hm-sci .kicker{color:var(--glow)}.hm-sci .lead,.hm-sci p{color:#eef1fab8}.hm-sci-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:64px;display:grid}.hm-steps{gap:26px;margin-top:30px;display:grid}.hm-step{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:14px;display:grid}.hm-step>span{width:34px;height:34px;font:700 15px var(--rounded);color:#fff;background:#ffffff1a;border-radius:99px;place-items:center;display:grid}.hm-step h3{color:#fff;font-size:21px}.hm-step p{margin-top:6px;font-size:16.5px;line-height:1.55}.hm-curve-chart{aspect-ratio:640/380;--d1:1;--d2:1;width:100%;position:relative}.hm-curve-chart svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hm-c-axis{fill:none;stroke:#eef1fa4d;stroke-width:1.5px}.hm-c-fade{fill:none;stroke:#ff7aa68c;stroke-width:1.5px;stroke-dasharray:3 7;stroke-linecap:round}.hm-c-none{fill:none;stroke:#7f89ad;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--d1))}.hm-c-lengo{fill:none;stroke:var(--glow);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--d2));filter:drop-shadow(0 0 7px #ff7aa699)}.hm-c-area{fill:url(#hm-c-fill);opacity:clamp(0, (var(--d2) - .85) * 6.6, 1)}.hm-c-start{fill:#fff;stroke:var(--glow);stroke-width:3px}.hm-c-dot{fill:#fff;stroke:var(--glow);stroke-width:3px;opacity:clamp(0, (var(--d2) - var(--at)) * 30, 1)}.hm-c-lab{font:600 13px/1.25 var(--rounded);color:#eef1fa9e;white-space:nowrap;position:absolute}.hm-c-memory{top:-2px;left:0;translate:0 -100%}.hm-c-time{top:calc(84.2105% + 28px);right:0}.hm-c-learned{color:#fff;translate:-10% -190%}.hm-c-forget{color:var(--glow);font-weight:500;right:0;translate:0 -135%}.hm-c-day{opacity:clamp(0, (var(--d2) - var(--at)) * 30, 1);color:#fff;top:calc(84.2105% + 8px);translate:-50%}.hm-c-day .short{display:none}@media (width<=700px){.hm-c-day .long{display:none}.hm-c-day .short{display:inline}}.hm-c-kept{color:#fff;opacity:clamp(0, (var(--d2) - .96) * 25, 1);background:#ff7aa629;border-radius:99px;padding:6px 12px;right:0;translate:0 -150%}.hm-c-key{font:500 14px var(--font);color:#eef1fab8;flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex;position:absolute;top:calc(100% + 54px);left:0}.hm-c-key i{background:#7f89ad;border-radius:4px;width:22px;height:4px}.hm-c-key i.lengo{background:var(--glow);margin-inline-start:12px}.hm-sci-chart{direction:ltr;padding-bottom:92px}.hm-motion .hm-sci{height:560vh;padding:0}.hm-motion .hm-sci-stick{height:100vh;padding-top:var(--nav-h);align-items:center;display:flex;position:sticky;top:0;overflow:hidden}.hm-motion .hm-sci .hm-curve-chart{--d1:clamp(0, var(--q) * 5, 1);--d2:clamp(0, (var(--q) - .24) * 1.6, 1)}.hm-motion .hm-steps{margin-top:30px;display:grid}.hm-motion .hm-step{opacity:0;grid-area:1/1;transition:opacity .22s,translate .3s;translate:0 -12px}.hm-motion .hm-step.is-on{opacity:1;transition:opacity .5s .2s,translate .7s cubic-bezier(.2,.7,.2,1) .2s;translate:none}.hm-motion .hm-step.is-on~.hm-step{translate:0 18px}.hm-motion .hm-step>span{background:var(--brand)}.hm-sci-dots{display:none}.hm-motion .hm-sci-dots{gap:8px;margin-top:30px;display:flex}.hm-sci-dots i{background:#ffffff2e;border-radius:4px;width:28px;height:4px;transition:background .4s}.hm-sci[data-on="0"] .hm-sci-dots i:nth-child(-n+1),.hm-sci[data-on="1"] .hm-sci-dots i:nth-child(-n+2),.hm-sci[data-on="2"] .hm-sci-dots i:nth-child(-n+3),.hm-sci[data-on="3"] .hm-sci-dots i{background:var(--glow)}@media (width<=900px){.hm-sci-in{grid-template-columns:minmax(0,1fr);gap:10px}.hm-motion .hm-sci-in{gap:6px}.hm-motion .hm-sci h2{font-size:clamp(28px,7.4vw,40px)}.hm-motion .hm-sci-copy .lead{display:none}.hm-motion .hm-steps,.hm-motion .hm-sci-dots{margin-top:14px}.hm-step h3{font-size:18px}.hm-step p{font-size:15px}.hm-sci-chart{order:2;padding-block:30px 70px}.hm-c-lab{font-size:11px}.hm-c-key{font-size:12.5px;top:calc(100% + 40px)}.hm-c-learned{translate:-6% -180%}}@media (width<=900px) and (height<=700px){.hm-motion .hm-step p{display:none}}.hm-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid;position:relative}.hm-track:before,.hm-track:after{content:"";top:21px;background:var(--soft-2);border-radius:4px;height:4px;position:absolute;inset-inline:12.5%}.hm-track:after{background:linear-gradient(90deg, var(--lv-new), var(--lv-weak), var(--lv-medium), var(--lv-strong));transform-origin:0;scale:var(--fill,1) 1}[dir=rtl] .hm-track:after{transform-origin:100%;background:linear-gradient(-90deg, var(--lv-new), var(--lv-weak), var(--lv-medium), var(--lv-strong))}.hm-lv{z-index:1;text-align:center;position:relative}.hm-lv>i{color:#fff;background:var(--c);width:46px;height:46px;box-shadow:0 0 0 6px var(--bg), 0 10px 20px color-mix(in srgb, var(--c) 40%, transparent);border-radius:15px;place-items:center;margin:0 auto;display:grid}.hm-lv[data-lv=medium]>i{color:#6b5200}.hm-lv[data-lv=new]>i{color:#1d1d1f}.hm-lv>i svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px;overflow:visible}.hm-lv>i path{stroke-dasharray:1 1}.hm-lv h3{margin-top:18px;font-size:22px}.hm-lv p{color:var(--ink-2);margin-top:8px;font-size:15.5px}.hm-lv .hm-when{background:color-mix(in srgb, var(--c) 16%, var(--bg));font:600 13px var(--rounded);color:color-mix(in srgb, var(--c) 60%, #1d1d1f);border-radius:99px;margin-top:12px;padding:5px 12px;display:inline-block}.hm-lv[data-lv=new]{--c:var(--lv-new)}.hm-lv[data-lv=weak]{--c:var(--lv-weak)}.hm-lv[data-lv=medium]{--c:var(--lv-medium)}.hm-lv[data-lv=strong]{--c:var(--lv-strong)}.hm-motion .hm-track{--fill:0}.hm-motion .hm-lv>i{transition:background-color .3s,box-shadow .3s}.hm-motion .hm-lv>i path{transition:stroke-dashoffset .42s cubic-bezier(.65,0,.35,1) .14s}.hm-motion .hm-lv:not(.is-checked)>i{background:var(--bg);box-shadow:0 0 0 6px var(--bg), inset 0 0 0 3px var(--c)}.hm-motion .hm-lv:not(.is-checked)>i path{stroke-dashoffset:1px;transition-duration:.2s;transition-delay:0s}.hm-motion .hm-lv.is-checked>i{animation:.5s cubic-bezier(.3,1.6,.5,1) hm-check}@keyframes hm-check{0%{scale:.8}45%{scale:1.14}to{scale:1}}@media (width<=760px){.hm-track{grid-template-columns:minmax(0,1fr);gap:26px;padding-inline-start:4px}.hm-track:before,.hm-track:after{top:20px;bottom:20px;width:4px;height:auto;inset-inline:21px auto}.hm-track:after{transform-origin:top;scale:1 var(--fill,1);background:linear-gradient(var(--lv-new), var(--lv-weak), var(--lv-medium), var(--lv-strong))}.hm-lv{text-align:start;grid-template-columns:46px minmax(0,1fr);gap:4px 18px;display:grid}.hm-lv>i{grid-row:span 3;margin:0}.hm-lv h3{margin-top:8px}.hm-lv p{margin-top:0}.hm-lv .hm-when{justify-self:start;margin-top:4px}}.hm-try{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:56px;margin-top:96px;display:grid}.hm-try-card{background:var(--soft);border-radius:32px;padding:34px;position:relative;overflow:hidden}.hm-try-card .kicker{margin-bottom:6px}.hm-try-card h3{letter-spacing:-.02em;font-size:28px}.hm-try-card>p{color:var(--ink-2);max-width:520px;margin-top:8px;font-size:16.5px}.hm-word{--c:var(--lv-new);background:var(--card-2);box-shadow:0 16px 36px #161a2c14, inset 0 0 0 2px color-mix(in srgb, var(--c) 55%, transparent);border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 18px;margin-top:26px;padding:22px 24px;transition:box-shadow .4s;display:grid;position:relative}.hm-word[data-level=weak]{--c:var(--lv-weak)}.hm-word[data-level=medium]{--c:var(--lv-medium)}.hm-word[data-level=strong]{--c:var(--lv-strong)}.hm-word b{letter-spacing:-.02em;font-size:30px;font-weight:700}.hm-word span{color:var(--ink-3);font-size:17px}.hm-word .hm-badge{font:700 14px var(--rounded);background:var(--c);color:#fff;border-radius:99px;grid-area:1/2/span 2;padding:7px 14px;transition:background .4s}.hm-word .hm-badge span:not(.is-on){display:none}.hm-word[data-level=medium] .hm-badge{color:#5c4500}.hm-word:not([data-level]) .hm-badge,.hm-word[data-level=new] .hm-badge{color:#3a3a3c}.hm-word.up{animation:.55s cubic-bezier(.3,1.5,.5,1) hm-up}.hm-word.down{animation:.5s hm-down}@keyframes hm-up{40%{transform:translateY(-8px)scale(1.02)}}@keyframes hm-down{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.hm-meter{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:18px;display:grid}.hm-meter i{height:8px;transition:background .35s calc(var(--i) * 40ms);background:#e6e5e0;border-radius:8px}.hm-meter i.on{background:var(--c)}.hm-try-card[data-level=weak]{--c:var(--lv-weak)}.hm-try-card[data-level=medium]{--c:var(--lv-medium)}.hm-try-card[data-level=strong]{--c:var(--lv-strong)}.hm-meter-legend{font:600 12.5px var(--rounded);color:var(--ink-3);text-align:center;grid-template-columns:2fr 3fr 2fr;gap:6px;margin-top:8px;display:grid}.hm-meter-legend span{transition:color .3s}.hm-meter-legend span.is-on{color:var(--ink)}.hm-next{color:var(--ink-2);align-items:center;gap:10px;min-height:26px;margin-top:18px;font-size:16px;display:flex}.hm-next svg{width:20px;height:20px;color:var(--c,var(--ink-3));flex:none}.hm-answers{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.hm-answers .btn{height:48px}.hm-answers .btn svg{width:18px;height:18px}.hm-answers [data-answer=right]{background:var(--lv-strong);color:#fff}.hm-answers [data-answer=wrong]{background:var(--card-2);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.hm-try-phone{width:270px}@media (width<=900px){.hm-try{grid-template-columns:minmax(0,1fr);margin-top:64px}.hm-try-phone{justify-self:center;width:230px}.hm-try-card{padding:26px 22px}}.hm-daily-art{justify-content:center;display:flex;position:relative}.hm-daily-art .hm-iphone{width:290px}.hm-streak{z-index:2;inset-inline-start:calc(50% + 100px);background:var(--card);text-align:center;border-radius:30px;place-items:center;width:108px;height:108px;display:grid;position:absolute;top:14%;box-shadow:0 18px 40px #161a2c24}.hm-streak b{font:800 40px/1 var(--rounded);background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.hm-streak span{font:600 12.5px/1.2 var(--rounded);color:var(--ink-3)}.hm-week{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.hm-day{text-align:center;width:48px;font:600 12.5px var(--rounded);color:var(--ink-3)}.hm-day i{background:var(--soft-2);color:#0000;border-radius:99px;place-items:center;width:44px;height:44px;margin:0 auto 6px;font-style:normal;transition:background .35s,color .35s,scale .45s cubic-bezier(.3,1.6,.5,1);display:grid}.hm-day i svg{width:20px;height:20px}.hm-day.on i,html:not(.hm-motion) .hm-day i{color:#fff;background:#3a8fd8}.hm-motion .hm-day i{scale:.85}.hm-motion .hm-day.on i{scale:1}.hm-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.hm-stat{background:var(--soft);border-radius:22px;padding:20px 18px}.hm-stat b{font:800 clamp(30px, 3.4vw, 42px)/1 var(--rounded);letter-spacing:-.02em;display:block}.hm-stat:last-child b{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.hm-stat span{color:var(--ink-2);margin-top:8px;font-size:14.5px;line-height:1.35;display:block}@media (width<=560px){.hm-stats{grid-template-columns:minmax(0,1fr)}.hm-stat{align-items:baseline;gap:14px;display:flex}.hm-stat span{margin-top:0}.hm-day{width:38px}.hm-day i{width:36px;height:36px}.hm-week{gap:6px}.hm-streak{width:92px;height:92px;inset-inline:auto 0}}.hm-modes{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:40px;display:grid}.hm-modes-col{gap:18px;display:grid}.hm-mode{background:var(--card);box-shadow:0 12px 30px #161a2c12, inset 0 0 0 1px var(--line);border-radius:24px;grid-template-columns:46px minmax(0,1fr);gap:4px 16px;padding:20px;display:grid;position:relative}.hm-plus{top:16px;min-width:34px;height:26px;font:800 13.5px var(--rounded);color:#138a2e;direction:ltr;unicode-bidi:isolate;background:#e3f8e8;border-radius:99px;place-items:center;padding:0 8px;display:grid;position:absolute;inset-inline-end:16px}.hm-mode:has(.hm-plus) h3{padding-inline-end:44px}.hm-mode .ic-tile{grid-row:span 2}.hm-mode h3{align-self:end;font-size:18px}.hm-mode p{color:var(--ink-2);font-size:15px}.hm-mode.one{background:var(--ink);box-shadow:none}.hm-mode.one h3{color:var(--bg)}.hm-mode.one p{color:color-mix(in srgb, var(--bg) 72%, transparent)}.hm-mode.one .ic-tile{background:color-mix(in srgb, var(--bg) 12%, transparent);color:var(--bg)}.hm-modes .hm-iphone{width:300px}@media (width<=1000px){.hm-modes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hm-modes .hm-iphone{grid-area:1/1/auto/-1;justify-self:center;width:250px}}@media (width<=620px){.hm-modes{grid-template-columns:minmax(0,1fr)}}.hm-teach-art{margin-top:56px;position:relative}.hm-motion .hm-teach-art .hm-mac{--open:clamp(0, var(--p) * 1.5 - .1, 1)}.hm-grammar{z-index:3;inset-inline-start:0;background:var(--card);text-align:left;direction:ltr;border-radius:22px;width:min(290px,34%);padding:20px 22px;position:absolute;bottom:6%;box-shadow:0 24px 50px #161a2c29}.hm-grammar b{font:700 13px var(--rounded);color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}.hm-grammar dl{grid-template-columns:auto 1fr;gap:6px 14px;margin:10px 0 0;font-size:17px;display:grid}.hm-grammar dt{color:var(--ink-3)}.hm-grammar dd{margin:0;font-weight:600}.hm-grammar dd em{color:var(--brand-ink);font-style:normal}.hm-motion .hm-grammar{translate:0 calc((1 - var(--p,1)) * 120px)}.hm-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:64px;display:grid}.hm-point h3{margin-top:14px;font-size:19px}.hm-point p{color:var(--ink-2);margin-top:6px;font-size:15.5px}@media (width<=860px){.hm-points{grid-template-columns:minmax(0,1fr);gap:26px}.hm-grammar{width:auto;margin-top:18px;position:relative;inset:auto;translate:none!important}}.hm-every-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:56px;display:grid}.hm-devs{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.hm-devs span{background:var(--soft);border-radius:99px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.hm-devs svg{width:18px;height:18px;color:var(--brand-ink)}.hm-every-art{padding-inline-start:6%;position:relative}.hm-motion .hm-every{height:300vh;padding:0}.hm-motion .hm-every-stick{top:var(--nav-h);height:calc(100vh - var(--nav-h));align-items:center;display:flex;position:sticky;overflow:hidden}.hm-motion .hm-every .hm-duo{--fold:clamp(0, 1 - (var(--p) - .12) * 2.4, 1)}.hm-every-art .hm-iphone{z-index:2;inset-inline-end:-2%;width:23%;position:absolute;bottom:-12%}.hm-motion .hm-every-art .hm-iphone{opacity:clamp(0, (var(--p) - .55) * 5, 1);translate:0 calc(clamp(0, .75 - var(--p), 1) * 160px)}@media (width<=900px){.hm-every-in{grid-template-columns:minmax(0,1fr);gap:26px}.hm-motion .hm-every-copy .lead{display:none}.hm-motion .hm-every h2{font-size:clamp(28px,7.4vw,40px)}.hm-every-art{padding-inline-start:0}.hm-every-art .hm-iphone{width:26%;bottom:-16%}.hm-devs{margin-top:16px}.hm-devs span{height:34px;padding:0 12px;font-size:14px}}.hm-langs .lang-card{transition:transform .2s, box-shadow .2s, opacity .7s var(--d,0s), translate .8s cubic-bezier(.2, .7, .2, 1) var(--d,0s)}.hm-press{font:700 17px var(--display);color:var(--ink-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 30px;margin-top:44px;display:flex}.hm-press span:first-child{font:600 13.5px var(--rounded);letter-spacing:.02em;color:var(--ink-3);text-align:center;width:100%}.hm-press a{color:var(--ink-2);transition:color .2s}.hm-press a:hover{color:var(--ink)}@media (prefers-color-scheme:dark){.hm-chip{backdrop-filter:blur(14px)saturate(160%)brightness(.92);background:linear-gradient(135deg,#3c3c4299,#24242a80);box-shadow:inset 0 1px 1px #ffffff38,inset 0 -1px 1px #ffffff0f,0 2px 6px #0000004d,0 14px 34px #00000073}.hm-chip:before{opacity:.5}.hm-chip:after{background:radial-gradient(110px circle at var(--mx,28%) var(--my,0%), #ffffff38, #fff0 65%), linear-gradient(#ffffff1a, #fff0 55%)}.hm-chip.is-held{box-shadow:inset 0 1px 1px #ffffff42,inset 0 -1px 1px #ffffff14,0 4px 10px #00000059,0 26px 50px #00000080}.hm-chip small{color:#f5f5f79e}.hm-chip{--box:#2c2c2e}.hm-lv .hm-when{color:color-mix(in srgb, var(--c) 70%, #fff)}.hm-word{box-shadow:0 16px 36px #0000004d, inset 0 0 0 2px color-mix(in srgb, var(--c) 55%, transparent)}.hm-meter i{background:#ffffff1f}.hm-plus{color:#30d158;background:#30d15829}.hm-mode{box-shadow:inset 0 0 0 1px var(--line)}.hm-sky-day{background:linear-gradient(#0a1434,#121e3d 45%,#1d2848 75%,#283254)}.hm-cloud{fill:#3a4462;filter:none}}@media print{.hm-motion .hm-sci,.hm-motion .hm-every{height:auto}.hm-motion .hm-sci-stick,.hm-motion .hm-every-stick{height:auto;position:static}}