.hm{--hm-gutter:clamp(16px, 4vw, 32px);--hm-panel:color-mix(in srgb, var(--color-surface) 82%, transparent);--hm-sub:color-mix(in srgb, var(--color-text) 78%, var(--color-text-muted));--hm-muted:color-mix(in srgb, var(--color-text) 30%, var(--color-text-muted));--hm-line:oklch(40% .06 300);--hm-btn-bg:oklch(57% .225 300);--hm-pink-text:oklch(from var(--color-nebula-pink) 76% .17 h);--hm-pink-fill:oklch(from var(--color-nebula-pink) 72% .19 h);--k:1;isolation:isolate;color:var(--color-text);background:linear-gradient(180deg, var(--home-band-0) 0%, var(--home-band-1) 14%, var(--home-band-2) 28%, var(--home-band-3) 42%, var(--home-band-4) 56%, var(--home-band-5) 70%, var(--home-band-6) 84%, var(--color-home-journey-end) 100%);position:relative;overflow:clip}.hm-neb{--n:var(--color-brand);background:radial-gradient(closest-side, color-mix(in srgb, var(--n) var(--a), transparent) 0%, transparent 72%);position:absolute}.hm-neb--pink{--n:var(--color-nebula-pink)}.hm-neb--teal{--n:var(--home-nebula-teal)}.hm-neb--blue{--n:var(--home-nebula-blue)}.hm-sky,.hm-stars{z-index:-1;pointer-events:none;position:absolute;inset:0}.hm-photo{pointer-events:none;background:url(/images/home/hero-sky.webp) top/cover no-repeat;width:100%;height:clamp(900px,90vw,1500px);position:absolute;top:0;left:0}.hm-stars{opacity:.9;background:url(/images/home/starfield.svg) top/max(100%,1440px) repeat-y}.hm-milky{left:50%;top:calc(var(--p) * 1%);background:radial-gradient(ellipse 50% 50% at 50% 50%, color-mix(in srgb, var(--color-text) 16%, transparent) 0%, color-mix(in srgb, var(--color-brand-soft) 9%, transparent) 45%, transparent 72%);width:2000px;height:190px;position:absolute;transform:translate(-50%,-50%)rotate(-24deg)}.hm-shoot{left:var(--x);top:calc(var(--p) * 1%);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-text) 85%, transparent));border-radius:2px;width:170px;height:2px;position:absolute;transform:rotate(-19deg)}.hm-const{top:calc(var(--p) * 1%);opacity:.9;width:190px;height:auto;position:absolute}.hm-const--l{left:2%}.hm-const--r{right:2%}.hm-planet{z-index:0;top:var(--t);width:calc(var(--w) * var(--k));opacity:.7;pointer-events:none;user-select:none;height:auto;position:absolute}.hm-planet--l{left:0}.hm-planet--r{right:0}.hm-wrap{z-index:1;width:min(1200px, calc(100% - 2 * var(--hm-gutter)));margin-inline:auto;position:relative}.hm-section{padding-block:clamp(36px,5vw,60px);position:relative}.hm-head{text-align:center;margin-bottom:clamp(28px,4vw,44px)}.hm-eyebrow{font-family:var(--font-code);letter-spacing:.18em;color:var(--color-info);margin:0;font-size:12px}.hm .hm-h2{color:#fff;text-shadow:none;text-wrap:balance;margin:8px 0 12px;font-family:Rajdhani,Noto Sans SC,system-ui,sans-serif;font-size:clamp(1.75rem,3.4vw,2.625rem);line-height:1.15}.hm-sub{max-width:640px;color:var(--hm-sub);margin:0 auto;font-size:clamp(.95rem,1.3vw,1.0625rem);line-height:1.8}.hm-mono-label{font-family:var(--font-code);letter-spacing:.1em;color:var(--hm-muted);margin:0;font-size:11px}.hm-mono-label--info{color:var(--color-info)}.hm-center{text-align:center}.hm-spark{color:var(--ct,var(--color-brand-hover))}.hm-card-title{color:#fff;margin:0;font-family:Noto Sans SC,Rajdhani,system-ui,sans-serif;font-size:1.375rem;line-height:1.3}.hm-card-title--sm{font-size:1.3125rem}.hm-card-tag{color:var(--color-info);margin:4px 0 10px;font-size:.8125rem}.hm-card-tag--info{font-family:var(--font-code);letter-spacing:.1em;margin:0;font-size:11px}.hm-card-desc{color:var(--hm-sub);margin:0 0 12px;font-size:.9375rem;line-height:1.8}.hm-card-foot{font-family:var(--font-code);letter-spacing:.1em;color:var(--color-brand-soft);margin:0;font-size:11px}.hm-accent-brand{--c0:var(--color-brand);--ct:var(--color-brand-hover)}.hm-accent-info{--c0:var(--color-info);--ct:var(--color-info)}.hm-accent-js{--c0:var(--subject-js);--ct:var(--subject-js)}.hm-accent-html{--c0:var(--subject-html);--ct:var(--subject-html)}.hm-accent-css{--c0:var(--subject-css);--ct:var(--subject-css)}.hm-accent-pink{--c0:var(--color-nebula-pink);--ct:var(--hm-pink-text)}.hm-fill-brand{background:var(--color-brand)}.hm-fill-info{background:var(--color-info)}.hm-fill-pink{background:var(--hm-pink-fill)}.hm-shape{--c:var(--c0,var(--color-brand));isolation:isolate;box-sizing:border-box;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--c) 33%, transparent));position:relative}.hm-shape:before,.hm-shape:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.hm-shape:before{background:var(--c);clip-path:polygon(evenodd, var(--po), var(--p1), var(--pi), var(--pi1), var(--p1))}.hm-shape:after{background:var(--hm-panel);clip-path:polygon(var(--pp))}.hm-hex{--po:9% 0, 91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%;--p1:9% 0;--pi:calc(9% + 1.6px) 1.6px, calc(91% - 1.6px) 1.6px, calc(100% - 1.6px) 50%, calc(91% - 1.6px) calc(100% - 1.6px), calc(9% + 1.6px) calc(100% - 1.6px), 1.6px 50%;--pi1:calc(9% + 1.6px) 1.6px;--pp:calc(9% + 1px) 1px, calc(91% - 1px) 1px, calc(100% - 1px) 50%, calc(91% - 1px) calc(100% - 1px), calc(9% + 1px) calc(100% - 1px), 1px 50%}.hm-oct{--po:0 12%, 8% 0, 92% 0, 100% 12%, 100% 88%, 92% 100%, 8% 100%, 0 88%;--p1:0 12%;--pi:1.6px calc(12% + 1.6px), calc(8% + 1.6px) 1.6px, calc(92% - 1.6px) 1.6px, calc(100% - 1.6px) calc(12% + 1.6px), calc(100% - 1.6px) calc(88% - 1.6px), calc(92% - 1.6px) calc(100% - 1.6px), calc(8% + 1.6px) calc(100% - 1.6px), 1.6px calc(88% - 1.6px);--pi1:1.6px calc(12% + 1.6px);--pp:1px calc(12% + 1px), calc(8% + 1px) 1px, calc(92% - 1px) 1px, calc(100% - 1px) calc(12% + 1px), calc(100% - 1px) calc(88% - 1px), calc(92% - 1px) calc(100% - 1px), calc(8% + 1px) calc(100% - 1px), 1px calc(88% - 1px)}.hm-para-l{--po:7% 0, 100% 0, 93% 100%, 0 100%;--p1:7% 0;--pi:calc(7% + 1.6px) 1.6px, calc(100% - 1.6px) 1.6px, calc(93% - 1.6px) calc(100% - 1.6px), 1.6px calc(100% - 1.6px);--pi1:calc(7% + 1.6px) 1.6px;--pp:calc(7% + 1px) 1px, calc(100% - 1px) 1px, calc(93% - 1px) calc(100% - 1px), 1px calc(100% - 1px)}.hm-para-r{--po:0 0, 93% 0, 100% 100%, 7% 100%;--p1:0 0;--pi:1.6px 1.6px, calc(93% - 1.6px) 1.6px, calc(100% - 1.6px) calc(100% - 1.6px), calc(7% + 1.6px) calc(100% - 1.6px);--pi1:1.6px 1.6px;--pp:1px 1px, calc(93% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), calc(7% + 1px) calc(100% - 1px)}.hm-btn{text-align:center;color:#fff;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out);border-radius:999px;padding:15px 32px;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-block}.hm-btn:hover{color:#fff;text-decoration:none;transform:translateY(-2px)}.hm-btn:focus-visible{outline:2px solid var(--color-brand-hover);outline-offset:4px}.hm-btn--primary{background:var(--hm-btn-bg);box-shadow:0 0 24px color-mix(in srgb, var(--color-brand) 45%, transparent)}.hm-btn--ghost{border:1px solid var(--hm-line);color:var(--color-text)}.hm-btn--ghost:hover{color:var(--color-text);border-color:var(--color-brand-soft)}.hm-btn--launch{background:linear-gradient(90deg, var(--hm-btn-bg), oklch(from var(--color-nebula-pink) 50% c h));box-shadow:0 0 36px color-mix(in srgb, var(--color-nebula-pink) 67%, transparent);padding:16px 56px;font-size:1.125rem}.hm-hero{padding:clamp(24px,4vw,40px) 0 clamp(56px,7vw,100px);position:relative}.hm-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:20px;display:grid}.hm-hero__title{color:#fff;margin:18px 0;font-family:Rajdhani,Noto Sans SC,system-ui,sans-serif;font-size:clamp(2.25rem,4.3vw,3.875rem);line-height:1.1}.hm-accent{color:var(--color-brand-soft)}.hm-hero__summary{color:var(--hm-sub);margin:0 0 32px;font-size:clamp(1rem,1.5vw,1.1875rem);line-height:1.8}.hm-hero__actions{flex-wrap:wrap;gap:16px;display:flex}.hm-hero__art svg{width:100%;height:auto;display:block;overflow:visible}.hm-hero__art{animation:9s ease-in-out infinite hm-float}.hm-steps{grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:stretch;margin:0;padding:0;list-style:none;display:grid}.hm-steps__arrow{color:var(--color-brand-soft);justify-content:center;align-items:center;font-size:26px;display:flex}.hm-step{text-align:center;flex-direction:column;justify-content:center;min-height:190px;padding:26px clamp(36px,5vw,60px);display:flex}.hm-step__no{color:var(--color-brand-soft);font-family:Rajdhani,sans-serif;font-size:2.125rem;font-weight:700;line-height:1.2}.hm-step__title{color:#fff;margin:2px 0 6px;font-size:1.375rem}.hm-step__desc{color:var(--hm-sub);margin:0;font-size:.875rem;line-height:1.7}.hm-why__grid{grid-template-columns:1fr 1fr;gap:26px 30px;display:grid}.hm-why-card{min-height:230px;padding:clamp(22px,2.6vw,30px) clamp(30px,5vw,60px)}.hm-why-card__top{justify-content:space-between;gap:12px;display:flex}.hm-why-card__widget{flex:none}.hm-codechip{background:var(--color-canvas);font-family:var(--font-code);color:var(--color-brand-soft);border-radius:3px;padding:6px 10px;font-size:11px;line-height:1.6;display:block}.hm-medals{gap:6px;display:flex}.hm-medal{background:oklch(63% .11 55);border-radius:50%;width:22px;height:22px}.hm-medal--silver{background:oklch(85% .02 290)}.hm-medal--gold{background:oklch(86% .16 95);box-shadow:0 0 12px oklch(86% .16 95)}.hm-langtoggle{border:1px solid var(--color-brand-soft);border-radius:99px;font-size:13px;line-height:1.5;display:flex;overflow:hidden}.hm-langtoggle>*{padding:3px 12px;font-weight:400}.hm-langtoggle b{background:var(--hm-btn-bg);color:#fff}.hm-compare__grid{grid-template-columns:1fr 100px 1.1fr;align-items:center;display:grid}.hm-panel{min-height:500px;padding:clamp(24px,3vw,34px) clamp(30px,4.5vw,56px)}.hm-panel--old{--c0:oklch(48% .07 295);filter:none}.hm-panel__title{color:#fff;margin:0;font-size:1.5rem}.hm-panel__art{margin:12px 0}.hm-panel__art svg{width:100%;height:auto;display:block}.hm-vs{text-align:center;color:#fff;width:86px;margin:0 auto;padding:22px 10px;font-family:Rajdhani,sans-serif;font-size:1.625rem;font-weight:700}.hm-flow{color:var(--hm-muted);gap:24px;margin:10px 0 4px;padding:0;font-size:12px;list-style:none;display:flex}.hm-flow li{text-align:center;border:1px solid color-mix(in srgb, var(--hm-muted) 35%, transparent);border-radius:4px;flex:1;padding:4px 2px;position:relative}.hm-flow li+li:before{content:"➜";opacity:.5;position:absolute;top:50%;left:-18px;transform:translateY(-50%)}.hm-flow li.is-last:after{content:" ✕"}.hm-flow b{font-weight:400}.hm-flow--info{color:var(--color-info)}.hm-flow--info li{border-color:color-mix(in srgb, var(--color-info) 33%, transparent)}.hm-flow--info li.is-last:after{content:" ✓"}.hm-points{margin:0;padding:0;list-style:none}.hm-points li{color:var(--color-text);margin-top:10px;font-size:.9375rem}.hm-points--no li:before{content:"✕ "}.hm-points--yes li:before{content:"✓ "}.hm-tech__grid{grid-template-columns:repeat(3,1fr);gap:18px 20px;margin:0;padding:0;list-style:none;display:grid}.hm-tech-card{min-height:170px;padding:26px clamp(34px,4.4vw,52px)}.hm-tech-card__head{align-items:center;gap:14px;display:flex}.hm-tech-card__logo-slot{flex:none;width:52px;height:52px;display:block;position:relative}.hm-tech-card__logo{object-fit:contain;width:52px;height:52px;display:block}.hm-tech-card__logo--large{width:84px;max-width:none;height:84px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hm-tech-card__desc{color:var(--hm-sub);margin:10px 0 0;font-size:.84375rem;line-height:1.7}.hm-faq__grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;margin-bottom:26px;display:grid}.hm-faq__art img{width:100%;max-width:460px;height:auto;margin-inline:auto;display:block}.hm .hm-faq__body .hm-h2{margin-bottom:0}.hm-faq__list{margin:16px 0 0;padding:0}.hm-faq__item{margin-top:16px}.hm-faq__list dt{color:#fff;font-size:1.0625rem;font-weight:700}.hm-faq__q{color:var(--color-info);font-family:Rajdhani,sans-serif}.hm-faq__list dd{color:var(--hm-sub);margin:2px 0 0 20px;font-size:.9375rem;line-height:1.8}.hm-audience__label{margin-bottom:16px}.hm-audience{grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.hm-aud{--c0:var(--color-brand-soft);min-height:110px;padding:16px clamp(24px,3vw,34px)}.hm-aud__icon{color:var(--color-info);font-size:1.25rem;line-height:1.4;display:block}.hm-aud__title{color:#fff;margin:2px 0;font-size:1rem}.hm-aud__desc{color:var(--hm-sub);margin:0;font-size:.8125rem}.hm-cap__grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.hm-cap-card{min-height:360px;padding:28px 26px 40px}.hm-cap-card__sum{color:var(--ct);margin:4px 0 14px;font-size:.8125rem;line-height:1.6}.hm-cap-card__list{margin:0;padding:0;list-style:none}.hm-cap-card__list li{margin-top:12px}.hm-cap-card__t{color:#fff;font-size:.9375rem;font-weight:700;display:block}.hm-cap-card__d{color:var(--hm-sub);margin-left:18px;font-size:.8125rem;display:block}.hm-route{position:relative}.hm-route__art svg{width:100%;height:auto;display:block}.hm-route__title,.hm-route__badge{left:var(--x);top:var(--y);white-space:nowrap;position:absolute;transform:translate(-50%,-50%)}.hm-route__title{color:#fff;font-family:Rajdhani,Noto Sans SC,sans-serif;font-size:clamp(.8125rem,2.2vw,1.625rem);font-weight:700}.hm-route__badge{color:var(--color-surface);border-radius:999px;padding:3px 14px;font-size:clamp(.625rem,1.25vw,.9375rem);font-weight:700}.hm-route__start,.hm-route__goal{white-space:nowrap;white-space:normal;font-size:clamp(.625rem,1.5vw,1.125rem);font-weight:700;line-height:1.25;position:absolute;transform:translateY(-50%)}.hm-route__start{color:#fff;max-width:11%;top:85%;left:0}.hm-route__goal{text-align:right;max-width:13.5%;color:var(--color-info);top:38%;right:0}.hm-path__cards{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.hm-stage{min-height:190px;padding:26px clamp(30px,3.6vw,44px)}.hm-stage__label{color:var(--ct)}.hm-stage .hm-card-title{margin:4px 0}.hm-stage__desc{color:var(--hm-sub);margin:0;font-size:.875rem;line-height:1.7}.hm-stage__out{color:var(--color-brand-soft);margin:8px 0 0;font-size:.875rem}.hm-path__note{text-align:center;max-width:720px;color:var(--hm-sub);margin:26px auto 0;line-height:1.9}.hm-quiz__grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:30px;display:grid}.hm-quiz__art svg{width:100%;height:auto;display:block}.hm .hm-quiz__body .hm-h2{margin-bottom:14px}.hm-quiz__desc{color:var(--hm-sub);margin:0 0 16px;line-height:1.9}.hm-quiz__points{font-family:var(--font-code);letter-spacing:.06em;color:var(--color-text);margin:0;padding:0;font-size:12px;line-height:2.2;list-style:none}.hm-subjects__grid{grid-template-columns:repeat(3,1fr);gap:26px;margin:0;padding:0;list-style:none;display:grid}.hm-subject{text-align:center;min-height:360px;transition:transform .2s var(--ease-out);padding:50px 24px 30px}.hm-subject:hover,.hm-subject:focus-within{--c:color-mix(in srgb, var(--c0) 70%, white);transform:translateY(-4px)}.hm-subject__planet{width:160px;height:auto;margin:0 auto;display:block}.hm-subject__title{color:#fff;margin:18px 0 0;font-size:1.5rem}.hm-subject__lines{color:var(--hm-sub);margin:8px 0 16px;font-size:.9375rem;line-height:1.8}.hm-subject__link{color:var(--ct);font-weight:700;text-decoration:none}.hm-subject__link:hover{color:var(--ct);text-decoration:none}.hm-subject__link:after{content:"";position:absolute;inset:0}.hm-subject__link:focus-visible{outline:none}.hm-subject__link:focus-visible:after{outline:2px solid var(--color-brand-hover);outline-offset:4px;border-radius:6px}.hm-launch__frame{background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 6%, var(--color-canvas)), color-mix(in srgb, var(--color-brand) 26%, var(--color-canvas))) padding-box, linear-gradient(90deg, var(--color-info), var(--color-brand), var(--color-nebula-pink)) border-box;min-height:500px;box-shadow:0 0 28px color-mix(in srgb, var(--color-brand) 33%, transparent);border:1.8px solid #0000;border-radius:32px;position:relative;overflow:hidden}.hm-launch__bg{position:absolute;inset:0}.hm-launch__body{z-index:1;text-align:center;padding:clamp(48px,7vw,80px) clamp(20px,4vw,40px) clamp(44px,6vw,70px);position:relative}.hm-launch__eyebrow{color:oklch(85% .08 300)}.hm .hm-launch__title{margin:10px 0 12px;font-size:clamp(1.9rem,4.4vw,3.375rem)}.hm-launch__sub{color:oklch(92% .04 300);margin:0 0 28px;font-size:clamp(1rem,1.6vw,1.25rem)}.hm-launch__chips{flex-wrap:wrap;justify-content:center;gap:12px;margin:32px 0 0;padding:0;list-style:none;display:flex}.hm-launch__chips li{background:color-mix(in srgb, var(--color-canvas) 70%, transparent);color:#fff;border:1px solid #d5c2fb87;border-radius:999px;padding:8px 18px;font-size:.875rem}@keyframes hm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.hm-hero__art{animation:none}.hm-btn,.hm-subject{transition:none}.hm-btn:hover,.hm-subject:hover,.hm-subject:focus-within{transform:none}}@media (width<=1100px){.hm-cap__grid,.hm-tech__grid,.hm-audience{grid-template-columns:repeat(2,1fr)}}@media (width<=980px){.hm{--k:.62}.hm-planet{opacity:.4}.hm-hero__grid,.hm-faq__grid,.hm-quiz__grid{grid-template-columns:minmax(0,1fr)}.hm-hero__art{max-width:560px;margin-inline:auto}.hm-faq__art img{max-width:300px}.hm-quiz__art{order:2}.hm-compare__grid{grid-template-columns:minmax(0,1fr);gap:14px}.hm-panel{min-height:0}.hm-steps{grid-template-columns:minmax(0,1fr);gap:6px}.hm-steps__arrow{height:30px;transform:rotate(90deg)}.hm-why__grid,.hm-path__cards{grid-template-columns:minmax(0,1fr)}.hm-subjects__grid{grid-template-columns:minmax(0,1fr);max-width:440px;margin-inline:auto}.hm-const{display:none}.hm-cap-card,.hm-why-card,.hm-stage,.hm-tech-card,.hm-step,.hm-aud{min-height:0}}@media (width<=860px){.hm-route__start,.hm-route__goal{display:none}}@media (width<=640px){.hm-planet{display:none}.hm-cap__grid,.hm-tech__grid,.hm-audience{grid-template-columns:minmax(0,1fr)}.hm-flow{gap:20px}.hm-flow li{font-size:11px}.hm-why-card__top{flex-direction:column}.hm-btn{padding:13px 24px}.hm-btn--launch{padding:14px 40px}}