@font-face{font-family:Notebook;src:local('Noteworthy-Light'),local('Noteworthy')}@font-face{font-family:Hand;src:url('assets/PatrickHand-Regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#eee5d2;color:#292923;font-family:Notebook,Hand,'Segoe Print',cursive;font-size:20px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #3f6149;outline-offset:6px}.skip{position:fixed;top:-100px;background:#25251f;color:#fff;padding:15px;z-index:99}.skip:focus{top:10px}.nav{height:88px;max-width:1380px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:27px;white-space:nowrap}.brand img{border-radius:10px}.nav nav{display:flex;align-items:center;gap:36px;font-size:18px}.nav-pill{border:1px solid #55564766;padding:8px 18px;border-radius:15px}.nav-pill span{margin-left:12px}.eyebrow{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.19em;font-weight:600;color:#626455}.hero{text-align:center;overflow:hidden;padding-top:52px}.hero h1{font-size:clamp(58px,7.5vw,110px);line-height:1.07;font-weight:400;letter-spacing:-.04em;margin:25px auto 26px;max-width:950px}.underlined{position:relative;white-space:nowrap}.underlined:after{content:'';position:absolute;left:0;right:0;bottom:-5px;border-bottom:3px solid #879075;transform:rotate(-1.4deg);border-radius:50%;height:9px}.intro{font-size:24px;line-height:1.5;color:#666759;margin:30px 20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;border-radius:17px;padding:13px 24px;font-size:19px;border:1px solid #292923;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.ink{background:#292923;color:#f3ecd9}.availability{font-size:15px;color:#6c6e5e;margin:17px 0 10px}.hero-stage{height:640px;position:relative;max-width:1200px;margin:70px auto 0;transform-origin:center}.hero-phone{position:absolute;width:258px;left:20%;top:0;border:7px solid #34362d;border-radius:37px;box-shadow:0 24px 65px #34332226;z-index:2;transform:rotate(-6deg)}.hero-tablet{position:absolute;width:730px;left:37%;top:105px;border:9px solid #34362d;border-radius:27px;box-shadow:0 26px 60px #34332226;transform:rotate(4deg)}.hero-note{position:absolute;left:3%;top:170px;text-align:left;font-size:26px;line-height:1.2;transform:rotate(-9deg);color:#737b63}.section{padding:115px 8%;max-width:1440px;margin:auto}h2{font-size:clamp(42px,5.5vw,74px);line-height:1.12;font-weight:400;letter-spacing:-.025em;margin:20px 0 28px}.opening{text-align:center;max-width:800px;padding-top:80px}.opening>p:last-child{font-size:25px;color:#686b5c}footer{padding:40px 6%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #6e705a33;font-size:16px}footer p{color:#6c6e5e}@media(max-width:700px){.nav{height:76px;padding:0 22px}.nav nav{gap:16px}.nav nav>a:not(.nav-pill){display:none}.brand{font-size:24px}.nav-pill{font-size:15px;padding:7px 13px}.hero{padding-top:38px}.hero h1{font-size:clamp(45px,12vw,59px)}.intro{font-size:21px}.hero-stage{height:480px;margin-top:55px;min-width:0}.hero-phone{width:207px;left:8%;border-width:5px;border-radius:28px}.hero-tablet{width:500px;max-width:none;left:48%;top:100px;border-width:6px}.hero-note{display:none}.section{padding:75px 24px}.opening{padding-top:50px}footer{flex-wrap:wrap;gap:18px}footer p{order:3;width:100%;margin:0}.eyebrow{font-size:11px;letter-spacing:.13em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.story{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;position:relative;padding:0 40px}.story-sticky{height:100vh;min-height:710px;position:sticky;top:0;display:flex;align-items:center;justify-content:center}.story-image{width:280px;text-align:center;position:relative}.story-image>img{width:280px;aspect-ratio:393/852;border:6px solid #3b3b32;border-radius:36px;box-shadow:0 25px 65px #3331221f;transition:opacity .22s,transform .4s}.shot-caption{display:block;font-size:13px;color:#707363;margin-top:20px}.story-step{min-height:100vh;display:flex;justify-content:center;flex-direction:column;padding:95px 20px 95px 45px}.chapter{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.14em;color:#727662}.story-step h2{font-size:clamp(44px,4.5vw,65px)}.story-step p{font-size:23px;color:#616553;max-width:420px;margin:0 0 20px}.hand-note{display:block;transform:rotate(-3deg);color:#657759;font-size:24px;margin-top:15px}.small-detail{font-size:17px!important;line-height:1.6;color:#6b705e}.offline{padding-top:155px;padding-bottom:150px}.offline h2>span{color:#7b826d}.offline-details{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:45px;font-size:23px;color:#636953;max-width:1030px}.quiet-facts{display:flex;gap:0;margin-top:38px;border-top:1px solid #777b6444;padding-top:25px}.quiet-facts span{padding:0 30px;border-right:1px solid #777b6455}.quiet-facts span:first-child{padding-left:0}.quiet-facts span:last-child{border:0}.ipad-section{background:#24251f;color:#ede6d5;overflow:hidden}.ipad-section .section{padding-bottom:95px}.ipad-heading{text-align:center}.ipad-heading .eyebrow{color:#a4af95}.ipad-heading p:last-child{font-size:24px;color:#bec1b0}.image-button{border:0;padding:0;background:none;color:inherit;cursor:zoom-in}.ipad-image{display:block;margin:70px auto 0;max-width:1120px}.ipad-image img{border:8px solid #484b3f;border-radius:26px;box-shadow:0 20px 80px #0004}.ipad-image>span{display:block;margin-top:19px;font-size:16px;color:#c0c4b0}.ipad-bottom{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:70px;padding:0 25px}.ipad-bottom h3{font-size:40px;font-weight:400;line-height:1.2;margin:0}.ipad-bottom p{margin:0;font-size:23px;color:#bec1b0}.extras{padding-top:125px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:70px}.feature-number{font:13px Arial,sans-serif;color:#757c63;border-top:1px solid #74796055;padding-top:20px;display:block}.feature-text h3{font-size:33px;line-height:1.2;font-weight:400;margin:28px 0 22px}.feature-text p{font-size:21px;color:#626850}.theme-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;background:#e2dbc7;max-width:1280px;border-radius:34px;margin:35px auto 0;padding:85px 8%}.theme-section p{font-size:24px;color:#626850}.theme-section .eyebrow{font-size:12px}.swatches{display:flex;gap:17px;margin-top:35px}.swatch{background:var(--swatch);border:4px solid #e2dbc7;outline:1px solid transparent;width:38px;height:38px;border-radius:50%;cursor:pointer;position:relative;transition:transform .2s}.swatch:before{content:'';position:absolute;inset:-6px}.swatch:hover{transform:translateY(-3px)}.swatch.selected{outline:2px solid #4d5242}.theme-section .color-name{font-size:18px;margin-bottom:0}.logo-preview{display:flex;flex-direction:column;align-items:center}.logo-preview img{width:245px;border-radius:55px;box-shadow:0 18px 45px #332a2220;transform:rotate(5deg);image-rendering:auto;transition:transform .3s}.logo-preview span{font-size:19px;transform:rotate(-3deg);margin-top:30px;max-width:240px;text-align:center;color:#687054}.faq{max-width:960px}.faq h2{margin-bottom:50px}details{border-top:1px solid #797d6755;padding:23px 0}details:last-child{border-bottom:1px solid #797d6755}summary{cursor:pointer;font-size:25px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:30px;flex-shrink:0;color:#7c856a}details[open] summary:after{content:'−'}details p{color:#60674f;font-size:21px;padding-right:45px}details a{text-decoration:underline;text-underline-offset:4px}.closing{text-align:center;padding-top:30px;padding-bottom:130px}.closing>img{margin:0 auto 30px;border-radius:20px}.closing>p:not(.eyebrow){font-size:25px;color:#686e58;margin-bottom:30px}.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.motion .reveal.visible{opacity:1;transform:none}dialog{border:1px solid #64634d44;padding:25px;background:#eee5d2;color:#292923;border-radius:24px;width:min(1200px,94vw);max-height:92vh}dialog::backdrop{background:#171a16d9;backdrop-filter:blur(12px)}.lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.lightbox-top h2{font-size:25px;margin:0}.lightbox-top button{background:transparent;border:1px solid #7b806655;border-radius:12px;padding:8px 14px;cursor:pointer}dialog img{max-height:70vh;margin:auto;border-radius:16px;object-fit:contain}dialog>p{font-size:15px;color:#646b56;text-align:center}.legal{max-width:850px;padding:65px 25px 110px;margin:auto}.legal h1{font-size:56px;line-height:1.15;font-weight:400}.legal h2{font-size:30px;margin-top:40px}.legal p,.legal li{font-size:22px;color:#5c644e}.legal a{text-decoration:underline}.legal .eyebrow{font-size:12px}.legal .note{padding:22px;border:1px solid #73795e44;border-radius:20px}
@media(max-width:1000px){.theme-section{margin-left:25px;margin-right:25px}.story{padding:0 20px}.story-step{padding-left:20px}.feature-grid{gap:25px}.feature-text h3{font-size:29px}}@media(max-width:700px){.story{display:flex;flex-direction:column;padding:0 24px}.story-sticky{height:auto;min-height:0;position:relative;padding-top:25px}.story-image,.story-image>img{width:244px}.story-copy{display:contents}.story-step{min-height:0;padding:65px 4px 10px}.story-step:not(:first-child){border-top:1px solid #6d755a33;margin-top:50px}.story-step p{font-size:22px}.story-step h2{font-size:45px}.offline{padding-top:110px;padding-bottom:80px}.offline-details{grid-template-columns:1fr;gap:0;margin-top:20px;font-size:21px}.quiet-facts{gap:15px;flex-wrap:wrap;font-size:17px}.quiet-facts span{padding:0 15px 0 0}.ipad-section .section{padding-bottom:70px}.ipad-image{margin-top:45px}.ipad-image img{border:4px solid #484b3f;border-radius:14px}.ipad-bottom{grid-template-columns:1fr;gap:22px;padding:0;margin-top:45px}.ipad-bottom h3{font-size:34px}.ipad-bottom p{font-size:21px}.feature-grid{grid-template-columns:1fr;gap:35px;margin-top:40px}.feature-text h3{font-size:32px;margin:20px 0 15px}.feature-text p{margin-bottom:10px}.theme-section{grid-template-columns:1fr;gap:50px;margin:0 15px;padding:55px 30px;border-radius:25px}.logo-preview img{width:200px}.logo-preview span{max-width:100%;font-size:18px}.faq{padding-top:90px}summary{font-size:22px}details p{padding-right:10px;font-size:20px}.closing{padding-bottom:90px}.closing h2{font-size:44px}.closing .eyebrow{font-size:10px}.legal h1{font-size:45px}}@media(prefers-reduced-motion:reduce){.motion .reveal{opacity:1;transform:none}.hero-stage,.hero-phone,.hero-tablet,.ipad-image{will-change:auto!important}}
/* Real screenshot showcase: original pixels, cropped only by the viewport. */
.hero-stage{height:655px}.hero-tablet{width:740px}.hero-phone{width:250px}.gallery-section{padding-top:10px;padding-bottom:20px}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.gallery-heading h3{font-size:27px;font-weight:400;max-width:300px}.gallery-tabs{display:flex;gap:9px;flex-wrap:wrap}.gallery-tabs button{border:1px solid #6c70554d;background:transparent;color:#414735;border-radius:14px;padding:11px 17px;cursor:pointer;font-size:17px;min-height:46px}.gallery-tabs .selected{background:#353b2d;color:#f4ecd8;border-color:#353b2d}.gallery-image{width:100%;display:block}.gallery-image>img{width:100%;border:7px solid #383c30;border-radius:24px;box-shadow:0 20px 50px #22281820;aspect-ratio:2732/2048}.gallery-image>span,.detail-caption{display:block;font-size:15px;margin-top:16px;color:#697057}.gallery-section>p{max-width:720px;margin:22px auto 0;text-align:center;color:#62694f;font-size:22px;min-height:66px}.offline{padding-top:110px;padding-bottom:95px}.offline>.small-detail{max-width:890px;margin-top:30px}.feature-chapter,.models-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding-top:85px;padding-bottom:85px}.feature-copy>p:not(.eyebrow){font-size:23px;color:#62694f;max-width:520px}.feature-copy h2{font-size:clamp(42px,5vw,68px)}.visual-card{background:#ded8c6;border:1px solid #6b71521a;border-radius:32px;padding:26px 20px 18px;box-shadow:0 25px 60px #3335230b;min-width:0}.detail-image{display:block;width:100%;text-align:center}.crop{display:block;width:100%;position:relative;overflow:hidden;border-radius:21px;background:#23221d}.crop>img{position:absolute;max-width:none;height:auto;display:block}.detail-caption{font-size:14px;line-height:1.4}.reverse .feature-copy{grid-column:2;grid-row:1}.reverse .visual-card{grid-column:1;grid-row:1}.voice-card{max-width:470px}.playback-wide{grid-column:1/-1;margin:20px auto 0;width:min(100%,850px)}.playback-detail .crop{border:1px solid #88816f66;border-radius:22px;box-shadow:0 18px 50px #29291817}.photo-section{background:#dce1cf}.photo-section .section{padding-top:95px;padding-bottom:85px}.photo-heading{text-align:center;max-width:880px;margin:auto}.photo-heading>p:last-child{font-size:24px;color:#556149;max-width:720px;margin:25px auto 45px}.photo-proof{max-width:1080px;margin:auto;border-radius:28px;padding:15px 15px 20px;background:#cbd2bd;border:1px solid #59664c30}.photo-proof .crop{border-radius:20px}.photo-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:25px auto 0;max-width:1030px;color:#556149;font-size:22px}.speed-note{border-top:1px solid #69715355;margin-top:35px;padding-top:25px}.speed-note h3{font-size:28px;font-weight:400;margin:0 0 10px}.speed-note p{font-size:19px;color:#62694f;margin:0}.settings-detail{max-width:850px;margin:65px auto 0}.settings-detail .detail-caption{color:#bdc4ac}.settings-detail .crop{border:1px solid #515647;border-radius:22px}.comparison-intro{max-width:780px;font-size:24px;color:#62694f}.table-scroll{overflow-x:auto;margin-top:40px;border:1px solid #83876d4d;border-radius:23px;scrollbar-color:#849070 #e4ddc9}table{border-collapse:collapse;width:100%;min-width:650px;font-family:Arial,sans-serif;font-size:15px;line-height:1.65}caption{text-align:left;padding:20px 24px;font:19px Notebook,Hand,cursive;background:#e2ddca}th,td{padding:22px 24px;border-top:1px solid #92977c40;text-align:left;vertical-align:middle}thead th{font:24px Notebook,Hand,cursive}tbody th{font-weight:400;width:34%}td:nth-child(2),thead th:nth-child(2){background:#dce2cf;color:#344830;width:35%}td:last-child{color:#737362}.check{color:#44683d;font-size:18px;font-weight:700;margin-right:5px}.comparison-note{font-size:16px;color:#6b705b;max-width:1000px;line-height:1.7}.getting-started{padding-top:0}.getting-started .feature-grid{margin-top:40px}.getting-started h3{font-size:30px;font-weight:400;margin:25px 0 15px}.getting-started article>p{font-size:21px;color:#62694f}.appearance-showcase{display:flex;align-items:center;gap:60px;padding-top:65px;padding-bottom:35px;max-width:1080px}.appearance-showcase>.detail-image{max-width:440px}.appearance-showcase>p{font-size:27px;color:#606a51;flex:1}.theme-section{margin-top:0}.offline h2>span{color:#6f795f}.faq{padding-top:90px}button:hover .detail-caption{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.gallery-heading{flex-direction:column;align-items:flex-start;gap:4px}.gallery-heading h3{max-width:none;margin:0 0 15px}.feature-chapter,.models-section{gap:5%}.visual-card{padding:17px 12px;border-radius:23px}.feature-copy>p:not(.eyebrow){font-size:21px}.feature-copy h2{font-size:46px}.hero-stage{height:600px}.hero-tablet{width:650px;max-width:none;left:37%;top:120px}.hero-phone{left:16%;width:236px}.hero-note{left:2%;font-size:21px}}
@media(max-width:700px){.hero-stage{height:455px}.hero-phone{width:195px;left:7%}.hero-tablet{width:460px;left:47%;top:95px}.intro{font-size:21px}.hero .eyebrow{padding:0 15px;font-size:10px}.gallery-section{padding-top:0}.gallery-tabs{width:100%;gap:7px}.gallery-tabs button{flex:1;padding:9px 7px;font-size:16px;white-space:nowrap}.gallery-image>img{border-width:4px;border-radius:15px}.gallery-heading h3{font-size:25px}.gallery-section>p{font-size:20px;min-height:90px}.feature-chapter,.models-section{display:flex;flex-direction:column;gap:30px;padding-top:60px;padding-bottom:60px}.feature-copy{width:100%}.feature-copy h2{font-size:46px}.feature-copy>p:not(.eyebrow){font-size:22px}.visual-card{width:100%;max-width:480px;padding:18px 13px}.crop{border-radius:18px}.playback-wide{margin-top:10px;width:100%}.playback-detail .crop{border-radius:10px}.photo-section .section{padding-top:65px;padding-bottom:55px}.photo-heading>p:last-child{font-size:22px}.photo-heading h2{font-size:41px}.photo-proof{margin:0 -8px;padding:9px 9px 14px;border-radius:20px}.photo-proof .crop{border-radius:13px}.photo-bottom{grid-template-columns:1fr;gap:0;font-size:21px}.photo-bottom>p{margin-bottom:6px}.settings-detail{margin-top:35px}.settings-detail .crop{border-radius:12px}.table-scroll{margin-left:-6px;margin-right:-6px;border-radius:17px}table{min-width:600px;font-size:14px}th,td{padding:17px 18px}thead th{font-size:22px}.comparison-intro{font-size:22px}.comparison-note{font-size:15px}.comparison{padding-top:65px;padding-bottom:65px}.getting-started{padding-top:0}.appearance-showcase{flex-direction:column;gap:15px;padding-top:40px;padding-bottom:20px}.appearance-showcase>p{font-size:23px;text-align:center}.quiet-facts span{border:0}.gallery-image>span{font-size:15px}.ipad-heading h2{font-size:44px}}
/* Device screenshots keep their own geometry; never inherit a fixed image height. */
.hero-stage{display:flex;align-items:center;justify-content:center;gap:30px;height:auto;max-width:1180px;padding:0 35px 75px;margin-top:65px}
.hero-phone{position:relative;left:auto;top:auto;width:23%;height:auto;flex:none;transform:rotate(-3deg)}
.hero-tablet{position:relative;left:auto;top:auto;width:70%;height:auto;flex:none;transform:rotate(2deg)}
.hero-note{display:none}
.gallery-image>img,.ipad-image img{height:auto;aspect-ratio:auto;object-fit:contain}
@media(max-width:700px){.hero-stage{flex-direction:column;gap:28px;padding:0 22px 35px;margin-top:42px}.hero-phone{width:190px;max-width:58%;height:auto;transform:rotate(-3deg)}.hero-tablet{width:100%;max-width:500px;height:auto;transform:rotate(2deg)}.hero-phone,.hero-tablet{left:auto;top:auto}.gallery-image>img{height:auto;aspect-ratio:auto}}
.lightbox-top button{flex-shrink:0;white-space:nowrap}