:root{--ink:#18201e;--muted:#686e6b;--green:#345f50;--line:#e4e7e3;--wash:#f4f5f2;--paper:#fff;--ease:cubic-bezier(.2,.7,.15,1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}p{margin:0;line-height:1.65}h1,h2,h3{margin:0;font-weight:600;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(54px,6.7vw,94px)}h2{font-size:clamp(36px,4.4vw,62px)}h3{font-size:25px;letter-spacing:-.025em}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #5d9983;outline-offset:6px;border-radius:8px}::selection{background:#d8e8dc}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:var(--green);color:#fff;padding:12px 20px;border-radius:12px}.skip:focus{top:16px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:650;color:var(--muted)}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid #e8ebe580;background:#ffffffdf;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.nav-row{height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-size:31px;letter-spacing:-1.8px;font-weight:650;line-height:1}.brand span{color:#5c8b70}.nav-links{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:500}.nav-links a{transition:color .2s}.nav-links a:hover,.text-link:hover{color:var(--green)}.nav-contact{display:inline-flex;gap:24px;align-items:center;border:1px solid var(--line);border-radius:100px;padding:12px 19px}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;color:var(--ink)}.menu-lines{display:block;width:22px;height:8px;border-block:1.5px solid currentColor}.hero{padding-block:76px 50px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;min-height:605px;gap:20px}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{margin-bottom:30px}.hero h1{max-width:650px}.hero h1 span{color:#7c877b}.hero-description{font-size:19px;color:var(--muted);margin-top:28px;max-width:410px;line-height:1.6}.hero-actions{margin-top:36px;display:flex;align-items:center;gap:23px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:49px;padding:14px 23px;border:1px solid transparent;border-radius:100px;font-size:13px;font-weight:550;background:var(--green);color:#fff;transition:transform .3s var(--ease),background .3s}.button:hover{transform:translateY(-3px);background:#234b3e}.button.light{background:#fff;color:var(--ink)}.button.light:hover{background:#e7eee7}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:14px;font-weight:550;transition:gap .3s var(--ease),color .3s}.text-link:hover{gap:19px}.arrow{font-family:Arial,sans-serif;font-size:19px;line-height:1}.product-stage{position:relative;height:575px;perspective:1200px;isolation:isolate}.product-stage:before{content:"";position:absolute;width:440px;height:440px;max-width:95%;border-radius:50%;background:radial-gradient(ellipse,#e6eae0 10%,#f0f1ea 48%,#fafbf7 70%,transparent 72%);top:55px;left:40px;z-index:-1}.stage-depth{height:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .8s var(--ease);transform-style:preserve-3d}.player-object{position:absolute;border-radius:28px;box-shadow:0 34px 40px -18px #1c2e2a40,0 0 0 1px #00000008;overflow:hidden;transform:rotate(var(--rotation));will-change:transform}.player-object img{width:100%;height:100%;object-fit:cover}.player-back{width:250px;left:10px;top:93px;--rotation:-12deg;filter:brightness(1.01)}.player-front{width:305px;right:24px;top:25px;--rotation:9deg}.stage-label{position:absolute;bottom:3px;left:75px;display:flex;align-items:center;gap:13px;font-size:11px;color:var(--muted)}.status-dot{width:6px;height:6px;background:#7b9b76;border-radius:50%;display:inline-block}.stage-label:before{content:"";width:36px;height:1px;background:#b5beb1}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-block:22px 4px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);margin-top:28px}.hero-bottom span:last-child{display:flex;align-items:center;gap:9px}.section{padding-block:112px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.section-top .eyebrow{margin-bottom:16px}.section-top p{max-width:260px;color:var(--muted);font-size:14px}.apps-section{background:var(--wash)}.feature-card{display:grid;grid-template-columns:1fr 1.18fr;min-height:420px;border-radius:28px;background:white;overflow:hidden;border:1px solid #fff}.feature-copy{padding:52px;display:flex;flex-direction:column;align-items:start}.app-identity{display:flex;gap:14px;align-items:center;margin-bottom:37px}.app-icon{width:54px;height:54px;border-radius:13px;box-shadow:0 4px 10px #0000000b}.app-identity strong{font-size:16px;font-weight:600}.app-identity small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.feature-copy h3{font-size:38px;line-height:1.13;max-width:360px}.feature-copy p{color:var(--muted);font-size:15px;margin-top:18px;max-width:365px}.feature-copy .text-link{margin-top:29px}.feature-visual{display:flex;align-items:center;justify-content:center;background:#e8ece5;padding:38px;position:relative}.feature-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 60% 30%,#ffffffb5,transparent 70%)}.feature-visual img{position:relative;width:100%;border-radius:22px;box-shadow:0 26px 27px -13px #27362d3d;transform:rotate(-6deg);transition:transform .7s var(--ease)}.feature-card:hover .feature-visual img{transform:rotate(-3deg) translateY(-5px)}.next-note{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:25px;padding:23px 3px 0;color:var(--muted);font-size:13px}.next-note strong{color:var(--ink);font-weight:500}.approach-head{max-width:710px}.approach-head .eyebrow{margin-bottom:23px}.approach-head h2{font-size:clamp(38px,4.6vw,64px)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:64px}.principle{border-top:1px solid var(--line);padding-top:21px}.principle .number{font-size:11px;color:#7e8a7c;letter-spacing:.12em}.principle h3{font-size:23px;margin-top:30px;letter-spacing:-.03em}.principle p{font-size:14px;color:var(--muted);margin-top:17px;max-width:310px}.contact-section{padding:0 28px 28px}.contact-panel{background:#1f352c;border-radius:28px;color:white;padding:80px min(8vw,120px);display:flex;justify-content:space-between;gap:35px;align-items:end;position:relative;overflow:hidden}.contact-panel:before{content:"";position:absolute;right:10%;top:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#506a4233,transparent 70%);pointer-events:none}.contact-panel .eyebrow{color:#b8c8b7;margin-bottom:24px}.contact-panel h2{max-width:620px;font-size:clamp(36px,4.5vw,62px)}.contact-panel p{margin-top:22px;color:#c6d0c6;font-size:15px}.contact-panel .button{flex-shrink:0;position:relative;margin-bottom:6px}.site-footer{padding:44px 0 35px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-links{display:flex;flex-wrap:wrap;gap:28px;font-size:12px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:35px;padding-top:24px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.product-nav{background:#fafbf8;border-bottom:1px solid var(--line)}.product-nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:16px}.product-nav strong{font-size:14px}.product-nav .text-link{font-size:12px}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:20px;background:#e8eee6;color:#476348;font-size:11px;font-weight:550}.product-hero{padding:75px 0 50px;text-align:center;overflow:hidden}.product-hero .app-icon{width:64px;height:64px;margin:0 auto 22px}.product-hero h1{font-size:clamp(56px,6.5vw,88px);max-width:850px;margin:19px auto 0}.product-hero> .wrap >p{max-width:570px;font-size:18px;color:var(--muted);margin:26px auto}.product-hero .hero-actions{justify-content:center;margin-top:27px}.finish-stage{position:relative;margin:55px auto 0;width:min(100%,720px);height:535px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(ellipse,#e9ede2 0%,#f5f6f0 48%,#fff 70%)}.finish-stage img{width:350px;max-height:470px;object-fit:cover;border-radius:28px;box-shadow:0 28px 45px -12px #1c2e2a32;transform:rotate(-5deg);transition:opacity .25s,transform .6s var(--ease)}.finish-options{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px auto 0}.finish-option{background:none;border:1px solid var(--line);padding:10px 14px;border-radius:30px;font-size:12px;display:flex;gap:8px;align-items:center;color:var(--muted)}.finish-option[aria-pressed="true"]{border-color:#52705d;color:var(--ink);background:#f4f6f0}.finish-option i{width:15px;height:15px;display:inline-block;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000014}.preview-caption{font-size:12px!important;color:var(--muted);margin-top:17px!important}.micro-note{font-size:11px!important;color:var(--muted);margin:20px auto!important}.product-intro{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.product-intro p{color:var(--muted);font-size:17px;max-width:510px}.product-intro .eyebrow{margin-bottom:22px}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:67px}.feature-list article{border-top:1px solid var(--line);padding-top:24px}.feature-list h3{font-size:22px}.feature-list p{font-size:14px;color:var(--muted);margin-top:14px}.desk-section{background:var(--wash)}.desk-display{background:#e4e8dd;border-radius:26px;padding:55px;display:flex;justify-content:center;margin-top:38px;min-height:340px;align-items:center}.desk-display img{max-width:870px;border-radius:23px;box-shadow:0 28px 30px -16px #26382c4a}.desk-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:27px}.desk-tabs button{border:1px solid transparent;background:transparent;color:var(--muted);padding:11px 18px;border-radius:30px;font-size:13px}.desk-tabs button[aria-pressed="true"]{background:white;color:var(--ink);border-color:var(--line)}.desk-caption{text-align:center;font-size:12px;color:var(--muted);margin-top:13px;min-height:20px}.editions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.edition{border:1px solid var(--line);border-radius:21px;padding:31px 28px;display:flex;flex-direction:column}.edition.highlight{background:#f2f5ed;border-color:#dfe6d9}.edition h3{font-size:26px;margin-top:19px}.edition p{color:var(--muted);font-size:13px;margin-top:12px}.edition ul{padding:0;list-style:none;margin:26px 0 0}.edition li{font-size:13px;padding:10px 0 10px 19px;position:relative;border-top:1px solid #dfe4dc}.edition li:before{content:"✓";position:absolute;left:0;color:#527153;font-size:11px;top:12px}.edition .eyebrow{font-size:10px}.edition-note{font-size:12px;color:var(--muted);margin-top:23px;text-align:center}.faq-wrap{max-width:860px;margin:auto}.faq-wrap>.eyebrow{margin-bottom:18px}.faq-wrap h2{margin-bottom:37px}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:23px 42px 23px 0;font-size:16px;position:relative;font-weight:500;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:5px;top:21px;font-size:23px;font-weight:300;color:var(--muted)}details[open] summary:after{content:"−"}.faq-answer{padding:0 43px 23px 0;color:var(--muted);font-size:14px;max-width:760px}.faq-answer a{text-decoration:underline;text-underline-offset:3px}.page-head{padding:77px 0 65px;max-width:850px}.page-head h1{font-size:clamp(48px,6vw,76px);margin-top:24px}.page-head .lead{font-size:19px;color:var(--muted);margin-top:26px;max-width:650px}.page-head .text-link{margin-top:26px}.support-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:90px;padding:0 0 100px}.support-layout .faq-wrap{width:100%}.support-note{background:var(--wash);border-radius:22px;padding:31px;align-self:start;position:sticky;top:110px}.support-note h2{font-size:26px}.support-note p{font-size:14px;color:var(--muted);margin-top:19px}.support-note .text-link{margin-top:23px;font-size:13px}.support-note ul{padding-left:18px;font-size:13px;color:var(--muted);line-height:1.9}.legal{max-width:780px;padding-bottom:105px}.legal h2{font-size:25px;letter-spacing:-.03em;margin-top:42px;margin-bottom:15px}.legal p,.legal li{font-size:15px;color:#5b635f;line-height:1.8}.legal p+p{margin-top:14px}.legal a{text-decoration:underline;text-underline-offset:4px;color:var(--green)}.legal .meta{font-size:12px;color:var(--muted)}.legal ul{padding-left:21px}.support-card{display:flex;gap:20px;padding:29px;border:1px solid var(--line);border-radius:20px;align-items:center;max-width:740px;margin-bottom:30px;transition:background .3s}.support-card:hover{background:var(--wash)}.support-card img{width:65px;border-radius:15px}.support-card h2{font-size:25px}.support-card p{margin-top:7px;font-size:14px;color:var(--muted)}.support-card .arrow{margin-left:auto}.plain-links{display:flex;gap:24px;margin-top:28px;flex-wrap:wrap}.error-page{min-height:65vh;display:flex;align-items:center}.error-page h1{margin:22px 0}.error-page p{color:var(--muted);margin-bottom:28px}.page-status{margin-top:24px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}body[data-motion="on"] .reveal.is-pending{opacity:0;transform:translateY(25px)}.reveal{transition:opacity .85s var(--ease),transform .85s var(--ease)}body[data-motion="on"] .player-front{animation:drift-front 7s ease-in-out infinite}body[data-motion="on"] .player-back{animation:drift-back 8s ease-in-out infinite}.swapping{opacity:.3!important;transform:translateY(4px) rotate(-4deg)!important}@keyframes drift-front{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(-12px) rotate(7deg)}}@keyframes drift-back{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(9px) rotate(-10deg)}}
@media(min-width:1500px){.hero-grid{gap:50px}.product-stage{height:600px}.player-front{right:12px;top:20px;width:325px}.player-back{left:15px;width:265px;top:115px}.stage-label{bottom:0}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-grid{min-height:540px}.product-stage{height:510px}.player-front{width:260px;right:4px;top:32px}.player-back{width:210px;left:0;top:110px}.stage-label{left:25px;bottom:5px}.hero h1{font-size:70px}.hero-description{font-size:17px}.feature-copy{padding:37px}.feature-copy h3{font-size:32px}.feature-visual{padding:28px}.contact-panel{padding:65px 60px}.contact-panel h2{font-size:46px}.support-layout{gap:42px}.product-stage:before{left:0;top:60px}}
@media(max-width:760px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.nav-row{height:70px;gap:20px}.brand{font-size:28px}.menu-toggle{display:grid;place-items:center}.nav-links{position:absolute;top:70px;left:0;right:0;background:#fff;padding:26px 24px 30px;display:none;flex-direction:column;align-items:stretch;gap:23px;border-bottom:1px solid var(--line)}.nav-links.is-open{display:flex}.nav-contact{justify-content:space-between}.hero{padding:49px 0 28px}.hero-grid{grid-template-columns:1fr;gap:16px;min-height:0}.hero-copy .eyebrow{margin-bottom:25px;font-size:10px}.hero h1{font-size:clamp(51px,10.5vw,74px);max-width:620px}.hero-description{font-size:17px;margin-top:23px;max-width:380px}.hero-actions{margin-top:28px;gap:20px}.button{padding:13px 21px;min-height:47px}.product-stage{height:480px;max-width:470px;width:100%;margin:10px auto 0}.player-front{width:260px;right:15px;top:23px}.player-back{width:210px;left:16px;top:100px}.product-stage:before{width:360px;height:360px;left:35px;top:55px}.stage-label{bottom:4px;left:55px}.hero-bottom{margin-top:17px;gap:15px;align-items:start;line-height:1.6;font-size:10px}.section{padding-block:72px}.section-top{display:block;margin-bottom:31px}.section-top p{margin-top:19px;max-width:330px}.section-top .eyebrow{margin-bottom:17px}.feature-card{grid-template-columns:1fr}.feature-copy{padding:33px 29px 37px}.app-identity{margin-bottom:27px}.feature-copy h3{font-size:34px;max-width:330px}.feature-copy p{font-size:14px}.feature-visual{padding:38px 28px;min-height:245px}.feature-visual img{max-width:500px}.next-note{display:block;padding-top:8px;line-height:1.7}.next-note .text-link{margin-top:17px;font-size:12px}.principles{grid-template-columns:1fr;gap:32px;margin-top:43px}.principle{padding-top:17px}.principle h3{margin-top:16px;font-size:24px}.principle p{max-width:470px;margin-top:13px}.contact-section{padding:0 14px 14px}.contact-panel{display:block;padding:43px 27px;border-radius:22px}.contact-panel h2{font-size:40px}.contact-panel .button{margin-top:31px}.contact-panel p{font-size:14px}.footer-top{align-items:start}.footer-links{max-width:200px;gap:17px 23px;justify-content:flex-end;font-size:11px}.footer-bottom{font-size:10px;gap:15px;line-height:1.8;margin-top:29px}.site-footer{padding:35px 0 25px}.product-nav .wrap{padding-block:13px}.product-hero{padding-top:46px}.product-hero h1{font-size:53px;max-width:500px}.product-hero>.wrap>p{font-size:17px}.finish-stage{height:440px;margin-top:33px}.finish-stage img{width:285px;max-height:380px;border-radius:23px}.finish-options{margin-top:8px}.product-intro{grid-template-columns:1fr;gap:28px}.product-intro p{font-size:16px}.feature-list{grid-template-columns:1fr;gap:30px;margin-top:40px}.feature-list article{padding-top:20px}.feature-list p{max-width:500px}.desk-display{padding:25px 15px;min-height:180px;border-radius:18px;margin-top:27px}.desk-display img{border-radius:12px}.desk-tabs{gap:3px;margin-top:20px}.desk-tabs button{font-size:11px;padding:10px 13px}.desk-caption{font-size:11px}.editions{grid-template-columns:1fr;margin-top:30px}.edition{padding:28px}.edition li{padding-block:12px}.edition h3{font-size:28px;margin-top:14px}.page-head{padding:49px 0 43px}.page-head h1{font-size:49px}.page-head .lead{font-size:17px}.support-layout{grid-template-columns:1fr;gap:35px;padding-bottom:60px}.support-note{position:static}.legal{padding-bottom:65px}.legal p,.legal li{font-size:14px}.legal h2{font-size:24px;margin-top:35px}.faq-wrap h2{margin-bottom:29px}summary{font-size:15px;padding-block:21px}.faq-answer{font-size:14px}.support-card{padding:23px 20px;gap:15px}.support-card img{width:50px}.support-card h2{font-size:23px}.support-card p{font-size:12px}}
@media(max-width:390px){.wrap{width:calc(100% - 36px)}.hero h1{font-size:51px}.product-stage{height:430px}.player-front{width:230px;right:0;top:23px}.player-back{width:185px;left:0;top:104px}.stage-label{left:31px;font-size:10px}.hero-description{font-size:16px}.product-hero h1{font-size:48px}.finish-stage{height:405px}.finish-stage img{width:260px}.contact-panel h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.reveal.is-pending{opacity:1!important;transform:none!important}.stage-depth{transform:none!important}.swapping{opacity:1!important;transform:rotate(-5deg)!important}}
.desk-display img{width:100%;min-width:0;height:auto}
@media(min-width:1500px){.hero h1{font-size:84px}}
/* Dimensioned device mock-ups. Aspect ratios use Apple's published body dimensions. */
.brand img{width:142px;height:38px}.device-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.device-badges span{font-size:10px;letter-spacing:.015em;border:1px solid #dce3d8;padding:8px 11px;border-radius:7px;color:#4d6655;background:#f6f8f3}.device-pair{position:relative;width:100%;height:100%}.phone{position:absolute;padding:5px;border:1px solid #a2a5a1;background:linear-gradient(100deg,#fefefd,#9c9f9c 3%,#f5f5f2 5%,#727773 98%,#fafafa);box-shadow:1px 2px 2px #fff inset,0 25px 25px -17px #26372b55;border-radius:36px;isolation:isolate;-webkit-box-reflect:below 8px linear-gradient(transparent 92%,#ffffff0c)}.phone:after{content:"";position:absolute;inset:5px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff36,transparent 22%,transparent 80%,#ffffff20);z-index:3}.phone.duo{aspect-ratio:84.1/117.8;width:300px;right:8px;top:130px;border-radius:8px 31px 31px 8px;transform:rotate(6deg);z-index:2}.phone.duo:before{content:"";position:absolute;left:-4px;top:2%;height:96%;width:3px;background:linear-gradient(90deg,#999,#f9f9f4,#888);border-radius:2px}.phone.promax{aspect-ratio:78/163.4;width:205px;left:20px;top:35px;transform:rotate(-9deg)}.player-surface{height:100%;width:100%;border-radius:inherit;border:4px solid #151815;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:20px 15px 14px;gap:12px;overflow:hidden;background:linear-gradient(115deg,#faf9f2,#eae8df)}.player-surface.silver{background:linear-gradient(110deg,#d9dcda,#a9ada9);padding-top:36px}.native-lcd,.native-controls,.native-dial{position:relative;overflow:hidden;flex-shrink:0}.native-lcd{width:100%;aspect-ratio:1024/490;border-radius:15px}.native-controls{width:100%;aspect-ratio:1024/100;border-radius:20px}.native-dial{width:78%;aspect-ratio:1;border-radius:50%}.native-lcd img,.native-controls img,.native-dial img{position:absolute;max-width:none;height:auto}.native-lcd img{width:115.625%;left:-7.8125%;top:-14.28%}.native-controls img{width:115.625%;left:-7.8125%;top:-620%}.native-dial img{width:174.12%;left:-37.06%;top:-113.23%}.camera-dot,.tent-camera{position:absolute;background:radial-gradient(circle at 60% 40%,#193d64 8%,#0b1017 25%,#030403 55%);width:11px;height:11px;border-radius:50%;right:17px;top:15px;box-shadow:0 0 0 2px #121512}.island{position:absolute;top:14px;left:35%;width:30%;height:13px;border-radius:20px;background:#060806}.product-stage:before{background:radial-gradient(ellipse,#eff1e8,transparent 70%)}
.feature-visual{padding:30px;background:#eef0e9;overflow:hidden}.feature-visual:before{display:none}.tent-scene{position:relative;width:100%;max-width:510px;isolation:isolate;padding:17px 35px 24px 0;perspective:1400px;filter:drop-shadow(0 18px 11px #26382b1a)}.tent-front{position:relative;aspect-ratio:117.8/84.1;width:100%;padding:5px;border-radius:7px 7px 27px 27px;background:linear-gradient(100deg,#9fa29c,#fff 2%,#747c73 4%,#f1f3ed 97%,#8d9389);box-shadow:0 1px 0 #fff inset;transform:rotateY(-5deg);transform-origin:left bottom;-webkit-box-reflect:below 3px linear-gradient(transparent 93%,#ffffff0a)}.tent-rear{position:absolute;right:5px;top:17px;width:28%;height:calc(100% - 41px);border:3px solid #b8bcb2;border-radius:4px 5px 23px 9px;background:linear-gradient(100deg,#141b15,#40483e 90%,#a9afa4);transform:skewX(9deg);z-index:-1;box-shadow:2px 1px 1px #fafbf8 inset}.bedside-ui{width:100%;height:100%;display:grid;grid-template-columns:1.12fr 1fr;gap:6%;padding:6%;border:3px solid #151a15;border-radius:4px 4px 22px 22px;background:linear-gradient(115deg,#f9f8f0,#e6e5dc);overflow:hidden}.bedside-lcd{border:2px solid #858c80;border-radius:16px;box-shadow:0 2px 6px #0004 inset,0 1px 1px #fff;display:flex;flex-direction:column;justify-content:center;position:relative;background:linear-gradient(120deg,#c7cebb,#aeb7a5);padding:12%;min-width:0}.bedside-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(24px,3.5vw,55px);letter-spacing:-.11em;font-weight:650;color:#344139;line-height:1.1;margin-left:-4%;font-variant-numeric:tabular-nums}.bedside-track{display:grid;gap:7px;margin-top:32%;font-family:ui-monospace,monospace;color:#39463d;font-size:clamp(7px,.8vw,12px);line-height:1.3}.bedside-track strong{font-weight:500}.bedside-track span{font-size:.78em}.bedside-progress{position:absolute;bottom:7%;height:3px;width:76%;background:#8b9786;border-radius:5px}.bedside-right{display:flex;flex-direction:column;justify-content:center;gap:13%;min-width:0}.bedside-keys{height:12%;display:flex;align-items:center;justify-content:space-around;border:1px solid #9e9f94;box-shadow:0 1px 2px #fff inset,0 2px 2px #0001;border-radius:15px;background:linear-gradient(#fffef9,#d5d4cb);font-size:clamp(5px,.7vw,10px);color:#2e392f;flex-shrink:0}.bedside-keys span{font-size:.9em}.bedside-keys span:first-child{font-size:.75em;letter-spacing:.04em}.bedside-dial{aspect-ratio:1;width:100%;border-radius:50%;background:linear-gradient(120deg,#faf9f2,#deddd3);border:1px solid #9b9c94;box-shadow:0 1px 1px #fff inset,0 2px 2px #0001;display:grid;place-items:center}.bedside-dial span{width:37%;aspect-ratio:1;border-radius:50%;background:conic-gradient(#d5d6d2,#fafaf6,#a2a5a2,#f0f0eb,#aeb1ad,#d5d6d2);border:1px solid #a2a7a0;box-shadow:0 2px 4px #0003,0 1px 1px #fff inset}.tent-camera{width:7px;height:7px;top:auto;bottom:13px;right:15px}.feature-card:hover .feature-visual .tent-front{transform:rotateY(-2deg)}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .18s ease both}::view-transition-new(root){animation:page-in .38s cubic-bezier(.2,.7,.15,1) both}.site-header{view-transition-name:studio-header}@keyframes page-out{to{opacity:0;transform:translateY(-5px)}}@keyframes page-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.phone.duo{width:255px;right:0;top:120px}.phone.promax{width:175px;left:5px;top:35px}}
@media(min-width:1500px){.phone.duo{width:310px;right:0;top:140px}.phone.promax{width:215px;left:10px;top:30px}}
@media(max-width:760px){.brand img{width:126px;height:34px}.device-badges{margin-top:19px;gap:6px}.device-badges span{font-size:9px;padding:7px 9px}.product-stage{height:510px}.phone.duo{width:240px;right:5px;top:145px}.phone.promax{width:165px;left:8px;top:25px}.stage-label{left:25px;bottom:0}.feature-visual{padding:30px 20px 35px;min-height:290px}.tent-scene{max-width:410px}.bedside-time{font-size:clamp(26px,6.5vw,48px)}.bedside-track{font-size:8px}.bedside-keys{font-size:8px}}
@media(max-width:390px){.phone.duo{width:220px;right:0;top:125px}.phone.promax{width:150px;left:5px;top:20px}.product-stage{height:470px}.tent-scene{padding-right:22px}.feature-visual{padding-inline:14px}.bedside-ui{gap:5%;padding:5%}.bedside-lcd{border-radius:11px}.bedside-time{font-size:26px}.bedside-track{font-size:7px}.bedside-keys{font-size:6px}.tent-camera{bottom:11px;right:13px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),::view-transition-old(studio-header),::view-transition-new(studio-header){animation:none!important}.phone,.tent-front{transition:none!important}}
/* Both hero phones now use the same pixels per millimetre. */
.phone.promax{width:245px;left:20px;top:16px}.phone.duo{width:264.16px;right:10px;top:170px}.phone.promax .player-surface{justify-content:flex-start;padding:40px 11px 20px;gap:22px}.phone.promax .native-dial{margin-block:auto;width:92%}.phone.promax .native-lcd{margin-top:5px}.real-tent-scene{width:100%;position:relative;padding-block:15px 22px;filter:drop-shadow(0 17px 10px #1c2b2019)}.real-tent{width:100%;height:auto;display:block;overflow:visible;-webkit-box-reflect:below 2px linear-gradient(transparent 96%,#ffffff08)}.real-bedside{border:0;border-radius:0;padding:34px 35px;gap:30px;grid-template-columns:1.12fr 1fr}.real-bedside .bedside-lcd{padding:28px 24px;border-radius:22px}.real-bedside .bedside-time{font-size:87px;letter-spacing:-.11em}.real-bedside .bedside-track{font-size:19px;margin-top:60px;gap:12px}.real-bedside .bedside-keys{font-size:16px;height:42px}.real-bedside .bedside-dial{width:100%;max-width:250px}.real-bedside .bedside-right{gap:37px;justify-content:center}.real-bedside .bedside-progress{height:5px}.feature-visual{padding:40px 25px}.hero .stage-depth{transform:none!important}.product-stage{height:590px}
@media(max-width:1100px){.phone.promax{width:205px;left:0;top:20px}.phone.duo{width:221.03px;right:0;top:155px}.product-stage{height:540px}}
@media(min-width:1500px){.phone.promax{width:250px;left:30px;top:16px}.phone.duo{width:269.55px;right:10px;top:172px}.product-stage{height:600px}}
@media(max-width:760px){.phone.promax{width:190px;left:3px;top:15px}.phone.duo{width:204.86px;right:0;top:147px}.product-stage{height:510px}.phone.promax .player-surface{padding:32px 10px 15px;gap:18px}.feature-visual{padding:30px 15px}}
@media(max-width:390px){.phone.promax{width:175px;left:0;top:12px}.phone.duo{width:188.69px;right:0;top:135px}.product-stage{height:470px}}
[hidden]{display:none!important}[data-desk-bedside]{width:min(100%,870px)}
@media(max-width:760px){.phone.promax{left:23px;transform:rotate(-6deg)}.phone.duo{right:14px;transform:rotate(5deg)}}
/* Shared imagery on studio and Pocketune pages, with restrained visible reflections. */
.phone{-webkit-box-reflect:below 4px linear-gradient(transparent 86%,#ffffff38)}.real-tent{-webkit-box-reflect:below 3px linear-gradient(transparent 81%,#ffffff2e)}.real-tent-scene{padding-bottom:70px}.feature-visual{padding-bottom:8px}.finish-device-stage{position:relative;width:min(100%,600px);height:620px;margin:38px auto 0;isolation:isolate}.finish-device-stage .phone.promax{width:250px;left:30px;top:15px}.finish-device-stage .phone.duo{width:269.55px;right:20px;top:175px}.finish-device-stage .phone{text-align:left}.pixel-clock{display:block;width:100%;height:auto;fill:#344139;filter:drop-shadow(0 1px 0 #eef3e166)}.real-bedside .bedside-time{font-size:0;width:100%;margin:0}.real-bedside .bedside-lcd{box-shadow:0 3px 9px #273b2444 inset,0 -1px 1px #fff8}.real-bedside .bedside-dial{box-shadow:0 2px 2px #fff inset,0 2px 4px #0002}.real-bedside .bedside-dial span{box-shadow:0 3px 6px #0004,0 1px 2px #fff inset}.finish-stage img,.desk-display>img{-webkit-box-reflect:below 4px linear-gradient(transparent 86%,#ffffff2e)}.desk-display{padding-bottom:75px}
@media(max-width:760px){.finish-device-stage{height:500px;max-width:430px}.finish-device-stage .phone.promax{width:190px;left:23px;top:15px}.finish-device-stage .phone.duo{width:204.86px;right:14px;top:147px}.real-tent-scene{padding-bottom:45px}.desk-display{padding-bottom:48px}.feature-visual{padding-bottom:5px}.finish-device-stage .phone.promax{transform:rotate(-6deg)}.finish-device-stage .phone.duo{transform:rotate(5deg)}}
@media(max-width:390px){.finish-device-stage{height:470px}.finish-device-stage .phone.promax{width:175px;top:12px}.finish-device-stage .phone.duo{width:188.69px;top:135px}}
[data-desk-panel]{width:min(100%,870px)}.music-lcd{justify-content:space-between!important;padding:23px 20px!important}.lcd-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;border-bottom:2px solid #879482;padding-bottom:12px;color:#344139}.lcd-heading>span:first-child{font-size:9px;letter-spacing:3px;font-weight:650}.lcd-song{display:grid;gap:8px;color:#344139}.lcd-song strong{font-size:25px;font-weight:600;letter-spacing:-.025em}.lcd-song>span{font-size:17px}.lcd-song small{font-size:11px;letter-spacing:2px}.lcd-footer{color:#344139;font-size:11px}.lcd-footer>div:last-child{display:flex;justify-content:space-between;margin-top:8px}.lcd-track-line{height:5px;border-radius:9px;background:#8c9888}.tent-album-art{position:relative;width:100%;aspect-ratio:1;align-self:center;overflow:hidden;border-radius:12px;box-shadow:0 3px 7px #0002}.tent-album-art img{position:absolute;max-width:none!important;width:220.24%!important;height:auto;left:-19.05%;top:-6.55%;border-radius:0!important;box-shadow:none!important;transform:none!important}.real-bedside.mode-album{grid-template-columns:1.25fr 1fr;gap:23px;padding-right:40px}.real-bedside .album-right{gap:17px;justify-content:start;align-items:center}.album-right .compact-lcd{width:100%;height:173px;border-radius:17px;padding:15px!important;flex-shrink:0}.compact-lcd .lcd-heading{font-size:10px;padding-bottom:7px}.compact-lcd .lcd-heading>span:first-child{font-size:7px;letter-spacing:1.6px}.compact-lcd .lcd-song{gap:5px}.compact-lcd .lcd-song strong{font-size:19px}.compact-lcd .lcd-song>span{font-size:13px}.compact-lcd .lcd-footer{font-size:9px}.compact-lcd .lcd-track-line{height:4px}.album-right .bedside-keys{width:94%;height:38px;flex-shrink:0;font-size:14px}.real-bedside .album-right .bedside-dial{width:160px;height:160px;flex-shrink:0}
.gallery-section{background:#fafbf8;overflow:hidden}.gallery-heading-right{display:flex;flex-direction:column;align-items:end;gap:20px}.gallery-arrows{display:flex;gap:9px}.gallery-arrows button{width:42px;height:42px;border:1px solid #d7ded3;border-radius:50%;background:white;color:var(--ink);font-size:20px;transition:background .2s,opacity .2s}.gallery-arrows button:hover:enabled{background:#eaf0e5}.gallery-arrows button:disabled{opacity:.3}.finish-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1px;overscroll-behavior-inline:contain;padding:4px 1px 22px;scrollbar-width:thin;scrollbar-color:#b5c2af #edf0e9}.finish-rail:focus-visible{outline:2px solid #52745f;outline-offset:6px;border-radius:9px}.finish-card{flex:0 0 284px;scroll-snap-align:start;padding:18px 24px 26px;background:linear-gradient(#f0f2eb,#f4f5f0 77%,#ebeFE5);border:1px solid #e5e9df;border-radius:23px;overflow:hidden}.finish-render{height:365px;display:grid;place-items:start center;padding-top:19px;position:relative}.phone.gallery-phone{position:relative;inset:auto;transform:none;width:214px;aspect-ratio:84.1/117.8;border-radius:7px 25px 25px 7px;flex-shrink:0;-webkit-box-reflect:below 3px linear-gradient(transparent 83%,#ffffff32)}.gallery-phone:before{content:"";position:absolute;left:-3px;top:2%;width:2px;height:96%;background:linear-gradient(90deg,#aaa,#fff,#888)}.gallery-face{height:100%;width:100%;border:3px solid #151815;border-radius:inherit;background:linear-gradient(125deg,#ffffff22,transparent 55%,#00000016),var(--shell);padding:20px 10px 12px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;overflow:hidden;position:relative}.gallery-lcd{width:100%;height:108px;flex-shrink:0;background:linear-gradient(120deg,#ffffff19,#00000010),var(--display);color:var(--display-ink);border:2px solid #5c635a;border-radius:13px;box-shadow:0 2px 5px #0004 inset,0 1px 1px #fff7;padding:9px 9px 7px;position:relative;z-index:1}.gallery-lcd-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:6px;border-bottom:1px solid #66735e80;font-size:7px}.gallery-lcd-heading>span:first-child{font-size:5px;letter-spacing:1.4px;font-weight:650}.gallery-song{display:flex;gap:7px;align-items:center;min-height:52px}.gallery-song>div:last-child{display:grid;gap:3px;min-width:0}.gallery-song strong{font-size:10px;line-height:1.2;letter-spacing:-.02em}.gallery-song span{font-size:6px;white-space:nowrap}.gallery-song small{font-size:4px;letter-spacing:1.3px}.gallery-cover{width:42px;height:42px;position:relative;flex-shrink:0;border-radius:4px;overflow:hidden}.gallery-cover img{position:absolute;width:220.24%;max-width:none;left:-19.05%;top:-6.55%}.gallery-timeline i{display:block;width:100%;height:2px;background:currentColor;opacity:.3;border-radius:4px}.gallery-timeline>div{display:flex;justify-content:space-between;font-size:5px;margin-top:3px}.gallery-face>.bedside-keys{height:19px;width:100%;font-size:8px;flex-shrink:0;position:relative;z-index:1}.gallery-dial{width:119px;aspect-ratio:1;flex-shrink:0;border-radius:50%;border:1px solid #7d837a;background:linear-gradient(125deg,#ffffff14,#0000000c),var(--dial);box-shadow:0 1px 1px #fff8 inset,0 2px 3px #0002;display:grid;place-items:center;position:relative;z-index:1}.gallery-dial>span{width:38%;aspect-ratio:1;border-radius:50%;background:conic-gradient(#d3d6d1,#f7f8f1,#a7aaa5,#e7e9e2,#aaaDA6,#d3d6d1);border:1px solid #a3a89e;box-shadow:0 2px 4px #0005,0 1px 1px #fff8 inset}.dark-finish>.bedside-keys{color:#e8e9df;background:linear-gradient(#5b6264,#303637);border-color:#252c2c;box-shadow:0 1px 1px #aab7ac66 inset,0 1px 1px #0004}.dark-finish .gallery-dial{border-color:#202827;box-shadow:0 1px 1px #c9ddc244 inset,0 2px 4px #0006}.translucent-finish:before{content:"";position:absolute;inset:46% 13% 10%;opacity:.07;background:repeating-linear-gradient(90deg,transparent 0 15px,#fff 15px 16px),repeating-linear-gradient(0deg,transparent 0 15px,#fff 15px 16px);border:1px solid #fff;border-radius:7px}.finish-card-label{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-top:12px;border-top:1px solid #dce2d4}.finish-card-label h3{font-size:21px;letter-spacing:-.025em}.finish-card-label p{font-size:11px;color:var(--muted);margin-top:6px}.finish-number{font-size:10px;color:#8b9584;letter-spacing:.1em;padding-top:4px}.gallery-hint{font-size:11px;color:var(--muted);margin-top:17px}.gallery-phone .camera-dot{width:7px;height:7px;right:12px;top:11px}.gallery-section+.section{border-top:1px solid #edf0e7}
@media(max-width:760px){.gallery-heading-right{align-items:start;flex-direction:row;justify-content:space-between;gap:15px;margin-top:20px}.gallery-heading-right p{font-size:13px;max-width:220px;margin:0}.gallery-arrows{flex-shrink:0;gap:7px}.gallery-arrows button{width:36px;height:36px}.finish-card{flex-basis:268px;padding-inline:20px}.finish-rail{margin-right:-20px;padding-right:20px;scroll-padding-inline:1px}.finish-render{height:355px}.gallery-hint{font-size:10px}.gallery-section .section-top{margin-bottom:23px}}
/* Exported artwork: no live SVG foreignObject layers in the public tent previews. */
.fixed-tent-scene{width:100%;isolation:isolate}.fixed-tent-art{display:block;width:100%!important;height:auto;max-width:100%!important;border-radius:0!important;box-shadow:none!important;filter:none!important;transform:none!important;-webkit-box-reflect:unset!important}.feature-visual{padding:30px 20px 0}.feature-card:hover .fixed-tent-art{transform:none!important}.desk-display{padding:30px 35px 0}.desk-display .fixed-tent-art{max-width:100%!important}.fixed-tent-scene img{margin:0}
@media(max-width:760px){.feature-visual{padding:25px 12px 0}.desk-display{padding:20px 12px 0}}