:root{--paper:#faf9f7;--ink:#242329;--muted:#737079;--rose:#df2e66;--rose-dark:#bb1851;--line:#e6e3e1;--max:1180px;--ease:cubic-bezier(.2,.7,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;letter-spacing:-.055em}p{line-height:1.65}::selection{background:#f8cbd9}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #a92467;outline-offset:5px}a,button,summary{touch-action:manipulation}.container{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:10px;z-index:100;transform:translateY(-160%);background:#fff;padding:16px;border-radius:12px}.skip-link:focus{transform:none}.site-header{height:76px;position:sticky;top:0;z-index:30;background:#faf9f7e8;border-bottom:1px solid #e8e5e180;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav{display:flex;align-items:center;justify-content:space-between;height:100%;gap:30px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.045em;white-space:nowrap}.wordmark img{border-radius:9px}.nav nav{display:flex;align-items:center;gap:32px;margin-left:auto;margin-right:34px;font-size:12px;font-weight:500}.nav nav a{padding:12px 0;color:#635f67}.nav nav a:hover,.site-footer a:hover{color:var(--rose)}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--ink);color:white;border:1px solid transparent;border-radius:100px;min-height:52px;padding:0 25px;font-size:14px;line-height:1.25;font-weight:600;transition:background .2s,transform .2s var(--ease);text-align:center}.button:hover{background:var(--rose);transform:translateY(-2px)}.button-small{min-height:37px;padding-inline:18px;font-size:11px;gap:17px}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--rose);font-size:14px;font-weight:600;line-height:1.5}.text-link:hover{color:var(--rose-dark);text-decoration:underline;text-underline-offset:4px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;line-height:1.5;color:#80747d}.status-dot{display:inline-block;width:6px;height:6px;background:var(--rose);border-radius:50%;margin-right:9px;vertical-align:2px}.accent-text{color:#3c664a}.muted{color:#9b969d}.hero{overflow:hidden;background:linear-gradient(115deg,#fafbf6 3%,#eff3e9 40%,#d3dfca 73%,#b1c8ad 100%)}.hero-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:800px;gap:15px;padding-block:38px 50px}.hero-copy{position:relative;z-index:2;padding-bottom:22px}.hero h1{font-size:clamp(65px,6.7vw,96px);line-height:1.025;margin:25px 0 26px;letter-spacing:-.065em;font-weight:700}.hero-description{font-size:19px;line-height:1.65;color:#79727b;letter-spacing:-.025em}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.hero-actions .button{background:var(--rose)}.hero-actions .button:hover{background:var(--rose-dark)}.play-outline{font-size:9px;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;padding-left:2px}.availability{font-size:11px;color:#827b83;margin-top:16px}.music-note{font-size:27px;color:#71616e}.hero-showcase{position:relative;height:710px;display:flex;justify-content:center;align-items:center;padding-bottom:60px;isolation:isolate}.phone{position:relative;background:#242127;padding:7px;border-radius:43px;box-shadow:0 0 0 1px #90868c,0 0 0 4px #e5dce1,0 24px 70px #5c3a5638,0 5px 15px #29102233;flex-shrink:0}.hero-phone{width:278px;transform:rotate(5deg);transition:transform .8s var(--ease);z-index:3}.hero-phone>img{border-radius:36px;width:100%}.phone-island{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:72px;height:20px;border-radius:30px;background:#19171a;z-index:2}.phone-clock{position:absolute;left:25px;top:19px;font-size:10px;font-weight:650;color:#fff;z-index:2}.floating-record{position:absolute;width:150px;height:150px;left:0;top:87px;z-index:4;transform:rotate(-12deg);filter:drop-shadow(0 15px 18px #52363d22)}.floating-record>img{position:absolute;left:0;top:0;width:136px;height:136px;object-fit:cover;border:3px solid #f8f7f2;border-radius:3px}.record-disc{position:absolute;width:132px;height:132px;border-radius:50%;left:51px;top:2px;background:repeating-radial-gradient(circle,#242329 0 1px,#37353a 2px 3px);box-shadow:inset 0 0 0 4px #242329}.record-disc i{width:38px;height:38px;border-radius:50%;position:absolute;inset:0;margin:auto;background:#c9a4b8;border:13px solid #747087}.floating-polaroid{position:absolute;bottom:148px;right:-8px;z-index:4;background:#fffcf5;padding:8px 8px 21px;width:131px;transform:rotate(12deg);box-shadow:0 12px 25px #4f33372b}.floating-polaroid>img{height:139px;width:100%;object-fit:cover;object-position:center 30%}.floating-polaroid>span:last-child{display:block;text-align:center;font:italic 13px Georgia,serif;padding-top:13px;color:#716574}.tape{position:absolute;width:55px;height:19px;background:#d7c1a8b3;top:-9px;left:50%;transform:translateX(-50%) rotate(-5deg);z-index:2;box-shadow:inset 0 0 4px #b6a6961a}.floating-caption{position:absolute;left:0;bottom:146px;z-index:4;background:#fffffff2;box-shadow:0 5px 25px #6c4b6310;border:1px solid #fff;padding:12px 18px;border-radius:99px;font-size:11px;transform:rotate(-6deg);color:#6d5668}.tiny-sparkle{color:var(--rose);font-size:18px;margin-right:7px}.picker-dot{width:10px;height:10px;border-radius:50%;border:1px solid #0001}.dot-paper{background:#d9c6ac}.dot-pink{background:#cfa0aa}.dot-sage{background:#939d8b}.benefits-bar{border-block:1px solid var(--line);background:#fff8}.benefits-bar>.container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;font-size:11px;font-weight:500;color:#77717a}.benefits-bar span span{font-size:18px;color:#8a7b88;margin-right:10px;vertical-align:-2px}.section{padding-block:115px}.section-heading h2{font-size:clamp(40px,4.8vw,64px);line-height:1.08;margin-top:17px}.section-heading>p:last-child{font-size:16px;color:var(--muted);margin-top:23px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px}.feature-card{border-radius:24px;overflow:hidden;background:#f0eeeb;border:1px solid #ebe7e3}.feature-visual{height:265px;position:relative;overflow:hidden}.card-copy{padding:29px 29px 34px}.card-label{font-size:8px;letter-spacing:.14em;font-weight:650;color:#837d83}.card-copy h3{font-size:28px;line-height:1.12;margin:13px 0 15px;letter-spacing:-.04em}.card-copy>p:last-child{font-size:13px;line-height:1.7;color:#79717a}.record-card{background:#f0ede7}.vinyl-scene{background:radial-gradient(ellipse at 60% 55%,#d6cab8,transparent 66%),#eee9df}.display-vinyl{position:absolute;width:170px;height:170px;filter:drop-shadow(0 8px 9px #55412c25)}.display-vinyl img{position:relative;width:145px;height:145px;object-fit:cover;border:4px solid #f7f4e9;border-radius:3px}.display-vinyl span{position:absolute;right:-16px;top:5px;width:137px;height:137px;background:repeating-radial-gradient(circle,#242424 0 1px,#373537 2px 3px);border-radius:50%;box-shadow:inset 0 0 0 4px #262326}.rear-vinyl{top:31px;left:44%;transform:rotate(13deg)}.front-vinyl{left:10%;top:91px;transform:rotate(-10deg)}.photo-card{background:#f6ecef}.portrait-scene{background:radial-gradient(ellipse at center,#e8c8d6,transparent 70%),#f2e5eb}.portrait-frame{position:absolute;background:#fffaf3;padding:7px 7px 24px;box-shadow:0 10px 15px #82657525;width:126px}.portrait-frame>img{height:142px;width:100%;object-fit:cover;object-position:50% 25%}.portrait-back{left:14%;top:30px;transform:rotate(-12deg)}.portrait-front{right:15%;top:60px;transform:rotate(10deg)}.scene-caption{position:absolute;bottom:13px;left:0;width:100%;text-align:center;font:italic 14px Georgia,serif;color:#886577}.widget-card{background:#eaf0ed}.miniature-scene{background:radial-gradient(ellipse at center,#c7d5c9,transparent 70%),#e3eae2}.mini-widget{position:absolute;width:205px;height:217px;padding:16px 16px 18px;background:linear-gradient(150deg,#49504e,#272c2e);color:#e7eee9;border:1px solid #ffffff50;border-radius:24px;box-shadow:0 15px 22px #33423935,inset 0 0 0 3px #ffffff07;left:50%;top:26px;transform:translateX(-50%) rotate(-5deg)}.mini-widget>p{font-size:11px;font-weight:600;line-height:1;margin:0 0 17px}.mini-widget>p span{float:right}.mini-records{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px}.mini-records img{width:69px;aspect-ratio:1;border:2px solid #e0dfd4;border-radius:3px;box-shadow:6px 2px 0 #191c1d,9px 2px 0 #3b3a3a;transform:rotate(-3deg)}.film-section{background:#24212a;color:#fff;padding-block:90px;overflow:hidden}.film-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:110px;align-items:center}.film-layout .eyebrow{color:#c5a8bb}.film-layout h2{font-size:clamp(45px,4.8vw,65px);line-height:1.07;margin:20px 0 25px}.film-layout h2 span{color:#c4aec3}.film-layout>div>p:not(.eyebrow):not(.film-disclosure){color:#b9b1be;font-size:16px;max-width:385px}.film-layout .text-link{margin-top:29px;color:#ecc3d3}.film-layout .film-disclosure{font-size:9px;color:#a79aaa;margin-top:20px}.film-preview{height:455px;position:relative;display:flex;justify-content:center;background:radial-gradient(ellipse at 50% 60%,#77536366,transparent 65%);border-radius:28px}.film-screen{width:217px;border-radius:27px;overflow:hidden;border:5px solid #121115;transform:rotate(-8deg);box-shadow:0 0 0 1px #72636f,0 30px 70px #0004;transition:transform .5s var(--ease)}.film-preview:hover .film-screen{transform:rotate(-3deg) translateY(-5px)}.film-screen img{width:100%;height:100%;object-fit:cover}.film-play{position:absolute;top:44%;left:42%;width:74px;height:74px;background:#ffffffeb;backdrop-filter:blur(8px);color:#584251;border-radius:50%;display:grid;place-items:center;padding-left:5px;box-shadow:0 7px 30px #0003;font-size:21px;transition:transform .2s}.film-preview:hover .film-play{transform:scale(1.08)}.film-duration{position:absolute;bottom:20px;right:-4px;background:#3f3442e8;border:1px solid #ffffff1c;padding:12px 18px;font-size:9px;letter-spacing:.12em;border-radius:99px}.widgets-layout{display:grid;grid-template-columns:1fr 1fr;gap:115px;align-items:center}.widgets-art{height:570px;overflow:hidden;border-radius:32px;background:#ece4d7;position:relative;display:flex;justify-content:center}.widgets-art>img{width:338px;max-width:78%;object-fit:contain;align-self:center;filter:drop-shadow(0 15px 16px #6552351c);position:relative;margin-top:-22px}.widget-wallpaper{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,#f9f3e8,transparent 70%),linear-gradient(30deg,#e4dac7,#f4eee7)}.image-label{position:absolute;bottom:21px;font-size:9px;letter-spacing:.14em;color:#948776}.widgets-copy h2{font-size:clamp(42px,4.6vw,61px);line-height:1.07;margin:18px 0 25px}.widgets-copy>p:not(.eyebrow):not(.detail-note){font-size:16px;color:var(--muted)}.check-list{list-style:none;padding:0;margin:28px 0;display:grid;gap:16px;font-size:13px;color:#625e66}.check-list li{position:relative;padding-left:25px;line-height:1.5}.check-list li:before{content:'✓';position:absolute;left:0;font-size:12px;color:var(--rose);font-weight:700}.widgets-copy .detail-note{font-size:11px;color:#8d858d;margin-bottom:25px;line-height:1.7}.pro-section{background:#f2efed}.centered{text-align:center}.pro-badge{display:inline-flex;align-items:center;gap:7px;font-size:18px;font-weight:650;letter-spacing:-.04em}.pro-badge b{font-weight:600;color:#a64479;background:#e9d7e5;border:1px solid #dfc5d7;padding:3px 7px;border-radius:6px;font-size:11px;letter-spacing:0}.pro-section .section-heading h2{font-size:clamp(38px,4.5vw,60px);margin-top:23px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px;margin:48px auto 0}.plan{position:relative;background:#faf9f7;border:1px solid #e5e0dc;padding:37px 38px 31px;border-radius:25px;overflow:hidden}.plan h3{font-size:28px;margin:13px 0 9px;letter-spacing:-.04em}.plan-description{font-size:12px;color:#8b818b}.plan .check-list{font-size:12px;gap:15px;margin-block:27px}.plan-free .check-list li:before{color:#8b8288}.plan-footer{display:block;border-top:1px solid #e8e0e4;padding-top:22px;font-size:12px;font-weight:600}.plan-pro{background:linear-gradient(125deg,#f9f1f4,#efe5ef);border-color:#e4c9da}.plan-pro .eyebrow{color:#a14676}.pro-stars{position:absolute;right:24px;top:19px;font-size:35px;color:#d9b0c7}.plans-note{font-size:10px;color:#8b818b;max-width:650px;text-align:center;margin:25px auto 0;line-height:1.8}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-layout h2{font-size:52px;margin-top:18px;line-height:1.1}.faq-layout>div>p:last-child{color:var(--muted);font-size:14px;margin-top:25px}.faq-layout>div>p .text-link{margin-top:10px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-size:14px;font-weight:600;line-height:1.5}summary::-webkit-details-marker{display:none}summary span{font-size:23px;line-height:1;font-weight:300;color:#8f838d;flex-shrink:0;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details>p{font-size:13px;color:var(--muted);padding:0 30px 23px 0;line-height:1.75}details>p a{color:var(--rose);text-decoration:underline}.closing{text-align:center;background:radial-gradient(ellipse at 50% 100%,#efdfeb,transparent 68%),#f5f1ef;padding-block:90px 100px;overflow:hidden}.closing-icon{margin:0 auto 24px;border-radius:20px;box-shadow:0 7px 18px #bc455c20}.closing .eyebrow{font-size:9px}.closing h2{font-size:clamp(58px,7vw,87px);line-height:1.02;margin:22px 0 23px}.closing>.container>p:not(.eyebrow):not(.availability){font-size:17px;line-height:1.6;color:#8b7e8a}.closing .button{background:var(--rose);margin-top:27px}.closing .button:hover{background:var(--rose-dark)}.closing .availability{margin-top:18px}.site-footer{padding-block:38px 28px;background:var(--paper)}.footer-top{display:flex;align-items:center;gap:25px;padding-bottom:28px;border-bottom:1px solid var(--line)}.footer-top .wordmark{font-size:17px}.footer-top>p{font-size:11px;color:#8d838b}.back-top{margin-left:auto;font-size:11px;color:#817580}.footer-bottom{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:start;padding-top:23px;font-size:10px;color:#948b94}.footer-bottom nav{display:flex;gap:22px}.footer-bottom>p{font-size:9px;line-height:1.6;text-align:right;max-width:440px}dialog{padding:20px;background:#211e26;color:white;border:1px solid #fff3;border-radius:22px;width:min(600px,calc(100% - 28px));max-height:92dvh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#1e1521c9;backdrop-filter:blur(12px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.dialog-header h2{font-size:19px;letter-spacing:-.03em}.close-dialog{border:0;background:#ffffff18;color:white;border-radius:50%;width:38px;height:38px;font-size:27px;line-height:1}.close-dialog:hover{background:#ffffff30}dialog video{display:block;max-height:65dvh;max-width:100%;margin:auto;border-radius:9px;background:#141217}dialog>p{font-size:10px;color:#c1b4c5;margin-top:14px}.dialog-open{overflow:hidden}
/* The same quiet visual language for useful, readable supporting pages. */
.page-main{max-width:790px;margin:auto;padding:85px 0 100px}.page-main h1{font-size:clamp(42px,6vw,64px);line-height:1.08;margin:18px 0 26px}.page-lead{font-size:19px;line-height:1.65;color:var(--muted);margin-bottom:38px}.page-main h2{font-size:27px;letter-spacing:-.035em;margin:38px 0 14px;line-height:1.25}.page-main p,.page-main li{font-size:14px;line-height:1.85;color:#746d77}.page-main p+p{margin-top:16px}.page-main ul,.page-main ol{padding-left:22px}.page-main li+li{margin-top:10px}.page-main a:not(.button):not(.wordmark){color:var(--rose);text-decoration:underline;text-underline-offset:3px}.page-main .button{margin-top:26px}.page-main .support-box{background:#f1e9ed;padding:25px 28px;border-radius:18px;margin:30px 0}.page-main .support-box p{font-size:13px}.page-main .faq-list{margin-top:30px}.page-main .faq-list p{padding-bottom:22px}.page-main .faq-list summary{font-size:15px}.page-main .updated{font-size:11px;color:#9c919c;margin-top:-10px;margin-bottom:35px}.download-page{text-align:center;max-width:650px;padding-block:95px 110px}.download-page .closing-icon{margin-bottom:30px}.download-page .page-lead{margin-bottom:0}.download-page .download-details{border-top:1px solid var(--line);margin-top:50px;padding-top:25px;font-size:12px}.download-page .text-link{display:inline-flex;margin-top:25px;text-decoration:none!important}.download-page .availability{margin-top:16px;font-size:11px}
@media(min-width:1500px){.hero-layout{min-height:850px}.hero-showcase{height:740px}.hero-phone{width:292px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.nav nav{gap:22px;margin-right:10px}.hero-layout{min-height:730px}.hero-showcase{height:655px}.hero-phone{width:254px}.floating-record{left:-7px;width:120px;top:75px}.floating-record>img{width:108px;height:108px}.record-disc{width:104px;height:104px;left:40px}.floating-polaroid{right:-10px;width:112px;bottom:152px}.floating-polaroid>img{height:118px}.floating-caption{left:-16px;bottom:156px;font-size:10px;padding:10px 14px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:12px}.hero-description{font-size:17px}.card-copy{padding:25px 22px 30px}.card-copy h3{font-size:25px}.feature-visual{height:245px}.rear-vinyl{left:37%;top:40px}.display-vinyl{width:150px;height:150px}.display-vinyl img{width:128px;height:128px}.display-vinyl span{width:120px;height:120px}.portrait-back{left:9%}.portrait-front{right:9%}.film-layout,.widgets-layout{gap:65px}.faq-layout{gap:65px}.page-main{padding-inline:20px}.section{padding-block:90px}.feature-grid{gap:15px}}
@media(max-width:820px){.nav nav{gap:18px;margin:0}.nav nav a:nth-child(3){display:none}.hero-layout{gap:0}.hero h1{font-size:65px}.hero-description{font-size:16px}.hero-copy{padding-bottom:0}.hero-showcase{height:610px}.hero-phone{width:225px}.floating-record{width:100px;top:80px;left:0}.floating-record>img{width:89px;height:89px}.record-disc{width:87px;height:87px;left:32px}.record-disc i{width:28px;height:28px;border-width:10px}.floating-polaroid{width:98px;right:-3px;bottom:159px;padding:6px 6px 15px}.floating-polaroid>img{height:103px}.floating-polaroid>span:last-child{font-size:10px}.floating-caption{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.feature-grid{grid-template-columns:1fr}.feature-card{display:grid;grid-template-columns:1fr 1fr}.feature-visual{height:280px}.card-copy{padding:35px;align-self:center}.card-copy h3{font-size:31px}.card-copy>p:last-child{font-size:14px}.feature-grid{gap:20px}.front-vinyl{left:14%;top:105px}.rear-vinyl{left:43%;top:45px}.mini-widget{top:32px}.portrait-back{top:43px;left:19%}.portrait-front{right:16%;top:70px}.scene-caption{bottom:20px}.film-layout,.widgets-layout{gap:42px}.film-layout h2{font-size:47px}.film-layout>div>p:not(.eyebrow):not(.film-disclosure){font-size:14px}.film-screen{width:190px}.film-preview{height:402px}.film-duration{right:-18px}.widgets-art{height:480px}.widgets-copy h2{font-size:43px}.widgets-copy>p:not(.eyebrow):not(.detail-note){font-size:14px}.widgets-copy .check-list{font-size:12px;gap:13px}.plans{gap:16px}.plan{padding:30px 25px}.plan h3{font-size:26px}.plan .eyebrow{font-size:8px}.pro-stars{font-size:24px;right:18px}.faq-layout{grid-template-columns:1fr;gap:35px}.faq-layout h2{font-size:46px}.faq-layout>div>p:last-child{margin-top:17px}.footer-top>p{display:none}.footer-bottom>p{width:100%;max-width:none;text-align:left}.page-main{padding-top:60px}}
@media(max-width:600px){.container{width:calc(100% - 40px)}.site-header{height:66px}.wordmark{font-size:18px;gap:9px}.wordmark img{width:29px;height:29px}.nav{gap:14px}.nav nav{display:none}.button-small{font-size:10px;min-height:36px;padding-inline:15px;gap:12px}.hero-layout{grid-template-columns:1fr;min-height:auto;padding:57px 0 25px}.hero-copy{text-align:center;padding:0}.hero-copy .eyebrow{font-size:9px}.hero h1{font-size:clamp(62px,15vw,85px);margin:21px 0 22px}.hero-description{font-size:16px;line-height:1.6}.hero-actions{flex-direction:row;align-items:center;justify-content:center;gap:19px;margin-top:26px}.hero-actions .button{font-size:12px;min-height:48px;padding-inline:20px;gap:15px}.hero-actions .text-link{font-size:12px;gap:7px}.hero .availability{font-size:10px;margin-top:15px}.hero-showcase{height:655px;margin-top:15px;max-width:425px;width:100%;margin-inline:auto;padding-bottom:65px}.hero-phone{width:245px;transform:rotate(5deg)}.floating-record{top:89px;left:1px}.floating-polaroid{right:0;bottom:150px}.benefits-bar>.container{display:grid;grid-template-columns:1fr 1fr;gap:19px 10px;padding-block:24px;font-size:10px;min-height:90px}.benefits-bar span span{font-size:15px;margin-right:7px}.section{padding-block:68px}.section-heading h2{font-size:43px;line-height:1.1;margin-top:15px}.section-heading>p:last-child{font-size:14px;margin-top:19px}.feature-grid{margin-top:30px;gap:19px}.feature-card{display:block;border-radius:24px}.feature-visual{height:265px}.card-copy{padding:27px}.card-copy h3{font-size:30px}.card-copy>p:last-child{font-size:13px}.card-label{font-size:8px}.display-vinyl{width:170px;height:170px}.display-vinyl img{width:148px;height:148px}.display-vinyl span{width:140px;height:140px}.rear-vinyl{left:44%;top:27px}.front-vinyl{top:87px;left:12%}.portrait-back{top:29px;left:19%}.portrait-front{top:57px;right:18%}.portrait-frame{width:135px}.portrait-frame img{height:150px}.mini-widget{top:23px}.scene-caption{bottom:18px}.film-section{padding-block:65px}.film-layout{grid-template-columns:1fr;gap:40px}.film-layout h2{font-size:46px}.film-layout>div>p:not(.eyebrow):not(.film-disclosure){font-size:15px;max-width:100%}.film-preview{height:430px;max-width:350px;margin:auto;width:100%}.film-screen{width:202px}.film-play{left:40%}.film-duration{right:0;bottom:18px}.widgets-layout{display:flex;flex-direction:column;gap:34px}.widgets-copy{order:-1}.widgets-copy h2{font-size:45px}.widgets-copy>p:not(.eyebrow):not(.detail-note){font-size:15px}.widgets-copy .check-list{font-size:13px}.widgets-art{width:100%;height:510px;border-radius:25px}.widgets-art>img{width:305px;max-width:83%;margin-top:-16px}.pro-section .section-heading h2{font-size:38px;letter-spacing:-.06em;line-height:1.1}.pro-section .section-heading>p:last-child{font-size:14px}.plans{grid-template-columns:1fr;margin-top:31px;gap:18px}.plan{padding:30px}.plan h3{font-size:28px}.plan .check-list{font-size:13px}.plan .eyebrow{font-size:9px}.plans-note{font-size:10px;text-align:left;margin-top:22px}.faq-layout{gap:30px}.faq-layout h2{font-size:43px}.faq-list summary{font-size:13px;padding-block:21px}.faq-list details>p{font-size:13px}.closing{padding-block:65px 73px}.closing-icon{width:65px;height:65px;border-radius:17px}.closing h2{font-size:60px;line-height:1.04}.closing>.container>p:not(.eyebrow):not(.availability){font-size:16px}.closing .button{font-size:12px;gap:18px}.closing .availability{font-size:10px}.site-footer{padding-block:28px}.footer-top{padding-bottom:24px}.footer-bottom{padding-top:21px;gap:18px;font-size:9px}.footer-bottom nav{gap:20px}.footer-bottom>p{font-size:8px}.back-top{font-size:10px}.page-main{padding:52px 0 65px}.page-main h1{font-size:44px}.page-main h2{font-size:25px}.page-lead{font-size:17px}.page-main p,.page-main li{font-size:13px}.page-main .support-box{padding:22px}.download-page{text-align:center;padding-block:65px}.download-page .closing-icon{margin-bottom:25px}.download-page h1{font-size:43px}dialog{padding:16px;border-radius:18px}.dialog-header h2{font-size:16px}dialog>p{font-size:9px}.close-dialog{width:34px;height:34px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero h1{font-size:59px}.hero-actions{gap:14px}.hero-actions .button{font-size:11px;padding-inline:17px}.hero-actions .text-link{font-size:11px}.hero-showcase{height:615px}.hero-phone{width:225px}.floating-record{left:-6px}.floating-polaroid{right:-5px;width:89px;bottom:154px}.floating-polaroid>img{height:91px}.section-heading h2{font-size:38px}.pro-section .section-heading h2{font-size:34px}.widgets-art{height:450px}.widgets-art>img{max-width:83%}.plan{padding:25px}.plan h3{font-size:26px}.film-layout h2{font-size:42px}.closing h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Quieter hero: a botanical color field and small, accessible slide controls. */
.hero-intro{font-size:14px;font-weight:500;letter-spacing:-.01em;color:#4f6554;margin-bottom:8px}
.hero h1{margin-top:19px}.hero-description{color:#657165;max-width:470px;font-size:18px;line-height:1.65}
.hero-compatibility{font-size:12px;color:#64745f;margin-top:29px}
.hero-showcase{padding-bottom:48px}.hero-phone{transform:rotate(4deg);box-shadow:0 0 0 1px #7d8978,0 0 0 4px #e5e9df,0 24px 65px #3b523b30,0 5px 15px #20341c20}
.floating-caption{background:#f8fbf1ed;color:#3e5943;border:1px solid #c8d6bd;border-radius:12px;transform:rotate(-3deg);font-size:11px;font-weight:500;box-shadow:0 8px 20px #40543612;padding:13px 16px;display:flex;align-items:center;gap:11px}
.caption-bars{display:flex;gap:2px;align-items:center;height:16px}.caption-bars i{display:block;width:3px;border-radius:2px;background:#607d58;height:10px}.caption-bars i:nth-child(2){height:16px}.caption-bars i:nth-child(3){height:7px}
.screenshot-navigation{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0;z-index:5}
.slide-dot{width:25px;height:34px;background:none;border:0;padding:0;position:relative;display:grid;place-items:center}
.slide-dot:after{content:'';display:block;width:5px;height:5px;border-radius:99px;background:#899b8190;transition:width .25s,background .25s}
.slide-dot.selected:after{width:16px;background:#425b3b}.slide-dot:hover:after{background:#425b3b}
.slideshow-toggle{background:none;border:0;border-left:1px solid #8fa18555;margin-left:9px;padding-left:12px;width:32px;height:30px;color:#4f6549;font-size:12px}
.personalization-section{background:#eff2e9}.personalization-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.personalization-copy h2{font-size:clamp(42px,4.8vw,64px);line-height:1.08;margin:20px 0 25px}.personalization-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:430px}.personalization-copy .text-link{margin-top:10px}.personalization-gallery{height:520px;position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#d8e2d0,#b2c4a6)}.personalize-wall{width:216px;position:absolute;left:25px;top:45px;transform:rotate(-8deg);border:5px solid #2c302b;border-radius:27px;box-shadow:0 20px 30px #2f412933}.personalize-detail{width:218px;position:absolute;right:21px;top:102px;transform:rotate(7deg);border:5px solid #2b302c;border-radius:27px;box-shadow:0 20px 35px #20301b44}
@media(max-width:1100px){.personalization-layout{gap:50px}.personalize-wall{width:190px;left:15px}.personalize-detail{width:190px;right:10px}.personalization-gallery{height:475px}}
@media(max-width:820px){.personalization-layout{gap:30px}.personalization-gallery{height:440px}.personalize-wall{width:175px;left:5px}.personalize-detail{width:175px;right:5px}.personalization-copy h2{font-size:43px}.hero-description{font-size:16px}.hero-compatibility{font-size:11px}}
@media(max-width:600px){.hero{background:linear-gradient(155deg,#fafbf7 5%,#edf2e7 35%,#bdcfb2 100%)}.hero-intro{font-size:12px}.hero h1{margin-top:17px}.hero-description{font-size:16px;margin-inline:auto;max-width:330px}.hero-compatibility{font-size:11px;margin-top:20px}.hero-showcase{margin-top:10px;height:620px;padding-bottom:40px}.floating-caption{display:none}.screenshot-navigation{bottom:7px}.slide-dot{width:27px;height:42px}.personalization-layout{grid-template-columns:1fr;gap:32px}.personalization-copy h2{font-size:44px}.personalization-copy>p:not(.eyebrow){font-size:15px}.personalization-gallery{height:470px}.personalize-wall{width:200px;left:22px}.personalize-detail{width:195px;right:16px;top:97px}}
@media(max-width:360px){.hero-showcase{height:590px}.personalize-wall{width:175px;left:12px}.personalize-detail{width:175px;right:10px}.personalization-gallery{height:420px}}