[data-rewrite-demo]{--console-surface: #ffffff;--console-surface-strong: #ffffff;--console-text-primary: #1c1c1e;--console-text-secondary: #3c3c4399;--console-rail: rgba(28, 28, 30, .07);--console-tick: #ffffff;--console-thumb-bg: #ffffff;--console-icon-filter: brightness(0) saturate(100%);--console-shadow-soft: rgba(0, 0, 0, .2);--console-shadow-medium: rgba(0, 0, 0, .2);--console-submit-bg: #34c759;--console-submit-shadow: rgba(52, 199, 89, .26);--console-selection-start: #3b9cff;--console-selection-end: #0a84ff;--console-selection-text: #fff;--console-thumb-icon-filter: brightness(0) saturate(100%) contrast(1.08)}.dark [data-rewrite-demo]{--console-surface: #2c2c2e;--console-surface-strong: #3a3a3c;--console-text-primary: #f2f2f7;--console-text-secondary: #ebebf599;--console-rail: rgba(235, 235, 245, .09);--console-tick: rgba(235, 235, 245, .42);--console-thumb-bg: #545458;--console-icon-filter: brightness(0) invert(1);--console-shadow-soft: rgba(0, 0, 0, .2);--console-shadow-medium: rgba(0, 0, 0, .2);--console-submit-shadow: rgba(52, 199, 89, .34);--console-thumb-icon-filter: brightness(0) invert(1) contrast(1.12) drop-shadow(0 0 0 rgba(255, 255, 255, .96))}[data-translate-demo]{--console-surface: #ffffff;--console-surface-strong: #ffffff;--console-text-primary: #1c1c1e;--console-text-secondary: #3c3c4399;--console-rail: rgba(28, 28, 30, .1);--console-tick: #ffffff;--console-icon-filter: brightness(0) saturate(100%);--console-shadow-soft: rgba(0, 0, 0, .2);--console-shadow-medium: rgba(0, 0, 0, .2);--console-submit-bg: #34c759;--console-submit-shadow: rgba(52, 199, 89, .26);--console-selection-start: #3b9cff;--console-selection-end: #0a84ff;--console-selection-text: #fff;--console-thumb-icon-filter: brightness(0) saturate(100%) contrast(1.08)}.dark [data-translate-demo]{--console-surface: #2c2c2e;--console-surface-strong: #3a3a3c;--console-text-primary: #f2f2f7;--console-text-secondary: #ebebf599;--console-rail: rgba(235, 235, 245, .12);--console-tick: rgba(235, 235, 245, .42);--console-icon-filter: brightness(0) invert(1);--console-shadow-soft: rgba(0, 0, 0, .2);--console-shadow-medium: rgba(0, 0, 0, .2);--console-submit-shadow: rgba(52, 199, 89, .34);--console-thumb-icon-filter: brightness(0) invert(1) contrast(1.12) drop-shadow(0 0 0 rgba(255, 255, 255, .96))}.story-root{position:relative;background:var(--bg-primary);--console-surface: #ffffff;--console-surface-strong: #ffffff;--console-text-primary: #1c1c1e;--console-text-secondary: #3c3c4399;--console-rail: rgba(28, 28, 30, .1);--console-tick: #ffffff;--console-icon-filter: brightness(0) saturate(100%);--console-shadow-soft: rgba(0, 0, 0, .2);--console-shadow-medium: rgba(0, 0, 0, .2);--console-submit-bg: #34c759;--console-submit-shadow: rgba(52, 199, 89, .26);--console-selection-start: #3b9cff;--console-selection-end: #0a84ff;--console-selection-text: #fff;--console-thumb-icon-filter: brightness(0) saturate(100%) contrast(1.08)}.story-root:after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(5rem,12vh,9rem);pointer-events:none;z-index:6;opacity:1;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg-primary) 56%,transparent) 54%,var(--bg-primary) 100%)}.dark .story-root{--console-surface: #2c2c2e;--console-surface-strong: #3a3a3c;--console-text-primary: #f2f2f7;--console-text-secondary: #ebebf599;--console-rail: rgba(235, 235, 245, .12);--console-tick: rgba(235, 235, 245, .42);--console-icon-filter: brightness(0) invert(1);--console-shadow-soft: rgba(0, 0, 0, .2);--console-shadow-medium: rgba(0, 0, 0, .2);--console-submit-shadow: rgba(52, 199, 89, .34);--console-thumb-icon-filter: brightness(0) invert(1) contrast(1.12) drop-shadow(0 0 0 rgba(255, 255, 255, .96))}.story-desktop{display:block}.story-mobile{display:none;--mobile-screen-gap: clamp(7rem, 18vw, 8.5rem);--mobile-hero-mock-width: clamp(28rem, 176vw, 44rem)}.story-shell{position:relative;height:520svh}.story-stage{position:sticky;top:0;height:100svh;overflow:clip;isolation:isolate}.story-backdrop{position:absolute;inset:0;background:radial-gradient(circle at top left,color-mix(in srgb,var(--ios-blue) 15%,transparent 85%) 0,transparent 40%),radial-gradient(circle at top right,color-mix(in srgb,#87b8ff 10%,transparent 90%) 0,transparent 30%),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-primary) 60%,var(--bg-primary) 100%)}.dark .story-backdrop{background:radial-gradient(circle at top left,color-mix(in srgb,var(--ios-blue) 15%,transparent 85%) 0,transparent 40%),radial-gradient(circle at top right,color-mix(in srgb,#8a8a92 10%,transparent 90%) 0,transparent 30%),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-primary) 60%,var(--bg-primary) 100%)}.story-orb{position:absolute;border-radius:999px;filter:blur(60px);opacity:.45;pointer-events:none}.story-orb-left{top:8%;left:-8%;width:min(36vw,28rem);height:min(36vw,28rem);background:color-mix(in srgb,#7cb3ff 40%,transparent 60%)}.story-orb-right{top:18%;right:-10%;width:min(30vw,22rem);height:min(30vw,22rem);background:color-mix(in srgb,#b7c6f8 35%,transparent 65%)}.story-orb-bottom{bottom:-12%;left:28%;width:min(34vw,26rem);height:min(34vw,26rem);background:color-mix(in srgb,var(--ios-blue) 10%,transparent 90%)}.story-sequence-layer{position:absolute;inset:0;pointer-events:none;transform:translateZ(0) scale(1);transform-origin:50% 50%;will-change:transform,opacity;z-index:4}.story-sequence-fallback,.story-sequence-canvas{position:absolute;inset:0;width:100%;height:100%}.story-sequence-fallback{object-fit:contain;object-position:center 54%;transform:scale(1.01);opacity:1;transition:opacity .26s ease}.story-panel{position:absolute;inset:0;padding-inline:clamp(2rem,5vw,6rem);opacity:0;transform:translateY(24px);transition:opacity .24s linear,transform .52s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:5}.story-eyebrow,.demo-card-label{margin:0;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ios-blue)}.story-subtitle,.feature-panel p,.mobile-copy p:not(.story-eyebrow){margin:0;color:var(--text-secondary)}.story-panel-hero{display:flex;align-items:center;justify-content:flex-start;z-index:3}.hero-copy{width:clamp(22rem,30vw,34rem);margin-left:clamp(4rem,10vw,14rem);display:grid;gap:1.1rem;pointer-events:auto}.hero-copy h1,.mobile-hero-copy h1,.mobile-copy h2{margin:0;line-height:1.05;letter-spacing:-.04em;color:var(--text-primary);font-weight:800}.hero-copy h1,.mobile-hero-copy h1{font-size:clamp(3.5rem,6vw,6rem);max-width:10ch}.story-subtitle{max-width:28rem;font-size:clamp(1.125rem,1.5vw,1.25rem);line-height:1.6;font-weight:400}.story-cta-row{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;padding-top:.35rem}.story-cta-primary,.story-cta-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:3.5rem;border-radius:999px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.22,1,.36,1)}.story-cta-primary{gap:.75rem;padding:0 1.75rem;background:var(--text-primary);color:var(--bg-primary);box-shadow:0 8px 24px -8px #0003}.story-cta-secondary{padding:0 1.5rem;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.story-cta-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px -8px #0000004d}.story-cta-primary:active{transform:translateY(0) scale(.98)}.story-cta-secondary:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.story-cta-icon{width:1.2rem;height:1.2rem;flex:0 0 auto}.story-panel-overview{display:grid;align-items:center;grid-template-columns:minmax(12rem,1fr) clamp(16rem,29vw,24rem) minmax(12rem,1fr);gap:clamp(1rem,2vw,2rem);z-index:3}.feature-panel{width:min(24rem,100%);padding:2.25rem 2rem;border-radius:2.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 20px 40px -12px #0000000f;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);display:flex;flex-direction:column;gap:0;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1)}.feature-panel:hover{transform:translateY(-4px);box-shadow:0 30px 60px -12px #0000001a}.dark .feature-panel:hover{box-shadow:0 30px 60px -12px #0006}.dark .feature-panel{box-shadow:0 20px 40px -12px #00000040}.feature-panel h2{font-size:1.75rem;font-weight:800;letter-spacing:-.04em;margin:0 0 .85rem;color:var(--text-primary);line-height:1.1}.feature-panel p{font-size:1.125rem;line-height:1.5;margin:0;color:var(--text-secondary);font-weight:450}.feature-panel-left{justify-self:start}.feature-panel-right{justify-self:end}.feature-note{margin-top:.85rem;color:var(--text-secondary)}.overview-center-spacer{min-height:1px}.story-panel-rewrite,.story-panel-translate{display:grid;place-items:center;z-index:3}.demo-card{width:min(40rem,100%);padding:2rem;border-radius:2rem;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 32px 64px -16px #0000001a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.dark .demo-card{box-shadow:0 32px 64px -16px #0006}.demo-stage{width:min(36rem,54vw);padding:0;background:none;border:0;box-shadow:none;text-align:center}.demo-stage-rewrite{display:grid;justify-items:center;gap:0}.story-panel-rewrite{padding-inline:0;display:flex;align-items:center;justify-content:center}.story-panel-rewrite .demo-stage-rewrite{width:fit-content;min-width:0;max-width:none;margin-inline:auto;text-align:center}.story-panel-translate{padding-inline:0;display:flex;align-items:center;justify-content:center}.story-panel-translate .demo-stage-translate{width:fit-content;min-width:0;max-width:none;margin-inline:auto;text-align:center}.demo-card-rewrite{padding:0;background:none;background-color:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.demo-stage-translate{display:grid;justify-items:center;gap:0}.demo-card-translate{padding:0;background:none;background-color:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.demo-card-output{margin:1rem 0 0;font-size:clamp(1.5rem,2vw,2rem);line-height:1.3;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);text-wrap:balance;transition:filter .42s ease,opacity .42s ease,transform .42s ease;white-space:pre-line}.story-desktop .demo-stage .demo-card-output{font-size:clamp(1.75rem,2.5vw,2.5rem);max-width:22ch;margin-inline:auto}.rewrite-demo-shell{--rewrite-demo-base-width: 384px;--rewrite-demo-base-height: 312px;--rewrite-demo-scale: 1;--rewrite-demo-width: calc(var(--rewrite-demo-base-width) * var(--rewrite-demo-scale));--rewrite-demo-height: calc(var(--rewrite-demo-base-height) * var(--rewrite-demo-scale));position:relative;width:var(--rewrite-demo-width);height:var(--rewrite-demo-height);display:block;justify-self:center;align-self:center;margin-inline:auto;overflow:visible}.rewrite-console{position:absolute;top:0;left:0;width:var(--rewrite-demo-base-width);height:var(--rewrite-demo-base-height);display:flex;flex-direction:column;justify-content:flex-end;gap:.65rem;transform:scale(var(--rewrite-demo-scale));transform-origin:top left;will-change:transform}.rewrite-console-toolbar{width:100%;display:flex;align-items:flex-end;flex:0 0 auto;gap:.55rem;padding:0 1rem;filter:drop-shadow(0 1.046px 4.08px var(--console-shadow-soft))}.rewrite-utility-button{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:999px;background:var(--console-surface-strong);box-shadow:0 1px 4px var(--console-shadow-soft);flex:0 0 auto}.rewrite-utility-button img,.rewrite-submit-button img,.rewrite-thumb-icon{display:block;flex:0 0 auto;object-fit:contain;opacity:1}.rewrite-utility-button img{filter:var(--console-icon-filter)}.rewrite-symbol-plus{width:1rem;height:1rem;transform:scale(1);transform-origin:center}.rewrite-symbol-submit{width:.72rem;height:.72rem;filter:brightness(0) invert(1) contrast(1.2);transform:scale(1);transform-origin:center}.rewrite-input-shell{position:relative;min-width:0;flex:1 1 auto;min-height:2.5rem;padding:.62rem 3rem .62rem .95rem;display:flex;align-items:stretch;border-radius:1.3rem;background:var(--console-surface)}.rewrite-input-text-wrap{min-width:0;flex:1 1 auto;display:flex;align-items:flex-start;justify-content:flex-start;align-self:stretch;overflow:hidden}.rewrite-input-text{--rewrite-input-line-height: 1.24;margin:0;width:100%;overflow:hidden;color:var(--console-text-primary);font-size:.88rem;line-height:var(--rewrite-input-line-height);font-weight:600;text-align:left;white-space:pre-line;text-wrap:wrap;overflow-wrap:anywhere;word-break:normal}.rewrite-input-text:after{content:"";display:inline-block;width:.12em;height:1.05em;margin-left:.12em;vertical-align:-.12em;border-radius:.1em;background:var(--ios-blue);box-shadow:0 0 .45rem color-mix(in srgb,var(--ios-blue) 42%,transparent);animation:rewrite-caret-blink 1s steps(1,end) infinite}@keyframes rewrite-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.rewrite-submit-button{position:absolute;right:.62rem;bottom:.62rem;min-width:1.75rem;height:1.25rem;padding:0 .5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--console-submit-bg);box-shadow:0 4px 10px var(--console-submit-shadow)}.rewrite-console-board{--rewrite-slider-width: 3rem;height:12rem;flex:0 0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:.45rem;padding:0 1rem;overflow:visible}.rewrite-slider{flex:0 0 var(--rewrite-slider-width);width:var(--rewrite-slider-width);max-width:var(--rewrite-slider-width);min-width:var(--rewrite-slider-width);display:grid;justify-items:center;gap:.5rem;overflow:visible}.rewrite-slider-rail{--thumb-size: 2.5rem;--thumb-padding: .25rem;position:relative;width:var(--rewrite-slider-width);max-width:var(--rewrite-slider-width);height:9rem;border-radius:999px;background:var(--console-rail);overflow:hidden}.rewrite-slider-ticks{position:absolute;inset:0;padding-block:1.45rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:none}.rewrite-slider-tick{width:.25rem;height:.14rem;border-radius:999px;background:var(--console-tick)}.rewrite-thumb{position:absolute;left:50%;top:calc(var(--thumb-padding) + var(--thumb-ratio, .5) * (100% - var(--thumb-size) - (var(--thumb-padding) * 2)));width:var(--thumb-size);height:var(--thumb-size);display:grid;place-items:center;transform:translate(-50%);border-radius:999px;background:var(--console-thumb-bg, var(--console-surface-strong));box-shadow:0 1px 4px var(--console-shadow-medium);transition:top .56s cubic-bezier(.25,1,.5,1)}.rewrite-thumb-icon{width:1rem;height:1rem;filter:var(--console-thumb-icon-filter);transform:scale(1.3);transform-origin:center}.rewrite-slider-label{position:relative;width:100%;max-width:var(--rewrite-slider-width);min-width:var(--rewrite-slider-width);min-height:1.75rem;display:block;font-size:.72rem;line-height:1.05;font-weight:700;letter-spacing:.01em;color:var(--console-text-secondary);overflow:visible;text-align:center}.rewrite-slider-label-text{position:absolute;left:50%;top:0;display:inline-flex;align-items:center;justify-content:center;transform:translate(-50%);white-space:nowrap;text-wrap:nowrap;overflow-wrap:normal}.translate-demo-shell{position:relative}.translate-console{gap:.95rem}.translate-console-board{--translate-pill-width: 167px;--translate-pill-height: 40px;--translate-scroll-pad: 0px;--translate-mask-top: 1rem;--translate-mask-bottom: 2.25rem;position:relative;width:100%;height:12rem;flex:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 var(--translate-mask-top),#000 calc(100% - var(--translate-mask-bottom)),transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 var(--translate-mask-top),#000 calc(100% - var(--translate-mask-bottom)),transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.translate-console-stack{position:relative;width:100%;height:406px;transform:translate3d(0,var(--translate-stack-offset, 0px),0);transition:transform .72s cubic-bezier(.2,.9,.18,1.08);will-change:transform}.translate-pill{position:absolute;left:var(--translate-pill-left);top:calc(var(--translate-pill-top) + var(--translate-scroll-pad));z-index:1;width:var(--translate-pill-width);height:var(--translate-pill-height);display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:0 1rem;border:0;border-radius:999px;overflow:hidden;background:var(--console-surface-strong);color:var(--console-text-primary);font-size:.875rem;font-weight:700;box-shadow:0 1.999px 2.998px var(--console-shadow-medium);transition:color .16s ease,transform .26s cubic-bezier(.22,.9,.24,1),box-shadow .18s ease;pointer-events:none}.translate-pill:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,var(--console-selection-start) 0%,var(--console-selection-end) 100%);opacity:0;transition:opacity .16s ease}.translate-pill>span{position:relative;z-index:1}.translate-pill.is-active{z-index:2;color:var(--console-selection-text);box-shadow:0 3px 10px color-mix(in srgb,var(--console-selection-end) 20%,var(--console-shadow-medium))}.translate-pill.is-active:before{opacity:1}.translate-pill.is-pressing{animation:translate-pill-press .22s cubic-bezier(.22,.9,.24,1)}@keyframes translate-pill-press{0%{transform:scale(1)}35%{transform:scale(.965)}to{transform:scale(1.018)}}.translate-pill-emoji{font-size:1.25rem;line-height:1}.translate-pill-label{font-size:.875rem;font-weight:700;line-height:1;letter-spacing:-.01em;min-width:0;white-space:nowrap}.mobile-hero{position:relative;padding-top:calc(env(safe-area-inset-top) + var(--mobile-appbar-height) + 1.5rem);padding-bottom:var(--mobile-screen-gap);background:radial-gradient(circle at top left,color-mix(in srgb,var(--ios-blue) 15%,transparent 85%) 0,transparent 40%),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-primary) 60%,var(--bg-primary) 100%);overflow:clip}.mobile-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(4rem,14vw,7rem);pointer-events:none;z-index:0;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg-primary) 56%,transparent) 58%,var(--bg-primary) 100%)}.mobile-hero-stage{position:relative;z-index:1;display:grid;gap:1rem;padding-top:clamp(4.9rem,22vw,7rem)}.mobile-hero-copy{position:relative;z-index:1;display:grid;gap:1rem;justify-items:center;text-align:center}.mobile-hero-art{position:absolute;top:clamp(-7rem,-24vw,-4.6rem);left:50%;z-index:0;width:var(--mobile-hero-mock-width);max-width:none;transform:translate(-50%);pointer-events:none}.mobile-hero-art-image{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 24px 44px rgba(0,0,0,.12))}.mobile-section{padding-top:0;padding-bottom:var(--mobile-screen-gap);display:grid;grid-template-columns:minmax(0,1fr)}.mobile-section-alt{padding-bottom:2.5rem}.story-mobile .demo-card-rewrite,.story-mobile .demo-card-translate{width:calc(100% + var(--page-shell-pad-left, 1rem) + var(--page-shell-pad-right, 1rem));min-width:0;max-width:none;display:grid;justify-items:center;margin-left:calc(var(--page-shell-pad-left, 1rem) * -1);margin-right:calc(var(--page-shell-pad-right, 1rem) * -1)}.story-mobile .demo-card.demo-card-rewrite,.story-mobile .demo-card.demo-card-translate{background:none;background-color:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.dark .story-mobile .demo-card.demo-card-rewrite,.dark .story-mobile .demo-card.demo-card-translate{box-shadow:none}.mobile-copy{display:flex;flex-direction:column;gap:.85rem;width:100%;min-width:0}.mobile-copy h2{font-size:2.25rem;font-weight:800;margin:0;letter-spacing:-.04em;line-height:1.1}.mobile-copy p{font-size:1.125rem;line-height:1.5;margin:0;color:var(--text-secondary);font-weight:450}@media(max-width:820px){.story-desktop{display:none}.story-mobile{display:block}.mobile-hero{padding-top:calc(env(safe-area-inset-top) + var(--mobile-appbar-height) + 1.25rem)}.mobile-hero-copy h1{font-size:clamp(2.8rem,14vw,4.3rem);max-width:8.5ch}.story-cta-row{width:100%;display:grid;grid-template-columns:1fr}.story-cta-primary,.story-cta-secondary{width:100%}.story-mobile .rewrite-input-text{max-height:calc(1em * var(--rewrite-input-line-height) * 5);overflow:hidden}.mobile-copy h2{font-size:clamp(2rem,9vw,2.7rem)}}@media(max-width:640px){.demo-card{padding:1rem 1rem 1.1rem;border-radius:1.6rem}.story-mobile .demo-card-rewrite,.story-mobile .demo-card-translate{padding:0}.demo-card-output{font-size:1.22rem;min-height:3.4rem}}.dark .dark-invert[data-astro-cid-pjppy4f5],.dark .openai-icon[data-astro-cid-zadh5scw]{filter:invert(1) brightness(2)}