:root{color-scheme:dark;--bg:#0c1012;--text:#f1f3ed;--muted:#929e9e;--line:#ffffff14;--mint:#6bdfbd;--demo-accent:#6bdfbd;--sans:'Nunito','Segoe UI',sans-serif;--mono:'JetBrains Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}svg{width:20px;height:20px;flex:none}h1,h2,h3,p{margin:0}img{max-width:100%;object-fit:contain}::selection{background:#6bdfbd40;color:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:10px;left:10px;z-index:20;transform:translateY(-150%);background:var(--mint);color:var(--bg);padding:10px 18px;border-radius:10px}.skip-link:focus{transform:none}
.site-header{height:112px;max-width:1512px;padding:0 58px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:10px;font:700 25px var(--mono);letter-spacing:-1.7px}.brand img{height:40px;width:31px;object-fit:cover;object-position:top}.brand-jinn,.brand-dot{color:var(--mint)}.brand-dot{margin-left:1px}.nav-links{display:flex;gap:36px;margin-left:75px;font-size:14px;color:#a4adac}.nav-links a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:25px}.language-switch{display:flex;gap:2px;background:#ffffff08;border:1px solid var(--line);padding:3px;border-radius:8px}.language-switch button{background:transparent;border-radius:5px;font:500 10px var(--mono);padding:7px 8px;color:#677876}.language-switch button[aria-pressed=true]{background:#29302f;color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:11px;padding:15px 21px;font-size:14px;font-weight:700;border:1px solid #ffffff18;background:#1b2425;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-2px);background:#273333}.button-primary{background:var(--mint);color:#122a23;border-color:var(--mint);box-shadow:0 5px 28px #62d9b70e}.button-primary:hover{background:#8ae8cb;box-shadow:0 6px 32px #62d9b728}.button-small{padding:10px 14px;font-size:12px;gap:10px}.button-small svg{width:13px;height:13px}.button-primary svg{width:18px;height:18px}
.app-shell{position:relative;isolation:isolate;max-width:1440px;margin:0 auto;border:1px solid #ffffff15;border-radius:24px;background:radial-gradient(ellipse at 50% 45%,#16302c35,transparent 53%),linear-gradient(135deg,#141c1e,#111719 45%,#131b1c);overflow:hidden}.app-shell:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.03' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.app-topbar{height:65px;display:flex;justify-content:space-between;align-items:center;margin:0 34px;border-bottom:1px solid var(--line);font:500 9px var(--mono);letter-spacing:1.5px;color:#91a29f}.app-identity,.preview-label{display:inline-flex;align-items:center;gap:9px}.online-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 9px #6bdfbd45;flex:none}.preview-label{color:#788784;letter-spacing:.3px}.preview-dot{width:4px;height:4px;background:#7f8986;border-radius:50%}
.hero-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,1.12fr) minmax(265px,.95fr);align-items:center;gap:2px;padding:28px 54px 12px;min-height:560px}.hero-copy{position:relative;z-index:2;max-width:365px;padding-bottom:20px}.eyebrow{font:500 9px/1.6 var(--mono);letter-spacing:1.3px;color:#91aaa3}.hero-copy .eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:24px;letter-spacing:.5px;font-size:8px}.tiny-spark{font-size:17px;color:var(--mint)}h1{font-size:clamp(40px,4.25vw,65px);line-height:1.06;font-weight:700;letter-spacing:-3.6px;margin-left:-3px}h1 span{display:block;white-space:nowrap}.hero-accent{color:var(--mint)}.hero-lead{font-size:15px;line-height:1.8;color:#a0afac;margin:22px 0 29px;max-width:305px}.release-link{display:flex;align-items:center;gap:8px;background:transparent;font-size:10px;color:#879993;padding:0;margin:17px 0 0 2px}.release-link:hover{color:var(--text)}.release-link svg{width:11px;height:11px}
.genie-stage{position:relative;isolation:isolate;height:530px;display:flex;align-items:center;justify-content:center;min-width:0;margin-inline:-38px;pointer-events:none}.stage-halo{position:absolute;z-index:-2;inset:5% -4%;background:radial-gradient(ellipse at 50% 46%,#39b3931b,#1e695b0a 44%,transparent 70%);filter:blur(10px)}#smoke{position:absolute;z-index:-1;width:180%;height:133%;left:-40%;top:-16%;opacity:.8;mask-image:radial-gradient(ellipse at center,#000 38%,transparent 71%);transition:opacity .6s}.genie-float{position:relative;margin-top:-5px;animation:levitate 6s ease-in-out infinite;transform-origin:50% 80%;filter:drop-shadow(0 10px 25px #081a15aa);will-change:transform}.genie{width:auto;height:448px;max-width:none;display:block;filter:brightness(.96) saturate(.8);transition:filter .7s}.key-shadow{position:absolute;z-index:-1;bottom:43px;left:25%;right:25%;height:12px;border-radius:50%;background:#70e6b93d;filter:blur(20px);animation:breathe 6s ease-in-out infinite}.genie-status{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:8px;font:500 9px var(--mono);color:#94b8aa;background:#101b17c9;border:1px solid #63dfb316;padding:8px 12px;border-radius:20px;backdrop-filter:blur(12px)}.status-light{width:4px;height:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #7df8bd40}.orbit{position:absolute;z-index:-1;border:1px solid #79f5c50c;border-radius:50%;width:350px;height:350px;transform:rotateX(28deg) rotateZ(-30deg)}.orbit-two{width:450px;height:450px;border-style:dashed;opacity:.5;animation:orbit 60s linear infinite}.spark{position:absolute;color:#9ae2b9;opacity:.5;animation:twinkle 5s ease-in-out infinite}.spark-one{left:19%;top:21%;font-size:22px}.spark-two{right:15%;top:49%;font-size:16px;animation-delay:-2s}.spark-three{left:22%;bottom:24%;font-size:10px;animation-delay:-3s}
.demo-area{position:relative;z-index:2;width:100%;max-width:324px;justify-self:end;padding-top:25px}.demo-label{display:flex;align-items:center;gap:9px;font:500 8px var(--mono);letter-spacing:1px;color:#879b94;margin:0 0 14px 12px}.demo-label-line{height:1px;width:20px;background:#466457}.demo-window{background:linear-gradient(145deg,#1a2324ed,#151f20f0);border:1px solid #ffffff15;border-radius:15px;box-shadow:0 18px 65px #00000026,0 1px 0 #ffffff05 inset;transform:rotate(1.5deg);transition:transform .5s,border-color .5s,box-shadow .5s;overflow:hidden;backdrop-filter:blur(16px)}.demo-window.is-playing{transform:rotate(0deg) translateY(-3px);border-color:#6bdfbd42;box-shadow:0 18px 65px #00000030,0 0 45px #6bdfbd08}.demo-toolbar{display:flex;align-items:center;gap:10px;padding:15px 16px;border-bottom:1px solid var(--line);font-size:10px;color:#92a09d}.window-dots{display:flex;gap:4px;flex:none}.window-dots i{height:5px;width:5px;border-radius:50%;background:#46534e}.window-dots i:first-child{background:#62635a}.demo-tag{margin-left:auto;font:500 7px var(--mono);letter-spacing:.5px;color:#738a7e;border:1px solid #ffffff0b;border-radius:4px;padding:2px 4px}.demo-content{padding:22px 22px 19px;position:relative;min-height:213px}.field-label{font-size:10px;color:#7f9289;margin-bottom:10px}.demo-source{font:500 14px/1.65 var(--mono);color:#c2cbc5;min-height:46px;overflow-wrap:anywhere;transition:opacity .3s}.demo-source.done{color:#76877f}.transformation{display:flex;align-items:center;gap:10px;width:100%;margin:9px 0 12px;color:#5d8373}.transformation>span:first-child,.transformation>span:last-child{height:1px;background:linear-gradient(90deg,transparent,#6bdfbd15);flex:1}.transformation>span:last-child{transform:scaleX(-1)}.transform-symbol{font-size:17px;line-height:20px}.result-label{color:#79a38f;margin-bottom:8px}.demo-output{color:var(--demo-accent);font-size:21px;font-weight:600;line-height:1.5;min-height:64px;overflow-wrap:anywhere;transition:color .6s}.demo-output.typing:after{content:'';width:2px;height:19px;display:inline-block;vertical-align:-2px;background:var(--demo-accent);margin-left:3px;animation:cursor .8s steps(1) infinite}.demo-bottom{border-top:1px solid var(--line);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-key{font:500 8px var(--mono);border:1px solid #ffffff13;padding:4px 7px;border-radius:5px;color:#9caea6}.replay-button{display:flex;align-items:center;gap:6px;background:transparent;font-size:10px;color:#acb9b0;padding:3px}.replay-button:hover{color:var(--mint)}.replay-button svg{width:13px;height:13px}.demo-description{display:flex;align-items:flex-start;gap:8px;margin:23px 10px 0}.demo-description p{font-size:11px;line-height:1.8;color:#8fa198}.description-dot{height:4px;width:4px;border-radius:50%;background:#6f9985;flex:none;margin-top:7px}.next-example{background:transparent;display:flex;gap:14px;color:#a5b9ac;font-size:10px;margin:14px 0 0 23px;padding:0}.next-example:hover{color:var(--mint)}.demo-result-header{display:flex;align-items:center;min-height:32px;margin-bottom:8px}.demo-result-header .result-label{margin-bottom:0}
.dictation-pill{display:none;align-items:center;gap:7px;height:28px;max-width:100%;padding:4px 8px 4px 4px;border-radius:999px;background:#10231de8;box-shadow:0 3px 12px #00000026;color:#c3ddd0;font-size:10px;font-weight:600;line-height:1;white-space:nowrap;pointer-events:none}
.dictation-pill img{width:20px;height:20px;border-radius:50%;object-fit:cover;object-position:50% 8%;background:#294b3c}
.dictation-pill kbd{font:500 8px var(--mono);color:#8fac9b;padding:3px 4px;border-radius:4px;background:#ffffff06}
.demo-wave{display:flex;align-items:center;gap:2px;height:16px;flex:none}.demo-wave i{width:2px;height:15px;border-radius:2px;background:var(--mint);transform:scaleY(.3);animation:dictation-wave .73s ease-in-out infinite alternate}
.demo-wave i:nth-child(3n){animation-duration:.57s;animation-delay:-.31s}.demo-wave i:nth-child(3n+1){animation-duration:.91s;animation-delay:-.57s}.demo-wave i:nth-child(2n){animation-delay:-.21s}
[data-mode=dictate] .is-playing .dictation-pill{display:inline-flex}[data-mode=dictate] .is-playing .result-label{display:none}
@keyframes dictation-wave{from{transform:scaleY(.2)}to{transform:scaleY(1)}}[data-mode=translate]{--demo-accent:#c9b6ed}[data-mode=translate] .stage-halo{background:radial-gradient(ellipse at center,#79619720,transparent 70%)}[data-mode=dictate] .stage-halo{background:radial-gradient(ellipse at center,#2d9a9d24,transparent 70%)}
.mode-tabs{display:flex;justify-content:center;gap:9px;width:max-content;max-width:calc(100% - 36px);margin:21px auto 0;padding:6px;border-radius:15px;border:1px solid #ffffff0b;background:#0a1113a3;box-shadow:0 7px 30px #00000017}.mode-tab{position:relative;min-width:158px;display:flex;align-items:center;text-align:left;gap:11px;padding:13px 17px;background:transparent;border-radius:10px;color:#87978f;border:1px solid transparent;transition:background .25s,color .25s,border-color .25s}.mode-tab img{height:30px;width:30px;filter:saturate(.45) brightness(.7);opacity:.65;transition:filter .25s,opacity .25s}.mode-tab b{display:block;font-size:13px;font-weight:600}.mode-tab small{font-size:9px;display:block;margin-top:2px;color:#708779}.mode-tab:hover{color:var(--text);background:#ffffff04}.mode-tab[aria-selected=true]{background:#1b3028;border-color:#6bdfbd1a;color:#d9e9db;box-shadow:0 1px 0 #ffffff05 inset}.mode-tab[aria-selected=true] img{filter:none;opacity:1}.mode-tab[aria-selected=true] small{color:#7caa93}.tab-indicator{display:none;width:3px;height:3px;position:absolute;right:9px;top:13px;background:var(--mint);border-radius:50%}.mode-tab[aria-selected=true] .tab-indicator{display:block}.app-footnote{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 34px 23px;font-size:9px;color:#71827a}.motion-toggle{display:flex;align-items:center;gap:6px;font-size:9px;background:transparent;color:#8fa197;padding:4px 0}.motion-toggle:hover{color:var(--text)}.motion-toggle svg{width:10px;height:10px}
.flow-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;max-width:1130px;margin:115px auto 105px;padding-inline:30px;align-items:start}.flow-copy .eyebrow{margin-bottom:20px;color:#6f9a87}h2{font-size:40px;line-height:1.15;letter-spacing:-1.5px;font-weight:600}h2 span{display:block}.flow-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#98a7a0;max-width:350px;margin-top:20px}.familiar-apps{display:flex;align-items:center;margin-top:24px;gap:9px}.familiar-apps span{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#151f1b;border:1px solid #ffffff08}.familiar-apps img{width:27px;height:27px;filter:saturate(.6)}.familiar-apps i{color:#5a7264;font-style:normal;margin-left:7px;font-size:19px}.flow-steps{padding-top:8px}.flow-step{display:flex;gap:22px;padding:0 0 27px;margin-bottom:25px;border-bottom:1px solid var(--line)}.flow-step:last-child{margin-bottom:0}.step-number{font:500 10px var(--mono);color:#567a66;margin-top:4px}.flow-step h3{font-size:16px;font-weight:600;margin-bottom:9px;letter-spacing:-.2px}.flow-step p{font-size:12px;line-height:1.85;color:#8b9b93;max-width:400px}.questions-section{max-width:1130px;padding:0 30px;margin:0 auto 105px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.questions-section .eyebrow{margin-bottom:18px}.questions-section h2{font-size:32px;max-width:300px}.questions-list details{border-bottom:1px solid var(--line);padding:19px 0}.questions-list details:first-child{padding-top:0}.questions-list summary{position:relative;font-size:14px;font-weight:600;cursor:pointer;list-style:none;padding-right:30px}.questions-list summary::-webkit-details-marker{display:none}.questions-list summary:after{content:'+';position:absolute;right:2px;top:-3px;font-size:21px;font-weight:400;color:#8caa99}.questions-list details[open] summary:after{content:'−'}.questions-list details p{font-size:12px;line-height:1.9;color:#92a298;margin-top:13px}
.closing-section{max-width:1070px;margin:0 auto;display:flex;align-items:center;gap:22px;padding:25px 35px;border:1px solid #81e8b412;border-radius:17px;background:radial-gradient(ellipse at 0 50%,#203c2d,#141d18 70%)}.closing-section>img{align-self:flex-end;margin-bottom:-25px;object-position:top;filter:saturate(.75)}.closing-section>div{flex:1}.closing-section h2{font-size:21px;letter-spacing:-.4px;line-height:1.4}.closing-section p{font-size:12px;color:#93ac9b;margin-top:7px}.closing-section .button{font-size:12px;padding:12px 16px;gap:14px}.site-footer{max-width:1130px;padding:46px 30px 37px;margin:auto;display:flex;gap:27px;align-items:center;font-size:10px;color:#697f70}.footer-brand{font:700 14px var(--mono);color:#c6d3c9;letter-spacing:-.8px}.footer-brand span{color:var(--mint)}.site-footer>span:last-child{margin-left:auto;font-size:9px}
.release-dialog{background:radial-gradient(ellipse at 50% 0,#243b30,#141d1a 60%);color:var(--text);border:1px solid #a0ebba21;border-radius:22px;max-width:460px;width:calc(100% - 36px);padding:28px 35px 35px;text-align:center;overflow:visible;box-shadow:0 30px 100px #0008}.release-dialog::backdrop{background:#020a08b8;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:15px;top:10px;background:none;color:#9bad9f;font-size:26px;padding:0 7px}.release-dialog>img{height:95px;width:67px;margin:0 auto 15px;object-position:top}.release-dialog h2{font-size:33px;margin:12px 0 16px;letter-spacing:-1.1px}.release-dialog>p:not(.eyebrow){font-size:14px;color:#9faea4;line-height:1.8}.release-status{font-size:10px;color:#b2c7b7;display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 25px}.release-dialog .button{width:100%;gap:15px}.noscript-note{max-width:650px;margin:25px auto;padding:15px;color:var(--muted);font-size:13px}
@keyframes levitate{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(.8deg)}}@keyframes breathe{0%,100%{transform:scaleX(1);opacity:.65}50%{transform:scaleX(.8);opacity:.3}}@keyframes twinkle{0%,100%{opacity:.2;transform:scale(.8) rotate(0)}50%{opacity:.7;transform:scale(1.1) rotate(30deg)}}@keyframes orbit{from{transform:rotateX(28deg) rotateZ(0)}to{transform:rotateX(28deg) rotateZ(360deg)}}@keyframes cursor{0%,45%{opacity:1}46%,100%{opacity:0}}
[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}[data-motion=off] #smoke{opacity:.5}
@media(min-width:1550px){.hero-grid{min-height:600px;padding-block:35px}.genie-stage{height:560px}.genie{height:475px}.genie-status{bottom:6px}.key-shadow{bottom:38px}}
@media(max-width:1500px){.app-shell{margin-inline:30px}.site-header{padding-inline:46px}.hero-grid{padding-inline:35px;gap:0}.hero-copy{padding-left:3px}.demo-area{max-width:300px}}
@media(max-width:1150px){.site-header{height:94px;padding-inline:35px}.nav-links{margin-left:0;gap:20px}.header-actions{gap:16px}.app-shell{margin-inline:20px}.hero-grid{padding-inline:28px;grid-template-columns:minmax(230px,1fr) minmax(230px,.9fr) minmax(245px,1fr)}h1{font-size:45px;letter-spacing:-2.6px}.hero-lead{font-size:13px;max-width:252px}.hero-copy .eyebrow{font-size:7px}.genie{height:390px}.genie-stage{height:480px;margin-inline:-50px}.demo-content{padding:20px 18px;min-height:198px}.demo-output{font-size:19px}.demo-source{font-size:12px}.demo-label{font-size:7px;letter-spacing:.5px}.flow-section,.questions-section{gap:65px;padding-inline:55px}.closing-section{margin-inline:55px}.flow-section h2{font-size:35px}.mode-tabs{margin-top:12px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1fr;gap:0 10px;padding:35px 45px 5px}.hero-copy{grid-column:1/-1;max-width:590px;text-align:center;margin:auto;padding-bottom:0}.hero-copy .eyebrow{justify-content:center;font-size:8px;margin-bottom:16px}h1{font-size:53px;letter-spacing:-3px}h1 span{display:inline}h1 span+span:before{content:' '}.hero-lead{max-width:470px;font-size:14px;margin:17px auto 21px}.release-link{justify-content:center;margin:15px auto 0}.genie-stage{height:460px;margin-inline:-30px}.genie{height:360px}.genie-status{bottom:5px;font-size:8px}.key-shadow{bottom:41px}.demo-area{padding-top:0;max-width:340px}.demo-output{font-size:21px}.demo-content{min-height:200px}.mode-tabs{margin-top:30px}.app-topbar{height:55px;margin-inline:27px}.flow-section,.questions-section{gap:40px}.nav-links{font-size:12px}.header-release{display:none}.site-header{height:87px}.flow-section{margin-top:80px;margin-bottom:75px}.questions-section{margin-bottom:75px}.closing-section{gap:15px;padding-inline:24px}.closing-section h2{font-size:18px}.closing-section .button{white-space:normal;text-align:left;min-width:155px}.site-footer{padding-inline:55px}}
@media(max-width:640px){body{padding-bottom:100px}.site-header{height:80px;padding:0 23px}.brand{font-size:22px;gap:8px}.brand img{height:34px;width:26px}.nav-links{display:none}.header-actions{gap:0}.app-shell{border-radius:19px;margin-inline:12px;overflow:hidden}.app-topbar{height:47px;margin-inline:19px;font-size:7px;letter-spacing:.7px}.preview-label{font-size:7px}.preview-dot{display:none}.hero-grid{display:flex;flex-direction:column;gap:0;padding:32px 20px 20px}.hero-copy{padding:0;width:100%}.hero-copy .eyebrow{font-size:6.8px;letter-spacing:.5px;margin-bottom:15px}h1{font-size:41px;line-height:1.1;letter-spacing:-2.2px}h1 span{display:block;white-space:normal}h1 span+span:before{content:none}.hero-lead{font-size:12px;line-height:1.75;max-width:300px;margin:16px auto 20px}.hero-copy .button{font-size:12px;padding:12px 17px;border-radius:9px;gap:19px}.release-link{font-size:9px;margin-top:14px}.genie-stage{width:100%;height:392px;margin:3px 0 0}.genie{height:326px}.genie-float{margin-top:0}.genie-status{bottom:0;font-size:7px;padding:7px 10px}.key-shadow{bottom:24px}.orbit-one{width:270px;height:270px}.orbit-two{width:340px;height:340px}.spark-one{left:15%}.spark-two{right:11%}.demo-area{max-width:330px;padding-top:35px}.demo-label{justify-content:center;margin-bottom:15px;margin-left:0;font-size:7px}.demo-window{transform:rotate(1deg)}.demo-content{padding:22px;min-height:215px}.demo-source{font-size:13px}.demo-output{font-size:21px;min-height:62px}.demo-description p{font-size:11px}.demo-description{margin-top:20px}.next-example{margin-top:12px}.mode-tabs{position:fixed;z-index:8;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:none;margin:0;gap:3px;padding:5px;border-radius:15px;background:#101a17ed;border-color:#76998635;backdrop-filter:blur(20px);box-shadow:0 10px 30px #0007}.mode-tab{min-width:0;flex:1;justify-content:center;gap:7px;padding:11px 6px;border-radius:9px}.mode-tab img{width:25px;height:25px}.mode-tab b{font-size:10px}.mode-tab small{font-size:7px;margin-top:1px}.mode-tab .tab-indicator{display:none}.app-footnote{padding:7px 20px 22px;justify-content:center;flex-direction:column;gap:11px;font-size:7px}.motion-toggle{font-size:8px}.flow-section{display:block;padding-inline:28px;margin:65px auto 48px}.flow-copy .eyebrow{font-size:8px;margin-bottom:16px}h2,.flow-section h2{font-size:33px;letter-spacing:-1.3px}.flow-copy>p:not(.eyebrow){font-size:13px;margin-top:16px;max-width:330px}.familiar-apps{margin-top:20px}.flow-steps{padding-top:36px}.flow-step{gap:20px;padding-bottom:22px;margin-bottom:23px}.flow-step h3{font-size:15px}.flow-step p{font-size:12px}.questions-section{display:block;padding-inline:28px;margin-bottom:50px}.questions-section h2{font-size:29px;max-width:none}.questions-section .eyebrow{font-size:8px;margin-bottom:12px}.questions-list{margin-top:28px}.questions-list summary{font-size:13px}.closing-section{position:relative;margin-inline:20px;padding:22px;gap:15px;flex-wrap:wrap;overflow:hidden}.closing-section>img{position:absolute;right:12px;top:28px;width:61px;height:84px;opacity:.8}.closing-section>div{flex-basis:100%;padding-right:57px}.closing-section h2{font-size:19px;line-height:1.35;max-width:230px}.closing-section p{font-size:11px;margin-top:12px;max-width:210px}.closing-section .button{margin-top:4px;white-space:nowrap;min-width:0;font-size:11px}.site-footer{padding:32px 25px 25px;flex-wrap:wrap;gap:10px 20px;font-size:9px}.site-footer>span:last-child{margin-left:0;flex-basis:100%;font-size:8px}.release-dialog{padding:26px}.release-dialog h2{font-size:30px}.release-dialog>p:not(.eyebrow){font-size:13px}}
.demo-toolbar{font-size:11px}.field-label{font-size:11px}.demo-key{font-size:9px}.replay-button,.next-example{font-size:11px}.demo-description p{font-size:12px}.mode-tab b{font-size:14px}.mode-tab small{font-size:10px}.app-footnote{font-size:10px}
@media(max-width:640px){.hero-grid{padding-top:24px}.hero-copy .eyebrow{margin-bottom:12px}.hero-lead{margin-top:12px;margin-bottom:16px}.genie-stage{height:330px}.genie{height:286px}.demo-toolbar,.field-label{font-size:11px}.demo-key{font-size:9px}.demo-description p{font-size:12px}.mode-tab b{font-size:11px}.mode-tab small{font-size:8px}.app-footnote{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}