@charset "UTF-8";
:root{color-scheme:light;--ink:#17181b;--muted:#73767c;--paper:#f5f5f3;--accent:#f5f5f7;--line:#dcdedc;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #547cbb;outline-offset:5px}button:disabled{cursor:default}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.065em;line-height:1.04;font-weight:600}h2{font-size:clamp(44px,6.3vw,84px)}h2 span{color:#8b8e94}h3{font-size:1.6875rem;letter-spacing:-.035em;line-height:1.15}p{line-height:1.55}em{font-style:normal;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.07em}section{scroll-margin-top:100px}.section{padding:125px max(6vw,24px)}.eyebrow{font-size:0.6875rem;font-weight:650;letter-spacing:.15em;margin-bottom:26px}.fine{font-size:0.75rem;color:var(--muted)}.center{text-align:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:17px 25px;border-radius:30px;background:var(--ink);color:#fff;font-size:0.875rem;font-weight:550;transition:transform .25s,background .25s;white-space:nowrap}.button:hover{background:#3a3d43;transform:translateY(-2px)}.button span{font-size:1.1875rem}.button.small{padding:11px 18px;gap:18px;font-size:0.75rem}.text-link{display:inline-flex;gap:16px;font-size:0.875rem;font-weight:550}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:#fff;padding:15px}.skip:focus{top:10px}
.nav-wrap{position:fixed;z-index:50;top:20px;left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 40px))}.nav{display:flex;align-items:center;gap:30px;padding:10px 13px 10px 16px;background:#f9f9f9db;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #ffffffb5;border-radius:40px;box-shadow:0 4px 35px #11121407}.brand{display:flex;align-items:center;gap:10px;font-weight:650;font-size:1.1875rem;letter-spacing:-.6px}.nav-links{display:flex;gap:27px;margin:auto;font-size:0.75rem;color:#52555b}.nav-links a:hover{color:#000}.menu-toggle{display:none;background:none;border:0;font-size:1.25rem}.mobile-menu{background:#f7f7f7f5;backdrop-filter:blur(20px);border-radius:20px;padding:20px;margin-top:10px}.mobile-menu a{display:block;padding:12px}.mobile-menu[hidden]{display:none}
.hero{overflow:hidden;position:relative;padding-top:156px;background:radial-gradient(ellipse at 50% 66%,#e7e8e5 0,transparent 55%)}.hero-copy{text-align:center;position:relative;z-index:2}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5a806b;vertical-align:2px;margin-right:8px}.hero h1{font-size:clamp(70px,10.7vw,155px);margin:15px 0 25px}.hero h1 em{color:#898e93;margin-left:.09em}.lede{font-size:clamp(19px,2.1vw,27px);line-height:1.35;letter-spacing:-.6px;color:#70747a}.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin:30px 0 18px}.hero-stage{position:relative;margin:74px auto 0;max-width:1440px;padding:0 70px;perspective:1400px}.stage-label{display:flex;justify-content:space-between;margin:0 12px 14px;font-size:0.5625rem;letter-spacing:.14em;color:#858a90}.desktop{background:linear-gradient(135deg,#21252a,#0f1114 55%,#282e32);height:460px;border-radius:26px 26px 0 0;border:1px solid #60656a;position:relative;overflow:hidden;box-shadow:0 25px 80px #1b273836;transform:rotateX(5deg);transform-origin:center bottom}.desktop:before,.desktop:after{content:"";position:absolute;width:115%;height:90%;border:1px solid #afbdb331;border-radius:50%;transform:rotate(-20deg);left:-20%;top:32%;box-shadow:0 -16px 80px #aac4b119}.desktop:after{left:30%;top:45%;transform:rotate(23deg);border-color:#c7d8ef1c;box-shadow:0 -30px 90px #91a8c022}.desktop-menu{position:relative;display:flex;justify-content:space-between;padding:15px 21px;color:#c2c4c6;font-size:0.625rem;background:#ffffff06;z-index:1}.desktop-menu span:first-child{display:flex;align-items:center;gap:8px}.desktop-message{position:absolute;top:100px;left:70px;color:#f2f4f1;font-size:3.4375rem;line-height:1.05;letter-spacing:-3px}.desktop-message span{color:#6b7279}.demo-dock{display:flex;align-items:stretch;justify-content:center;gap:10px;position:absolute;bottom:42px;left:50%;transform:translateX(-50%);width:calc(100% - 64px);max-width:1050px;padding:11px;border:1px solid #ffffff2c;border-radius:26px;background:#111315dc;box-shadow:0 10px 35px #0009;z-index:2;backdrop-filter:blur(20px)}.dock-card{border:1px solid #ffffff13;background:linear-gradient(135deg,#35383bd9,#232628d9);border-radius:17px;color:#f5f5f7;padding:14px 17px;min-width:0}.card-kicker{font-size:0.5625rem;color:#9ca2a8;letter-spacing:.08em;font-weight:600}.focus-card{flex:1;min-width:145px}.focus-card>div{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px}.focus-card strong{font-size:1.9375rem;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums}.focus-card button{border:0;background:#ffffff18;color:white;width:34px;height:34px;border-radius:50%;font-size:0.75rem}.focus-card button:hover{background:#ffffff30}.ai-card{flex:1;min-width:150px}.meter-label{display:flex;gap:16px;align-items:center;margin-top:6px}.meter-label strong{font-size:1.8125rem;font-weight:550;letter-spacing:-1px}.meter-label strong span{font-size:0.8125rem}.meter-label>span{font-size:0.5625rem;color:#a5abb1}.meter{height:4px;background:#ffffff15;border-radius:10px;overflow:hidden;margin-top:8px}.meter i{display:block;height:100%;background:#c0d7c7;border-radius:10px;transition:width .6s var(--ease)}.mini-apps{display:grid;grid-template-columns:repeat(2,32px);gap:6px;padding:10px 7px;align-content:center}.app-icon{height:32px;width:32px;border-radius:8px;display:grid;place-items:center;font-size:1.4375rem;box-shadow:inset 0 0 0 1px #ffffff2f}.finder{background:linear-gradient(90deg,#8eabc0 50%,#cbd7dd 50%);color:#23394b}.safari{background:linear-gradient(140deg,#bdd2e3,#3b637b);color:white}.music{background:linear-gradient(135deg,#ba7b82,#64454d);color:#fff}.terminal{background:linear-gradient(140deg,#67716e,#1e2825);color:#d6e2dc}.music-card{display:flex;align-items:center;gap:14px;flex:1.6}.album{background:linear-gradient(135deg,#b1bfb3,#425f59 55%,#263f39);width:57px;height:57px;flex-shrink:0;border-radius:9px;display:grid;place-items:center}.album span{color:#d7e2d9;font:italic 30px Georgia}.music-card strong{display:block;font-size:0.75rem;line-height:1.3}.music-card div>span{font-size:0.625rem;color:#a4a9ae;display:block;margin-top:6px}.music-note{margin-left:auto;font-size:1.375rem;color:#a3b6aa}.sample-label{position:absolute;bottom:16px;left:0;width:100%;text-align:center;font-size:0.5rem;letter-spacing:.1em;color:#7c838b}.hero-bottom{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:25px 35px 35px;color:#7b8086;font-size:0.75rem}.hero-bottom a{border:1px solid #d5d7d7;border-radius:50%;width:37px;height:37px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #d6dad4;border-radius:50%;width:1300px;height:700px;pointer-events:none}.orbit-one{left:-35%;top:-130px;transform:rotate(-20deg)}.orbit-two{left:30%;top:-90px;transform:rotate(22deg)}
.section-intro{max-width:1120px;margin:auto}.section-intro>p:last-child{font-size:1.25rem;color:var(--muted);margin-top:24px;max-width:510px}.experience{padding-bottom:50px}.story{display:grid;grid-template-columns:1fr 1fr;max-width:1120px;gap:90px;margin:65px auto 0;align-items:start}.story-visual{position:sticky;top:170px;padding-top:50px}.story-window{height:320px;border-radius:16px;background:#e7e8e5;border:1px solid #cdd1cf;position:relative;box-shadow:0 30px 55px #1112140c;overflow:hidden;transition:background .6s}.traffic{display:flex;gap:5px;padding:13px;border-bottom:1px solid #00000008}.traffic i{width:5px;height:5px;background:#c1c4bf;border-radius:50%}.work-lines{position:absolute;top:90px;left:38px;width:50%;transition:width .7s var(--ease)}.work-lines span{display:block;width:90%;height:6px;background:#b8bfba;border-radius:5px;margin:20px 0}.work-lines span:nth-child(2){width:65%}.work-lines span:last-child{width:45%}.window-right{position:absolute;top:52px;right:18px;bottom:18px;width:0;opacity:0;background:#c8d1c8;border-radius:9px;padding:0;overflow:hidden;transition:all .7s var(--ease)}.window-right span{display:block;font-size:0.875rem;margin:25px 17px}.window-right i{display:block;width:60%;height:6px;background:#b0bdb1;border-radius:3px;margin:14px 17px}.story-dock{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:7px;align-items:center;background:#23262b;padding:9px;border-radius:15px;transition:transform .7s var(--ease),opacity .6s}.story-dock span{width:42px;height:36px;border:1px solid #ffffff15;background:#ffffff0d;border-radius:8px}.story[data-active="1"] .story-dock{transform:translate(-50%,90px);opacity:0}.story[data-active="1"] .story-window{background:#d4ddd4}.story[data-active="2"] .window-right{width:44%;opacity:1}.story[data-active="2"] .work-lines{width:35%}.visual-caption{font-size:0.75rem;color:#737b75;text-align:center;margin-top:27px;min-height:36px}.story-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.story-dots i{width:5px;height:5px;border-radius:50%;background:#c6cbc7;transition:width .4s}.story-dots i.active{background:#343b36;width:24px;border-radius:4px}.story-steps article{min-height:380px;padding:95px 0}.step-number{font-size:0.625rem;color:#8c928d;font-variant-numeric:tabular-nums;display:block;margin-bottom:24px}.story-steps p{color:#747b76;font-size:1.0625rem;max-width:390px;margin-top:20px}
.intelligence{background:#111214;color:#f4f5f6;overflow:hidden;position:relative;text-align:center}.ai-heading{max-width:750px;margin:auto}.ai-heading h2{font-size:clamp(45px,6.1vw,84px)}.ai-heading p:last-child{max-width:510px;margin:25px auto 0;color:#92979e;font-size:1.125rem}.ai-heading h2 span{color:#727980}.ai-showcase{display:flex;justify-content:center;align-items:center;gap:100px;padding:60px 0;max-width:1000px;margin:auto}.ai-orb{width:250px;height:250px;border:1px solid #a7b8a92c;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 28px #a7b8a905,0 0 0 58px #a7b8a904,0 0 100px #82ad9410;position:relative}.ai-orb:after{content:"";position:absolute;inset:-32px;border:1px solid #9fafb61d;border-radius:50%;transform:rotateX(58deg) rotate(-20deg)}.ai-orb img{box-shadow:0 14px 40px #0008;border-radius:26px}.ai-preview{width:340px;min-height:270px;padding:26px 30px;text-align:left;border:1px solid #ffffff21;background:linear-gradient(140deg,#34383c,#1b1d20);border-radius:24px;box-shadow:0 25px 50px #0005}.ai-preview-head{display:flex;justify-content:space-between;align-items:center;font-size:0.8125rem}.demo-badge{font-size:0.5rem;letter-spacing:.15em;color:#9ca6a2;border:1px solid #ffffff20;border-radius:4px;padding:4px 5px}.ai-preview>strong{display:block;font-size:4.6875rem;font-weight:500;letter-spacing:-5px;line-height:1.1;margin-top:26px;font-variant-numeric:tabular-nums}.ai-preview>strong span{font-size:1.5625rem;letter-spacing:-1px}.ai-preview>span{font-size:0.6875rem;color:#b6bec2}.ai-preview .meter{margin:19px 0}.ai-preview>p{font-size:0.6875rem;color:#8e989f;line-height:1.5}.provider-tabs{display:inline-flex;gap:4px;background:#ffffff07;border:1px solid #ffffff0a;padding:5px;border-radius:35px}.provider-tabs button{border:0;background:none;color:#959da4;border-radius:24px;font-size:0.75rem;padding:13px 22px;transition:background .25s,color .25s}.provider-tabs button[aria-selected=true]{color:#171c1a;background:#e2e7e3}.provider-description{max-width:590px;min-height:55px;margin:25px auto 0;font-size:0.875rem;color:#b4babf}.ai-fine{max-width:650px;margin:18px auto 0;color:#7d858d}
.widget-section{background:#eeefec}.widget-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1120px;margin:55px auto 30px}.feature-card{border-radius:25px;background:#f9f9f7;padding:34px 34px 38px;border:1px solid #e4e6e2;overflow:hidden}.feature-card>p{font-size:0.9375rem;color:#777d77;margin-top:15px;max-width:410px}.feature-card h3{font-size:1.5625rem}.feature-visual{height:215px;margin-bottom:35px;display:flex;align-items:center;justify-content:center;gap:24px}.record-visual{background:#e8ebe5;border-radius:15px;overflow:hidden}.record{width:155px;height:155px;flex-shrink:0;border-radius:50%;background:repeating-radial-gradient(#272d29 0,#272d29 1px,#1d231f 2px,#1d231f 4px);box-shadow:5px 12px 20px #1223192b;display:grid;place-items:center}.record i{width:47px;height:47px;border-radius:50%;background:radial-gradient(#1d231f 6px,#9cab97 7px,#85977f)}.track{max-width:150px;padding-right:12px}.track strong{font-size:0.875rem;display:block}.track>span{font-size:0.625rem;color:#848e83;display:block;margin-top:8px}.track>div{margin-top:24px;color:#5c6b5b;font-size:1.0625rem}.calendar-visual{background:#f0eee9;border-radius:15px;gap:20px}.date-tile{background:#fafaf9;border:1px solid #e1ddd6;border-radius:13px;padding:15px 22px;text-align:center}.date-tile span{font-size:0.625rem;letter-spacing:.09em;color:#b88072}.date-tile strong{display:block;font-size:3.1875rem;font-weight:450;letter-spacing:-3px}.calendar-visual>div:last-child{max-width:180px}.calendar-visual>div:last-child strong{font-size:1rem;display:block;margin:9px 0}.calendar-visual>div:last-child>span:last-child{color:#8a8f89;font-size:0.75rem}.tools-visual{gap:13px}.tools-visual>span{height:110px;flex:1;min-width:0;max-width:125px;border:1px solid #dce1da;border-radius:21px;background:linear-gradient(140deg,#eef1eb,#fafbf9);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:1.625rem;letter-spacing:-1px;box-shadow:0 12px 22px #00000005}.tools-visual small{font-size:0.5rem;letter-spacing:.1em;margin-top:16px;color:#8b9589}.stats-visual{background:#1c2320;border-radius:16px;position:relative;padding:24px;color:#d9e5d9;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:0}.stats-visual strong{font-size:2.0625rem;display:block;font-weight:500}.stats-visual strong span{font-size:1rem}.stats-visual svg{position:absolute;bottom:15px;left:20px;width:calc(100% - 40px);height:85px}.stats-visual path{fill:none;stroke:#aabfac;stroke-width:2}.widget-section>.fine a{text-decoration:underline;text-underline-offset:3px}
.personalize{text-align:center;overflow:hidden}.personalize .section-intro>p:last-child{margin:24px auto 0}.color-preview{height:300px;max-width:850px;margin:30px auto 0;position:relative;display:grid;place-items:center}.color-orbit{width:80%;height:150px;border-radius:50%;border:1px solid #d7dcd5;position:absolute;transform:rotate(-15deg)}.personal-dock{display:flex;align-items:center;gap:26px;border:1px solid #52575b;border-radius:26px;padding:25px 30px;background:linear-gradient(135deg,#33383b,#191d20);color:#f0f3f1;position:relative;box-shadow:0 25px 50px #11121424}.personal-dock>div>strong{display:block;font-size:1.25rem;font-weight:500;margin-top:9px;letter-spacing:-.5px}.color-ring{width:64px;height:64px;border-radius:50%;border:5px solid var(--accent);border-right-color:#ffffff1c;display:grid;place-items:center;color:var(--accent);font-size:1.1875rem;transition:color .3s,border-color .3s}.tiny-chart{display:flex;align-items:flex-end;gap:5px;height:43px;margin-left:14px}.tiny-chart i{width:7px;background:var(--accent);height:60%;border-radius:3px;transition:background .3s}.tiny-chart i:nth-child(2){height:85%}.tiny-chart i:nth-child(3){height:45%}.tiny-chart i:nth-child(4){height:100%}.tiny-chart i:nth-child(5){height:75%}.swatches{display:flex;gap:15px;justify-content:center;align-items:center;margin-bottom:25px}.swatches>button{width:28px;height:28px;border-radius:50%;border:3px solid var(--paper);background:var(--swatch);box-shadow:0 0 0 1px #c0c5be;transition:transform .2s}.swatches>button:hover{transform:scale(1.14)}.swatches>button[aria-pressed=true]{box-shadow:0 0 0 2px #3a443c}.custom-swatch{width:28px;height:28px;border:1px solid #b8c0b6;border-radius:50%;position:relative;display:grid;place-items:center;color:#727c6e;font-size:1.25rem;overflow:hidden;cursor:pointer}.custom-swatch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.custom-swatch:focus-within{outline:3px solid #547cbb;outline-offset:5px}.privacy{text-align:center;background:#e8ece5}.privacy-icon{display:block;font-size:3.75rem;color:#687d63;margin-bottom:27px}.privacy h2{font-size:clamp(40px,5vw,65px)}.privacy>p:not(.eyebrow){max-width:600px;margin:25px auto 30px;color:#73806d;font-size:1.125rem}.questions{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;max-width:1440px;margin:auto}.questions h2{font-size:clamp(42px,4.6vw,62px)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:26px 30px 26px 0;cursor:pointer;list-style:none;font-size:1rem;font-weight:550;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;top:23px;font-size:1.5rem;font-weight:300;color:#868e83}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:0.875rem;color:#777f73;padding:0 20px 25px 0}.download{text-align:center;background:#171a1c;color:#f5f6f3}.download>img{margin-bottom:30px}.download h2{font-size:clamp(55px,8vw,105px)}.download h2 em{color:#b2c2b3}.download>p:not(.eyebrow):not(.fine):not(.download-note){color:#8f9a92;margin:25px 0}.download>.button{background:#eef1e9;color:#1b231e;margin-bottom:20px}.download>.button:hover{background:#d6e3d4}.download .fine{color:#a2ada5}.download-note{color:#929c95;font-size:0.75rem;margin:25px 0}.download-note a{text-decoration:underline;text-underline-offset:4px}.download>.text-link{color:#aebbb0;font-size:0.75rem}footer{padding:45px max(6vw,24px);display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:0.75rem;color:#747a73}footer .brand{color:#282c28;font-size:1rem}footer>div{margin-left:auto;display:flex;gap:25px}footer a:hover{text-decoration:underline}footer small{width:100%;border-top:1px solid var(--line);padding-top:25px;font-size:0.625rem;color:#8d948b}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.privacy-page{max-width:850px;margin:100px auto;padding:60px 30px}.privacy-page h1{font-size:3.75rem;margin-bottom:30px}.privacy-page h2{font-size:1.75rem;margin:35px 0 15px;letter-spacing:-1px}.privacy-page p{color:#677063;margin:12px 0}.privacy-page a{text-decoration:underline}.not-found{text-align:center;padding:180px 24px}.not-found h1{font-size:5rem}.not-found p{margin:20px 0 30px}
@media(min-width:1500px){.hero-stage{max-width:1400px}.hero-copy{padding-top:20px}}@media(max-width:1000px){.nav-links{gap:18px}.nav{gap:20px}.hero-stage{padding:0 35px}.desktop{height:410px}.desktop-message{font-size:2.8125rem;left:45px;top:90px}.music-card{display:none}.demo-dock{max-width:650px}.story{gap:45px}.story-window{height:280px}.ai-showcase{gap:60px}.questions{gap:50px}.record{width:120px;height:120px}.feature-card{padding:25px}.personal-dock{gap:20px}.hero h1{font-size:6.25rem}}@media(max-width:700px){html{scroll-padding-top:90px}.section{padding:80px 24px}.nav-wrap{top:12px;width:calc(100% - 24px)}.nav{padding:9px 12px;gap:12px}.nav-links{display:none}.nav .brand{font-size:1rem;gap:7px}.nav .brand img{width:29px;height:29px}.nav .button{margin-left:auto;font-size:0.6875rem;padding:10px 13px;gap:10px}.menu-toggle{display:block}.hero{padding-top:140px}.hero h1{font-size:clamp(65px,13vw,90px);letter-spacing:-.06em;margin-bottom:22px}.hero .eyebrow{font-size:0.5625rem;margin-bottom:22px}.lede{font-size:1.3125rem}.hero-actions{flex-direction:column;gap:20px}.hero-stage{margin-top:45px;padding:0 14px}.stage-label{font-size:0.4375rem;margin:0 5px 10px}.stage-label span:last-child{display:none}.desktop{height:340px;border-radius:16px 16px 0 0}.desktop-message{font-size:2.25rem;left:27px;top:77px;letter-spacing:-2px}.desktop-menu{font-size:0.5rem;padding:11px 14px}.demo-dock{width:calc(100% - 22px);gap:6px;padding:7px;border-radius:18px;bottom:34px}.dock-card{padding:11px;border-radius:12px}.mini-apps{display:none}.focus-card{min-width:0}.focus-card strong{font-size:1.625rem}.focus-card>div{gap:6px}.focus-card button{width:28px;height:28px}.ai-card{min-width:0}.meter-label{gap:10px}.meter-label strong{font-size:1.5625rem}.meter-label>span{font-size:0.5rem}.card-kicker{font-size:0.5rem}.hero-bottom{padding:22px 25px;font-size:0.625rem}.hero-bottom a{width:30px;height:30px}.section-intro>p:last-child{font-size:1.0625rem}.story{display:block;margin-top:30px}.story-visual{position:relative;top:auto;padding-top:0}.story-window{height:270px}.story-steps{display:grid;gap:28px;margin-top:40px}.story-steps article{min-height:0;padding:15px 0 25px}.story-steps h3{font-size:1.625rem}.story-steps p{font-size:1rem;max-width:none}.step-number{margin-bottom:14px}.ai-heading p:last-child{font-size:1rem}.ai-showcase{gap:0;padding:45px 0 35px}.ai-orb{display:none}.ai-preview{width:min(340px,100%)}.provider-tabs{display:grid;grid-template-columns:1fr 1fr;border-radius:20px;max-width:350px;margin:auto}.provider-tabs button{padding:12px 18px;font-size:0.6875rem}.provider-description{font-size:0.8125rem;min-height:75px}.ai-fine{font-size:0.6875rem}.widget-grid{grid-template-columns:1fr;margin-top:35px;gap:17px}.feature-card{padding:24px}.feature-visual{height:185px;margin-bottom:26px}.record{width:130px;height:130px}.feature-card h3{font-size:1.5rem}.feature-card>p{font-size:0.875rem}.color-preview{height:230px;margin-top:10px}.personal-dock{padding:19px;gap:17px;border-radius:22px;width:100%;max-width:370px}.personal-dock>img{width:40px;height:40px}.personal-dock>div>strong{font-size:0.9375rem}.color-ring{width:49px;height:49px;flex-shrink:0;font-size:1rem;border-width:4px}.tiny-chart{display:none}.swatches{gap:17px}.privacy>p:not(.eyebrow){font-size:1rem}.questions{display:block}.faq-list{margin-top:32px}.faq-list summary{font-size:0.9375rem;padding-right:27px}.download>img{width:68px;height:68px}.download>.button{font-size:0.8125rem;gap:20px}.download .fine{font-size:0.6875rem}footer{padding:35px 24px;gap:18px}footer>span{font-size:0.625rem}footer>div{margin-left:0;width:100%;gap:25px}footer small{line-height:1.6}.privacy-page h1{font-size:2.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.desktop{transform:none!important}}

@media(max-width:360px){.nav{gap:8px;padding:10px}.nav .brand{font-size:0.875rem;gap:6px}.nav .brand img{width:26px;height:26px}.nav .button.small{font-size:0.625rem;padding:10px 12px;gap:8px}.menu-toggle{width:26px;flex-shrink:0}}

.workspace-section{background:#f7f7f4}.workspace-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;max-width:1120px;margin:55px auto 0}.workspace-card{background:#edeeea;border:1px solid #e0e4dd;border-radius:28px;padding:30px;overflow:hidden}.workspace-card h3{margin-top:25px}.workspace-card>p{color:#70796e;font-size:0.9375rem;margin-top:15px}.workspace-card>.fine{font-size:0.625rem}.layout-demo{height:260px;border-radius:18px;background:linear-gradient(135deg,#bfc9c0,#dce1d8);position:relative;overflow:hidden}.demo-window{position:absolute;top:50px;left:45px;right:45px;bottom:70px;background:#f2f4efc9;border-radius:10px;border:1px solid #ffffff9f;box-shadow:0 10px 25px #18352b14;display:flex;gap:8px;padding:20px}.demo-window span{background:#d5ded2;width:50%;border-radius:5px}.satellite,.main-mini{position:absolute;display:flex;align-items:center;gap:15px;padding:12px 18px;background:#242e29;color:#e5ece3;border:1px solid #ffffff55;border-radius:16px;box-shadow:0 8px 20px #182e2922;transition:top .65s var(--ease),left .65s var(--ease),transform .65s var(--ease)}.main-mini{bottom:12px;left:50%;transform:translateX(-50%)}.satellite{top:12px;left:50%;transform:translateX(-50%);font-size:1.125rem}.layout-demo[data-layout=create] .satellite{top:92px;left:18px;transform:none}.layout-demo[data-layout=unwind] .satellite{top:160px;left:67%;transform:translateX(-50%)}.layout-choices,.pet-demo-actions{display:flex;justify-content:center;gap:8px;margin-top:20px;flex-wrap:wrap}.layout-choices button,.pet-demo-actions button{border:1px solid #cdd4ca;border-radius:20px;background:transparent;padding:10px 17px;font-size:0.75rem;color:#344032}.layout-choices button[aria-pressed=true]{color:white;background:#29372e;border-color:#29372e}.pet-card{background:#e6ece3}.pet-scene{height:260px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.pet-level{font-size:0.5625rem;letter-spacing:.12em;color:#6c7d68}.pet-scene>img{max-height:190px}.pet-scene>span:last-child{font-size:0.75rem;color:#61705b}.pet-scene.is-resting img{opacity:.8}.workspace-note{max-width:900px;margin:65px auto 0;display:flex;gap:30px;align-items:center}.workspace-note>span{font-size:2.8125rem;color:#718d7b}.workspace-note h3{font-size:1.5625rem}.workspace-note p{margin-top:12px;font-size:1rem;color:#737d6d}@media(max-width:700px){.workspace-grid{grid-template-columns:1fr;margin-top:30px}.workspace-card{padding:23px}.layout-demo,.pet-scene{height:230px}.workspace-note{gap:18px;margin-top:40px}.workspace-note h3{font-size:1.4375rem}.workspace-note p{font-size:0.875rem}.satellite,.main-mini{gap:12px;padding:10px 14px}.demo-window{left:25px;right:25px}.pet-scene>img{height:170px}}


/* The original editorial system, with accessible controls and current features. */
:root{--muted:#626870}h2 span{color:#737980}
button,input,summary,.button,.layout-choices button,.provider-tabs button,.menu-toggle{min-height:44px}button,.menu-toggle{min-width:44px}.button{border:0;white-space:normal;text-align:center}.button:disabled{opacity:.75;cursor:default}.button:disabled:hover{transform:none}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #3461a4;outline-offset:5px}.intelligence :focus-visible,.download :focus-visible,.desktop :focus-visible{outline-color:#b4cef3}
button:active:not(:disabled),.button:active{filter:brightness(.92)}.focus-card button{width:44px;height:44px;flex-shrink:0}
.section-intro>p:last-child,.story-steps p,.feature-card>p,.workspace-card>p,.workspace-note p,.visual-caption,.step-number,footer,footer small,.stage-label{color:#59625c}.ai-preview>p,.ai-fine{color:#abb3bb}.sample-label{font-size:.6875rem;color:#b5bdc5}.card-kicker,.demo-badge{font-size:.6875rem}.fine{line-height:1.65}.stage-label{font-size:.6875rem}
.app-picker-card h3{margin-top:0}.picker-demo{margin-top:26px;padding:20px;border:1px solid #cbd0cb;border-radius:18px;background:#f7f8f5}.demo-slot{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px;border:1px solid #d3d9d2;border-radius:12px;background:#fff}.demo-slot>span{background:#426d90;color:#fff;border-radius:10px;padding:12px;font-size:18px}.demo-slot>div{flex:1;min-width:80px}.demo-slot small{display:block;color:#59625c;font-size:.6875rem;letter-spacing:.08em}.demo-slot strong{font-size:.875rem;display:block;overflow-wrap:anywhere}.subtle{background:#eef0eb;border:1px solid #81897c;border-radius:9px;padding:9px 12px;font-size:.8125rem;color:#28312a}.subtle:hover{background:#dfe6dd}.picker-status,#results-status{font-size:.8125rem;color:#59625c;margin-top:14px}.text-button{border:0;background:none;text-decoration:underline;color:#344d3a;font-size:.8125rem;padding:10px 0}#picker-panel{margin-top:20px}#picker-panel label{display:block;font-size:.8125rem;font-weight:600}#demo-search{width:100%;min-width:0;padding:12px;margin:9px 0;border:1px solid #81897c;border-radius:9px;background:#fff;color:#202820}#demo-search::placeholder{color:#626870;opacity:1}.app-results{max-height:240px;overflow:auto}.app-result{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:12px;font-size:.875rem;text-align:left;color:#263027}.app-result span{width:25px}.app-result:hover{background:#e7ece3;border-radius:8px}.app-result:disabled{opacity:.55}
.appearance-options{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;max-width:380px;margin:28px auto 0;border:0;padding:5px}.appearance-options legend{font-size:.8125rem;text-align:center;margin-bottom:12px;color:#59625c}.appearance-options label{position:relative;flex:1 1 5rem}.appearance-options input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.appearance-options span{display:flex;align-items:center;justify-content:center;padding:12px;border-radius:24px;border:1px solid #81897c;min-height:44px;font-size:.8125rem}.appearance-options input:checked+span{background:#29372e;color:#fff;border-color:#29372e}.appearance-options input:focus-visible+span{outline:3px solid #3461a4;outline-offset:4px}.appearance-note{margin-top:18px}
.personal-dock{transition:background .25s,color .25s}.personalize .personal-dock{background:#f7f8f6;color:#28312a;border-color:#c8d0c5}.personalize .personal-dock .card-kicker{color:#59625c}.personalize .personal-dock .color-ring{color:#29372e}
html[data-appearance=dark] .personal-dock{background:#242a27;color:#f0f4ef;border-color:#526052}html[data-appearance=dark] .personal-dock .card-kicker{color:#b5bfb3}html[data-appearance=dark] .personal-dock .color-ring{color:#f0f4ef}
@media(prefers-color-scheme:dark){html:not([data-appearance=light]) .personal-dock{background:#242a27;color:#f0f4ef;border-color:#526052}html:not([data-appearance=light]) .personal-dock .card-kicker{color:#b5bfb3}html:not([data-appearance=light]) .personal-dock .color-ring{color:#f0f4ef}}
.offer{display:flex;justify-content:center;align-items:center;gap:22px;margin:35px auto 24px}.offer>strong{font-size:3rem;font-weight:500;letter-spacing:-.05em}.offer>span{text-align:left;font-size:.8125rem;line-height:1.7;color:#b8c2b9}.download .button{background:#eef1e9;color:#1b231e}.download #checkout-status{color:#b8c2b9}.purchase-links{display:flex;gap:24px;justify-content:center;margin-top:20px}.purchase-links .text-link{color:#c1ccc3;font-size:.8125rem}footer a{min-height:44px;display:inline-flex;align-items:center}footer>div{flex-wrap:wrap}
[hidden]{display:none!important}.story>*,.workspace-grid>*,.widget-grid>*{min-width:0}.section{overflow-wrap:anywhere}.button span[data-price]{font-size:inherit}.swatches{flex-wrap:wrap}.swatches button,.custom-swatch{width:44px;height:44px}.nav{flex-wrap:wrap}
@media(max-width:700px){.hero .eyebrow,.stage-label{font-size:.6875rem}.card-kicker,.meter-label>span,.hero-bottom{font-size:.6875rem}.hero-bottom a{width:44px;height:44px}.offer{flex-direction:column;gap:10px}.offer>span{text-align:center}.appearance-options{max-width:100%}.app-picker-card .picker-demo{padding:14px}.demo-slot{gap:8px}.personal-dock{flex-wrap:wrap}.workspace-grid{grid-template-columns:1fr}.nav{flex-wrap:nowrap}.menu-toggle{flex-shrink:0}.hero h1{font-size:clamp(3.5rem,13vw,5.625rem)}}
@media(max-width:420px){.nav .button{display:none}.nav .brand{margin-right:auto}.menu-toggle{width:44px}.nav .brand{font-size:1rem}}
@media(prefers-reduced-transparency:reduce){.nav,.mobile-menu{backdrop-filter:none;background:#f7f8f5}.demo-dock{backdrop-filter:none;background:#181c1a}.personal-dock{backdrop-filter:none}}
@media(prefers-contrast:more){:root{--muted:#303830}.fine,.feature-card>p,.story-steps p,.workspace-card>p,.visual-caption{color:#303830}.intelligence .fine,.download .fine{color:#e5ebe7}.subtle,#demo-search,.appearance-options span{border-color:#303830}}

/* Owner-provided DockGrove branding. Crops retain the original artwork and colors. */
.brand .brand-wordmark{width:168px;height:40px;object-fit:contain;border-radius:5px;background:#fff;flex-shrink:0}
:root{--brand-blue:#4d83e8;--ink:#111111;--muted:#62666d}
:focus-visible{outline-color:var(--brand-blue)}

.companion-section{background:var(--paper)}.companion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:44px 0 24px}.companion-card{text-align:center;padding:26px 18px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--paper),#a3aab5 9%)}.companion-card h3{font-size:1.125rem;letter-spacing:-.02em}.companion-card p{font-size:.8125rem;color:var(--muted);margin-top:8px}.pixel-pet{width:144px;height:144px;margin:0 auto 18px;background-size:400% 400%;background-position:0 0;image-rendering:pixelated;animation:pet-walk 1.4s steps(1,end) infinite}.companion-card:nth-child(3n) .pixel-pet{animation-delay:-.5s}.companion-card:nth-child(2n) .pixel-pet{animation-delay:-.9s}
@keyframes pet-walk{0%{background-position:0 0}12.5%{background-position:33.3333% 0}25%{background-position:66.6667% 0}37.5%{background-position:100% 0}50%{background-position:0 33.3333%}62.5%{background-position:33.3333% 33.3333%}75%{background-position:66.6667% 33.3333%}87.5%{background-position:100% 33.3333%}}
@media(max-width:700px){.companion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.companion-card{padding:20px 10px}.pixel-pet{width:110px;height:110px}.nav .brand .brand-wordmark{width:138px;height:33px}.nav{gap:12px}}
@media(prefers-reduced-motion:reduce){.pixel-pet{animation:none}}