.section{padding:clamp(110px, 18vh, 200px) var(--gutter);position:relative}.section__head{gap:1.4rem;margin-bottom:clamp(2.5rem,7vh,5rem);display:grid}.section--paper{--mist:#626473;--line:#191e301f;color:#191e30;color-scheme:light;background:#f5f3ee}.desk__hero{isolation:isolate;align-items:center;min-height:max(680px,100svh);padding:120px 20px 170px;display:grid;position:relative;overflow:hidden}.desk__wall{z-index:-2;background:image-set("/walls/alpine-dawn-1200.webp" 1x,"/walls/alpine-dawn-wide.webp" 2x) 50%/cover no-repeat,#c4bddf;position:absolute;inset:0}.desk__wall:after{content:"";background:linear-gradient(#f7f4fa47,#f7f4fa1a 52%,#0000 75%);position:absolute;inset:0}.desk__hello{text-align:center;color:#191e30;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.desk__mark{filter:drop-shadow(0 12px 18px #2f365533);margin-bottom:clamp(10px,1.8vh,20px);font-size:clamp(44px,6vh,64px)}.desk__title{font-size:clamp(2.6rem,min(7.1vw,9vh),7.2rem);line-height:1.03}.desk__title span{color:#36598c;display:block}.desk__lede{color:#30384d;max-width:52ch;margin-top:16px}.desk__cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(18px,2.8vh,28px);display:flex}.desk__cta .btn{color:#fff;background:#191e30;border-radius:13px;box-shadow:0 10px 20px -12px #090d26a6}.desk__cta .btn:hover{background:#2d3d60}.desk__cta .btn--glass{color:#191e30;background:#ffffff7a;box-shadow:inset 0 0 0 1px #ffffffb3,0 8px 24px -18px #090d2666}.desk__cta .btn--glass:hover{background:#ffffffb3}.desk__facts{backdrop-filter:blur(10px);color:#252c45;background:#fff9;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:16px 0 0;padding:7px 14px;font-size:.9rem;list-style:none;display:flex}.desk__facts li{align-items:center;gap:7px;display:inline-flex}.desk__facts li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.3 2.3 4.7-5' fill='none' stroke='%23090d26' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/82% no-repeat,#ffffffbf;border-radius:50%;width:15px;height:15px}@media (prefers-reduced-motion:no-preference){.desk__mark,.desk__title,.desk__lede{animation:hero-enter .32s var(--glide) both}}@keyframes hero-enter{0%{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.desk__hint{backdrop-filter:blur(20px);color:#f5f6fbd9;font:500 .82rem/1 var(--mac);white-space:nowrap;background:#ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 10px;text-decoration:none;display:flex;position:absolute;bottom:112px;left:50%;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff24}@keyframes pinch-hint{0%,15%{translate:var(--x) var(--y);opacity:.5}55%,70%{translate:calc(var(--x) * .45 + 5px) calc(var(--y) * .45 + 3px);opacity:1}to{translate:var(--x) var(--y);opacity:.5}}.dock{--s:clamp(40px, 4.4vw, 54px);align-items:center;gap:calc(var(--s) * .2);padding:calc(var(--s) * .17);border-radius:calc(var(--s) * .42);backdrop-filter:blur(24px)saturate(1.7);background:#ffffff29;display:flex;position:absolute;bottom:10px;left:50%;translate:-50%;box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #ffffff29,0 20px 40px -20px #0009}.dock__item{box-shadow:0 calc(var(--s) * .08) calc(var(--s) * .16) calc(var(--s) * -.06) #00000073;transition:scale .35s var(--spring), translate .35s var(--spring)}.dock__item:hover{translate:0 -10%;scale:1.16}.dock__dot{left:50%;bottom:calc(var(--s) * -.15);background:#ffffffd9;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute}.demo{background:linear-gradient(180deg, #121a35, var(--ink));padding-block:clamp(64px,9vh,110px);scroll-margin-top:24px}.demo__head{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto 32px;display:flex}.demo__head .h2{max-width:20ch;font-size:clamp(2rem,4vw,3.4rem)}.demo__head .lede{margin-top:12px}.demo__head .btn{flex-shrink:0}.demo__stage{isolation:isolate;aspect-ratio:16/10;background:var(--wall);border-radius:24px;max-width:1200px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 24px 70px -30px #0009,inset 0 0 0 1px #ffffff2e;container-type:size}.demo__caption{min-height:2.6em;color:var(--mist);text-align:center;margin:22px auto 0;font-size:.95rem}.pad{z-index:2;pointer-events:none;position:absolute;inset:0}.pad__glass{background:#12184638;position:absolute;inset:0}.pad__ui{flex-direction:column;align-items:center;padding:32px 0 24px;display:flex;position:absolute;inset:0}.pad__search{color:#ffffffa6;width:min(420px,80%);font-size:.95rem}.pad__mic{margin-left:auto}.pad__viewport{flex:1;width:100%;min-height:0;overflow:hidden}.pad__strip{width:200%;height:100%;display:flex}.pad__page{--icon:clamp(40px, min(5.8cqw, 9cqh), 72px);grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));place-items:center;width:50%;height:100%;padding:16px 4%;display:grid}.pad__page .app{width:100%}.pad .pagedots{background:#ffffff1a;border-radius:99px;gap:9px;margin-top:10px;padding:7px 10px;display:flex}.pagedots i{background:#ffffff59;border-radius:50%;width:7px;height:7px;transition:background .3s}.pagedots i.on{background:#fff}.pad__folder{--icon:clamp(44px, 6cqw, 72px);visibility:hidden;opacity:0;backdrop-filter:blur(30px)saturate(1.6);background:#ffffff24;border-radius:46px;justify-items:center;gap:clamp(16px,3vh,30px);width:min(620px,88%);padding:clamp(22px,4vh,40px) clamp(18px,3vw,36px) clamp(26px,4.4vh,44px);display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #ffffff24,0 40px 80px -30px #0009}.pad__folder-name{font:600 clamp(1.4rem, 2.4vw, 2rem) / 1 var(--mac)}.pad__folder-grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:clamp(14px,2.6vh,26px) 0;width:100%;display:grid}.pad__folder-grid .app{width:100%}@media (width<=760px){.demo__head{flex-direction:column;align-items:flex-start}.demo__stage{aspect-ratio:auto;border-radius:18px;height:clamp(540px,85svh,660px)}.pad__page{--icon:clamp(38px, 12cqw, 52px);grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));padding:1vh 4vw}.pad__page .app:nth-child(n+25){display:none}.dock{--s:44px}.dock__item:nth-child(n+7){display:none}.desk__hint{bottom:92px}.desk__hero{padding:108px 20px 155px}.desk__cta{gap:10px}.desk__cta .btn{padding:1em 1.15em;font-size:.95rem}.desk__facts{gap:5px 14px;font-size:.76rem}.desk__wall{background-image:url(/walls/alpine-dawn-1200.webp)}}.screen{aspect-ratio:16/10;font-family:var(--mac);background:#1b1840;border-radius:clamp(12px,1.4vw,18px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff24,inset 0 2px 0 -1px #fff3,0 50px 100px -40px #000000e6,0 30px 60px -45px #785adc8c;container-type:inline-size}.screen__wall{background:var(--wall);position:absolute;inset:0}.screen__menubar{backdrop-filter:blur(16px);color:#fff;background:#ffffff29;align-items:center;gap:2cqi;height:3.8cqi;padding:0 2cqi;font-size:max(6px,1.35cqi);display:flex;position:absolute;inset:0 0 auto}.screen__menubar svg{fill:currentColor;height:60%}.ways__pin{min-height:100svh;padding:90px var(--gutter) 60px;grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:3rem 5vw;display:grid}.ways .h2{max-width:11ch;font-size:clamp(2.4rem,4.4vw,4.4rem)}.ways__list{gap:4px;margin:clamp(1.8rem,4vh,2.8rem) 0 0;padding:0;list-style:none;display:grid}.ways__item{border-left:2px solid var(--line);padding:12px 0 12px 18px;transition:border-color .4s}.ways__item h3{color:#f5f6fb6b;font-size:clamp(1.15rem,1.6vw,1.45rem);transition:color .4s}.ways__item p{max-width:40ch;max-height:0;color:var(--mist);opacity:0;transition:max-height .5s var(--glide), opacity .4s ease, margin .5s var(--glide);overflow:hidden}.ways__item.is-on{border-color:var(--horizon)}.ways__item.is-on h3{color:var(--snow)}.ways__item.is-on p{opacity:1;max-height:8em;margin-top:6px}.screen__window{background:#fafafcf0;border-radius:1.6cqi;align-content:start;gap:2.2cqi;width:46%;height:52%;padding:2cqi 3cqi;display:grid;position:absolute;top:15%;left:15%;box-shadow:0 0 0 1px #00000014,0 3cqi 6cqi -2cqi #00000073}.screen__lights{gap:.8cqi;margin-bottom:1cqi;display:flex}.screen__lights i{aspect-ratio:1;background:#ff5f57;border-radius:50%;width:1.3cqi}.screen__lights i:nth-child(2){background:#febc2e}.screen__lights i:nth-child(3){background:#28c840}.screen__line{background:#dcdde3;border-radius:1cqi;height:1.1cqi}.screen__line:first-of-type{background:#3b3d48;height:1.8cqi}.screen__corner{aspect-ratio:1;opacity:0;background:radial-gradient(circle,#ffd2bef2,#f3b39a00 65%);border-radius:50%;width:28%;position:absolute;top:-14%;right:-9%}.screen__dock,.studio__dock{--s:4.6cqi;align-items:center;gap:calc(var(--s) * .2);padding:calc(var(--s) * .17);border-radius:calc(var(--s) * .42);backdrop-filter:blur(16px)saturate(1.6);background:#ffffff38;display:flex;position:absolute;bottom:1.2cqi;left:50%;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff38}.screen__grid{backdrop-filter:blur(22px)saturate(1.5);background:#1e185040;flex-direction:column;align-items:center;gap:4cqi;padding:6cqi 9cqi;display:flex;position:absolute;inset:0}.screen__search{background:#ffffff29;border-radius:99px;width:30%;height:3.6cqi;box-shadow:inset 0 0 0 1px #ffffff29}.screen__icons{grid-template-columns:repeat(7,1fr);justify-items:center;gap:3.2cqi 0;width:100%;display:grid}.screen__icons .ic{--s:6.6cqi}.motion .screen__grid{opacity:0}.keys{display:grid;position:absolute;bottom:14cqi;left:50%;translate:-50%}.keys__set{backdrop-filter:blur(20px);color:#fff;white-space:nowrap;opacity:0;background:#12121cc7;border-radius:2.2cqi;grid-area:1/1;justify-self:center;align-items:center;gap:1.2cqi;padding:1.4cqi 2cqi;font-size:max(9px,2cqi);font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f,0 2cqi 4cqi -1cqi #00000080}.keys kbd{background:#ffffff24;border-radius:1cqi;align-items:center;gap:.7cqi;height:auto;padding:1cqi 1.6cqi;font-size:max(9px,2cqi);font-weight:600;display:inline-flex}.keys kbd svg{fill:none;stroke:currentColor;stroke-width:2.2px;width:2.4cqi}.keys__gesture{border-radius:.7cqi;width:5cqi;height:3.4cqi;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff80}.keys__gesture i{aspect-ratio:1;width:.9cqi;animation:pinch-hint 1.6s var(--glide) infinite;background:#fff;border-radius:50%;position:absolute}.keys__gesture i:first-child{--x:.6cqi;--y:.5cqi;top:0;left:0}.keys__gesture i:nth-child(2){--x:3.4cqi;--y:.6cqi;top:0;left:0}.keys__gesture i:nth-child(3){--x:1.6cqi;--y:2cqi;top:0;left:0}.screen__cursor{fill:#fff;stroke:#000;stroke-width:1.3px;filter:drop-shadow(0 1px 2px #00000080);opacity:0;width:3.6cqi;position:absolute;top:62%;left:60%}@media (width<=900px){.ways__pin{grid-template-columns:minmax(0,1fr);align-content:center;gap:1.6rem;padding:60px 20px 30px}.ways .h2{font-size:clamp(2.2rem,9vw,3.4rem)}.ways__list{margin-top:1rem}.ways__item:not(.is-on){display:none}}html:not(.motion) .ways__item p{opacity:1;max-height:none;margin-top:6px}html:not(.motion) .ways__item h3{color:var(--snow)}html:not(.motion) .ways__item{display:block}@property --scale{syntax:"<number>";inherits:true;initial-value:1}@property --space{syntax:"<number>";inherits:true;initial-value:1}@property --r{syntax:"<length>";inherits:false;initial-value:0}@property --dim{syntax:"<number>";inherits:true;initial-value:0}.try{background:radial-gradient(60% 50% at 30% 55%,#b6bddc3d,#0000 75%),#f5f3ee}.try__stage{color:var(--snow);--mist:#a7b0d4;--line:#f5f6fb1f;color-scheme:dark}.try__head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:1.4rem 6vw}.try__stage{grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.studio{position:sticky;top:70px}.studio__screen{background:var(--wall)}.studio__desk{position:absolute;inset:0}.studio__menubar{color:#ffffffeb;background:#ffffff26;align-items:center;gap:1.8cqi;height:3.6cqi;padding:0 1.6cqi;font-size:max(6px,1.3cqi);display:flex;position:absolute;inset:0 0 auto}.cp{--r:0px;clip-path:inset(0 round var(--r));transition:inset .75s var(--glide), --r .75s var(--glide);position:absolute;inset:0;container-type:size}[data-dock=on][data-mode=full] .cp{inset:0 0 9.5cqi}[data-mode=window] .cp{--r:2.2cqi;inset:7cqi 13cqi 11cqi}.cp:after{content:"";border-radius:var(--r);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff38}[data-mode=window] .cp:after{opacity:1}.cp__bg,.cp__dim{position:absolute;inset:0}.cp__bg{opacity:0;transition:opacity .6s}.cp__bg--glass{background:linear-gradient(#12184642, #12184642), var(--wall);filter:blur(18px)saturate(1.3);inset:-30px}.cp__bg--wallpaper{background:var(--wall);filter:blur(2px);inset:-8px}.cp__bg--color{background:linear-gradient(180deg, var(--c), color-mix(in srgb, var(--c), black 38%));transition:opacity .6s,background .6s}.cp__bg--picture svg{width:100%;height:100%}[data-bg=glass] .cp__bg--glass,[data-bg=wallpaper] .cp__bg--wallpaper,[data-bg=color] .cp__bg--color,[data-bg=picture] .cp__bg--picture{opacity:1}.cp__dim{opacity:var(--dim);background:#000;transition:--dim .6s}.cp__ui{flex-direction:column;align-items:center;padding:6cqh 0 3.5cqh;display:flex;position:absolute;inset:0}.cp__search{color:#ffffffad;background:#ffffff24;border-radius:99px;align-items:center;gap:.6em;width:32%;padding:.5em .9em;font-size:max(7px,min(1.5cqi,3cqh));display:flex;box-shadow:inset 0 0 0 1px #ffffff24}.cp__search svg{fill:none;stroke:currentColor;stroke-width:2.2px;width:1.1em}.cp__grid{--icon:calc(min(6.4cqi, 10.5cqh) * var(--scale));width:100%;min-height:0;padding:1cqh calc(4cqi + 7cqi * var(--space));transition:--scale .7s var(--glide), --space .7s var(--glide);flex:1;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));place-items:center;display:grid}.cp__grid .app{gap:calc(var(--icon) * .1);width:100%}.cp__grid figcaption{font-size:max(6.5px, calc(var(--icon) * .17));transition:opacity .35s}[data-names=never] .cp__grid figcaption,[data-names=hover] .cp__grid .app:not(:hover) figcaption{opacity:0}.cp__grid .app__tile{transition:transform .3s var(--spring)}.cp__grid .app:hover .app__tile{transform:scale(1.07)}.cp__dots{background:#ffffff1a;border-radius:99px;gap:1cqi;padding:.7cqi 1cqi;display:flex}.cp__dots i{aspect-ratio:1;background:#fff6;border-radius:50%;width:.8cqi}.cp__dots i.on{background:#fff}.cp__folder .app__tile{transition:background .5s;overflow:hidden}.cp__folder .mini{transition:opacity .35s ease, scale .45s var(--glide)}.cp__emoji{font-size:calc(var(--icon) * .5);opacity:0;transition:opacity .35s ease, scale .55s var(--spring);place-items:center;font-weight:400;display:grid;position:absolute;inset:0;scale:.4}[data-look]:not([data-look=plain]) .cp__folder .app__tile{background:linear-gradient(180deg, color-mix(in srgb, var(--fc), white 20%), var(--fc))}[data-look]:not([data-look=plain]) .cp__folder .mini{opacity:0;scale:.6}[data-look]:not([data-look=plain]) .cp__emoji{opacity:1;scale:1}.prefs{z-index:2;backdrop-filter:blur(40px)saturate(1.8);font:400 .85rem/1.3 var(--mac);background:#242846d1;border-radius:18px;gap:12px;margin:8% 0 0 -48px;padding:0 14px 16px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 1px #ffffff1f,0 50px 90px -30px #000000d9}.prefs__bar{align-items:center;gap:8px;height:46px;display:flex}.prefs__bar i{background:#ff5f57;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #00000040}.prefs__bar i:nth-child(2){background:#febc2e}.prefs__bar i:nth-child(3){background:#28c840}.prefs__bar span{margin-left:10px;font-size:.95rem;font-weight:650}.prefs__group{background:#ffffff0f;border:0;border-radius:12px;margin:0;padding:0;box-shadow:inset 0 0 0 1px #ffffff12}.prefs__presets{padding:12px 10px}.prefs__presets legend{float:left;width:100%;margin-bottom:10px;padding:0 2px;font-weight:600}.prefs__row{border:0;gap:8px;min-width:0;margin:0;padding:11px 12px;display:grid}.prefs__row+.prefs__row{box-shadow:inset 0 1px #ffffff12}.prefs__row[hidden]{display:none}.prefs__row legend,.prefs__row>label:first-child{float:left;color:#f5f6fbe6;justify-content:space-between;width:100%;margin-bottom:8px;padding:0;font-weight:500;display:flex}.prefs__row output{color:var(--mist);font-variant-numeric:tabular-nums}.prefs__line{gap:8px;display:flex}.prefs__line .seg{flex:1}.prefs__try{appearance:none;background:var(--lake);color:#fff;font:600 .8rem/1 var(--mac);cursor:pointer;border:0;border-radius:7px;padding:0 12px;box-shadow:inset 0 1px #fff3}.prefs__try:hover{background:#4672e6}.seg{clear:both;background:#0000004d;border-radius:8px;padding:2px;display:flex}.seg label{flex:1;display:grid;position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg span{color:#f5f6fbbf;text-align:center;white-space:nowrap;pointer-events:none;border-radius:6px;padding:5px 4px;font-size:.8rem;font-weight:500;transition:background .2s,color .2s}.seg input:checked+span{color:#fff;background:#fff3;box-shadow:0 1px 3px #00000059,inset 0 .5px #ffffff40}.seg input:focus-visible+span,.swatches input:focus-visible+span,.looks input:focus-visible+span,.prefs__toggle input:focus-visible+.switch{outline:2px solid var(--horizon);outline-offset:1px}.slider{clear:both;width:100%;accent-color:var(--lake);margin:0}.swatches,.looks{clear:both;gap:10px;display:flex}.swatches label,.looks label{display:grid;position:relative}.swatches input,.looks input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.swatches label:before{content:"";background:var(--sw);pointer-events:none;border-radius:50%;width:24px;height:24px;transition:box-shadow .2s;box-shadow:inset 0 0 0 1px #ffffff40}.swatches label:has(input:checked):before{box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 2px #242846,0 0 0 4px #fff}.looks label>span[aria-hidden]{background:linear-gradient(180deg, color-mix(in srgb, var(--sw,#8890b0), white 18%), var(--sw,#8890b0));pointer-events:none;border-radius:10px;place-items:center;width:38px;height:38px;font-size:1.15rem;transition:box-shadow .2s;display:grid}.looks label:first-child>span[aria-hidden]{background:radial-gradient(circle at 30% 30%,#fff9 0 12%,#0000 13%),radial-gradient(circle at 70% 30%,#fff9 0 12%,#0000 13%),radial-gradient(circle at 30% 70%,#fff9 0 12%,#0000 13%),radial-gradient(circle at 70% 70%,#fff9 0 12%,#0000 13%),#ffffff2e}.looks label:has(input:checked)>span[aria-hidden]{box-shadow:0 0 0 2px #242846,0 0 0 4px #fff}.prefs__toggle{cursor:pointer;grid-template-columns:1fr auto;align-items:center}.prefs__toggle input{opacity:0;position:absolute}.switch{background:#fff3;border-radius:99px;width:36px;height:21px;transition:background .25s;position:relative}.switch:after{content:"";width:17px;height:17px;transition:translate .3s var(--spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000059}.prefs__toggle input:checked+.switch{background:#30d158}.prefs__toggle input:checked+.switch:after{translate:15px}.prefs__toggle.is-off{opacity:.4;pointer-events:none}.presets{clear:both;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.preset{appearance:none;color:#f5f6fbc7;font:500 .72rem/1.1 var(--mac);cursor:pointer;background:0 0;border:0;justify-items:center;gap:6px;padding:0;display:grid}.preset[aria-pressed=true]{color:#fff;font-weight:650}.preset__art{aspect-ratio:1.2;width:100%;transition:box-shadow .2s ease, scale .3s var(--spring);border-radius:8px;grid-template-columns:repeat(3,1fr);align-content:center;gap:3px;padding:18% 16%;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.preset:hover .preset__art{scale:1.05}.preset[aria-pressed=true] .preset__art{box-shadow:0 0 0 2px #242846, 0 0 0 4px var(--lake)}.preset__art i{aspect-ratio:1;background:#ffffffd9;border-radius:28%}.preset__art i:nth-child(3n+2){background:#ffc06e}.preset__art i:nth-child(4n){background:#7cc6fe}.preset__art--default{background:linear-gradient(#4a63b8,#24306f)}.preset__art--classic{background:linear-gradient(#7d8597,#4b5162)}.preset__art--ipad{background:linear-gradient(135deg,#2e7bf6,#31c4b5);gap:4px;padding:14% 18%}.preset__art--glass{background:linear-gradient(135deg,#6b55c9,#e07fa6);padding:24%}.preset__art--minimal{background:#1c1c1e;gap:2px;padding:20% 12%}@media (width<=1060px){.try__head,.try__stage{grid-template-columns:minmax(0,1fr)}.studio{z-index:3;top:48px}.prefs{margin:20px 0 0}}@media (width>=640px) and (width<=1060px){.prefs{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.prefs__bar,.prefs__presets{grid-column:1/-1}.presets{max-width:520px}}@media (width<=639px){.cp__grid{--icon:calc(min(9.6cqi, 12.5cqh) * var(--scale));padding:1cqh calc(2cqi + 4cqi * var(--space));grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr))}.cp__grid .app:nth-child(n+16),.cp__grid figcaption{display:none}.cp__search{width:46%}.studio__menubar span{display:none}}.search__pin{min-height:100svh;padding:12vh var(--gutter) 8vh;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:5vw;display:grid}.search__steps{min-height:9.5em;margin-top:2.4rem;position:relative}.search__step h3{font-size:clamp(1.4rem,2vw,1.8rem)}.search__step p{max-width:36ch;color:var(--mist);margin-top:.5rem}.search__ticks{gap:6px;margin-top:1.4rem;display:flex}.search__ticks i{background:var(--line);border-radius:3px;width:26px;height:3px;transition:background .3s,width .4s}.search__ticks i.on{background:var(--horizon);width:44px}.search__demo{background:var(--wall);isolation:isolate;border-radius:34px;padding:clamp(22px,3.4vw,48px);position:relative;box-shadow:inset 0 0 0 1px #ffffff1f,0 40px 80px -40px #000000e6}.search__demo:before{content:"";z-index:-1;border-radius:inherit;background:#0a122838;position:absolute;inset:0}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}.capsule--search{color:#fff;padding:.85em .9em .85em 1.1em;font-size:clamp(1.05rem,1.55vw,1.4rem);position:relative}.capsule__field{white-space:nowrap;flex:1;min-width:0;position:relative}.capsule__ph{color:#ffffff8c;position:absolute;inset:0 auto 0 0}.capsule__ph.is-gone{display:none}.caret{vertical-align:-.2em;background:#fff;width:2px;height:1.15em;margin-left:1px;animation:1.05s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.capsule__micbtn{background:#ffffff1f;border-radius:50%;place-items:center;width:2em;height:2em;transition:background .3s;display:grid}.capsule__micbtn svg{width:1.05em}.capsule__glow{border-radius:inherit;background:conic-gradient(from var(--spin), #ffae4f, #ff4f8b, #8c6bff, #3cc7ff, #ffae4f);opacity:0;pointer-events:none;padding:3px;transition:opacity .5s;animation:3s linear infinite spin;position:absolute;inset:-3px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.capsule__glow:after{content:"";border-radius:inherit;background:inherit;filter:blur(18px);opacity:.8;position:absolute;inset:-10px}.is-listening .capsule__glow{opacity:1}.is-listening .capsule__micbtn{background:#ff4f8b8c}@keyframes spin{to{--spin:360deg}}.results{backdrop-filter:blur(26px)saturate(1.5);min-height:368px;font-family:var(--mac);background:#ffffff1f;border-radius:26px;margin-top:16px;padding:12px;position:relative;box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #ffffff1a}.results__set{visibility:hidden;position:absolute;inset:12px}.results__set.is-on{visibility:visible}.results__set.is-on>*{animation:.5s cubic-bezier(.2,.9,.3,1.1) both rowIn;animation-delay:calc(var(--i,0) * 55ms)}@keyframes rowIn{0%{opacity:0;transform:translateY(10px)scale(.98)}}.results h4{color:#ffffff9e;align-items:center;gap:.4em;margin:.55rem .7rem .35rem;font-size:.8rem;font-weight:600;display:flex}.results h4.ai{color:#ffd2bd}.results h4 svg{fill:currentColor;width:1.1em}.row{--icon:44px;color:#fff;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:grid}.row .app{width:auto}.row b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row>span{color:#fff9;white-space:nowrap;font-size:.88rem}.row.is-picked{background:#ffffff2b}.row--answer .answer{font-family:var(--display);font-size:1.9rem;font-weight:600;line-height:1}.doc{color:#3a5a98;background:linear-gradient(#fff,#e9edf5);border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.doc svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:62%}.results__hint{color:#ffffff8c;margin:.9rem .7rem 0;font-size:.85rem}@media (width<=900px){.search__pin{grid-template-columns:minmax(0,1fr);align-content:center;gap:4vh;padding-top:10vh}.search__steps{min-height:7.5em;margin-top:1.2rem}.search__step p{font-size:1rem}.results{min-height:300px}.row--file:nth-of-type(n+4){display:none}}.organize__pin{min-height:100svh;padding:12vh var(--gutter) 6vh;flex-direction:column;justify-content:center;gap:7vh;display:flex}.organize__head{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:2rem 5vw;display:grid}.organize__head p{max-width:44ch;color:var(--mist)}.organize__stage{position:relative}.folders{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:clamp(22px,4.5vh,48px) clamp(10px,2vw,32px);display:grid}.folder{flex-direction:column;align-items:center;gap:.75em;display:flex}.folder__tile{--fo:1;aspect-ratio:1;border-radius:26%;width:clamp(82px,min(8.6vw,14vh),128px);padding:12%;position:relative}.folder__tile:before{content:"";border-radius:inherit;opacity:var(--fo);transform:scale(calc(.85 + var(--fo) * .15));background:#ffffff21;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #ffffff14,0 18px 30px -18px #000000b3}.folder__slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:9%;display:grid;position:relative}.org-icon{width:auto}.org-icon .app__tile{will-change:transform;width:100%}.org-icon .app__badge{display:none}.folder__name{color:#f5f6fbe0;font:500 .95rem/1.2 var(--mac);text-align:center}@media (width<=760px){.organize__head{grid-template-columns:minmax(0,1fr)}.folders{grid-template-columns:repeat(3,minmax(0,1fr))}.folder:nth-child(n+10){display:none}.folder__name{font-size:.8rem}}.hours{--bg:#f4dfcb;--fg:#1b2647;--sun:#ffd3a1;--sun-y:70%}.hours__pin{background:var(--bg);min-height:100svh;color:var(--fg);place-items:center;padding:12vh 0 8vh;display:grid;position:relative;overflow:hidden}.hours__sun{left:50%;top:var(--sun-y);aspect-ratio:1;background:radial-gradient(circle, var(--sun) 0%, transparent 58%);pointer-events:none;border-radius:50%;width:90vmax;position:absolute;translate:-50% -50%}.hours__inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy clock""strips strips";align-items:end;gap:7vh 4vw;width:min(1240px,100% - 32px);display:grid;position:relative}.hours__copy{grid-area:copy}.hours__copy p{max-width:44ch;color:color-mix(in srgb, var(--fg) 72%, transparent);margin-top:1.4rem}.hours__clock{text-align:right;grid-area:clock}.hours__day{font-family:var(--display);color:color-mix(in srgb, var(--fg) 70%, transparent);font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:500;display:block}.hours__time{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.045em;font-size:clamp(5rem,15vw,14rem);font-weight:420;line-height:.82;display:block}.hours__strips{--icon:clamp(46px, 5.6vw, 74px);height:calc(var(--icon) * 1.75 + 36px);background:color-mix(in srgb, var(--fg) 7%, transparent);backdrop-filter:blur(20px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 12%, transparent);border-radius:32px;grid-area:strips;position:relative}.strip{justify-content:space-around;align-items:center;padding:16px 18px;display:flex;position:absolute;inset:0}.strip:not(:first-child){visibility:hidden}.hours .app figcaption{color:var(--fg);text-shadow:none}.hours .app__dot{background:var(--fg)}@media (width<=760px){.hours__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""clock""strips";gap:4vh}.hours__clock{text-align:left}.hours__strips{--icon:46px;border-radius:24px;height:auto;min-height:100px}.strip{flex-wrap:wrap;gap:12px 0}.strip .app:nth-child(n+5){display:none}}.arrange{padding:20vh var(--gutter) 16vh;grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:center;gap:4rem 6vw;display:grid}.arrange__copy>p{max-width:40ch;color:var(--mist);margin-top:1.4rem}.arrange__copy .arrange__keys{font-size:.98rem;line-height:1.9}.playpad{isolation:isolate;-webkit-user-select:none;user-select:none;border-radius:34px;padding:clamp(18px,3vw,34px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 40px 80px -40px #000000e6}.playpad__wall{z-index:-1;background:var(--wall);position:absolute;inset:0}.playpad__wall:after{content:"";background:#0a12284d;position:absolute;inset:0}.playpad__top{justify-content:flex-end;align-items:center;gap:8px;min-height:36px;margin-bottom:clamp(16px,3vw,30px);display:flex}.playpad__status{color:#fffc;font:500 .95rem/1.3 var(--mac);margin-right:auto}.playpad__grid{--icon:clamp(46px, 5.2vw, 70px);grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:clamp(16px,2.6vw,30px) 4px;display:grid;position:relative}.playpad .app{cursor:grab;touch-action:none;-webkit-touch-callout:none;border-radius:18px}.playpad .app:focus-visible{outline-offset:4px}.playpad .app__tile{transition:transform .25s cubic-bezier(.2,.9,.3,1.3),box-shadow .25s}.playpad .app:hover .app__tile{transform:translateY(-2px)scale(1.03)}.playpad .app.is-pressed .app__tile{filter:brightness(.82);transform:scale(.96)}.playpad.is-jiggling .app:not(.is-dragging) .app__tile{animation:.26s ease-in-out infinite alternate jiggle;animation-delay:var(--j,0s)}@keyframes jiggle{0%{transform:rotate(-2.2deg)translateY(.5px)}to{transform:rotate(2.2deg)translateY(-.5px)}}.playpad .app.is-dragging{z-index:10;cursor:grabbing;pointer-events:none}.playpad .app.is-dragging .app__tile{transform:scale(1.14);box-shadow:inset 0 1px #fff6,0 26px 40px -12px #000000a6}.playpad .app.is-dragging figcaption,.playpad .app.is-dragging .app__dot{opacity:0}.playpad .app.is-target .app__tile{box-shadow:0 0 0 calc(var(--icon) * .12) #ffffff47, 0 10px 30px -10px #00000080;transform:scale(1.08)}@media (width<=900px){.arrange{grid-template-columns:minmax(0,1fr);padding-top:14vh}}@media (width<=520px){.playpad__grid{--icon:50px;grid-template-columns:repeat(4,minmax(0,1fr))}.playpad__grid .app:nth-child(n+13){display:none}}html:not(.motion) .search__step{margin-bottom:1.4rem;position:static}html:not(.motion) .search__steps{min-height:0}html:not(.motion) .search__ticks{display:none}html:not(.motion) .results__set[data-set="4"]{visibility:visible}html.motion .search__step{opacity:0;position:absolute;inset:0 0 auto}html:not(.motion) .hours__strips{height:auto}html:not(.motion) .strip{position:relative}html:not(.motion) .strip:not(:first-child){display:none}.search__demo,.playpad{border-radius:clamp(14px,1.6vw,22px);box-shadow:0 0 0 1px #ffffff24,0 50px 100px -40px #000000e6,0 30px 60px -45px #785adc8c}.search__demo{background:var(--wall)}.arrange{background:radial-gradient(45% 40% at 75% 50%, #3561d638, transparent 70%), var(--ink)}.also .section__head{text-align:center;justify-items:center}.also .h2{max-width:20ch}.also__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.also__item{background:#ffffff0a;border-radius:22px;grid-template-rows:auto auto 1fr;gap:8px;padding:24px;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.also__item h3{font-size:1.3rem}.also__item p{max-width:44ch;color:var(--mist);font-size:.97rem}.also__show{--photo:url(/walls/alpine-dusk-1200.webp);background:linear-gradient(#0f0c3233, #0f0c3233), var(--photo) 50% 60% / cover no-repeat;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:174px;margin:-8px -8px 10px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a;container-type:inline-size}.also__item--undo .also__show,.also__item--drive .also__show{--photo:url(/walls/alpine-dawn-1200.webp)}.also__item--smart .also__show,.also__item--rules .also__show{--photo:url(/walls/alpine-dusk-1200.webp)}.also__item--set .also__show,.also__item--clean .also__show{--photo:url(/walls/alpine-dawn-1200.webp)}.also__item--undo,.also__item--smart,.also__item--sort{grid-column:span 2}.also__item--set,.also__item--rules{grid-column:span 3}.also__item--drive,.also__item--sync,.also__item--clean{grid-column:span 2}.also__item--langs{grid-column:1/-1;grid-template-rows:auto auto;overflow:hidden}.cap{width:64px;height:64px;color:var(--snow);font:500 1.6rem/1 var(--mac);background:linear-gradient(#2a2d36,#1b1d24);border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff1f,0 4px #0a0b0f,0 14px 24px -8px #000000b3}.also__item--smart .also__show{gap:16px}.smart{isolation:isolate;color:#fff;text-shadow:0 2px 6px #0000004d;grid-template-rows:64px 26px;justify-items:center;gap:8px;width:66px;font-size:1.7rem;line-height:64px;display:grid;position:relative}.smart:after{content:"";z-index:-1;background:linear-gradient(180deg, color-mix(in srgb, var(--c), white 20%), var(--c));border-radius:15px;height:64px;position:absolute;inset:0 0 auto;box-shadow:0 8px 16px -8px #0009}.smart b{font:500 .66rem/1.2 var(--mac);text-align:center;text-shadow:0 1px 2px #00000080}.also__item--sort .also__show{flex-direction:column;gap:14px}.sortrow{--s:min(30px, 6.6cqi);gap:calc(var(--s) * .16);display:flex}.sortby{max-width:calc(100% - 16px);font:500 .66rem/1 var(--mac);background:#0000004d;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:4px;padding:3px;display:flex}.sortby span{color:#ffffffb3;border-radius:6px;padding:5px 7px}.sortby .on{color:#fff;background:#ffffff38}.also__item--set .also__show{gap:22px}.set__folder{background:#ffffff3d;border-radius:17px;grid-template-columns:repeat(2,1fr);gap:6px;width:72px;padding:11px;display:grid;box-shadow:inset 0 1px #ffffff59}.set__arrow{background:#fff9;width:40px;height:2px;position:relative}.set__arrow:after{content:"";border-top:2px solid #fff9;border-right:2px solid #fff9;width:9px;height:9px;position:absolute;top:-4px;right:0;rotate:45deg}.set__apps{display:flex}.set__apps .ic{--s:46px;filter:drop-shadow(0 6px 10px #0006);margin-left:-12px}.set__apps .ic:first-child{margin-left:0}.also__item--rules .also__show{flex-direction:column;align-items:stretch;gap:8px;padding:18px 12%}.rule{color:#ffffffbf;font:500 .8rem/1.2 var(--mac);background:#141a468c;border-radius:10px;justify-content:space-between;gap:12px;padding:9px 12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f}.rule b{color:#fff;font-weight:600}.away{--icon:76px;position:relative}.away .app__tile{opacity:.42}.away__badge{background:#8e8e93;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:-8px;right:-10px;box-shadow:0 0 0 3px #1e286e99}.away__badge svg{fill:none;stroke:#fff;stroke-width:2px;width:18px}.also__item--sync .also__show{gap:18px}.mac-mini{background:#141e5a66;border:5px solid #0d0e12;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:5px;width:92px;padding:12px 14px;display:grid}.mac-mini i{aspect-ratio:1;background:#fffc;border-radius:26%}.mac-mini i:nth-child(2){background:#ffc06e}.mac-mini i:nth-child(4){background:#7cc6fe}.mac-mini i:nth-child(6){background:#ff8c9a}.sync__arrows{background:linear-gradient(#ffffffb3,#ffffffb3) 0 4px/100% 2px no-repeat,linear-gradient(#ffffffb3,#ffffffb3) 0 12px/100% 2px no-repeat;width:34px;height:18px}.also__item--clean .also__show{flex-direction:column;gap:12px;padding:0 12%}.storage{background:#00000059;border-radius:8px;gap:2px;width:100%;height:14px;padding:2px;display:flex}.storage i{width:var(--w);background:var(--c,transparent);border-radius:5px}.storage__free{background:repeating-linear-gradient(-45deg,#30d158 0 4px,#28b84c 4px 8px)!important}.storage__note{color:#fff;font:600 .82rem/1 var(--mac);align-self:flex-start}.langs__belt{margin:14px -22px -6px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.langs__track{gap:12px;width:max-content;display:flex}.langs__item{color:#fffc;font:500 .95rem/1 var(--mac);white-space:nowrap;background:#ffffff14;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a}.langs__item svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:15px}@media (width<=1000px){.also__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.also__item{grid-column:span 1!important}.also__item--langs{grid-column:1/-1!important}}@media (width<=620px){.also__grid{grid-template-columns:minmax(0,1fr)}}.price{background:radial-gradient(60% 50% at 50% 20%,#c0c6e14d,#0000 80%),#f5f3ee}.price__head{text-align:center;justify-items:center}.price__head .h2{max-width:12ch}.faq{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:2rem 6vw;display:grid}.faq__list{border-top:1px solid var(--line)}.faq__item{border-bottom:1px solid var(--line)}.faq__item summary{font:600 1.12rem/1.3 var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"";border-right:2px solid var(--mist);border-bottom:2px solid var(--mist);width:.55em;height:.55em;transition:transform .35s var(--spring);flex:none;margin-right:.3em;transform:rotate(45deg)translateY(-25%)}.faq__item[open] summary:after{transform:rotate(-135deg)translateY(-25%)}.faq__item p{max-width:62ch;color:var(--mist);padding:0 0 1.4rem}@media (width<=900px){.faq{grid-template-columns:minmax(0,1fr)}}.finale{isolation:isolate;padding:clamp(120px, 20vh, 220px) var(--gutter) clamp(80px, 12vh, 140px);text-align:center;background:#f5f3ee;position:relative;overflow:hidden}.finale__wall{z-index:-1;background:var(--wall);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 clamp(160px,18vw,260px));mask-image:linear-gradient(#0000,#000 clamp(160px,18vw,260px))}.finale__wall:after{content:"";background:linear-gradient(#090d2633,#0000 50%,#090d2699);position:absolute;inset:0}.finale__inner{justify-items:center;display:grid}.finale__mark{filter:drop-shadow(0 24px 40px #090d2680);margin-bottom:2rem;font-size:clamp(80px,10vw,128px)}.finale__title{text-shadow:0 4px 40px #090d2659;max-width:12ch;font-size:clamp(3rem,8vw,7.4rem)}.finale__cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:2.4rem;display:flex}.firstrun{backdrop-filter:blur(24px);text-align:left;background:#090d2680;border-radius:20px;max-width:560px;margin-top:clamp(4rem,10vh,7rem);padding:24px 26px;box-shadow:inset 0 0 0 1px #ffffff1f}.firstrun h3{font-size:1.25rem}.firstrun>p{color:var(--mist);margin-top:.4rem;font-size:.95rem}.firstrun ol{gap:.6rem;margin:1rem 0 0;padding-left:1.3em;font-size:.95rem;display:grid}.firstrun li::marker{color:var(--horizon);font-weight:700}