.feature-visual:where(.astro-pc2rfrju){--visual-blue:oklch(68% .17 248);--visual-blue-soft:oklch(68% .17 248/.18);--visual-grid-line:oklch(42% .035 252/.18);--mockup-surface:oklch(98.5% .004 260);--mockup-surface-raised:oklch(100% 0 0);--mockup-foreground:oklch(24% .012 260);--mockup-muted:oklch(49% .012 260);--mockup-border:oklch(28% .015 260/.14);--mockup-line:oklch(28% .015 260/.09);--mockup-line-strong:oklch(28% .015 260/.14);--mockup-shadow:oklch(28% .02 260/.17);--mockup-video-shadow:oklch(28% .025 260/.26);isolation:isolate;place-items:center;width:100%;min-height:24rem;display:grid;position:relative;overflow:visible}.feature-visual:where(.astro-pc2rfrju):before{content:"";z-index:-2;background-image:linear-gradient(var(--visual-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--visual-grid-line) 1px, transparent 1px);opacity:.9;pointer-events:none;background-size:52px 52px;position:absolute;inset:-18% -7%;mask-image:radial-gradient(54% 52%,#000 24%,#0000 92%)}.visual-glow:where(.astro-pc2rfrju){filter:blur(84px);z-index:-1;background:oklch(68% .17 248/.13);border-radius:999px;width:78%;height:72%;position:absolute}.browser-window:where(.astro-pc2rfrju),.video-window:where(.astro-pc2rfrju){border:1px solid var(--mockup-border);width:min(86%,34rem);box-shadow:0 2rem 4rem var(--mockup-shadow)}.browser-window:where(.astro-pc2rfrju){background:var(--mockup-surface);color:var(--mockup-foreground);border-radius:1rem}.browser-bar:where(.astro-pc2rfrju){border-bottom:1px solid var(--mockup-line);align-items:center;gap:.42rem;height:2.25rem;padding:0 .8rem;display:flex}.browser-bar:where(.astro-pc2rfrju) i:where(.astro-pc2rfrju){background:oklch(70% .2 25);border-radius:50%;width:.55rem;height:.55rem}.browser-bar:where(.astro-pc2rfrju) i:where(.astro-pc2rfrju):nth-child(2){background:oklch(80% .16 85)}.browser-bar:where(.astro-pc2rfrju) i:where(.astro-pc2rfrju):nth-child(3){background:oklch(76% .17 150)}.address-line:where(.astro-pc2rfrju){background:var(--mockup-line);border-radius:99px;width:38%;height:.42rem;margin-left:auto}.selection-window:where(.astro-pc2rfrju){margin-top:-1.5rem;position:relative;transform:rotate(-1.3deg)}.selection-copy:where(.astro-pc2rfrju){color:var(--mockup-muted);padding:2rem 2.25rem 4.5rem;font-size:clamp(.8rem,1.75vw,1.05rem);line-height:2}.selection-copy:where(.astro-pc2rfrju) mark:where(.astro-pc2rfrju){border-bottom:2px solid var(--visual-blue);background:var(--visual-blue-soft);color:color-mix(in oklch, var(--visual-blue) 78%, var(--mockup-foreground));border-radius:.2rem;padding:.12rem .2rem}.translation-popover:where(.astro-pc2rfrju){border:1px solid var(--mockup-border);background:var(--mockup-surface-raised);width:66%;box-shadow:0 1rem 2.5rem var(--mockup-shadow);border-radius:.8rem;position:absolute;bottom:-12%;right:-4%;overflow:hidden;transform:rotate(1.3deg)}.translation-head:where(.astro-pc2rfrju),.translation-foot:where(.astro-pc2rfrju){align-items:center;padding:.65rem .75rem;display:flex}.translation-head:where(.astro-pc2rfrju){border-bottom:1px solid var(--mockup-line);justify-content:space-between}.brand-glyph:where(.astro-pc2rfrju){color:#fff;width:1.35rem;height:1.35rem;font:700 .7rem/1 var(--font-heading);background:linear-gradient(145deg,oklch(78% .15 80),oklch(65% .2 340));border-radius:.35rem;place-items:center;display:grid}.language-chip:where(.astro-pc2rfrju){color:var(--mockup-muted);font-size:.62rem}.translation-popover:where(.astro-pc2rfrju) p:where(.astro-pc2rfrju){min-height:3.2rem;padding:.75rem;font-size:clamp(.72rem,1.6vw,.9rem);line-height:1.7}.translation-foot:where(.astro-pc2rfrju){border-top:1px solid var(--mockup-line);gap:.35rem}.translation-foot:where(.astro-pc2rfrju) span:where(.astro-pc2rfrju){background:var(--mockup-line-strong);border-radius:99px;width:1rem;height:.3rem}.translation-foot:where(.astro-pc2rfrju) span:where(.astro-pc2rfrju):last-child{width:2.4rem;margin-left:auto}.fullpage-window:where(.astro-pc2rfrju){width:min(88%,35rem);transform:rotate(1deg)}.article-layout:where(.astro-pc2rfrju){grid-template-columns:24% 1fr;min-height:18rem;display:grid}.article-layout:where(.astro-pc2rfrju) aside:where(.astro-pc2rfrju){border-right:1px solid var(--mockup-line);flex-direction:column;gap:.75rem;padding:1.5rem 1rem;display:flex}.article-layout:where(.astro-pc2rfrju) aside:where(.astro-pc2rfrju) span:where(.astro-pc2rfrju),.article-layout:where(.astro-pc2rfrju) aside:where(.astro-pc2rfrju) b:where(.astro-pc2rfrju){background:var(--mockup-line);border-radius:99px;width:85%;height:.35rem;display:block}.article-layout:where(.astro-pc2rfrju) aside:where(.astro-pc2rfrju) b:where(.astro-pc2rfrju){background:var(--mockup-line-strong);width:65%;height:.48rem;margin:.25rem 0}.article-layout:where(.astro-pc2rfrju) article:where(.astro-pc2rfrju){padding:1.45rem 1.75rem;position:relative}.article-label:where(.astro-pc2rfrju){color:var(--mockup-muted);letter-spacing:.05em;font-size:.55rem;position:absolute;top:1rem;right:1rem}.article-layout:where(.astro-pc2rfrju) h4:where(.astro-pc2rfrju),.article-layout:where(.astro-pc2rfrju) h5:where(.astro-pc2rfrju){max-width:82%;font-family:var(--font-heading);font-weight:650;line-height:1.25}.article-layout:where(.astro-pc2rfrju) h4:where(.astro-pc2rfrju){font-size:clamp(.9rem,2vw,1.2rem)}.article-layout:where(.astro-pc2rfrju) h5:where(.astro-pc2rfrju){border-left:3px solid var(--visual-blue);color:color-mix(in oklch, var(--mockup-foreground) 78%, var(--mockup-muted));margin-top:.48rem;padding-left:.7rem;font-size:clamp(.8rem,1.7vw,1.02rem)}.article-rule:where(.astro-pc2rfrju){background:var(--mockup-line);height:1px;margin:1rem 0}.article-layout:where(.astro-pc2rfrju) p:where(.astro-pc2rfrju){color:var(--mockup-muted);font-size:clamp(.58rem,1.25vw,.72rem);line-height:1.75}.article-layout:where(.astro-pc2rfrju) .translated:where(.astro-pc2rfrju){border-left:3px solid var(--visual-blue);color:color-mix(in oklch, var(--mockup-foreground) 82%, var(--mockup-muted));margin-top:.6rem;padding-left:.7rem}.video-window:where(.astro-pc2rfrju){aspect-ratio:16/9;background:var(--mockup-surface);width:min(88%,35rem);box-shadow:0 2.2rem 4.8rem var(--mockup-video-shadow);border-color:oklch(68% .17 248/.35);border-radius:1rem;position:relative;overflow:hidden;transform:rotate(-.8deg)}.video-scene:where(.astro-pc2rfrju){background:linear-gradient(#0000 42%,oklch(16% .025 260/.76)),linear-gradient(135deg,oklch(92% .035 248),oklch(72% .075 262));position:absolute;inset:0;overflow:hidden}.video-orb:where(.astro-pc2rfrju){filter:blur(2px);opacity:.55;border-radius:50%;position:absolute}.video-orb--one:where(.astro-pc2rfrju){aspect-ratio:1;background:oklch(68% .17 248/.34);width:48%;top:-18%;right:12%}.video-orb--two:where(.astro-pc2rfrju){aspect-ratio:1;background:oklch(72% .17 330/.2);width:52%;bottom:-42%;left:4%}.play-mark:where(.astro-pc2rfrju){border-top:1.1rem solid #0000;border-bottom:1.1rem solid #0000;border-left:1.75rem solid oklch(100% 0 0/.24);width:0;height:0;position:absolute;top:32%;left:50%;transform:translate(-40%,-50%)}.subtitle-box:where(.astro-pc2rfrju){color:#fff;text-align:center;backdrop-filter:blur(5px);background:oklch(5% 0 0/.76);border-radius:.55rem;flex-direction:column;gap:.35rem;padding:.65rem 1rem;display:flex;position:absolute;bottom:15%;left:10%;right:10%}.subtitle-box:where(.astro-pc2rfrju) strong:where(.astro-pc2rfrju){font-size:clamp(.68rem,1.7vw,.92rem);font-weight:650;line-height:1.35}.subtitle-box:where(.astro-pc2rfrju) span:where(.astro-pc2rfrju){color:oklch(100% 0 0/.68);font-size:clamp(.56rem,1.35vw,.72rem)}.player-bar:where(.astro-pc2rfrju){align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.player-play:where(.astro-pc2rfrju){border-top:.35rem solid #0000;border-bottom:.35rem solid #0000;border-left:.55rem solid #fff;width:0;height:0}.player-progress:where(.astro-pc2rfrju){background:oklch(100% 0 0/.24);border-radius:99px;flex:1;height:.2rem;position:relative;overflow:hidden}.player-progress:where(.astro-pc2rfrju) i:where(.astro-pc2rfrju){background:oklch(62% .24 25);width:37%;height:100%;display:block}.player-bar:where(.astro-pc2rfrju) small:where(.astro-pc2rfrju){color:oklch(100% 0 0/.7);font:.58rem/1 monospace}@media (prefers-color-scheme:dark){.feature-visual:where(.astro-pc2rfrju){--visual-grid-line:oklch(90% .018 250/.11);--mockup-surface:oklch(18% .01 260);--mockup-surface-raised:oklch(12% .01 260);--mockup-foreground:oklch(95% 0 0);--mockup-muted:oklch(70% 0 0);--mockup-border:oklch(100% 0 0/.13);--mockup-line:oklch(100% 0 0/.08);--mockup-line-strong:oklch(100% 0 0/.12);--mockup-shadow:oklch(0% 0 0/.34);--mockup-video-shadow:oklch(0% 0 0/.38)}.video-scene:where(.astro-pc2rfrju){background:linear-gradient(#0000 45%,oklch(0% 0 0/.72)),linear-gradient(135deg,oklch(28% .06 255),oklch(10% .02 260))}}@media (width<=640px){.feature-visual:where(.astro-pc2rfrju){min-height:19rem}.feature-visual:where(.astro-pc2rfrju):before{background-size:44px 44px;inset:-14% -3%;mask-image:radial-gradient(54% 52%,#000 20%,#0000 92%)}.browser-window:where(.astro-pc2rfrju),.video-window:where(.astro-pc2rfrju){width:88%}.selection-window:where(.astro-pc2rfrju){margin-top:-.5rem}.selection-copy:where(.astro-pc2rfrju){padding:1.35rem 1.4rem 3.8rem}.translation-popover:where(.astro-pc2rfrju){width:72%;bottom:-15%;right:-2%}.article-layout:where(.astro-pc2rfrju){min-height:14rem}.article-layout:where(.astro-pc2rfrju) aside:where(.astro-pc2rfrju){padding:1.15rem .7rem}.article-layout:where(.astro-pc2rfrju) article:where(.astro-pc2rfrju){padding:1.15rem 1rem}}.hero-section:where(.astro-zkhec6xw):after{content:"";filter:blur(80px);pointer-events:none;background:oklch(68% .17 248/.1);border-radius:50%;height:16rem;position:absolute;bottom:-12rem;left:20%;right:20%}.feature-link:where(.astro-zkhec6xw){color:var(--muted-foreground);align-items:center;gap:.45rem;margin-left:.35rem;padding:.65rem .2rem;font-size:.875rem;font-weight:650;display:inline-flex}.feature-link:where(.astro-zkhec6xw):hover{color:var(--foreground)}.section-kicker:where(.astro-zkhec6xw){color:var(--muted-foreground);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:750}.feature-row:where(.astro-zkhec6xw){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);display:grid;position:relative}.feature-row:where(.astro-zkhec6xw)+.feature-row:where(.astro-zkhec6xw){margin-top:7rem}.feature-row:where(.astro-zkhec6xw)+.feature-row:where(.astro-zkhec6xw):before{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--border) 72%, transparent) 18%, color-mix(in oklch, var(--border) 72%, transparent) 82%, transparent);pointer-events:none;height:1px;position:absolute;top:-3.5rem;left:3%;right:3%}.feature-row--reverse:where(.astro-zkhec6xw) .feature-copy:where(.astro-zkhec6xw){order:2}.feature-row--reverse:where(.astro-zkhec6xw){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.feature-copy:where(.astro-zkhec6xw){max-width:28rem}.feature-number:where(.astro-zkhec6xw){border:1px solid var(--border);width:2.4rem;height:2.4rem;color:var(--muted-foreground);font:700 .72rem/1 var(--font-heading);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.feature-copy:where(.astro-zkhec6xw) h3:where(.astro-zkhec6xw){letter-spacing:-.025em;margin-top:1.2rem;font-size:clamp(2rem,4vw,3.15rem);font-weight:650;line-height:1.08}.feature-copy:where(.astro-zkhec6xw)>p:where(.astro-zkhec6xw){color:var(--muted-foreground);margin-top:1rem;font-size:1rem;line-height:1.8}.feature-copy:where(.astro-zkhec6xw) ul:where(.astro-zkhec6xw){flex-wrap:wrap;gap:.7rem;margin-top:1.7rem;display:flex}.feature-copy:where(.astro-zkhec6xw) li:where(.astro-zkhec6xw){border:1px solid color-mix(in oklch, var(--border) 86%, var(--foreground) 14%);background:color-mix(in oklch, var(--muted) 96%, var(--foreground) 4%);color:var(--foreground);border-radius:999px;align-items:center;gap:.5rem;padding:.58rem .82rem;font-size:.78rem;font-weight:650;line-height:1.2;display:inline-flex}.feature-copy:where(.astro-zkhec6xw) li:where(.astro-zkhec6xw) span:where(.astro-zkhec6xw){color:oklch(48% .14 160);background:oklch(72% .16 160/.28);border-radius:50%;place-items:center;width:1.15rem;height:1.15rem;font-size:.65rem;display:grid}.why-section:where(.astro-zkhec6xw){border-block:1px solid var(--border);background:color-mix(in oklch, var(--muted) 97%, var(--foreground) 3%)}.why-heading:where(.astro-zkhec6xw){border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:2rem;padding-bottom:1.75rem;display:flex}.why-heading:where(.astro-zkhec6xw) h2:where(.astro-zkhec6xw){letter-spacing:-.02em;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:620}.why-grid:where(.astro-zkhec6xw){grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2rem;display:grid}.why-item:where(.astro-zkhec6xw){border-bottom:1px solid var(--border);gap:1rem;padding:1.75rem 0;display:flex}.why-icon:where(.astro-zkhec6xw){border:1px solid var(--border);background:radial-gradient(circle at 70% 22%, oklch(68% .17 248/.19), transparent 48%), color-mix(in oklch, var(--card) 78%, transparent);width:2.65rem;height:2.65rem;color:color-mix(in oklch, var(--foreground) 78%, oklch(68% .17 248));box-shadow:inset 0 1px 0 color-mix(in oklch, var(--background) 70%, transparent);border-radius:.8rem;flex:none;place-items:center;display:grid}.why-title:where(.astro-zkhec6xw){align-items:baseline;gap:.55rem;display:flex}.why-title:where(.astro-zkhec6xw)>span:where(.astro-zkhec6xw){color:var(--muted-foreground);font:700 .65rem/1.4 var(--font-heading);letter-spacing:.04em}.why-item:where(.astro-zkhec6xw) h3:where(.astro-zkhec6xw){font-size:.95rem;font-weight:650;line-height:1.45}.why-item:where(.astro-zkhec6xw) p:where(.astro-zkhec6xw){color:var(--muted-foreground);margin-top:.45rem;font-size:.78rem;line-height:1.65}.why-footer:where(.astro-zkhec6xw){justify-content:flex-end;padding-top:1.5rem;display:flex}.why-footer:where(.astro-zkhec6xw) a:where(.astro-zkhec6xw){align-items:center;gap:.45rem;font-size:.85rem;font-weight:650;display:inline-flex}@media (width<=900px){.feature-row:where(.astro-zkhec6xw){grid-template-columns:1fr;gap:2.5rem}.feature-row--reverse:where(.astro-zkhec6xw){grid-template-columns:1fr}.feature-row--reverse:where(.astro-zkhec6xw) .feature-copy:where(.astro-zkhec6xw){order:initial}.feature-copy:where(.astro-zkhec6xw){max-width:38rem}.why-grid:where(.astro-zkhec6xw){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.feature-copy:where(.astro-zkhec6xw) li:where(.astro-zkhec6xw) span:where(.astro-zkhec6xw){color:oklch(72% .16 160);background:oklch(72% .16 160/.18)}.why-section:where(.astro-zkhec6xw){background:color-mix(in oklch, var(--muted) 45%, var(--background))}}@media (width<=640px){.feature-link:where(.astro-zkhec6xw){justify-content:center;width:100%;margin:.25rem 0 0}.feature-row:where(.astro-zkhec6xw){gap:2rem}.feature-row:where(.astro-zkhec6xw)+.feature-row:where(.astro-zkhec6xw){margin-top:5rem}.feature-row:where(.astro-zkhec6xw)+.feature-row:where(.astro-zkhec6xw):before{top:-2.5rem;left:0;right:0}.feature-copy:where(.astro-zkhec6xw) h3:where(.astro-zkhec6xw){font-size:2rem}.why-heading:where(.astro-zkhec6xw){display:block}.why-heading:where(.astro-zkhec6xw) h2:where(.astro-zkhec6xw){margin-top:.5rem}.why-grid:where(.astro-zkhec6xw){grid-template-columns:1fr}.why-item:where(.astro-zkhec6xw){padding:1.35rem 0}}