:root{color-scheme:light dark;--bg:#fff;--ink:#202124;--muted:#656b75;--subtle:#7b818b;--surface:#f5f6f8;--line:#e6e8ec;--blue:#2563db;--blue-soft:#edf3ff;--device:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC",sans-serif;background:var(--bg);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:7px;border-radius:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600}h1{letter-spacing:-.065em;line-height:1.08}h2{letter-spacing:-.045em;line-height:1.25}p{line-height:1.7}.site-header,main,footer{width:min(1160px,calc(100% - 96px));margin:auto}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:23px;font-weight:650;letter-spacing:-.065em;display:inline-block;padding:10px 0}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a{display:inline-block;padding:12px 3px}.language{padding:8px 14px;border-radius:999px;background:var(--surface);font-size:13px;min-width:46px;text-align:center}.skip{position:fixed;z-index:10;top:-100px;left:20px;background:var(--bg);padding:15px}.skip:focus{top:12px}.brand-hero{text-align:center;min-height:min(780px,calc(100svh - 96px));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 0 90px}.brand-hero h1{font-size:clamp(64px,9vw,132px);margin:0 0 20px}.brand-line{font-size:clamp(17px,1.7vw,22px);letter-spacing:-.025em;margin:12px 0 28px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:13px 25px;background:var(--ink);color:var(--bg);border-radius:999px;font-size:15px;font-weight:500;line-height:1.3;--mx:0px;--my:0px;--press:1;transform:translate3d(var(--mx),var(--my),0) scale(var(--press))}.button:hover{background:#383a40;color:#fff}.button:active{--press:.97}.button span{display:inline-block}.button-soft{background:var(--surface);color:var(--ink)}.button-soft:hover{background:var(--blue-soft);color:var(--blue)}.arrow{font-size:20px;line-height:1}.hero-apps{font-size:14px;padding:12px 26px;gap:30px}.dog-space{width:320px;height:254px;position:relative;display:grid;place-items:center;perspective:900px}.dog-object{position:relative;width:220px;height:202px;z-index:1;transform-style:preserve-3d;--dx:0px;--dy:0px;--rx:0deg;--ry:0deg;--near:1;--eye-x:0px;--eye-y:0px;--ear:0px;transform:translate3d(var(--dx),var(--dy),0) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--near))}.dog-head{position:absolute;top:34px;left:17px;width:186px;height:154px;border-radius:46% 46% 43% 43%;background:radial-gradient(ellipse at 30% 18%,#f4f8ff 0,#dce8ff 38%,#b7cef5 80%,#9dbbe9 100%);box-shadow:inset -8px -10px 17px #6f96d126,inset 6px 7px 13px #ffffffb3,0 15px 20px #52719b0a}.dog-ear{position:absolute;width:49px;height:112px;top:27px;border-radius:50% 50% 48% 48%;background:linear-gradient(110deg,#d3e3ff,#8faddb);box-shadow:inset -5px -3px 10px #557eb029;transform-origin:50% 20%}.ear-left{left:0;transform:translateY(var(--ear)) rotate(13deg)}.ear-right{right:0;transform:translateY(var(--ear)) rotate(-13deg)}.dog-eye{position:absolute;top:62px;width:13px;height:18px;border-radius:50%;background:#d0def2;box-shadow:inset 0 2px 3px #7a95bd50;display:grid;place-items:center}.eye-left{left:45px}.eye-right{right:45px}.dog-eye i{width:8px;height:12px;border-radius:50%;background:#283449;box-shadow:inset 2px 2px 2px #627089;transform:translate(var(--eye-x),var(--eye-y))}.dog-muzzle{position:absolute;width:83px;height:59px;bottom:15px;left:52px;border-radius:48%;background:radial-gradient(ellipse at 30% 20%,#f8faff,#e0eaff 80%);box-shadow:inset -3px -4px 10px #a6bddb26,0 2px 3px #91aac92b}.dog-nose{width:25px;height:18px;position:absolute;top:8px;left:29px;border-radius:45% 45% 55% 55%;background:linear-gradient(160deg,#4b586d,#263045);box-shadow:inset 1px 2px 2px #a7b5ce3d}.dog-shadow{position:absolute;bottom:22px;width:136px;height:15px;border-radius:50%;background:#50698521;filter:blur(9px);transform:scale(var(--shadow-scale,1));opacity:var(--shadow-opacity,.7)}.app-collection{padding:28px 0 80px}.app-showcase{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:490px;padding:50px 6%;}.showcase-copy{max-width:440px}.showcase-copy h2{font-size:clamp(32px,4vw,54px);margin-bottom:24px}.showcase-copy p{font-size:clamp(18px,2vw,24px);line-height:1.65;color:var(--muted);margin-bottom:18px;max-width:440px}.platforms{font-size:14px;letter-spacing:.02em;display:block;color:var(--muted)}.showcase-copy .button{margin-top:32px}.showcase-visual{display:grid;place-items:center;min-width:0;padding:30px 0;border-radius:40px;perspective:1000px}.icon-motion{width:clamp(170px,20vw,260px);aspect-ratio:1;--mx:0px;--my:0px;--rx:0deg;--ry:0deg;--shine:0;--press:1;transform:translate3d(var(--mx),var(--my),0) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--press));transform-style:preserve-3d}.app-icon{position:relative;width:100%;height:100%;border-radius:24%;background:linear-gradient(150deg,#6c9dff 0%,#3875e8 48%,#2454c8 100%);box-shadow:inset 0 1px 3px #ffffff80,inset 0 -2px 4px #16439c55,0 26px 50px -18px #3161bc38,0 5px 13px #3049740e;overflow:hidden}.app-icon:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,#fff4,transparent 60%);opacity:var(--shine);pointer-events:none}.icon-trackpad{position:absolute;inset:22% 20% 24%;border:3px solid #ffffffed;border-radius:19%;transform:rotate(-7deg);box-shadow:0 2px 4px #225ac040}.icon-trackpad i{position:absolute;width:10%;aspect-ratio:1;background:#fff;border-radius:50%;top:22%;left:22%}.icon-trackpad span{position:absolute;left:13%;right:13%;bottom:24%;height:2px;background:#ffffffab}.icon-cursor{position:absolute;left:54%;top:45%;width:0;height:0;border-top:37px solid #fff;border-right:24px solid transparent;transform:rotate(-15deg);filter:drop-shadow(0 3px 2px #2351a344)}.collection-hero{padding:70px 6% 0}.collection-hero h1{font-size:clamp(60px,9vw,120px);margin:0}.title-dot{color:var(--blue)}.product-hero{padding:76px 0 90px;text-align:center;display:flex;align-items:center;flex-direction:column;min-height:min(780px,calc(100svh - 96px))}.product-icon{width:170px;margin-bottom:43px}.product-icon .icon-cursor{border-top-width:25px;border-right-width:17px}.product-hero h1{font-size:clamp(48px,6vw,80px);margin-bottom:25px}.product-line{font-size:clamp(19px,2.1vw,27px);max-width:600px;color:var(--muted);line-height:1.65;margin:0 0 23px}.development{font-size:13px;color:var(--subtle);margin:25px 0 0}.feature-story{display:grid;grid-template-columns:1fr 1fr;column-gap:12%;margin:30px 0 80px;padding:0 6%}.device-stage{min-width:0}.device-sticky{position:sticky;top:max(60px,calc((100svh - 590px)/2));display:flex;align-items:center;flex-direction:column;padding:25px 0}.device-frame{width:268px;height:525px;border:6px solid #303237;border-radius:45px;background:var(--device);box-shadow:0 32px 60px -25px #33466433,0 0 0 1px #101116;position:relative;overflow:hidden}.device-island{position:absolute;top:10px;width:74px;height:21px;background:#282a2f;border-radius:20px;left:calc(50% - 37px)}.device-app-name{position:absolute;left:20px;right:20px;top:56px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.device-app-name span{font-size:12px;background:var(--surface);color:var(--muted);border-radius:20px;padding:4px 10px;font-weight:400}.device-screen{position:absolute;inset:108px 15px 30px}.device-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(12px) scale(.985)}.device-panel.is-active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.device-home{position:absolute;bottom:9px;left:calc(50% - 44px);width:88px;height:4px;border-radius:4px;background:var(--ink)}.demo-caption{font-size:12px;color:var(--subtle);margin:26px 0 8px;text-align:center}.demo-mode{font-size:13px;color:var(--muted);margin:0}.feature-step{min-height:660px;display:flex;flex-direction:column;justify-content:center;position:relative}.step-number{font-size:14px;color:var(--blue);display:block;margin-bottom:35px;font-variant-numeric:tabular-nums}.feature-name{font-size:15px;color:var(--muted);margin:0 0 12px}.step-copy h2{font-size:clamp(28px,3.5vw,44px);max-width:440px;margin:0 0 23px;line-height:1.3}.step-copy>p:last-child{font-size:17px;line-height:1.8;max-width:380px;color:var(--muted);margin:0}.mobile-demo{display:none}.input-paper{padding:20px 16px;border-radius:15px;background:var(--surface);height:82px;font-size:17px;letter-spacing:-.03em}.input-paper i{display:inline-block;width:2px;height:19px;background:var(--blue);vertical-align:middle;margin-left:4px}.demo-trackpad{height:150px;background:var(--blue-soft);border:1px solid #2563db0a;border-radius:18px;position:relative}.demo-pointer{position:absolute;width:0;height:0;border-top:25px solid var(--blue);border-right:17px solid transparent;transform:rotate(-18deg);top:45%;left:48%;filter:drop-shadow(0 3px 3px #346bd522)}.pad-mark{position:absolute;left:calc(50% - 18px);bottom:12px;width:36px;height:3px;border-radius:4px;background:#2563db29}.demo-keyboard{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;align-content:end;padding:12px 2px 0;min-height:105px}.demo-keyboard span{background:var(--device);border:1px solid var(--line);border-radius:5px;height:28px;display:grid;place-items:center;font-size:9px;color:var(--muted);box-shadow:0 1px 0 var(--line)}.demo-keyboard .space-key{grid-column:span 9}.mode-dual{display:grid;gap:12px}.mode-text{padding-top:20px}.input-label{font-size:13px;color:var(--muted);margin-bottom:18px}.mode-text .input-paper{height:125px;font-size:24px;padding:24px 16px}.return-key{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:13px;background:var(--blue-soft);color:var(--blue);font-size:14px;margin:14px 0 34px}.mode-trackpad{padding-top:14px}.mode-trackpad .demo-trackpad{height:265px}.pad-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.pad-controls span{background:var(--surface);border-radius:13px;text-align:center;padding:15px;font-size:10px;letter-spacing:.15em;color:var(--muted)}.mode-remote{padding:22px 20px}.remote-direction{width:175px;height:175px;border-radius:50%;background:var(--surface);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin:auto;align-items:center;justify-items:center;font-size:24px;color:var(--muted)}.remote-direction span:first-child{grid-column:2}.remote-direction span:nth-child(2){grid-column:1;grid-row:2}.remote-center{grid-column:2;grid-row:2;width:47px;height:47px;background:var(--device);box-shadow:0 3px 10px #26324809;border-radius:50%}.remote-direction span:nth-child(4){grid-column:3;grid-row:2}.remote-direction span:last-child{grid-column:2;grid-row:3}.remote-play{width:66px;height:66px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);border-radius:50%;font-size:25px;margin:22px auto}.remote-volume{display:flex;justify-content:space-around;gap:18px;font-size:25px;background:var(--surface);border-radius:30px;padding:7px 15px}.mode-air{padding:15px 5px}.air-orbit{height:223px;position:relative;display:grid;place-items:center}.air-orbit:before,.air-orbit:after,.air-orbit i{content:"";width:170px;height:170px;border:1px solid #2563db24;border-radius:50%;position:absolute}.air-orbit:after{width:115px;height:115px}.air-orbit i{width:60px;height:60px}.air-orbit .demo-pointer{left:50%;top:38%}.air-sensitivity{font-size:13px;color:var(--muted);padding:8px 4px 18px}.air-sensitivity>div{height:4px;background:var(--line);border-radius:3px;position:relative;margin-top:17px}.air-sensitivity>div:before{content:"";background:var(--blue);width:56%;height:4px;border-radius:3px;position:absolute}.air-sensitivity i{position:absolute;left:54%;top:-5px;height:14px;width:14px;border-radius:50%;background:var(--device);border:1px solid var(--line);box-shadow:0 1px 3px #20212420}.product-notes{max-width:760px;margin:0 auto;padding:35px 0 100px}.product-notes>h2{font-size:clamp(32px,4vw,44px);margin-bottom:40px}.notes-list details{padding:22px 0;border-bottom:1px solid var(--line)}.notes-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:18px}.notes-list summary::-webkit-details-marker{display:none}.notes-list summary span{font-size:24px;color:var(--muted)}.notes-list details[open] summary span{transform:rotate(45deg)}.notes-list details p{margin:22px 0 2px;max-width:680px;font-size:16px;color:var(--muted)}.product-links{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:38px}.plain-link{display:inline-block;padding:12px 0;font-size:14px}.reading{max-width:720px;margin:auto;padding-bottom:60px}.page-hero{padding:75px 0 38px}.page-hero h1{font-size:clamp(36px,5vw,60px);margin:0}.eyebrow{font-size:14px;color:var(--muted);margin:0 0 23px}.text-section{margin-bottom:40px}.text-section h2{font-size:24px;margin-bottom:15px}.text-section p{font-size:17px;color:var(--muted);margin:0}.notice{background:var(--surface);padding:24px;border-radius:14px;margin-bottom:40px}.notice h2{font-size:23px}.notice p{margin:0;font-size:16px;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 0 38px;color:var(--muted);font-size:13px}footer small{font-size:13px}footer div{display:flex;gap:25px}[data-magnetic]{--mx:0px;--my:0px;transform:translate3d(var(--mx),var(--my),0)}.button[data-magnetic]{transform:translate3d(var(--mx),var(--my),0) scale(var(--press))}
@media(prefers-color-scheme:dark){:root{--bg:#151618;--ink:#f4f5f7;--muted:#a6adb8;--subtle:#989fab;--surface:#22252a;--line:#343940;--blue:#8bb2ff;--blue-soft:#232f46;--device:#1c1f24}.button:hover{background:#d9dde5;color:#151618}.button-soft:hover{background:var(--blue-soft);color:var(--blue)}.dog-shadow{background:#0008}.app-icon{box-shadow:inset 0 1px 3px #ffffff60,inset 0 -2px 4px #16439c55,0 26px 50px -18px #0006}.device-frame{border-color:#42464d;box-shadow:0 30px 60px -20px #0006,0 0 0 1px #575d68}.device-island{background:#101114}.dog-head{background:radial-gradient(ellipse at 30% 18%,#e5edff 0,#ccdcf7 38%,#9eb9e5 80%,#809fcf 100%)}.dog-ear{background:linear-gradient(110deg,#b7cef1,#7191c0)}}
@media(max-width:1023px){.site-header,main,footer{width:calc(100% - 64px)}.app-showcase{padding:40px 4%;gap:44px}.feature-story{padding:0 2%;column-gap:8%}.device-frame{width:246px;height:490px}.device-screen{inset:104px 13px 30px}.device-sticky{top:max(35px,calc((100svh - 555px)/2))}.feature-step{min-height:600px}.mode-dual{gap:9px}.mode-dual .demo-trackpad{height:128px}.mode-text .return-key{margin-bottom:25px}.mode-trackpad .demo-trackpad{height:245px}.demo-keyboard{gap:3px}.remote-direction{width:165px;height:165px}.remote-play{margin:18px auto}.air-orbit{height:208px}}
@media(max-width:767px){.site-header,main,footer{width:calc(100% - 40px)}.site-header{height:80px}.wordmark{font-size:21px}nav{gap:22px}.brand-hero{padding:42px 0 70px;min-height:650px;justify-content:flex-start}.brand-hero h1{font-size:clamp(64px,13vw,92px);margin-bottom:23px}.dog-space{width:290px;height:246px}.brand-line{font-size:17px;margin:20px 0 26px}.app-collection{padding:0 0 45px}.app-showcase{grid-template-columns:1fr;gap:30px;padding:65px 8% 75px;min-height:0;text-align:center}.showcase-visual{grid-row:1;padding:0}.icon-motion{width:190px}.showcase-copy{margin:auto}.showcase-copy h2{font-size:34px;margin-bottom:18px}.showcase-copy p{font-size:19px;max-width:370px}.showcase-copy .button{margin-top:26px}.collection-hero{padding:65px 0 25px;text-align:center}.collection-hero h1{font-size:80px}.product-hero{padding:55px 0 75px;min-height:610px}.product-icon{width:146px;margin-bottom:38px}.product-hero h1{font-size:46px}.product-line{font-size:20px;max-width:450px}.feature-story{display:block;margin:0;padding:0 5%}.device-stage{display:none}.feature-step{min-height:0;padding:48px 0 76px;align-items:center}.step-copy{width:100%;max-width:440px}.step-number{margin-bottom:25px}.step-copy h2{font-size:32px;max-width:400px}.step-copy>p:last-child{font-size:16px;max-width:420px}.mobile-demo{display:block;width:245px;height:360px;margin:40px auto 0;background:var(--device);border-radius:28px;padding:12px;box-shadow:0 15px 45px -25px #283b6233}.mobile-demo .demo-keyboard{padding-top:12px}.mobile-demo .mode-dual{gap:10px}.mobile-demo .mode-dual .demo-trackpad{height:130px}.mobile-demo .mode-text{padding-top:10px}.mobile-demo .mode-text .input-paper{height:105px}.mobile-demo .mode-text .return-key{margin:12px 0 20px}.mobile-demo .mode-trackpad{padding-top:0}.mobile-demo .mode-trackpad .demo-trackpad{height:258px}.mobile-demo .mode-remote{padding:10px 15px}.mobile-demo .mode-air{padding-top:0}.mobile-demo .air-orbit{height:213px}.product-notes{padding:45px 5% 65px}.product-notes>h2{font-size:32px}.notes-list summary{font-size:17px}.notes-list details{padding:21px 0}.demo-caption{font-size:12px}.page-hero{padding:55px 0 35px}.text-section h2{font-size:22px}.text-section p{font-size:16px}footer{font-size:12px;padding:30px 0;gap:16px}footer div{gap:18px}footer small{font-size:12px}}
@media(max-width:374px){nav{gap:15px}.brand-line{font-size:16px}.wordmark{font-size:20px}.brand-hero{min-height:610px}.brand-hero h1{font-size:64px}.dog-space{height:226px}.app-showcase{padding-left:3%;padding-right:3%}.feature-story{padding:0 2%}.product-links{gap:22px}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){a{transition:color .2s,background .25s}.button{transition:background .25s,color .2s,scale .18s}.button:active,.showcase-visual:active .icon-motion{scale:.97}.device-panel{transition:opacity .32s,transform .4s,visibility .4s}.notes-list summary span{transition:transform .25s}.motion-ready [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .7s cubic-bezier(.2,.75,.3,1)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-magnetic],.icon-motion,.dog-object,.dog-eye i{transform:none!important}.feature-story{display:block;max-width:720px;margin:0 auto 60px}.device-stage{display:none}.feature-step{min-height:0;padding:42px 0 65px}.mobile-demo{display:block;width:245px;height:360px;margin:30px auto 0;padding:12px;border-radius:25px;background:var(--device)}.mobile-demo .mode-dual .demo-trackpad{height:128px}.mobile-demo .mode-text .return-key{margin-bottom:20px}.mobile-demo .mode-trackpad .demo-trackpad{height:250px}.mobile-demo .air-orbit{height:210px}[data-reveal]{opacity:1!important;transform:none!important}}

.language-switch{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--surface)}.language-switch a{font-size:13px;padding:7px 14px;border-radius:999px;text-align:center}.language-switch a[aria-current]{background:var(--blue-soft);color:var(--blue)}

.real-app-icon{display:block;width:100%;height:auto;border-radius:24%;box-shadow:0 8px 24px #2274e930}