@charset "UTF-8";
:root{--ice:#f1f8f6;--mint:#bceede;--teal:#095f60;--deep:#073c40;--ink:#202a2c;--muted:#637472;--line:#d9e4df;--paper:#fff;--font:"Avenir Next","Helvetica Neue",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--ice);color:var(--ink);font:17px/1.65 var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid #149c94;outline-offset:5px}button:disabled{cursor:default}svg{display:block}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.1}h1,h2{letter-spacing:-.055em}h1{font-size:clamp(58px,5.7vw,86px);color:var(--deep);line-height:1.015}h2{font-size:clamp(37px,4.2vw,58px)}h3{font-size:23px;letter-spacing:-.035em}p{max-width:65ch}button{color:inherit}section{scroll-margin-top:32px}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;z-index:99;top:12px;left:12px;transform:translateY(-180%);padding:12px;background:var(--deep);color:#fff;border-radius:8px}.skip:focus{transform:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 22px;border:1px solid transparent;border-radius:13px;text-decoration:none;font-size:15px;font-weight:600;line-height:1.3;transition:background .16s,box-shadow .16s}.button-small{min-height:42px;padding:10px 17px;font-size:14px;border-radius:10px}.button-primary{background:var(--deep);color:#fff;box-shadow:0 4px 8px #073c4010}.button-primary:hover{background:var(--teal)}.button-outline{border-color:#b7cec6;background:transparent;color:var(--deep)}.button-outline:hover{background:#e1f1eb}.button-light{background:#c7f0e3;color:#123e3e}.button-light:hover{background:#e4fff5}.button-dark-outline{border-color:#64827d;color:#e8f6f0;background:transparent}.button-dark-outline:hover{background:#1e5253}.button-white{background:#fff;color:var(--deep)}.button-white:hover{background:#e4fff4}.text-link{font-size:15px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.text-link:hover{color:var(--teal)}.small-label{font-size:15px;font-weight:600;margin-bottom:20px}.status-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:#2b9980;box-shadow:0 0 0 4px #2b99800c}
.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;line-height:1.2;letter-spacing:-.045em;font-weight:650;color:var(--deep)}.brand img{border-radius:11px}.site-header nav{display:flex;gap:29px;margin-left:auto;margin-right:26px;font-size:14px}.site-header nav a{text-decoration:none;color:#526461}.site-header nav a:hover{color:var(--deep)}
.hero{display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:45px;min-height:745px;padding-block:35px 55px}.hero-copy{padding-bottom:30px}.device-note{display:flex;gap:10px;align-items:center;font-size:14px;margin-bottom:24px;color:#4e6b63}.lead{font-size:20px;line-height:1.6;margin-top:27px;color:#526965;letter-spacing:-.012em}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:31px;flex-wrap:wrap}.hero-footnote{font-size:12px;line-height:1.5;color:#72817b;margin-top:18px}.face-picker{margin-top:53px}.picker-heading{display:block;font-size:13px;color:#56716a;margin-bottom:14px}.face-options{display:flex;gap:17px}.face-option{display:flex;flex-direction:column;align-items:center;gap:9px;border:0;background:transparent;padding:0 0 4px;min-width:44px;font-size:11px;color:#6c7a75}.swatch{display:block;width:32px;height:32px;border-radius:50%;border:3px solid var(--ice);box-shadow:0 0 0 1px #c6d2cd;position:relative}.face-option[aria-pressed=true]{color:#173f39;font-weight:650}.face-option[aria-pressed=true] .swatch{box-shadow:0 0 0 2px #1a766b}.swatch-silver{background:linear-gradient(130deg,#f2f4f4,#a4afb2)}.swatch-dark{background:linear-gradient(130deg,#555f5e,#181d1d)}.swatch-trackpad{background:linear-gradient(130deg,#5d6964,#2a302e)}.swatch-trackpad:after{content:"";position:absolute;inset:7px 5px;border:1px solid #aab9b3;border-radius:3px}.swatch-lagoon{background:linear-gradient(130deg,#78dacf,#065e6a)}.swatch-ivory{background:linear-gradient(130deg,#fff8df,#bcae8b)}.hero-product{min-width:0}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px;position:relative;z-index:2}.demo-tag{font-size:11px;color:#73827c;white-space:nowrap}.posture-picker{display:flex;gap:3px;padding:4px;border-radius:11px;background:#e2eee8;border:1px solid #dbe6df}.posture-picker button{border:0;border-radius:8px;display:flex;align-items:center;gap:5px;font-size:10px;line-height:1;padding:8px;color:#708178;background:transparent}.posture-picker .icon{width:16px;height:16px}.posture-picker button[aria-pressed=true]{background:#fff;color:#154b44;box-shadow:0 2px 4px #17352b0b}.device-stage{height:590px;display:flex;align-items:center;justify-content:center;perspective:1400px;padding:6px 6px 0}.fold-device{width:min(100%,535px);position:relative;transform:rotate(-3.5deg);transition:width .45s,transform .45s;filter:drop-shadow(7px 24px 19px #173d3b26);--deck:#c8cfd0;--deck-line:#a9b3b3;--key-top:#4a5050;--key-bottom:#272c2d;--key-front:#14191a;--key-fg:#f7faf8;--key-edge:#6f7776;--pad:#d2d8d9;--pad-edge:#b0b9bb;--shell:#222c2d}.device-screen{position:relative;aspect-ratio:1.7;padding:9px;background:var(--shell);border:2px solid #626e6c;border-radius:34px 34px 12px 12px;box-shadow:inset 0 1px 2px #bbc9c9,0 1px 0 #000;overflow:hidden;transition:aspect-ratio .4s,border-radius .4s}.desktop{height:100%;position:relative;isolation:isolate;overflow:hidden;background:#2f797c;border-radius:23px 23px 5px 5px;user-select:none}.desktop-wallpaper{position:absolute;inset:0;overflow:hidden;background:#216569;z-index:-1}.desktop-wallpaper i{position:absolute;width:150%;height:160%;border-radius:48%;border:40px solid #5eb4b0;left:-72%;top:-85%;transform:rotate(-28deg);box-shadow:0 0 0 43px #489b99,0 0 0 90px #347d81}.desktop-wallpaper b{position:absolute;width:120%;height:110%;border-radius:50%;bottom:-79%;right:-42%;background:#0c424c;box-shadow:0 0 0 33px #306c72}.desktop-menu{display:flex;align-items:center;gap:12px;height:20px;background:#e9fbf52b;backdrop-filter:blur(6px);padding:0 10px;color:#f6fffb;font-size:6px;line-height:1}.menu-logo{font-size:10px}.menu-time{margin-left:auto}.desktop-folder{position:absolute;right:19px;top:36px;font-size:6px;text-align:center;color:white}.desktop-folder span{width:25px;height:19px;display:block;position:relative;background:#8ddcde;border-radius:2px;box-shadow:0 2px 4px #17414829;margin:4px auto}.desktop-folder span:before{content:"";position:absolute;left:0;top:-4px;width:12px;height:5px;background:#a6edf0;border-radius:2px 2px 0 0}.note-window{position:absolute;inset:19% 16% 17% 11%;display:flex;overflow:hidden;border-radius:7px;box-shadow:0 10px 22px #002c3e38;background:#fffcf6;border:1px solid #fff9}.note-window aside{width:28%;flex:none;background:#edece9;border-right:1px solid #ddded9;padding:9px 7px}.window-dots{display:flex;gap:4px;align-items:center}.window-dots i{width:6px;height:6px;border-radius:50%;background:#ea7d6e}.window-dots i:nth-child(2){background:#e6bd64}.window-dots i:nth-child(3){background:#72b899}.note-category{display:block;font-size:6px;color:#90928e;margin:12px 3px 5px}.selected-note,.other-note{padding:7px 4px;font-size:7px;line-height:1.3;font-weight:600;border-radius:3px;white-space:nowrap;overflow:hidden}.selected-note{background:#dcded7}.selected-note small,.other-note small{display:block;font-size:5px;margin-top:4px;font-weight:400;color:#8e938c}.other-note{border-top:1px solid #d7d9d2;margin-top:7px}.note-paper{padding:12px 16px;min-width:0;flex:1;color:#353d38;position:relative}.note-date{font-size:5px;color:#a3a79e;display:block;text-align:center;margin-bottom:18px}.note-paper h2{font-size:18px;letter-spacing:-.04em;margin-bottom:11px;line-height:1.1;white-space:nowrap}.note-paper p{font-size:8px;margin-bottom:8px;color:#727b72}.demo-text{font-size:8px;line-height:1.6;min-height:16px;max-height:34px;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}.note-caret{display:block;height:9px;width:1px;background:#bc9459;margin-top:3px}.note-check{display:flex;align-items:center;gap:5px;font-size:6px;margin-top:13px;color:#858c83}.note-check span{border:1px solid #bfc7b6;border-radius:50%;width:9px;height:9px;display:flex;align-items:center;justify-content:center;color:#7d966f;font-size:7px}.desktop-dock{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:5px 7px;background:#e4fff43f;border:1px solid #d2fff14f;border-radius:9px;box-shadow:0 5px 9px #123f3f25}.desktop-dock i{width:23px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:20px;line-height:1;font-style:normal;box-shadow:0 1px 2px #3332}.dock-finder{background:#93d5f6;color:#124f72}.dock-safari{background:#e8faf6;color:#238eac}.dock-photos{background:#fffbe9;color:#d89350}.dock-note{background:#fff5be;color:#bba97a}.dock-chat{background:#7dce9e;color:#fff}.dock-link img{width:23px;height:23px;border-radius:6px}.demo-cursor{position:absolute;top:63%;left:63%;width:15px;height:18px;z-index:4;filter:drop-shadow(1px 2px 2px #0005);pointer-events:none;transition:left .06s linear,top .06s linear}.device-hinge{height:10px;display:flex;align-items:center;justify-content:space-between;padding-inline:44px;background:#172224;box-shadow:inset 0 3px 4px #0007;position:relative;z-index:2}.device-hinge i{display:block;width:64px;height:5px;border-radius:4px;background:linear-gradient(#8a9694,#33413f);box-shadow:0 1px 1px #000}.device-deck{aspect-ratio:1.85;border:2px solid #62706d;background:var(--deck);border-radius:10px 10px 38px 38px;padding:12px 12px 10px;position:relative;display:flex;flex-direction:column;gap:10px;transform:rotateX(15deg);transform-origin:top;box-shadow:inset 0 0 0 6px var(--shell),inset 0 -1px 3px #fff8,0 4px 0 #3c4948;transition:aspect-ratio .4s,transform .4s,border-radius .4s}.keyboard-panel{height:57%;padding:6px;background:#1d292a;border-radius:9px;box-shadow:inset 0 1px 2px #0005;min-height:0}.key-rows{height:100%;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:4px}.key-row{display:flex;gap:4px;min-height:0}.key{flex:var(--key-weight,1);display:flex;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0 2px 2px;border:1px solid var(--key-edge);border-radius:5px;background:linear-gradient(var(--key-top),var(--key-bottom));color:var(--key-fg);box-shadow:0 2px 0 var(--key-front),inset 0 1px 1px #fff2;font-size:7px;line-height:1;user-select:none;touch-action:manipulation}.key .icon{width:12px;height:12px}.key:active,.key.is-pressed{transform:translateY(2px);box-shadow:0 0 0 var(--key-front);filter:brightness(1.2)}.trackpad-panel{flex:1;display:flex;align-items:stretch;justify-content:center;min-height:0;position:relative}.demo-trackpad{width:67%;border:1px solid var(--pad-edge);border-radius:10px 10px 14px 14px;background:var(--pad);box-shadow:inset 0 1px 1px #fff4;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;touch-action:none;cursor:crosshair;user-select:none}.demo-trackpad>span{font-size:8px;color:#687879;opacity:.7}.touch-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#15a38e55;box-shadow:0 0 0 6px #15a38e20;display:none;pointer-events:none}.demo-trackpad.dragging .touch-dot{display:block}.demo-trackpad.dragging>span{opacity:0}.speaker{display:none;position:absolute;top:18px;width:14px;height:24px;background:repeating-linear-gradient(90deg,#17565a 0 2px,transparent 2px 5px);opacity:.65}.speaker-left{left:7%}.speaker-right{right:7%}.trackpad-dashboard{height:100%;display:flex;flex-direction:column;gap:9px}.trackpad-dashboard[hidden]{display:none}.dashboard-shortcuts{height:28px;display:flex;gap:5px}.trackpad-controls{flex:1;min-height:0;display:grid;grid-template-columns:46px 1fr 46px;gap:8px}.trackpad-controls .demo-trackpad{width:100%;border-radius:8px;background:#2d3433;border-color:#48504c}.side-buttons{display:flex;flex-direction:column;gap:10px}.side-buttons .key{flex:1;border-radius:28px;line-height:1.4;font-size:7px;padding:4px}.fold-device[data-face=dark],.fold-device[data-face=trackpad]{--deck:#151e1e;--pad:#303a38;--pad-edge:#47524c;--key-top:#4e5954;--key-bottom:#2b3430;--key-edge:#627067}.fold-device[data-face=dark] .demo-trackpad>span,.fold-device[data-face=trackpad] .demo-trackpad>span{color:#bbc8c2}.fold-device[data-face=lagoon]{--deck:#178f9b;--deck-line:#a1e6df;--shell:#0a5660;--key-top:#faf7e6;--key-bottom:#ded8c6;--key-front:#9e9e84;--key-fg:#175563;--key-edge:#fffbea;--pad:#3eabb5;--pad-edge:#8adce0}.fold-device[data-face=ivory]{--deck:#ded3b7;--deck-line:#fff5dc;--shell:#b3a98e;--key-top:#fffbea;--key-bottom:#e6ddc5;--key-front:#a39b84;--key-fg:#534b3e;--key-edge:#fffeed;--pad:#bdb5a1;--pad-edge:#f9ecd1}.fold-device[data-face=lagoon] .device-screen,.fold-device[data-face=ivory] .device-screen{box-shadow:inset 0 0 0 3px var(--deck-line),inset 0 0 0 5px var(--deck);padding:12px}.fold-device[data-face=lagoon] .device-deck,.fold-device[data-face=ivory] .device-deck{box-shadow:inset 0 0 0 3px var(--deck-line),inset 0 0 0 6px var(--shell),0 4px 0 var(--shell);padding:13px}.fold-device[data-face=lagoon] .keyboard-panel,.fold-device[data-face=ivory] .keyboard-panel{background:var(--shell);box-shadow:0 0 0 2px var(--deck-line);border-radius:10px}.fold-device[data-face=lagoon] .speaker,.fold-device[data-face=ivory] .speaker{display:block}.fold-device[data-face=lagoon] .key,.fold-device[data-face=ivory] .key{border-radius:8px;box-shadow:0 3px 0 var(--key-front),inset 0 1px 2px white}.fold-device[data-face=trackpad] .keyboard-panel,.fold-device[data-face=trackpad] .trackpad-panel{display:none}.fold-device[data-posture=open]{width:min(100%,620px);transform:rotate(0)}.fold-device[data-posture=open] .device-screen{aspect-ratio:2.3}.fold-device[data-posture=open] .device-deck{aspect-ratio:2.9;transform:none;flex-direction:row;gap:12px}.fold-device[data-posture=open] .keyboard-panel{height:100%;width:62%;flex:none}.fold-device[data-posture=open] .trackpad-panel{height:100%}.fold-device[data-posture=open] .demo-trackpad{width:100%}.fold-device[data-posture=open] .speaker{display:none}.fold-device[data-posture=open] .trackpad-dashboard{width:100%}.fold-device[data-posture=closed]{width:280px;transform:rotate(0)}.fold-device[data-posture=closed] .device-screen{aspect-ratio:1.13}.fold-device[data-posture=closed] .device-deck{aspect-ratio:.95;transform:none;border-radius:8px 8px 35px 35px}.fold-device[data-posture=closed] .device-hinge{height:3px}.fold-device[data-posture=closed] .device-hinge i{display:none}.fold-device[data-posture=closed] .desktop-menu{gap:8px;font-size:5px}.fold-device[data-posture=closed] .note-window{inset:25% 5% 22%}.fold-device[data-posture=closed] .note-window aside{display:none}.fold-device[data-posture=closed] .note-paper{padding:8px 10px}.fold-device[data-posture=closed] .note-date{margin-bottom:10px}.fold-device[data-posture=closed] .note-paper h2{font-size:16px}.fold-device[data-posture=closed] .desktop-folder{display:none}.fold-device[data-posture=closed] .key{font-size:6px}.fold-device[data-posture=closed] .key-row{gap:2px}.fold-device[data-posture=closed] .key .icon{width:10px;height:10px}.fold-device[data-posture=closed] .speaker{display:none}.fold-device[data-posture=closed] .demo-trackpad{width:88%}.fold-device[data-posture=closed] .trackpad-controls{grid-template-columns:35px 1fr 35px;gap:5px}.demo-caption{text-align:center;font-size:12px;color:#45635a;margin-top:4px}.demo-disclaimer{text-align:center;font-size:10px;color:#83918b;margin:5px auto 0}
.experience{padding-block:100px 110px;border-top:1px solid var(--line)}.section-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:100px}.section-intro h2{color:var(--deep)}.section-intro>p{color:var(--muted);font-size:18px;line-height:1.7;max-width:440px;padding-bottom:4px}.control-stories{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;gap:60px}.control-stories article{max-width:340px}.control-stories h3{margin-bottom:17px;color:#244d48}.control-stories p{font-size:16px;color:var(--muted)}.gesture-art{height:103px;display:flex;align-items:center;position:relative;color:#1f6560;margin-bottom:18px}.touch-art>span{width:50px;height:50px;border:1px solid #8bc8ba;border-radius:50%;box-shadow:0 0 0 12px #dcefe7,0 0 0 24px #e9f4ee;margin-left:18px}.touch-art .icon{width:46px;height:46px;position:absolute;left:30px;top:43px;fill:var(--ice);stroke-width:1.2;transform:rotate(-15deg)}.key-art{gap:10px}.key-art>span{width:65px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#fefefe,#e3e9e5);box-shadow:0 5px 0 #b2c1b8,0 8px 7px #5c796a16,inset 0 0 0 1px #fff;border:1px solid #cad7ce;border-radius:12px;font-size:28px;font-weight:500;color:#36584c}.scroll-art{gap:8px}.scroll-art i{height:64px;width:21px;background:linear-gradient(#e0eee6,#a3c9ba);border-radius:15px;border:1px solid #abcab9;transform:rotate(17deg)}.scroll-art i:nth-child(2){margin-top:-15px}.scroll-art>span{font-size:44px;font-weight:300;margin-left:8px;color:#7ea99c}
.floating-section{background:#133c3d;color:#eefbf4;padding-block:100px;overflow:hidden}.floating-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.floating-copy h2{font-size:clamp(35px,3.8vw,51px);letter-spacing:-.05em}.floating-copy .small-label{color:#a5c8be}.floating-copy>p:not(.small-label){color:#b4d2c7;font-size:16px;margin-top:25px;max-width:360px}.floating-demo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.floating-demo-actions .button{font-size:12px;padding:11px 14px;min-height:44px}.floating-demo-actions .icon{width:18px;height:18px}.floating-copy .quiet{font-size:12px!important;color:#84b1a2!important;margin-top:12px!important}.floating-preview{height:390px;background:#97c1b1;border:7px solid #203132;border-radius:20px;box-shadow:0 0 0 1px #688783,0 26px 38px #00262648;position:relative;isolation:isolate;overflow:hidden;--key-top:#4d5953;--key-bottom:#27362e;--key-front:#101b15;--key-fg:#f0f6f2;--key-edge:#66776c}.mini-menu{height:22px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:7px;background:#e8faf738;color:#234e3c}.floating-wallpaper{position:absolute;inset:22px 0 0;z-index:-1;background:#85ad9c;overflow:hidden}.floating-wallpaper:before{content:"";position:absolute;width:600px;height:500px;border-radius:50%;background:#517c6b;left:-140px;top:130px;box-shadow:0 0 0 35px #6e9987,0 0 0 75px #93b8a8}.floating-note{position:absolute;top:49px;left:45px;padding:24px 26px;background:#f5f4e7;border-radius:7px;box-shadow:0 4px 15px #224d4440;transform:rotate(-2deg);width:66%;height:213px}.floating-note>span{font-size:7px;color:#8a9788}.floating-note h3{font-size:25px;line-height:1.2;color:#42634f;margin-top:22px;letter-spacing:-.04em}.floating-note p{font-size:10px;color:#8d9a82;margin-top:10px}.floating-keyboard{position:absolute;bottom:19px;left:16px;width:66%;height:157px;background:#1c2b25ee;border-radius:9px;box-shadow:0 10px 20px #123e3c40;padding:5px 7px 10px;z-index:2;transition:opacity .2s,transform .2s}.floating-keyboard>[data-mini-keyboard]{height:118px}.drag-header{height:22px;display:flex;justify-content:space-between;align-items:center;color:#b9d3c3;font-size:7px;padding:0 3px 6px;cursor:grab;touch-action:none;user-select:none}.drag-header:active{cursor:grabbing}.drag-header button{padding:0;width:22px;height:20px;display:flex;align-items:center;justify-content:center;color:#d2e8dc;font-size:17px;background:transparent;border:0;line-height:1;border-radius:3px}.drag-header button:hover{background:#ffffff14}.floating-pad{position:absolute;bottom:32px;right:15px;width:27%;height:137px;background:#273b30e8;border:1px solid #6d8e7b;border-radius:9px;box-shadow:0 7px 20px #143e3740;padding:6px 8px;transition:opacity .2s,transform .2s}.floating-pad>.icon{margin:25px auto;color:#89ad98;width:28px;height:28px}.floating-keyboard.is-hidden,.floating-pad.is-hidden{opacity:0;transform:scale(.88);pointer-events:none;visibility:hidden}.floating-demo-label{position:absolute;right:12px;top:32px;font-size:8px;color:#34594a}
.connection-section{padding-block:115px 95px}.connection-illustration{display:flex;justify-content:center;align-items:center;gap:48px;margin:70px auto 65px;max-width:780px}.line-mac{width:240px;position:relative;text-align:center}.line-mac>div{height:152px;border:4px solid #86aba3;border-radius:14px;padding:10px;background:#e5f2ec;box-shadow:inset 0 -14px 0 #d1e4dc;display:flex;align-items:center;justify-content:center}.line-mac img{width:60px;height:60px;border-radius:12px}.line-mac>i{display:block;width:65px;height:25px;border-bottom:4px solid #86aba3;margin:auto;position:relative;border-radius:3px}.line-mac>i:before{content:"";position:absolute;height:25px;width:8px;left:28px;background:#86aba3}.line-mac>span,.line-phone>span{font-size:13px;color:#5e7a70;position:absolute;top:calc(100% + 13px);left:0;right:0}.line-phone{width:82px;position:relative;text-align:center}.line-phone>div{height:150px;border:4px solid #86aba3;background:#e2f3eb;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 4px var(--ice)}.line-phone .icon{color:#438c77;width:30px;height:30px;background:#c2e7d8;padding:4px;border-radius:50%}.connection-line{display:flex;align-items:center;gap:20px;position:relative}.connection-line i{display:block;width:70px;border-top:2px dotted #91bcae}.connection-line .icon{width:35px;height:35px;color:#49937d}.connection-line span{position:absolute;left:0;right:0;top:50px;text-align:center;color:#709a8a;font-size:11px}.connection-notes{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:900px;margin:0 auto}.connection-notes p{display:flex;gap:15px;font-size:14px;color:#6d8077;line-height:1.7}.connection-notes .icon{width:21px;height:21px;margin-top:2px;color:#4f7f70}.connection-notes strong{color:#2e594a;font-weight:600}
.meeting-section{background:#e4efea;padding-block:95px}.meeting-heading{display:flex;align-items:end;justify-content:space-between;gap:80px}.meeting-heading h2{color:var(--deep)}.meeting-heading>p{max-width:370px;color:#61786c;font-size:18px}.meeting-heading .small-label{color:#5e8273}.meeting-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:58px;margin-top:60px}.meeting-tools article:not(:last-child){border-right:1px solid #c7d8ce;padding-right:40px}.meeting-tools .icon{width:29px;height:29px;color:#548a75;margin-bottom:23px;stroke-width:1.4}.meeting-tools h3{color:#2e594a;font-size:23px;margin-bottom:14px}.meeting-tools p{font-size:15px;color:#6b7f73}.meeting-note{font-size:12px;color:#789082;margin-top:34px;max-width:100%;border-top:1px solid #cbdcd2;padding-top:22px}.meeting-note a{color:#315c4b}
.mac-section{padding-block:120px;display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:70px}.mac-copy .small-label{color:#7b9389}.mac-copy h2{color:var(--deep)}.mac-copy p:not(.small-label){font-size:16px;color:var(--muted);margin-top:24px}.mac-copy .text-link{display:inline-block;margin-top:26px;color:var(--deep)}.mac-dashboard{height:402px;border:1px solid #d2e0d9;overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 20px 45px #345b481c,0 3px 8px #345b480b}.dashboard-titlebar{height:39px;display:flex;align-items:center;gap:20px;padding:0 14px;background:#f6f8f6;border-bottom:1px solid #e4e9e5;font-size:10px;color:#7a8981}.dashboard-titlebar .window-dots i{width:8px;height:8px}.dashboard-titlebar>span:first-of-type{margin:auto}.dashboard-demo{font-size:8px}.dashboard-layout{display:flex;height:calc(100% - 39px)}.dashboard-layout>aside{width:168px;background:#eff4f0;padding:20px 10px;position:relative;flex:none}.dashboard-brand{display:flex;align-items:center;gap:7px;font-size:11px;color:#35574a;margin-bottom:25px;padding-left:3px}.dashboard-brand img{border-radius:7px;width:29px;height:29px}.dashboard-layout>aside button{display:flex;align-items:center;gap:9px;width:100%;padding:10px 11px;margin-bottom:4px;border:0;background:transparent;font-size:10px;border-radius:6px;color:#75857a;text-align:left}.dashboard-layout>aside button .icon{width:15px;height:15px}.dashboard-layout>aside button[aria-pressed=true]{background:#d7e9df;color:#1d634a}.sidebar-bottom{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:9px;font-size:9px;color:#809386}.sidebar-bottom .status-dot{width:5px;height:5px}.dashboard-content{flex:1;min-width:0;padding:26px;overflow:hidden}.dashboard-content h3{font-size:20px;color:#345949;margin-bottom:7px}.dashboard-content>.dashboard-summary{font-size:9px;color:#92a195}.connection-chip{display:inline-flex;gap:6px;align-items:center;background:#e6f3ec;color:#4d8c6c;border-radius:20px;padding:5px 9px;font-size:8px;margin-top:18px}.connection-chip .status-dot{width:4px;height:4px;box-shadow:none}.dashboard-screen{height:140px;margin-top:20px;position:relative;border-radius:6px;background:#62988e;overflow:hidden;border:5px solid #34584d;display:flex;align-items:center;justify-content:center}.dashboard-screen:before{content:"";position:absolute;inset:-20% 30% -50% -60%;border-radius:50%;background:#3c6b60;box-shadow:0 0 0 25px #79b0a2,0 0 0 50px #99cbb9}.dashboard-screen div{background:#f6f7ee;color:#446753;font-size:10px;width:62%;padding:15px;border-radius:4px;z-index:1;box-shadow:0 4px 15px #244c5a22}.dashboard-screen small{display:block;font-size:7px;color:#97aa95;margin-top:5px}.dashboard-caption{display:flex;justify-content:space-between;margin-top:12px;font-size:8px;color:#9caa9d}.dashboard-row{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #e9eeea;font-size:11px;color:#497459}.dashboard-row>.icon{width:19px;height:19px}.dashboard-row>span{margin-left:auto;font-size:9px;color:#9aa99d}.dashboard-row>small{display:block;font-size:8px}.dashboard-message{font-size:10px;color:#8a9d8e;margin-top:20px}.dashboard-switch{height:15px;width:27px;background:#dfe8e1;border-radius:12px;margin-left:auto;position:relative}.dashboard-switch:before{content:"";height:11px;width:11px;background:white;border-radius:50%;position:absolute;left:2px;top:2px;box-shadow:0 1px 2px #0001}
.setup-section{padding-block:30px 95px}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;padding:0;margin:60px 0 50px;list-style:none}.step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #abc8b9;border-radius:50%;color:#5f8874;font-size:15px;margin-bottom:23px}.setup-steps h3{font-size:22px;margin-bottom:14px;color:#325e4a}.setup-steps p{font-size:15px;color:var(--muted)}.compatibility{padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:23px;color:#6f8477}.compatibility>.icon{width:31px;height:31px;color:#7a9d89}.compatibility p{font-size:12px;max-width:800px;flex:1}.compatibility strong{color:#3d6751}.compatibility>a{font-size:12px;white-space:nowrap;color:#3b6d53}
.faq-section{padding-block:30px 110px;display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.faq-section h2{font-size:44px;color:var(--deep)}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:15px;font-weight:600;color:#365e4b;cursor:pointer;list-style:none;position:relative;padding-right:28px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:22px;font-weight:400;position:absolute;right:0;top:-6px;color:#729783}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:14px;color:var(--muted);line-height:1.75;padding-top:14px;padding-right:30px}
.download-section{padding-bottom:90px}.download-panel{background:#0a5053;border-radius:30px;padding:72px 80px;display:flex;gap:70px;align-items:center;position:relative;overflow:hidden}.download-icon{width:185px;height:185px;border-radius:40px;box-shadow:0 16px 30px #003c3c29}.download-copy{flex:1}.beta-label{display:inline-flex;font-size:12px;border:1px solid #609c94;color:#a5d3c9;border-radius:6px;padding:2px 8px;margin-bottom:20px}.download-copy h2{font-size:52px;color:#effff6;letter-spacing:-.05em}.download-copy>p{font-size:15px;color:#a8cec3;max-width:430px;margin:20px 0 25px}.download-copy .button{font-size:14px}.release-status{display:flex;gap:22px;margin-top:22px;flex-wrap:wrap;font-size:10px;color:#77a9a0}.release-status>span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#77a9a0;margin-right:6px;vertical-align:middle}.site-footer{padding-block:0 28px;display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:30px}.site-footer .brand{font-size:18px}.site-footer p{font-size:12px;color:#8a9a8f;margin-top:8px}.footer-links{display:flex;gap:27px;font-size:13px;color:#63816c}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{flex-basis:100%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;font-size:10px;color:#8c9f91}.demo-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:20;max-width:calc(100% - 40px);background:#173f36;color:#f3fff7;padding:12px 20px;border:1px solid #c3e4d22b;border-radius:12px;box-shadow:0 6px 22px #1c493c30;font-size:13px;text-align:center;transition:opacity .2s,transform .2s}.demo-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.text-selected{background:#a6d9cc}.note-check.is-checked{color:#3f9277}.note-check.is-checked span{background:#83b9a0;color:white;border-color:#83b9a0}.cursor-click{filter:drop-shadow(0 0 7px #7bf7d2)}.note-paper{overflow-y:auto;scrollbar-width:none}.note-paper::-webkit-scrollbar{display:none}.demo-settings{width:min(390px,calc(100% - 32px));border:1px solid #b6cfc3;border-radius:22px;padding:26px;background:#f3f9f5;color:#244a3c;box-shadow:0 25px 90px #123c3c40}.demo-settings::backdrop{background:#183b3b66;backdrop-filter:blur(5px)}.settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.settings-heading span{font-size:11px;color:#7b9988}.settings-heading h2{font-size:31px;margin-top:5px}.settings-close{border:0;background:#e3eee6;border-radius:50%;width:30px;height:30px;font-size:22px;line-height:1;color:#7a9887}.demo-settings label{display:block;margin-block:20px;font-size:13px;color:#658273}.demo-settings select{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #bfcec1;border-radius:8px;background:#fff;color:#31563f;font:inherit}.demo-settings input[type=range]{width:100%;accent-color:#277b60;margin-top:12px}.demo-settings output{float:right;color:#3b6e52}.demo-settings .settings-check{display:flex;align-items:center;justify-content:space-between;gap:15px}.settings-check input{width:17px;height:17px;accent-color:#277b60}.demo-settings p{font-size:11px;color:#91a294;margin-block:20px}.settings-actions{display:flex;justify-content:space-between;gap:10px}.settings-actions .button{font-size:13px;min-height:42px;padding:10px 15px}
@media(min-width:1450px){.hero{gap:80px}.device-stage{height:640px}.fold-device{width:580px}.hero{min-height:805px}.demo-caption{margin-top:10px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:28px;grid-template-columns:.85fr 1.15fr}.hero h1{font-size:64px}.lead{font-size:17px}.hero-actions{gap:15px}.hero-actions .button{padding:12px 17px;font-size:13px}.hero-actions .text-link{font-size:13px}.face-options{gap:11px}.device-stage{height:530px}.posture-picker button span{display:none}.demo-toolbar{margin-bottom:0}.note-paper h2{font-size:15px}.note-paper{padding:10px 12px}.note-date{margin-bottom:12px}.note-check{margin-top:8px}.demo-caption{font-size:10px}.section-intro{gap:45px}.floating-grid{gap:40px;grid-template-columns:.85fr 1.15fr}.floating-preview{height:350px}.floating-note{left:23px;width:74%;padding:20px}.floating-note h3{font-size:22px}.mac-section{gap:35px}.mac-dashboard{height:360px}.dashboard-layout>aside{width:132px;padding:18px 8px}.dashboard-brand{font-size:8px;gap:4px}.dashboard-brand img{width:24px;height:24px}.dashboard-content{padding:22px 16px}.dashboard-screen{height:125px}.faq-section{gap:60px}.download-panel{padding:65px 55px;gap:50px}.download-icon{width:145px;height:145px;border-radius:30px}}
@media(max-width:850px){.site-header nav{display:none}.hero{display:flex;flex-direction:column;gap:20px;padding-top:36px;min-height:0;text-align:center}.hero-copy{padding-bottom:0;display:flex;flex-direction:column;align-items:center}.hero h1{font-size:70px}.device-note{margin-bottom:20px}.lead{font-size:18px;margin-top:20px}.hero-actions{margin-top:24px}.face-picker{margin-top:31px}.picker-heading{margin-bottom:12px}.face-options{gap:20px}.hero-product{width:min(100%,600px)}.demo-toolbar{padding:0 18px;margin-top:15px}.posture-picker button span{display:inline}.device-stage{height:625px;padding-inline:20px}.fold-device{width:535px;max-width:100%}.note-paper h2{font-size:18px}.demo-caption{font-size:12px}.section-intro{grid-template-columns:1fr;gap:25px}.section-intro>p{max-width:550px;font-size:17px}.experience{padding-block:75px}.control-stories{gap:25px}.control-stories h3{font-size:21px}.control-stories p{font-size:14px}.floating-section{padding-block:75px}.floating-grid{grid-template-columns:1fr;gap:45px}.floating-copy{max-width:550px}.floating-copy>p:not(.small-label){max-width:500px}.floating-preview{height:390px;max-width:620px;width:100%;margin:auto}.floating-note{padding:26px;left:45px}.floating-note h3{font-size:27px}.connection-section{padding-block:80px}.connection-illustration{gap:25px}.connection-notes{gap:35px}.meeting-section{padding-block:75px}.meeting-heading{gap:30px}.meeting-heading>p{max-width:280px;font-size:16px}.meeting-tools{gap:30px}.meeting-tools article:not(:last-child){padding-right:20px}.meeting-tools h3{font-size:20px}.meeting-tools p{font-size:14px}.mac-section{padding-block:85px;grid-template-columns:1fr;gap:40px}.mac-copy{max-width:560px}.mac-copy h2 br{display:none}.mac-dashboard{max-width:670px;width:100%;margin:auto;height:400px}.dashboard-layout>aside{width:170px;padding:20px 12px}.dashboard-brand{font-size:11px;gap:7px}.dashboard-brand img{width:29px;height:29px}.dashboard-content{padding:25px}.dashboard-screen{height:145px}.setup-steps{gap:35px}.setup-steps h3{font-size:20px}.compatibility{align-items:start;flex-wrap:wrap}.compatibility p{flex-basis:calc(100% - 60px)}.compatibility>a{margin-left:54px}.faq-section{grid-template-columns:1fr;gap:40px;padding-bottom:80px}.faq-section h2 br{display:none}.download-panel{padding:48px;gap:35px}.download-icon{width:115px;height:115px;border-radius:26px;align-self:flex-start;margin-top:45px}.download-copy h2{font-size:43px}.download-section{padding-bottom:70px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.site-header{height:80px;gap:10px}.brand{font-size:18px;gap:8px}.brand img{width:34px;height:34px;border-radius:9px}.site-header>.button{font-size:12px;padding:9px 11px;min-height:37px}.hero{padding-top:30px;padding-bottom:45px;gap:14px}.hero h1{font-size:57px}.device-note{font-size:12px}.lead{font-size:16px;margin-top:20px}.hero-actions{flex-direction:column;gap:16px}.hero-actions .button{min-height:47px;font-size:14px;padding-inline:24px}.hero-footnote{font-size:10px;margin-top:18px}.face-picker{margin-top:29px}.face-options{gap:15px}.face-option{font-size:10px;min-width:39px}.swatch{width:29px;height:29px}.picker-heading{font-size:11px}.demo-toolbar{padding:0;gap:5px;margin-top:16px}.demo-tag{font-size:9px}.posture-picker{padding:3px}.posture-picker button{padding:7px 5px;gap:3px;font-size:9px}.posture-picker .icon{width:14px;height:14px}.device-stage{height:460px;padding-inline:6px}.device-screen{border-radius:26px 26px 8px 8px;padding:7px}.desktop{border-radius:18px 18px 3px 3px}.device-deck{padding:9px;border-radius:8px 8px 27px 27px;gap:7px;aspect-ratio:1.65}.device-hinge{height:8px;padding-inline:26px}.device-hinge i{width:45px;height:4px}.keyboard-panel{padding:4px;height:56%}.key-rows,.key-row{gap:3px}.key{font-size:5px;border-radius:3px}.key .icon{width:9px;height:9px}.desktop-menu{height:14px;gap:8px;font-size:4px;padding-inline:8px}.menu-logo{font-size:7px}.desktop-folder{right:9px;top:26px;font-size:4px}.desktop-folder span{width:18px;height:14px}.note-window{inset:20% 13% 17% 8%;border-radius:4px}.note-window aside{padding:6px 4px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.note-category{font-size:4px;margin:7px 2px 4px}.selected-note,.other-note{padding:5px 3px;font-size:5px}.selected-note small,.other-note small{font-size:3px;margin-top:3px}.note-paper{padding:7px 9px}.note-date{font-size:3px;margin-bottom:12px}.note-paper h2{font-size:12px;margin-bottom:7px}.note-paper p,.demo-text{font-size:5px}.note-paper p{margin-bottom:4px}.demo-text{max-height:20px;min-height:10px}.note-caret{height:6px}.note-check{font-size:4px;margin-top:6px;gap:3px}.note-check span{width:7px;height:7px;font-size:4px}.desktop-dock{bottom:6px;gap:3px;padding:3px 5px;border-radius:6px}.desktop-dock i,.dock-link img{width:16px;height:16px;border-radius:4px;font-size:14px}.demo-cursor{width:11px;height:14px}.demo-trackpad>span{font-size:6px}.demo-trackpad{border-radius:7px}.dashboard-shortcuts{height:21px;gap:4px}.trackpad-controls{grid-template-columns:32px 1fr 32px;gap:5px}.side-buttons{gap:7px}.side-buttons .key{font-size:5px}.fold-device[data-face=lagoon] .device-deck,.fold-device[data-face=ivory] .device-deck{padding:10px}.fold-device[data-face=lagoon] .device-screen,.fold-device[data-face=ivory] .device-screen{padding:9px}.fold-device[data-face=lagoon] .key,.fold-device[data-face=ivory] .key{border-radius:5px}.fold-device[data-posture=open] .device-deck{aspect-ratio:2.25;gap:8px}.fold-device[data-posture=closed]{width:225px}.fold-device[data-posture=closed] .device-screen{aspect-ratio:1.15}.fold-device[data-posture=closed] .device-deck{aspect-ratio:1.06}.fold-device[data-posture=closed] .note-paper h2{font-size:13px}.fold-device[data-posture=closed] .note-date{font-size:4px}.fold-device[data-posture=closed] .demo-text,.fold-device[data-posture=closed] .note-paper p{font-size:6px}.demo-caption{font-size:10px;max-width:280px;margin:0 auto}.demo-disclaimer{font-size:9px;margin-top:5px}.experience{padding-block:55px}.section-intro{gap:23px}h2{font-size:37px}.section-intro>p{font-size:16px}.control-stories{grid-template-columns:1fr;gap:33px;margin-top:35px}.control-stories article{max-width:100%;display:grid;grid-template-columns:92px 1fr;column-gap:18px;align-items:start}.gesture-art{grid-row:1/3;height:85px;transform:scale(.7);transform-origin:left top;margin:0;width:125px}.control-stories h3{font-size:20px;margin-bottom:12px;margin-top:3px}.control-stories p{font-size:14px;line-height:1.75}.floating-section{padding-block:58px}.floating-copy h2{font-size:35px}.small-label{font-size:13px;margin-bottom:15px}.floating-copy>p:not(.small-label){font-size:15px;margin-top:22px}.floating-demo-actions{gap:8px;margin-top:25px}.floating-demo-actions .button{font-size:11px;padding:10px 12px;min-height:42px}.floating-preview{height:285px;border-width:5px;border-radius:14px}.floating-note{top:41px;left:20px;width:77%;height:166px;padding:17px}.floating-note>span{font-size:6px}.floating-note h3{font-size:21px;margin-top:18px}.floating-note p{font-size:8px}.floating-keyboard{height:124px;width:68%;left:7px;bottom:12px;padding:4px 5px 8px}.floating-keyboard>[data-mini-keyboard]{height:88px}.floating-keyboard .key{font-size:5px}.floating-pad{right:7px;bottom:20px;width:26%;height:108px;padding:5px}.floating-pad>.icon{margin-top:19px;width:22px;height:22px}.drag-header{height:20px;font-size:6px}.floating-demo-label{font-size:7px;top:28px;right:8px}.connection-section{padding-block:65px}.connection-illustration{gap:17px;margin-block:45px 65px}.line-mac{width:140px}.line-mac>div{height:95px;border-width:3px;border-radius:9px;padding:5px}.line-mac img{width:42px;height:42px;border-radius:8px}.line-mac>i{height:19px;width:45px;border-bottom-width:3px}.line-mac>i:before{height:17px;width:6px;left:20px}.line-phone{width:54px}.line-phone>div{height:105px;border-width:3px;border-radius:14px}.line-mac>span,.line-phone>span{font-size:10px;top:calc(100% + 11px)}.connection-line{gap:7px}.connection-line i{width:18px}.connection-line .icon{width:24px;height:24px}.connection-line span{font-size:8px;top:35px;white-space:nowrap}.connection-notes{grid-template-columns:1fr;gap:22px}.connection-notes p{font-size:13px}.meeting-section{padding-block:60px}.meeting-heading{display:block}.meeting-heading>p{margin-top:25px;max-width:100%;font-size:16px}.meeting-tools{grid-template-columns:1fr;gap:28px;margin-top:35px}.meeting-tools article{display:grid;grid-template-columns:35px 1fr;gap:11px 16px}.meeting-tools article:not(:last-child){padding-right:0;border-right:0;border-bottom:1px solid #cadbd1;padding-bottom:27px}.meeting-tools .icon{grid-row:1/3;width:27px;height:27px;margin:0}.meeting-tools h3{font-size:20px;margin-bottom:0}.meeting-tools p{font-size:14px}.meeting-note{font-size:11px;line-height:1.8}.mac-section{padding-block:65px;gap:32px}.mac-copy p:not(.small-label){font-size:15px}.mac-dashboard{height:288px;border-radius:11px}.dashboard-titlebar{height:30px;padding:0 10px;font-size:8px;gap:10px}.dashboard-titlebar .window-dots{gap:3px}.dashboard-titlebar .window-dots i{width:6px;height:6px}.dashboard-demo{font-size:6px}.dashboard-layout{height:calc(100% - 30px)}.dashboard-layout>aside{width:99px;padding:16px 5px}.dashboard-brand{font-size:7px;gap:4px;margin-bottom:20px;padding:0}.dashboard-brand img{width:21px;height:21px;border-radius:5px}.dashboard-layout>aside button{font-size:7px;gap:6px;padding:8px 5px}.dashboard-layout>aside button .icon{width:12px;height:12px}.sidebar-bottom{font-size:6px;left:12px;gap:6px;bottom:15px}.sidebar-bottom .status-dot{width:4px;height:4px}.dashboard-content{padding:18px 12px}.dashboard-content h3{font-size:17px}.dashboard-content>.dashboard-summary{font-size:7px}.connection-chip{font-size:6px;margin-top:12px;padding:4px 7px}.dashboard-screen{height:100px;margin-top:14px;border-width:3px}.dashboard-screen div{font-size:7px;padding:10px;width:75%}.dashboard-screen small{font-size:5px}.dashboard-caption{font-size:6px;margin-top:9px}.dashboard-row{font-size:8px;padding:13px 0;gap:6px}.dashboard-row>.icon{width:15px;height:15px}.dashboard-row>span{font-size:6px}.dashboard-message{font-size:8px;margin-top:16px}.setup-section{padding-block:12px 55px}.setup-steps{grid-template-columns:1fr;gap:28px;margin-block:35px}.setup-steps li{display:grid;grid-template-columns:35px 1fr;gap:10px 17px}.step-number{grid-row:1/3;width:31px;height:31px;font-size:13px;margin:0}.setup-steps h3{font-size:20px;margin:3px 0 0}.setup-steps p{font-size:14px}.compatibility{gap:15px;padding-block:22px}.compatibility>.icon{width:25px;height:25px}.compatibility p{font-size:11px;flex-basis:calc(100% - 45px);line-height:1.8}.compatibility>a{margin-left:40px;font-size:11px}.faq-section{padding-block:15px 60px;gap:30px}.faq-section h2{font-size:35px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.download-panel{padding:34px 27px;display:block;border-radius:23px}.download-icon{width:72px;height:72px;border-radius:18px;margin:0 0 25px}.download-copy h2{font-size:38px}.beta-label{font-size:10px;margin-bottom:16px}.download-copy>p{font-size:14px}.release-status{gap:8px;flex-direction:column;font-size:9px;margin-top:20px}.download-section{padding-bottom:50px}.site-footer{gap:25px}.site-footer .brand{font-size:17px}.footer-links{gap:20px;font-size:12px}.footer-bottom{flex-direction:column;gap:8px;font-size:9px;padding-top:20px}.demo-toast{font-size:12px;padding:10px 15px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:51px}.face-options{gap:11px}.device-stage{height:405px}.posture-picker button span{display:none}.device-note{font-size:11px}.fold-device[data-posture=closed]{width:205px}.floating-demo-actions .button{padding:10px;font-size:10px}.floating-demo-actions .icon{width:15px;height:15px}.connection-illustration{gap:12px}.line-mac{width:125px}.connection-line i{width:14px}.dashboard-layout>aside{width:90px}.dashboard-content{padding:16px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}