@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}button,input{font:inherit}button{color:inherit}img,iframe,svg{display:block}img{max-width:100%}a{color:inherit;text-decoration:none}}@layer tokens{:root{color-scheme:dark;--night:#05070b;--night-soft:#080c12;--surface:#11141a;--surface-raised:#1b1f28;--surface-warm:#20242c;--text:#f4f6fa;--text-soft:#d9e1ec;--muted:#97a1b4;--dim:#5e687a;--blue:#69a9ff;--blue-strong:#2d86ff;--system-blue:#0a84ff;--blue-deep:#1e4883;--mint:#68e2be;--coral:#ff8467;--line:#97a1b42b;--line-strong:#97a1b447;--content:1180px;--gutter:clamp(22px, 4.4vw, 64px);--sans:"SF Pro Display", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono:"SFMono-Regular", "SF Mono", Menlo, monospace;--ease:cubic-bezier(.22, 1, .36, 1)}}@layer base{body{background:radial-gradient(ellipse at 76% 8%, #2674ff29, transparent 36rem), radial-gradient(ellipse at 6% 78%, #7045eb14, transparent 40rem), linear-gradient(180deg, var(--night) 0%, #070b12 54%, #05080d 100%);min-width:320px;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.6}::selection{color:#fff;background:#69a9ff3d}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.page-field{min-height:100vh;position:relative;overflow:clip}.page-field:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle,#3f84ff12,#0000 66%);width:min(64vw,920px);height:920px;position:absolute;top:0;right:0}.content{width:min(calc(100% - (var(--gutter) * 2)), var(--content));margin-inline:auto}.skip-link{z-index:100;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:8px;padding:9px 13px;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}}@layer components{.site-header__inner{width:min(calc(100% - (var(--gutter) * 2)), var(--content));justify-content:space-between;align-items:center;height:76px;margin-inline:auto;display:flex}.brand{align-items:center;gap:10px;display:inline-flex}.brand img{border-radius:8px;width:28px;height:28px;box-shadow:0 0 0 1px #ffffff1a,0 8px 20px #00000047}.brand__name{letter-spacing:-.025em;font-size:14px;font-weight:650}.github-link{color:#aeb8c7;background:#ffffff06;border:1px solid #97a1b424;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:11px;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.github-link:hover{color:#fff;background:#ffffff0d;border-color:#97a1b440}.github-link__mark{fill:currentColor;flex:none;width:16px;height:16px}.github-link__arrow{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px;width:10px;height:10px;transition:transform .18s var(--ease)}.github-link:hover .github-link__arrow{transform:translate(1px,-1px)}.download-dock{color:#0b1118;width:fit-content;min-width:264px;transition:transform .2s var(--ease), box-shadow .2s ease, background .16s ease;background:linear-gradient(#ffffff2e,#0000 50%),#edf3fb;border:1px solid #ffffff29;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:7px 9px 7px 7px;display:grid;box-shadow:inset 0 1px #ffffffd9,0 12px 35px #00000038,0 0 0 1px #69a9ff0a}.download-dock:hover{background:linear-gradient(#fff,#0000 50%),#f4f7fc;transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 16px 42px #00000042,0 0 34px #458bff1f}.download-dock img{border-radius:10px;width:38px;height:38px;box-shadow:0 4px 11px #09131f29}.download-dock__copy{text-align:left;gap:1px;display:grid}.download-dock__copy strong{letter-spacing:-.01em;font-size:13px;font-weight:660}.download-dock__copy small{color:#697789;letter-spacing:.01em;white-space:nowrap;font-size:9px}.download-dock__arrow{color:#fff;width:30px;height:30px;transition:transform .18s var(--ease);background:#111820;border-radius:50%;place-items:center;display:grid}.download-dock:hover .download-dock__arrow{transform:translateY(1px)}.download-dock__arrow svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;width:16px;height:16px}.download-dock--compact{min-width:242px}.site-footer{border-top:1px solid var(--line)}.site-footer__inner{width:min(calc(100% - (var(--gutter) * 2)), var(--content));color:#747f91;justify-content:space-between;align-items:center;min-height:88px;margin-inline:auto;font-size:10px;display:flex}.footer-links{align-items:center;gap:20px;display:flex}.footer-links a{transition:color .16s}.footer-links a:hover{color:var(--text)}}@layer pages{.hero{padding:clamp(62px,7.2vw,92px) 0 clamp(42px,5vw,62px)}.hero__inner{grid-template-columns:minmax(0,.78fr) minmax(620px,1.22fr);align-items:center;gap:clamp(50px,5vw,72px);display:grid}.hero__copy{z-index:2;max-width:520px;animation:hero-in .7s var(--ease) both;position:relative}.hero h1{letter-spacing:-.065em;font-size:clamp(3rem,4.45vw,4rem);font-weight:610;line-height:1.08}.hero h1 span{color:#dce5f1;white-space:nowrap;display:inline-block}.hero__lede{color:var(--muted);letter-spacing:-.012em;margin-top:25px;font-size:15px;line-height:1.85}.hero__action{margin-top:32px}.hero__surface{min-width:0;animation:surface-in .85s 80ms var(--ease) both;position:relative}.glint-window{background:linear-gradient(140deg,#69a9ff0d,#0000 42%),linear-gradient(155deg,#17191f,#0d0f14 74%);border:1px solid #8b97ab47;border-radius:24px;width:min(100%,700px);margin-left:auto;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 42px 105px #0000006e,0 0 74px #296fe512}.glint-window:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#70a9ff7a,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.glint-window__chrome{background:#1c1e24bd;border-bottom:1px solid #97a1b41a;align-items:center;height:46px;padding:0 18px;display:flex}.glint-window__lights{gap:6px;display:flex}.glint-window__lights i{background:#ff5f57;border-radius:50%;width:7px;height:7px}.glint-window__lights i:nth-child(2){background:#febc2e}.glint-window__lights i:last-child{background:#28c840}.glint-window__title{color:#687386;margin-left:16px;font-size:10px}.glint-window__body{background:radial-gradient(circle at 86% 16%,#447ee412,#0000 15rem),0 0;min-height:346px;padding:31px clamp(26px,3.2vw,36px) 34px}.glint-window__input{min-height:36px;color:var(--text);letter-spacing:-.026em;white-space:nowrap;align-items:baseline;font-size:clamp(1.15rem,1.65vw,1.4rem);font-weight:520;display:flex}.glint-window__marked{color:var(--blue);margin-left:7px;position:relative}.glint-window__marked:after{background:var(--blue-strong);content:"";border-radius:99px;height:2px;position:absolute;bottom:-5px;left:0;right:0;box-shadow:0 0 8px #4f91ff75}.glint-window__caret{background:var(--blue);width:2px;height:1.18em;margin-left:3px;animation:1.15s step-end infinite caret-blink}.glint-choice-bar,.glint-translation-bar{backdrop-filter:blur(22px)saturate(125%);height:36px;transition:opacity .22s ease, transform .28s var(--ease);background:linear-gradient(#ffffff0a,#0000 56%),#181b22c7;border:1px solid #97a3b53d;border-radius:999px;box-shadow:inset 0 1px #ffffff0a,0 10px 28px #00000024}.glint-choice-bar{align-items:center;gap:2px;width:fit-content;max-width:100%;margin-top:23px;padding:3px;display:flex}.glint-choice-bar.is-pending,.glint-translation-bar.is-pending{opacity:0;pointer-events:none;transform:translateY(5px)}.glint-choice{cursor:pointer;background:0 0;border:0;border-radius:999px;flex:0 auto;justify-content:flex-start;align-self:stretch;align-items:center;min-width:0;padding:0;display:inline-flex}.glint-choice__label{color:#c9d2df;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;height:28px;padding:0 10px;font-size:12.5px;font-weight:520;transition:background .16s,color .16s,box-shadow .18s;display:inline-flex}.glint-choice__index{color:#717c8e;font-variant-numeric:tabular-nums;font-size:8px;transition:color .16s}.glint-choice:hover .glint-choice__label{color:#fff;background:#ffffff0d}.glint-choice.is-active .glint-choice__label{background:var(--system-blue);color:#fff;box-shadow:inset 0 1px #ffffff2e,0 5px 13px #0f57d24d}.glint-choice.is-active .glint-choice__index{color:#ffffff9e}.glint-choice-bar__more{color:#c3cbd7;border-left:1px solid #ffffff26;flex:0 0 31px;align-self:stretch;place-items:center;width:31px;display:grid}.glint-choice-bar__more svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:13px;height:13px}.glint-translation-bar{color:#f4f6fa;letter-spacing:.01em;align-items:center;width:fit-content;max-width:100%;margin-top:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.film-section{padding-bottom:clamp(96px,11vw,142px)}.film-window{aspect-ratio:16/9;background:#030509;border:1px solid #8b97ab38;border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 36px 90px #00000059}.film-window:before{z-index:2;content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#77abff66,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.film-window iframe{border:0;width:100%;height:100%}.install-section{border-top:1px solid var(--line);padding:clamp(76px,9vw,112px) 0 clamp(88px,10vw,124px)}.install-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:52px;display:grid}.install-heading h2{letter-spacing:-.045em;font-size:clamp(1.8rem,3.2vw,2.75rem);font-weight:600;line-height:1.15}.install-heading>div>p{max-width:680px;color:var(--muted);margin-top:16px;font-size:13px;line-height:1.8}.install-steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;display:grid}.install-steps li{grid-template-columns:auto minmax(0,1fr);gap:16px;min-height:160px;padding:24px 26px 26px 0;display:grid}.install-steps li+li{border-left:1px solid var(--line);padding-left:26px}.install-steps__number{color:var(--blue);font-family:var(--mono);letter-spacing:.04em;padding-top:1px;font-size:9px}.install-steps h3{letter-spacing:-.01em;font-size:13px;font-weight:620}.install-steps p{color:#7f8a9c;margin-top:9px;font-size:11px;line-height:1.8}.install-steps b{color:#b6c1d0;font-weight:520}.install-details{border-top:1px solid var(--line);margin-top:28px}.install-details summary{color:#758095;cursor:pointer;justify-content:space-between;align-items:center;padding-top:17px;font-size:10px;list-style:none;display:flex}.install-details summary::-webkit-details-marker{display:none}.install-details summary:after{content:"+";font-family:var(--mono);transition:transform .16s}.install-details[open] summary:after{transform:rotate(45deg)}.install-details__body{flex-wrap:wrap;gap:13px 28px;padding-top:16px;display:flex}.install-details__body a{color:#98a4b5;align-items:center;gap:5px;font-size:10px;transition:color .16s;display:inline-flex}.install-details__body a:hover{color:#fff}.install-details__body svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px;width:10px;height:10px}@keyframes hero-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes surface-in{0%{opacity:0;transform:translateY(18px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes caret-blink{0%,50%{opacity:1}51%,to{opacity:0}}}@layer responsive{@media (width<=1060px){.hero{padding-top:70px}.hero__inner{grid-template-columns:1fr;gap:55px}.hero__copy{max-width:680px}.hero h1{font-size:clamp(3.4rem,8vw,4.75rem)}.hero__surface{max-width:700px}.glint-window{margin-left:0}}@media (width<=760px){.site-header__inner{height:64px}.hero{padding-top:48px;padding-bottom:58px}.hero__inner{gap:45px}.hero h1{font-size:clamp(2.8rem,11.8vw,4.1rem);line-height:1.08}.hero__lede{margin-top:20px;font-size:14px}.hero__action{margin-top:27px}.download-dock{width:100%;max-width:320px}.glint-window{border-radius:20px}.glint-window__body{min-height:252px;padding:24px 20px 26px}.glint-window__input{font-size:18px}.glint-choice{min-width:0}.film-section{padding-bottom:82px}.film-window{border-radius:12px}.install-section{padding:72px 0 86px}.install-heading{grid-template-columns:1fr;gap:25px}.install-heading h2{font-size:clamp(1.8rem,8.4vw,2.55rem)}.install-steps{grid-template-columns:1fr;margin-top:33px}.install-steps li{min-height:0;padding:21px 0 23px}.install-steps li+li{border-top:1px solid var(--line);border-left:0;padding-left:0}.site-footer__inner{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:82px}}@media (width<=420px){.hero h1{font-size:clamp(2.55rem,11.6vw,3rem)}.glint-window__input{font-size:16px}.glint-choice{min-height:29px}.glint-choice__label{gap:3px;height:24px;padding-inline:5px;font-size:10.5px}.glint-choice__index{font-size:8px}.glint-translation-bar{font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}