:root{--night:#111b20;--ink:#18333e;--paper:#f2eee4;--gold:#edcf94;--teal:#b3d6d2;--white:#edf2ef;--muted:#b6c6cc;--line:#48606a;--body:'Avenir Next',Avenir,-apple-system,BlinkMacSystemFont,sans-serif;--serif:'Baskerville',Georgia,serif;--display:88px;--heading:56px;--body-size:18px;--detail:16px;--label:14px;--ease:cubic-bezier(.22,.85,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;overflow-x:clip;background:var(--night);color:var(--white);font:var(--body-size)/1.55 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}em{font-family:var(--serif);font-weight:400;color:var(--gold)}.wrap{width:calc(100% - 120px);max-width:1280px;margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;left:20px;top:-70px;z-index:100;background:var(--paper);color:var(--ink);padding:12px}.skip:focus{top:10px}.study-bar{position:sticky;top:0;z-index:80;background:#e8ede9;color:#263a41;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 26px;font-size:var(--label)}.study-bar b{font-weight:400;padding:0 8px;color:#61757c}.study-bar>a{margin-left:auto;margin-right:28px}.study-bar>button{font-size:var(--label);min-height:42px;display:flex;align-items:center;gap:9px}.site-header{position:relative;z-index:5;height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-size:30px;letter-spacing:-1px;font-weight:600}.brand img{width:30px;height:30px}.site-header nav{display:flex;gap:36px;font-size:var(--detail)}.site-header nav>a{padding:12px 0}.header-link{display:flex;gap:28px;align-items:center;font-size:var(--detail)}.header-link>span{font-size:24px}
.hero{position:relative;min-height:830px;isolation:isolate}.hero-atmosphere{position:absolute;inset:-20px -50px 20px;pointer-events:none;z-index:-1;overflow:hidden}.cold-haze{position:absolute;inset:25% 0 0 30%;background:radial-gradient(ellipse at 55% 70%,#315f6a70,transparent 64%);filter:blur(12px)}.beam-field{position:absolute;left:28%;top:-60px;width:1200px;height:880px;opacity:.92;mask-image:linear-gradient(#000 75%,transparent)}.beam-field canvas{width:100%;height:100%;display:block}.floor{position:absolute;left:36%;right:-12%;bottom:65px;height:290px;transform:perspective(650px) rotateX(63deg) rotateZ(-13deg);border-radius:50%;background:radial-gradient(ellipse at center,#e2c78b25 0,#94bac22b 18%,transparent 58%);box-shadow:0 0 80px #668f9520}.floor i{position:absolute;inset:8%;border:1px solid #c4e1db25;border-radius:50%}.floor i:nth-child(2){inset:23%;border-color:#e9d6a346}.floor i:nth-child(3){inset:36%;border-color:#eee6c139}.hero-copy{position:relative;z-index:4;max-width:640px;padding-top:80px;pointer-events:none}.hero-copy button,.hero-copy a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:12px;font-size:var(--label);letter-spacing:.07em;font-weight:600;text-transform:uppercase;color:var(--muted);margin-bottom:24px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px #edcf9480}.hero h1{font-size:var(--display);font-weight:500;line-height:1.03;letter-spacing:-4px;margin-bottom:28px}.hero h1 em{font-size:1.13em;letter-spacing:-4px;line-height:.9}.hero-lede{font-size:22px;line-height:1.5;color:#c9d6d9;max-width:450px}.invocation{display:flex;align-items:center;gap:27px;margin-top:37px}.physical-key{position:relative;width:105px;height:101px;padding:0;border-radius:22px;background:linear-gradient(125deg,#827e6a,#354a50 42%,#998667 95%);box-shadow:0 10px 0 #152d33,0 11px 0 #82999a,0 18px 35px #0009;transform:perspective(450px) rotateX(12deg) rotateY(-8deg) rotateZ(-8deg);transition:transform .2s,box-shadow .2s;user-select:none;touch-action:none}.key-face{position:absolute;inset:1px 2px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbd2b7,#f8edd0 48%,#aebdc0);border-radius:20px;box-shadow:inset 0 1px 2px #fff,inset 0 -5px 6px #0002;color:#263c42}.key-symbol{font-size:38px;line-height:1.1}.key-name{font-size:var(--label);margin-top:5px;font-weight:500}.physical-key:hover{transform:perspective(450px) rotateX(8deg) rotateY(-4deg) rotateZ(-6deg) translateY(-2px)}body[data-phase=listening] .physical-key{transform:perspective(450px) rotateX(9deg) rotateY(-8deg) rotateZ(-8deg) translateY(7px);box-shadow:0 3px 0 #152d33,0 4px 0 #82999a,0 10px 24px #0008}.invocation-copy strong,.invocation-copy>span{display:block;font-size:var(--detail)}.invocation-copy strong{font-weight:600}.invocation-copy>span{color:var(--muted);margin-top:3px}.watch-link{padding:11px 0 0;font-size:var(--detail);color:var(--gold)}.watch-link>span{padding-left:12px}.hero-hint{margin-top:25px;color:var(--muted);font-size:var(--label)}.privacy{font-size:var(--detail);color:var(--muted);line-height:1.5;margin-top:25px}.privacy>span{color:var(--gold);margin-right:6px}
.desktop-stage{position:absolute;z-index:2;left:42%;right:-2%;top:25px;height:710px;perspective:1500px;pointer-events:none}.stage-parallax{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(var(--rx,0deg)) rotateX(var(--ry,0deg));transition:transform .5s var(--ease)}.rear-window{position:absolute;left:100px;top:90px;width:410px;padding:20px 26px 30px;color:#d8e5e4;background:linear-gradient(135deg,#c8dfdd36,#7b9ba928);border:1px solid #d6e6e354;box-shadow:0 20px 35px #0002,inset 1px 1px 1px #ecf5ee28;border-radius:17px;transform:rotateY(-10deg) rotateX(7deg) rotateZ(-12deg) translateZ(-80px);backdrop-filter:blur(12px);opacity:.7}.rear-top{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #dae6e52e;font-size:var(--detail)}.rear-window>p{font-size:var(--label);margin-top:20px;color:#cedbdb}.rear-window h3{font-size:26px;font-weight:500;margin-top:7px}.rear-lines{display:grid;gap:9px;margin-top:19px}.rear-lines i{height:3px;background:#e4f0ed35;width:77%;border-radius:3px}.rear-lines i+ i{width:60%}.scene-shadow{position:absolute;width:500px;height:125px;right:0;top:548px;border-radius:50%;background:#0009;filter:blur(24px);transform:rotate(-9deg) scaleX(1.2)}.desktop-note{position:absolute;right:0;top:245px;width:570px;border-radius:19px;background:linear-gradient(120deg,#fffdf3,#e4ece6);border:1px solid #fff9;color:#213b42;box-shadow:2px 3px 0 #8eaaa6,6px 8px 0 #46646b,0 30px 75px #0006,inset 0 1px 1px #fff;transform:rotateY(-9deg) rotateX(6deg) rotateZ(4deg) translateZ(55px);transition:transform 1s var(--ease),box-shadow 1s var(--ease);overflow:hidden;pointer-events:auto}body[data-phase=listening] .desktop-note{transform:rotateY(-6deg) rotateX(3deg) rotateZ(2deg) translateZ(60px);box-shadow:2px 3px 0 #b6b18b,6px 8px 0 #697a65,0 30px 75px #0006,0 -2px 35px #efce9340}.window-chrome{height:58px;padding:0 24px;border-bottom:1px solid #1e414d21;display:flex;align-items:center;justify-content:space-between;font-size:var(--detail);font-weight:500}.window-dots{display:flex;gap:5px;width:50px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#597a7240}.document-mark{color:#647d80}.note-content{padding:27px 30px 22px;min-height:240px;position:relative}.label{font-size:var(--label);line-height:1.5;color:#526e75;margin-bottom:14px}.note-result{font-size:24px;line-height:1.45;letter-spacing:-.4px}.note-result:not(:empty):after{content:'';display:inline-block;width:2px;height:24px;background:#617e6c;margin-left:5px;vertical-align:-3px}.note-status{border-top:1px solid #1e414d21;display:flex;align-items:center;gap:10px;min-height:62px;padding:9px 22px;font-size:var(--detail);color:#47636a}.status-dot{width:7px;height:7px;border-radius:50%;background:#487d5c;flex-shrink:0}.note-status button{margin-left:auto;width:38px;height:40px;font-size:25px}.listening-state{position:absolute;inset:75px 30px 20px;display:flex;flex-direction:column;justify-content:center;gap:15px;color:#526e75;font-size:var(--detail)}.sound-dots{height:55px;display:flex;align-items:center;gap:11px}.sound-dots i{width:11px;height:11px;border-radius:50%;background:#4a7566;transform:translateY(calc(var(--level,.1)*-18px))}.sound-dots i:nth-child(2n){transform:translateY(calc(var(--level,.1)*18px));opacity:.65}.sound-dots i:nth-child(3){width:15px;height:15px}.floating-selection{position:absolute;left:155px;top:616px;display:flex;gap:18px;align-items:center;background:linear-gradient(120deg,#d2e4deec,#91b4b0e8);border:1px solid #e4f2ea;border-radius:14px;color:#1c3e44;padding:15px 22px;box-shadow:0 20px 40px #0005;transform:rotate(-7deg) rotateY(12deg) translateZ(90px);font-size:var(--detail);white-space:nowrap}.floating-selection span:first-child{font-size:23px;margin-right:3px}.stage-caption{position:absolute;right:8px;bottom:12px;display:flex;align-items:center;gap:12px;color:#bdced2;font-size:var(--label);transform:translateZ(0)}.stage-caption-rule{height:1px;width:35px;background:#809c9e}.hero-path{position:absolute;left:0;right:0;bottom:22px;display:flex;align-items:center;gap:44px;border-top:1px solid #75939850;padding-top:22px;font-size:var(--detail)}.hero-path a{display:flex;gap:12px;align-items:center}.hero-path a>span{font-size:24px;color:var(--gold)}.hero-path .scroll-prompt{margin-left:auto}
/* Two ideas, two scenes. Details are opt-in. */
:root{--heading:56px}.study-bar{min-height:42px}.study-bar>button{min-height:36px}.site-header{height:82px}.site-header nav{margin-left:auto}.hero{min-height:715px}.hero-copy{max-width:650px;padding-top:80px}.hero h1{font-size:88px;letter-spacing:-4px}.hero h1 em{font-size:1.1em}.hero-lede{max-width:460px}.invocation{margin-top:36px}.privacy{margin-top:34px;font-size:16px}.desktop-stage{top:0;left:45%;height:665px}.desktop-note{top:218px;width:540px}.rear-window{top:95px;left:40px;width:390px}.scene-shadow{top:535px;max-width:calc(100% - 80px);right:35px;transform:rotate(-9deg);height:95px}.stage-caption{bottom:8px}.hero-atmosphere{inset:-20px -45px 0}.beam-field{left:25%;top:-75px}.floor{bottom:45px}
.help-section{background:var(--paper);color:var(--ink);padding:76px 0 45px;overflow:hidden}.help-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}h2{font-size:var(--heading);font-weight:500;letter-spacing:-2px;line-height:1.12}h2 em{color:#89703e;font-size:1.1em}.shortcut{display:flex;align-items:center;gap:12px;color:#4a6269;font-size:16px}.shortcut kbd{font:26px var(--body);width:44px;height:43px;display:grid;place-items:center;border:1px solid #acbcb8;box-shadow:0 3px 0 #acbcb8;border-radius:8px;background:#faf9f0}.example-tabs{display:flex;gap:28px;margin-top:30px}.example-tabs button{font-size:18px;color:#4b6570;padding:10px 0 13px;border-bottom:2px solid transparent}.example-tabs button[aria-pressed=true]{color:#193d45;font-weight:600;border-color:#193d45}.example-tabs button:focus-visible,.help-section a:focus-visible,.help-section summary:focus-visible,.help-section button:focus-visible{outline-color:#193d45}.help-scene{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;margin:44px 10px 34px;gap:28px;min-height:330px}.paper{border:1px solid #d2dbd1;border-radius:9px;min-height:305px;padding:25px 30px;background:#fffef8;box-shadow:0 2px 0 #c4cec6,0 18px 35px #2849471c}.source-paper{transform:rotate(-2deg)}.result-paper{transform:rotate(2deg);background:linear-gradient(120deg,#faf7e6,#efe2b8);border-color:#e3d4a7;box-shadow:0 3px 0 #c8ba94,0 18px 35px #2849471c}.paper-label{font-size:16px;color:#506a72;margin-bottom:22px}.result-paper .paper-label{display:flex;justify-content:space-between;color:#6d603d}.paper-label span{color:#a5873c;font-size:23px;line-height:1}.paper-text{font-size:24px;line-height:1.4;letter-spacing:-.4px;min-height:100px}.spoken-request{display:flex;gap:15px;align-items:center;margin:24px -40px -6px -13px;padding:17px 20px;background:#1c353f;color:#edf2e9;border-radius:13px;box-shadow:0 8px 18px #183c3c22;position:relative}.spoken-request p{font-size:18px;line-height:1.45}.ask-key{font-size:28px;color:var(--gold)}.scene-arrow{font-size:64px;color:#789591;justify-self:center;font-weight:300}.result-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;min-height:53px;margin-top:18px;padding-top:18px;border-top:1px solid #bcae863f;color:#675f48;font-size:16px}.result-controls p{font-size:16px}.result-controls button{font-size:16px;padding:6px 0;min-height:40px;color:#294f50;text-decoration:underline;text-underline-offset:4px}.ai-disclosure{font-size:16px;color:#48656d;margin:32px 0 0}.more-options{margin-top:55px}.more-options details{border-top:1px solid #bac9c3}.more-options details:last-child{border-bottom:1px solid #bac9c3}.more-options summary{display:flex;align-items:center;gap:28px;list-style:none;padding:23px 0;font-size:20px;cursor:pointer}.more-options summary::-webkit-details-marker{display:none}.summary-preview{font-size:16px;color:#4e6871;margin-left:auto}.expand-icon{font-size:26px;color:#63807f;margin-left:auto}.summary-preview+.expand-icon{margin-left:0}.more-options details[open]>.summary-preview{display:none}.more-options details[open] .expand-icon{transform:rotate(45deg)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 60px;padding:8px 0 35px}.tool-grid h3{font-size:22px;font-weight:600;margin-bottom:10px}.tool-grid p,.setup-content p{font-size:18px;line-height:1.5;color:#345561}.tool-grid .detail-note{font-size:16px;color:#4d6870;margin-top:14px}.feature-example{margin-top:16px}.feature-example span{font-size:24px}.feature-example span:last-child{color:#816327}.setup-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;padding:8px 0 35px}.setup-content strong{display:block;color:#1d414d;font-weight:600;margin-bottom:8px}.site-footer{display:flex;justify-content:space-between;gap:24px;padding:26px 0 30px;font-size:14px;color:var(--muted)}.site-footer>span:first-child{font-size:18px;color:#e7ece8}body.paused *{animation:none!important;transition:none!important}body.paused .stage-parallax{transform:none}body[data-mode=improve] #sourceText,body[data-mode=translate] #sourceText{background:#dce7df;box-shadow:6px 0 #dce7df,-6px 0 #dce7df}summary{touch-action:manipulation}
@media(max-width:1200px){:root{--heading:49px}.wrap{width:calc(100% - 80px)}.hero-copy{max-width:550px}.hero h1{font-size:76px}.desktop-stage{left:46%;right:0;top:30px}.desktop-note{width:450px;top:225px}.rear-window{width:350px;left:0}.hero-atmosphere{inset-inline:-35px}.note-result{font-size:22px}.help-scene{grid-template-columns:1fr 45px 1fr;gap:18px}.paper{padding:24px;min-height:330px}.paper-text{font-size:22px}.scene-arrow{font-size:48px}.spoken-request{margin-right:-32px}.hero-lede{font-size:20px;max-width:350px}.invocation{gap:22px}.beam-field{left:7%}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero h1{font-size:66px;letter-spacing:-3px}.hero-copy{max-width:460px;padding-top:65px}.hero{min-height:735px}.desktop-stage{left:48%;top:52px;height:630px}.desktop-note{width:380px;top:220px;transform:rotate(-1deg) rotateY(-3deg)}.rear-window{width:320px;top:105px;left:-25px}.note-content{min-height:240px;padding:24px}.note-result{font-size:22px}.window-chrome{height:50px}.note-status{font-size:16px;padding-inline:16px}.hero-atmosphere{inset-inline:-25px}.physical-key{width:90px;height:90px}.privacy{max-width:280px}.help-scene{grid-template-columns:1fr 28px 1fr;gap:14px;margin-inline:6px}.scene-arrow{font-size:34px}.paper{padding:22px;min-height:340px}.paper-text{font-size:22px;min-height:125px}.spoken-request{margin-inline:-12px;font-size:16px}.spoken-request p{font-size:16px}.summary-preview{max-width:380px}.setup-content{grid-template-columns:1fr;gap:24px}}
@media(max-width:780px){:root{--heading:44px}.study-bar{padding-inline:16px;gap:12px}.study-bar>a{display:none}.site-header{height:82px}.site-header nav{gap:22px}.hero{min-height:0;padding-bottom:30px}.hero-copy{max-width:100%;padding-top:30px}.hero h1{font-size:64px;margin-bottom:22px}.hero-lede{max-width:none;font-size:20px}.invocation{margin-top:29px}.privacy{max-width:none;margin-top:28px}.desktop-stage{position:relative;left:auto;right:auto;top:auto;height:485px;margin-top:0}.stage-parallax{transform:none!important}.desktop-note{width:75%;top:115px;right:3%;transform:rotate(2deg)!important}.rear-window{left:4%;top:24px;width:61%;transform:rotate(-8deg)}.rear-window>p{margin-top:12px}.rear-lines{display:none}.scene-shadow{top:auto;bottom:55px;opacity:.4}.stage-caption{bottom:0;right:3%}.beam-field{left:-18%;top:300px;height:900px}.floor{left:10%;right:0;bottom:40px}.hero-atmosphere{inset-inline:-20px}.help-section{padding:55px 0 32px}.help-heading{align-items:center}.help-scene{grid-template-columns:1fr 28px 1fr;gap:10px}.paper{padding:20px;min-height:350px}.paper-text{font-size:20px;min-height:132px}.paper-label{font-size:16px;margin-bottom:18px}.source-paper{transform:rotate(-1deg)}.result-paper{transform:rotate(1deg)}.spoken-request{gap:10px;padding:15px;align-items:flex-start}.ask-key{font-size:23px}.more-options summary{flex-wrap:wrap;gap:10px}.summary-preview{order:3;flex-basis:100%;max-width:none;margin-left:0}.summary-preview+.expand-icon{margin-left:auto}.tool-grid{gap:28px}.site-footer{flex-wrap:wrap}.site-footer>span:nth-child(2){order:3;flex-basis:100%}}
@media(max-width:580px){:root{--heading:38px}.wrap{width:calc(100% - 40px)}.study-bar{padding:3px 12px;min-height:40px}.study-bar>button{min-height:34px}.site-header{height:74px}.site-header nav{gap:18px;font-size:16px}.brand{font-size:27px}.brand img{width:27px;height:27px}.hero-copy{padding-top:24px}.eyebrow{margin-bottom:18px;font-size:14px}.hero h1{font-size:54px;letter-spacing:-2.5px}.hero h1 em{letter-spacing:-2px}.hero-lede{font-size:18px;max-width:310px}.invocation{margin-top:28px;gap:24px}.physical-key{width:87px;height:85px}.key-symbol{font-size:32px}.key-name{font-size:14px}.privacy{font-size:16px;max-width:280px;margin-top:27px}.desktop-stage{height:480px;margin-top:12px}.desktop-note{width:96%;right:1%;top:95px}.window-chrome{height:48px;padding:0 17px}.window-dots{width:32px;gap:4px}.window-dots i{width:5px;height:5px}.note-content{padding:21px 20px;min-height:245px}.note-result{font-size:22px}.note-status{padding:8px 14px;min-height:56px;gap:8px}.note-status button{flex:0 0 34px;width:34px}.rear-window{top:12px;width:83%;left:3%;padding:15px 19px}.rear-top{padding-bottom:10px}.rear-window h3{font-size:22px}.rear-window>p{margin-top:10px}.stage-caption{bottom:0;font-size:14px}.beam-field{left:-116%;top:440px;width:1100px;height:800px}.help-heading{gap:12px;align-items:center}h2{font-size:38px;letter-spacing:-1.5px}.shortcut{font-size:16px;gap:9px}.shortcut kbd{width:36px;height:36px;font-size:23px}.example-tabs{gap:24px;margin-top:25px}.example-tabs button{font-size:16px;padding-bottom:10px}.help-scene{display:flex;flex-direction:column;align-items:stretch;gap:22px;margin:28px 0 25px;min-height:0}.paper{min-height:0;padding:22px;transform:none!important}.paper-text{font-size:22px;min-height:0}.paper-label{margin-bottom:17px}.spoken-request{margin:23px -9px -5px;gap:13px;padding:16px;align-items:center}.spoken-request p{font-size:18px}.scene-arrow{display:none}.result-controls{margin-top:25px;min-height:42px;padding-top:17px}.ai-disclosure{margin-top:22px;font-size:16px}.more-options{margin-top:35px}.more-options summary{font-size:18px;padding:20px 0}.summary-preview{font-size:16px;line-height:1.5;max-width:290px}.tool-grid{grid-template-columns:1fr;padding-bottom:30px}.setup-content{padding-bottom:28px}.tool-grid h3{font-size:22px}.site-footer{padding:25px 0;gap:20px}.site-footer>span:first-child{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.stage-parallax{transform:none!important}}