@charset "UTF-8";
:root{--paper:#f5f3ee;--ink:#25231f;--muted:#716e67;--orange:#ff8748;--line:#dcd8cf;--scroll-progress:0;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:90px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ba4d14;outline-offset:6px}button{color:inherit}::selection{background:#ffbb93;color:#25231f}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.065em}em{font-style:normal}p{line-height:1.6}section{position:relative}section[id]{scroll-margin-top:30px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.site-header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;top:0}.brand{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:650;letter-spacing:-1px}.brand img{border-radius:8px}.site-header nav{display:flex;gap:35px;align-items:center;font-size:15px;font-weight:500}.site-header nav>a:not(.nav-download):hover{color:#a64a1c}.nav-download{border:1px solid #c7c1b6;padding:12px 20px;border-radius:30px}.nav-download span{margin-left:10px}.hero{min-height:850px;height:100svh;max-height:1080px;overflow:hidden;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;padding:115px 5% 90px;--hero-progress:0}.hero-copy{position:relative;z-index:3;align-self:center;padding-bottom:20px}.eyebrow{font-size:14px;font-weight:550;letter-spacing:.02em;margin-bottom:26px}.hero h1{font-size:clamp(62px,7.3vw,112px);line-height:1.02;letter-spacing:-.075em}.hero h1 em{color:#ca5626}.hero-description{font-size:19px;color:#6d6961;margin:28px 0 32px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:17px 24px;border-radius:40px;font-size:16px;font-weight:500;transition:transform .2s,background .2s}.button-dark{background:#282622;color:white}.button:hover{transform:translateY(-3px);background:#49443c}.button svg{width:24px;height:24px}.download-note{font-size:13px;color:var(--muted);margin-top:14px;padding-left:5px}.hero-stage{position:relative;height:620px;min-width:0;perspective:1200px;transform:translateY(calc(var(--hero-progress) * -40px))}.stage-halo{position:absolute;inset:18% -15% 0 -20%;border-radius:50%;background:radial-gradient(ellipse,#e7dfd0 0,transparent 66%);filter:blur(20px)}.phone-wrap{position:absolute;width:248px;height:496px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-13deg);transition:transform 1s cubic-bezier(.2,.7,.2,1)}.phone{height:100%;width:100%;border-radius:45px;padding:7px;background:linear-gradient(100deg,#757369,#f0e7d9 3%,#9c958a 7%,#57554f 85%,#d8d2c8 96%,#777166);box-shadow:8px 14px 0 -5px #b6aea1,11px 18px 0 -6px #5b5850,25px 45px 55px #51473533;position:relative;transform:rotateY(-15deg) rotateX(7deg);transform-style:preserve-3d}.phone::before{content:"";position:absolute;left:-5px;top:99px;width:5px;height:36px;border-radius:3px;background:linear-gradient(90deg,#62554b,#e5aa7c);box-shadow:-2px 0 8px #d87d3966}.phone::after{content:"";position:absolute;left:-4px;top:156px;width:4px;height:64px;border-radius:3px;background:#9f9788}.phone-screen{height:100%;border:3px solid #252421;border-radius:39px;background:#efb291;overflow:hidden;position:relative}.island{position:absolute;width:76px;height:22px;border-radius:20px;background:#1b1b19;left:50%;transform:translateX(-50%);top:10px;z-index:3}.phone-time{position:absolute;top:15px;left:21px;font-size:11px;font-weight:650;z-index:4}.idle-screen{position:absolute;inset:0;padding:85px 22px 0;background:linear-gradient(155deg,#fbd4b8,#dd8860);transition:opacity .5s}.idle-date{font-size:10px;letter-spacing:0;color:#653d2e}.idle-screen strong{display:block;font-size:49px;line-height:1.06;letter-spacing:-3.5px;margin-top:12px;font-weight:600}.idle-sun{display:block;font-size:250px;line-height:1;margin:12px 0 0 0;color:#ad4b27;animation:sunturn 45s linear infinite}.home-indicator{position:absolute;bottom:8px;left:32%;height:4px;width:36%;background:#181817;border-radius:5px;z-index:4}.launcher{position:absolute;inset:50px 0 0;background:#242321;color:#f7f5ee;padding:22px 15px 20px;border-radius:25px 25px 0 0;transform:translateY(105%);transition:transform .75s cubic-bezier(.2,.8,.2,1);z-index:2}.launcher-overline{font-size:8px;letter-spacing:2px;color:#a4a095}.launcher h2{font-size:27px;letter-spacing:-1px;margin:6px 0 15px}.launcher-profile{display:inline-block;font-size:10px;color:#221b16;background:var(--orange);padding:7px 10px;border-radius:20px;margin-bottom:14px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-grid>button{height:75px;border-radius:13px;background:#3b3831;padding:10px;font-size:9px;color:#eee9df;display:flex;flex-direction:column;justify-content:space-between}.mini-grid span{font-size:24px;color:#dfbca2}.mini-grid>button:nth-child(3n) span{color:#d2c8e8}.demo-caption{font-size:8px;color:#c0baaf;margin-top:12px;text-align:center}.action-orbit{position:absolute;z-index:4;transition:transform .85s cubic-bezier(.22,.7,.2,1),filter .8s;will-change:transform}.action-orbit img{filter:drop-shadow(0 18px 14px #4a38201f);width:100%}.action-orbit span{position:absolute;white-space:nowrap;left:50%;transform:translateX(-50%) translateY(8px);font-size:12px;color:#635e55;opacity:0;transition:opacity .4s}.orbit-camera{width:200px;right:-7%;top:10%;transform:rotate(9deg)}.orbit-note{width:152px;left:0%;top:4%;transform:rotate(-16deg)}.orbit-timer{width:150px;left:-6%;bottom:15%;transform:rotate(-15deg)}.press-button{position:absolute;z-index:5;left:48%;transform:translateX(-50%);bottom:2%;display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid #c5b8a4;padding:13px 19px;border-radius:28px;white-space:nowrap;font-size:14px;box-shadow:0 5px 20px #4d35200a}.press-dot{width:9px;height:19px;border:1px solid #bc5221;border-radius:4px;background:var(--orange);box-shadow:0 0 0 4px #ff87481a;animation:buttonpulse 2.8s infinite}.is-open .launcher{transform:translateY(0)}.is-open .idle-screen{opacity:.15}.is-open .phone-wrap{transform:translate(-50%,-50%) rotate(-3deg) scale(1.035)}.is-open .orbit-camera{transform:translate(10px,-15px) rotate(15deg)}.is-open .orbit-note{transform:translate(-18px,-10px) rotate(-24deg)}.is-open .orbit-timer{transform:translate(-20px,20px) rotate(-20deg)}.is-open .action-orbit span{opacity:1}.hero-foot{position:absolute;bottom:35px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:13px;color:#766e63;border-top:1px solid var(--line);padding-top:21px}.hero-foot a{color:var(--ink)}.hero-foot a span{display:inline-block;margin-left:12px}.button-story{min-height:760px;overflow:hidden;background:#0c0c0c;color:#f3f0e7;display:grid;grid-template-columns:1fr 1fr;align-items:center}.story-image{height:760px;position:relative;overflow:hidden}.story-image img{height:110%;width:100%;object-fit:cover;object-position:50% 45%;mask-image:linear-gradient(90deg,#000 70%,transparent);transform:scale(1.06)}.story-copy{padding:90px 12% 90px 5%;max-width:620px}.story-copy .eyebrow{color:#b1aba1}.story-copy h2{font-size:clamp(55px,5.5vw,85px);line-height:1.06}.story-copy em{color:var(--orange)}.story-copy>p:not(.eyebrow){color:#b6b1a8;font-size:18px;margin-top:28px;max-width:370px}.text-link{display:inline-block;margin-top:27px;border-bottom:1px solid #807467;padding-bottom:8px;font-size:16px}.text-link span{margin-left:18px}.section-wrap{padding:110px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px;gap:35px}.section-heading h2{font-size:clamp(42px,4.8vw,70px);line-height:1.08}.section-heading p{font-size:18px;color:var(--muted);padding-bottom:5px}.tool-selector{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}.tool-selector button{border:1px solid #d3cec4;background:transparent;border-radius:25px;padding:13px 22px;font-size:15px;transition:background .2s}.tool-selector button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tool-showcase{border-radius:24px;background:#e9e4da;overflow:hidden}.tool-showcase article{display:grid;grid-template-columns:1.15fr 1fr;min-height:520px;animation:panel-in .45s ease both}.tool-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:520px}.tool-art img{width:75%;max-height:420px;object-fit:contain;z-index:1;filter:drop-shadow(0 24px 20px #6d452521);transform:rotate(-8deg);transition:transform .6s}.tool-art:hover img{transform:rotate(0deg) translateY(-8px)}.art-word{position:absolute;top:10%;font-weight:600;font-size:clamp(95px,13vw,200px);letter-spacing:-.09em;color:#d4cab8}.note-art{background:#ebe2c9}.note-art .art-word{color:#d8c89f}.parking-art{background:#dce3dc}.parking-art .art-word{color:#bfcebd}.tool-copy{display:flex;flex-direction:column;justify-content:center;padding:60px 15% 60px 8%}.plus-label{font-size:12px;color:#8a4525;letter-spacing:.01em;font-weight:550;margin-bottom:22px}.free-label{color:#625a39}.tool-copy h3{font-size:65px;line-height:1.03;margin-bottom:20px}.tool-copy p{font-size:17px;color:#655f54;max-width:320px}.tool-category{margin-top:28px;padding-top:18px;border-top:1px solid #cec5b6;font-size:14px;font-weight:550}.tool-list{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-top:55px;padding-top:35px;border-top:1px solid var(--line)}.tool-list>p{font-size:22px;line-height:1.3;letter-spacing:-.7px}.tool-list ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;font-size:17px}.tool-list li span{color:#a24921;font-size:12px;vertical-align:super}.list-note{grid-column:2;font-size:13px;color:var(--muted);margin-top:2px}.profiles-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;background:#e8e6df;overflow:hidden}.profiles-copy h2{font-size:clamp(45px,5vw,70px);line-height:1.06}.profiles-copy>p:not(.eyebrow):not(.profile-note){font-size:18px;color:#6c685e;max-width:390px;margin-top:24px}.profile-selector{display:flex;gap:6px;border:1px solid #c9c4b9;border-radius:30px;padding:5px;width:max-content;margin-top:30px}.profile-selector button{font-size:14px;border:0;padding:11px 17px;background:transparent;border-radius:25px}.profile-selector button[aria-pressed=true]{background:#292823;color:white}.profile-note{font-size:13px;color:var(--muted);margin-top:19px;max-width:340px}.profile-preview{perspective:1000px}.profile-window{padding:26px;background:#292825;color:#f9f6ed;border-radius:30px;transform:rotate(5deg);box-shadow:18px 30px 65px #544c3229;transition:transform .5s,background .5s}.profile-preview[data-active=work] .profile-window{transform:rotate(-2deg);background:#272932}.profile-preview[data-active=unwind] .profile-window{transform:rotate(1deg);background:#29312d}.window-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #555149;padding-bottom:20px;margin-bottom:28px;font-size:10px;letter-spacing:1.5px;color:#c3bcaf}.window-mark{background:#ff8748;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:23px;letter-spacing:-2px;font-weight:700;color:#34241a}.profile-window h3{font-size:31px;letter-spacing:-1.1px;margin-bottom:5px}.profile-window p{font-size:13px;color:#c4bdaf}.profile-grid{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-grid>div{height:130px;border-radius:18px;padding:19px 15px;background:#454137;display:flex;flex-direction:column;justify-content:space-between;font-size:14px;transition:background .4s}.profile-grid>div:nth-child(2){background:#4a3c32}.profile-grid>div:nth-child(3){background:#3d3c49}.profile-grid>div:nth-child(4){background:#35423c}.profile-grid span{font-size:36px;color:#dfc69b}.preview-label{display:block;font-size:11px;color:#b6afa1;margin-top:23px}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;list-style:none;padding:0;margin:60px 0 35px}.step-icon{display:grid;place-items:center;background:#e9e3d8;border-radius:17px;width:58px;height:58px;font-size:30px;margin-bottom:28px;color:#8d5d3e}.setup-steps h3{font-size:26px;letter-spacing:-1px;margin-bottom:13px}.setup-steps p{font-size:16px;color:var(--muted);max-width:300px}.setup-steps strong{font-weight:550;color:#4b463e}.setup-note{border-top:1px solid var(--line);padding-top:26px;font-size:14px;color:var(--muted)}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;padding-top:35px}.faq-section h2{font-size:43px;line-height:1.1;max-width:260px}.faq-list details{border-bottom:1px solid #d7d2c7}.faq-list details:first-child{border-top:1px solid #d7d2c7}.faq-list summary{list-style:none;padding:24px 0;font-size:17px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;font-weight:300;color:#887e6f;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:16px;color:var(--muted);padding:0 35px 25px 0}.closing{background:#f5a575;padding:85px 8% 180px;overflow:hidden;text-align:center}.closing>div{position:relative;z-index:1}.closing img{margin:0 auto 25px;border-radius:18px;box-shadow:0 10px 30px #8d4c3122}.closing h2{font-size:clamp(45px,5.5vw,80px);line-height:1.05}.closing h2 span{color:#884124}.closing .button{margin-top:30px}.closing p{font-size:14px;margin-top:15px;color:#744832}.closing-word{position:absolute;bottom:-.3em;left:50%;transform:translateX(-50%);font-size:clamp(180px,31vw,500px);font-weight:650;letter-spacing:-.09em;color:#e18c5b;line-height:1;pointer-events:none}.site-footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer p,.site-footer nav{font-size:13px;color:var(--muted)}.site-footer nav{display:flex;gap:25px}.site-footer .brand{font-size:22px}.motion-ready [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes sunturn{to{transform:rotate(360deg)}}@keyframes buttonpulse{50%{box-shadow:0 0 0 7px #ff874800}}@keyframes panel-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{padding-left:max(5%,calc((100vw - 1450px)/2));padding-right:max(5%,calc((100vw - 1450px)/2))}.section-wrap{padding-left:max(8%,calc((100vw - 1300px)/2));padding-right:max(8%,calc((100vw - 1300px)/2))}.orbit-camera{right:0}}
@media(max-width:1100px){.hero{min-height:780px}.hero h1{font-size:76px}.hero-stage{height:560px}.phone-wrap{width:222px;height:450px}.orbit-camera{width:170px;right:-10%}.orbit-note{width:125px;left:-7%}.orbit-timer{width:120px;left:-9%}.launcher{padding:18px 12px}.mini-grid>button{height:65px}.hero-description{font-size:17px}.section-wrap{padding:85px 6%}.tool-copy h3{font-size:55px}.profile-window{padding:22px}.profiles-section{gap:6%}.profile-selector button{padding:10px 13px}.setup-steps{gap:28px}.faq-section{padding-top:15px}}
@media(max-width:760px){.site-header{height:76px;padding:0 6%}.brand{font-size:23px}.brand img{width:29px;height:29px}.site-header nav{gap:0}.site-header nav>a:not(.nav-download){display:none}.nav-download{padding:10px 16px;font-size:13px}.hero{min-height:1030px;height:auto;max-height:none;grid-template-columns:1fr;padding:130px 6% 80px;text-align:center}.hero-copy{padding:0;align-self:start}.eyebrow{font-size:13px;margin-bottom:20px}.hero h1{font-size:clamp(55px,10.7vw,80px);line-height:1.02;letter-spacing:-.07em}.hero-description{font-size:16px;margin:23px 0}.download-note{font-size:12px;margin-top:12px}.button{font-size:14px;padding:15px 21px}.hero-stage{height:495px;margin:28px auto 0;width:100%;max-width:440px}.phone-wrap{height:390px;width:195px;top:47%;left:50%}.phone{border-radius:37px;padding:6px}.phone-screen{border-radius:31px}.island{width:66px;height:17px;top:9px}.phone-time{font-size:9px;top:13px;left:16px}.idle-screen{padding:66px 16px 0;text-align:left}.idle-screen strong{font-size:41px;letter-spacing:-2.8px}.idle-date{font-size:8px}.idle-sun{font-size:210px}.launcher{text-align:left;padding:16px 11px;inset:43px 0 0}.launcher h2{font-size:23px;margin-bottom:9px}.launcher-profile{font-size:9px;margin-bottom:10px}.mini-grid{gap:6px}.mini-grid>button{height:56px;font-size:8px;padding:7px;border-radius:10px}.mini-grid span{font-size:21px}.demo-caption{font-size:7px}.orbit-camera{width:140px;right:-1%;top:12%}.orbit-note{width:110px;left:3%;top:1%}.orbit-timer{width:105px;left:-1%;bottom:18%}.action-orbit span{font-size:10px}.press-button{bottom:0;font-size:13px;padding:12px 17px;left:50%}.hero-foot{left:6%;right:6%;bottom:19px;font-size:11px;padding-top:17px;text-align:left}.hero-foot>span{max-width:150px}.hero-foot a{align-self:center}.button-story{min-height:800px;display:flex;flex-direction:column-reverse}.story-copy{padding:65px 7% 0;max-width:none;z-index:1;width:100%}.story-copy h2{font-size:55px}.story-copy>p:not(.eyebrow){font-size:16px;max-width:390px;margin-top:22px}.story-copy .eyebrow{font-size:12px}.text-link{font-size:14px;margin-top:20px}.story-image{width:100%;height:380px;margin-top:0}.story-image img{object-position:50% 45%;height:150%;mask-image:linear-gradient(0deg,#000 65%,transparent)}.section-wrap{padding:65px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:42px}.section-heading p{font-size:16px;margin-top:20px}.section-heading p br{display:none}.tool-selector{gap:7px;margin-bottom:20px}.tool-selector button{padding:10px 12px;font-size:11px;flex:1;white-space:nowrap}.tool-showcase{border-radius:20px}.tool-showcase article{grid-template-columns:1fr}.tool-art{min-height:315px}.tool-art img{width:65%;height:290px}.art-word{top:3%;font-size:100px}.tool-copy{padding:15px 8% 35px}.plus-label{margin-bottom:14px;font-size:11px}.tool-copy h3{font-size:45px;line-height:1.02}.tool-copy h3 br{display:none}.tool-copy p{font-size:16px;max-width:none}.tool-category{font-size:13px;margin-top:20px;padding-top:15px}.tool-list{grid-template-columns:1fr;margin-top:35px;padding-top:25px;gap:25px}.tool-list>p{font-size:21px}.tool-list>p br{display:none}.tool-list ul{font-size:14px;gap:17px}.list-note{grid-column:1;font-size:12px}.profiles-section{grid-template-columns:1fr;gap:50px;padding-bottom:80px}.profiles-copy h2{font-size:47px}.profiles-copy>p:not(.eyebrow):not(.profile-note){font-size:16px}.profile-selector button{font-size:14px;padding:11px 16px}.profile-note{font-size:12px}.profile-preview{width:92%;max-width:400px;margin:auto}.profile-window{padding:22px}.profile-window h3{font-size:29px}.profile-grid>div{height:120px}.preview-label{font-size:10px}.setup-steps{grid-template-columns:1fr;gap:33px;margin:35px 0}.setup-steps li{display:grid;grid-template-columns:50px 1fr;column-gap:20px}.step-icon{grid-row:span 2;width:49px;height:49px;font-size:26px;margin:0}.setup-steps h3{font-size:23px;margin-bottom:8px}.setup-steps p{font-size:15px;max-width:none;grid-column:2}.setup-note{font-size:13px}.faq-section{grid-template-columns:1fr;gap:30px;padding-top:0}.faq-section h2{font-size:35px;max-width:none}.faq-list summary{font-size:16px;padding:22px 0}.faq-list details p{font-size:15px;padding-right:10px}.closing{padding:60px 6% 125px}.closing h2{font-size:46px}.closing img{width:59px;height:59px;border-radius:15px}.closing p{font-size:13px}.closing-word{font-size:32vw;bottom:-.2em}.site-footer{padding:30px 6%;display:grid;grid-template-columns:1fr auto;gap:20px}.site-footer p{font-size:12px;grid-column:1/-1;grid-row:2}.site-footer nav{gap:16px;font-size:12px}.site-footer .brand{font-size:22px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-stage{transform:none}.motion-ready [data-reveal]{opacity:1;transform:none}}

.mini-grid>button{border:1px solid #ffffff09;text-align:left;font-family:inherit;cursor:pointer;transition:background .2s,transform .2s}.mini-grid>button:hover{background:#524a3b;transform:translateY(-2px)}.demo-tool{position:absolute;inset:0;background:#272623;padding:20px 15px;display:flex;flex-direction:column}.demo-back{background:none;color:#e8c3a4;font-size:10px;padding:0 0 16px;text-align:left;border:0}.demo-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px}.demo-content h3{font-size:22px;letter-spacing:-.7px}.demo-content p{font-size:11px;color:#d5cec1;line-height:1.6}.demo-content img{width:125px;height:125px;object-fit:contain}.demo-content .demo-clock{font-size:39px;letter-spacing:-2px;border:3px solid #dfb49b;width:135px;height:135px;border-radius:50%;display:grid;place-items:center}.demo-content .demo-breath{width:100px;height:100px;border-radius:50%;background:#a6c0b2;box-shadow:0 0 0 13px #a6c0b21a,0 0 0 26px #a6c0b211;animation:breathe 6s ease-in-out infinite;margin:20px 0}.demo-disclaimer{text-align:center;margin-top:15px;font-size:8px;color:#ada596}.demo-content .demo-note{background:#e5dbb6;color:#524932;padding:18px;border-radius:5px;transform:rotate(-3deg);font-size:14px;line-height:1.7;text-align:left}.demo-content .waveform{display:flex;align-items:center;gap:4px;height:70px}.waveform i{width:4px;background:#dcb5ba;border-radius:3px;height:var(--bar-height)}@keyframes breathe{50%{transform:scale(.75);opacity:.65}}
@media(max-width:760px){.is-open .orbit-camera{transform:translate(12px,-38px) rotate(12deg) scale(.76)}.is-open .orbit-note{transform:translate(-12px,-17px) rotate(-20deg) scale(.85)}.is-open .orbit-timer{transform:translate(-10px,20px) rotate(-14deg) scale(.85)}.demo-content h3{font-size:18px}.demo-tool{padding:15px 11px}.demo-content .demo-clock{width:108px;height:108px;font-size:32px}.demo-content img{width:100px;height:100px}.demo-content .demo-note{font-size:12px;padding:14px}}
.bar-14{height:14px!important}.bar-30{height:30px!important}.bar-46{height:46px!important}.bar-24{height:24px!important}.bar-60{height:60px!important}.bar-38{height:38px!important}.bar-68{height:68px!important}.bar-42{height:42px!important}.bar-22{height:22px!important}.bar-48{height:48px!important}.bar-32{height:32px!important}.bar-18{height:18px!important}/* Keep the screen in one compositing plane so focus never shifts its artwork. */
.phone{transform:rotateY(-9deg);transform-style:flat}
.phone-screen{overflow:clip}
.hero.is-open .phone-screen .home-indicator{background:#e8dfd1}
.demo-tool{border-radius:25px 25px 0 0}

.hero.is-offscreen *, .page-hidden *{animation-play-state:paused!important}
/* Action Button first: a readable product introduction and a close-up hardware demo. */
.hero--button{height:auto;min-height:790px;max-height:none;padding:122px 5% 70px;grid-template-columns:1.08fr 1fr;gap:6%;overflow:visible}
.hero--button .hero-copy{padding:10px 0}
.hero--button h1{font-size:clamp(54px,5.65vw,86px);line-height:1.04;letter-spacing:-.065em}
.hero--button h1 em{display:block;color:#ac4c26;margin-top:8px}
.hero--button .hero-description{max-width:520px;font-size:22px;line-height:1.5;margin:30px 0 32px;color:#625d54}
.hero--button .button{font-size:17px;padding:18px 25px}
.hero--button .hero-stage{height:650px;perspective:none;overflow:hidden;border-radius:32px;background:#090909;transform:none;box-shadow:0 25px 55px #26201616}
.hardware-visual{position:absolute;inset:0;transition:opacity .6s,transform 1s cubic-bezier(.2,.7,.2,1);overflow:hidden}
.hardware-visual img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transform:scale(1.08) translateY(calc(var(--hero-progress) * -18px));transition:filter .3s;filter:brightness(1.14)}
.hardware-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090909 0,transparent 27%,transparent 90%,#0003)}
.hardware-glow{position:absolute;left:36%;top:20%;width:23%;height:46%;border-radius:50%;background:#ff7e2422;filter:blur(28px);animation:hardware-light 4s ease-in-out infinite;pointer-events:none}
.hero--button .press-button{left:24px;right:24px;bottom:24px;transform:none;width:calc(100% - 48px);justify-content:center;background:#f7eee3;color:#30251d;border:0;font-size:18px;min-height:62px;gap:16px;padding:16px 20px;z-index:5;box-shadow:0 5px 25px #0002}
.hero--button .press-dot{width:12px;height:25px}
.hero--button .launcher{inset:26px 26px 108px;padding:28px;border-radius:25px;background:#262522;transform:translateY(40px) scale(.96);opacity:0;visibility:hidden;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .45s,visibility .45s;overflow:clip}
.hero--button.is-open .launcher{transform:none;opacity:1;visibility:visible}
.hero--button.is-open .hardware-visual{transform:scale(1.13);opacity:.18}
.hero--button .launcher h2{font-size:38px;letter-spacing:-1.5px;margin:0 0 24px}
.hero--button .mini-grid{gap:12px}
.hero--button .mini-grid>button{height:116px;border-radius:16px;padding:17px;font-size:16px;line-height:1.2}
.hero--button .mini-grid span{font-size:32px}
.hero--button .demo-tool{padding:25px;border-radius:25px}
.hero--button .demo-back{font-size:17px;padding-bottom:16px}
.hero--button .demo-content{gap:20px}
.hero--button .demo-content h3{font-size:30px;letter-spacing:-1px}
.hero--button .demo-content p{font-size:18px}
.hero--button .demo-content img{width:170px;height:170px}
.hero--button .demo-content .demo-clock{width:170px;height:170px;font-size:48px}
.hero--button .demo-content .demo-note{font-size:19px;padding:24px}
.tools-section{padding-top:80px}
.plus-label,.list-note,.profile-note,.setup-note{font-size:16px;line-height:1.6}
.plus-label{margin-bottom:20px}.tool-copy p,.setup-steps p,.faq-list details p{font-size:18px}
.profile-window p{font-size:16px;line-height:1.5}.profile-grid>div{font-size:17px}
.tool-selector button,.profile-selector button{font-size:17px}
.site-footer p,.site-footer nav,.closing p{font-size:15px}
@keyframes hardware-light{50%{opacity:.4;transform:scale(.92)}}
@media(min-width:1600px){.hero--button{padding-left:max(5%,calc((100vw - 1450px)/2));padding-right:max(5%,calc((100vw - 1450px)/2))}}
@media(max-width:1100px) and (min-width:761px){.hero--button{gap:4%;min-height:740px}.hero--button h1{font-size:58px}.hero--button .hero-stage{height:600px}.hero--button .hero-description{font-size:20px}.hero--button .launcher{inset:20px 20px 106px;padding:22px}.hero--button .mini-grid>button{height:105px;font-size:15px;padding:13px}.hero--button .launcher h2{font-size:32px}}
@media(max-width:760px){.hero--button{display:flex;flex-direction:column;padding:112px 6% 48px;min-height:0;text-align:left;gap:32px}.hero--button .hero-copy{width:100%;padding:0}.hero--button h1{font-size:clamp(40px,8.4vw,62px);line-height:1.06;letter-spacing:-.06em}.hero--button h1 em{margin-top:6px}.hero--button h1 em br{display:none}.hero--button .hero-description{font-size:18px;line-height:1.55;margin:23px 0 26px;max-width:520px}.hero--button .button{font-size:16px;padding:16px 21px}.hero--button .hero-stage{width:100%;max-width:520px;height:560px;margin:0;border-radius:25px}.hardware-visual img{object-position:center 46%}.hero--button .press-button{left:17px;right:17px;bottom:18px;width:calc(100% - 34px);font-size:17px;min-height:58px;gap:12px}.hero--button .launcher{inset:17px 17px 95px;padding:23px 18px;border-radius:20px}.hero--button .launcher h2{font-size:32px;margin-bottom:21px}.hero--button .mini-grid{gap:10px}.hero--button .mini-grid>button{height:102px;font-size:15px;padding:13px}.hero--button .mini-grid span{font-size:29px}.hero--button .demo-tool{padding:23px 18px;border-radius:20px}.hero--button .demo-content h3{font-size:26px}.hero--button .demo-content p{font-size:17px}.hero--button .demo-content img{width:145px;height:145px}.hero--button .demo-content .demo-note{font-size:17px;padding:20px}.hero--button .demo-content .demo-clock{width:145px;height:145px;font-size:40px}.hero--button .demo-back{font-size:16px}.tools-section{padding-top:35px}.tool-selector button{font-size:15px;padding:12px 10px}.tool-copy h3 br{display:block}.tool-copy h3{font-size:43px}.tool-copy p,.setup-steps p,.faq-list details p{font-size:17px}.plus-label,.list-note,.profile-note,.setup-note{font-size:15px}.profile-selector button{font-size:16px;padding:11px 14px}.profiles-copy h2{font-size:43px}.profile-grid>div{font-size:16px}.site-footer nav{font-size:14px}.site-footer p{font-size:14px}.closing h2{font-size:42px}.tool-list ul{font-size:16px}.hero--button .demo-content{gap:16px}}
@media(prefers-reduced-motion:reduce){.hardware-visual img{transform:none}}

button.hardware-visual{border:0;padding:0;width:100%;height:100%;background:#090909;text-align:left;cursor:pointer}button.hardware-visual:focus-visible{outline:3px solid #ff8748;outline-offset:-8px}