:root{--cream:#f8f6ee;--ink:#292c25;--muted:#6e7067;--orange:#f17145;--purple:#6355cc;--line:#deded2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}a,input,summary{outline-offset:6px}a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--purple)}.wrap{max-width:1320px;margin:auto;padding-left:60px;padding-right:60px}.announcement{background:#e8eddf;text-align:center;font-size:11px;letter-spacing:.04em;padding:10px}.announcement span:first-child{margin-left:13px;color:#616958}.announcement span:last-child{margin-left:16px}.header{height:102px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Manrope,sans-serif;display:flex;gap:8px;align-items:center;font-size:28px;font-weight:800;letter-spacing:-1.7px}.brand-icon{width:29px;height:31px;border:2px solid var(--ink);border-radius:8px;display:grid;place-items:center;font-size:27px;font-weight:600;line-height:1;transform:rotate(-7deg);padding-bottom:5px}.brand-dot{font-size:10px;align-self:flex-start;padding-top:8px;letter-spacing:0}.header nav{display:flex;gap:34px;font-size:12px}.header nav a:hover,.text-link:hover{color:#b84825}.button{display:inline-flex;gap:36px;align-items:center;justify-content:center;padding:19px 24px;background:var(--orange);border-radius:5px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#e46438;transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.button.small{padding:13px 18px;gap:26px;font-size:11px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;padding-top:40px;padding-bottom:78px;align-items:center}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:#78966a;display:inline-block;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(65px,6.7vw,91px);letter-spacing:-5.5px;line-height:1.02;font-weight:600;margin:27px 0 32px;position:relative;width:max-content}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.055em}.underline{position:absolute;width:75%;height:18px;bottom:-15px;right:-5px;fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round}.hero-copy>p{font-size:14px;line-height:1.8;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:29px}.text-link{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:12px}.play{border:1px solid #8d9185;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:8px;padding-left:2px}.hero-note{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted);margin-top:25px}.tiny-brick{font-size:20px}.hero-visual{position:relative;padding:0 0 23px}.product-frame{height:555px;background:#f3dfca;border-radius:110px 110px 8px 8px;position:relative;overflow:hidden}.product-frame>img{width:100%;height:100%;object-fit:cover}.visual-label{position:absolute;top:33px;width:100%;text-align:center;font-size:9px;letter-spacing:2px}.time-sticker{position:absolute;right:20px;top:88px;background:#e9edac;width:121px;height:121px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(13deg);box-shadow:0 2px 1px #0001}.time-sticker>span{font-size:6px;letter-spacing:1px}.time-sticker strong{font-size:29px;line-height:.93;text-align:center;margin:7px 0;font-weight:500;letter-spacing:-1px}.time-sticker i{font-family:Georgia,serif;font-size:35px}.image-note{position:absolute;bottom:15px;right:15px;font-size:8px;color:#594c3d}.float-note{position:absolute;bottom:0;left:-20px;display:flex;align-items:center;gap:12px;background:#fffef9;padding:15px 21px;border-radius:7px;box-shadow:0 8px 22px #3b36251a;transform:rotate(-3deg)}.float-note b{display:block;font-size:11px;margin-bottom:4px}.float-note div>span{font-size:9px;color:var(--muted)}.note-icon{font-size:23px;color:var(--purple);background:#efecfc;border-radius:50%;padding:7px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:22px 0}.ticker>div{display:flex;gap:45px;justify-content:center;align-items:center;white-space:nowrap;font-size:12px}.ticker span{color:#f17a48;font-size:25px}.intro{padding-top:85px;padding-bottom:80px}.section-top{display:flex;justify-content:space-between;align-items:center}.section-index{font-family:monospace;font-size:9px;color:var(--muted)}h2{font-size:43px;font-weight:500;line-height:1.19;letter-spacing:-2px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-top:22px;gap:30px}.section-heading p{font-size:12px;line-height:1.9;color:var(--muted);padding-bottom:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.step-art{height:205px;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.choose-art{background:#e9e8ef;flex-direction:column;gap:21px}.app-grid{display:flex;gap:9px;transform:rotate(-7deg)}.app-grid span{height:48px;width:48px;display:grid;place-items:center;border-radius:12px;font-size:26px;background:#fcfbf7;box-shadow:0 5px 9px #39314113;color:#72698b}.app-grid span:nth-child(2){background:#61576e;color:#fff}.app-grid span:nth-child(3){font-size:19px}.mini-label{font-size:10px;color:#716b7b}.tap-art{background:#e7ecdf}.phone{width:104px;height:165px;background:#f8f8ef;border:5px solid #414939;border-radius:19px;position:absolute;top:30px;left:24%;transform:rotate(-12deg);padding:12px 7px;font-size:8px}.phone>span{font-size:6px}.phone-symbol{font-size:41px;text-align:center;color:#6d8058}.phone b{font-size:9px;display:block;text-align:center}.illustrated-brick{position:absolute;left:52%;top:85px;transform:rotate(15deg);height:84px;width:84px;display:grid;place-items:center;background:var(--purple);border-radius:21px;color:#c7c0fc;font-size:12px;box-shadow:2px 5px 0 #4a3c9b,0 12px 20px #0002}.tap-ring{border:1px solid #7d8964;border-radius:50%;width:33px;height:33px;position:absolute;left:51%;top:64px}.live-art{background:#f6dfc8;flex-direction:column;gap:10px}.sun{font-size:64px;color:#c16c3f;line-height:1}.live-art p{font-size:15px;text-align:center;line-height:1.6}.live-art i{font-family:Georgia,serif}.step-title{display:flex;align-items:center;gap:12px;margin-top:24px}.step-title>span{font-family:monospace;color:#8c8d81;font-size:10px}.step-title h3{font-size:16px;letter-spacing:-.4px;font-weight:600}.steps article>p{font-size:12px;line-height:1.85;color:var(--muted);margin:12px 0 0 27px}.concept-note{font-size:9px;color:#75756c;margin-top:24px}.calculator-section{background:#e9eddf}.calculator{padding-top:65px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.calculator h2{margin:21px 0}.calculator p{font-size:13px;color:#656d5b;line-height:1.7}.calculator label{display:block;margin-top:30px;font-size:11px}output{font-weight:700}input[type=range]{width:100%;margin:22px 0 12px;accent-color:#4d6242;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#737c67}.time-result{border-left:1px solid #cbd2bc;padding-left:65px;display:flex;flex-direction:column;justify-content:center}.time-result>span{font-size:9px;letter-spacing:2px}.time-result>div:first-of-type{display:flex;align-items:baseline;gap:19px}.time-result strong{font-family:Manrope,sans-serif;font-size:130px;line-height:1.25;font-weight:500;letter-spacing:-8px}.time-result .serif{font-size:53px}.time-result>p{font-size:24px;color:var(--ink);letter-spacing:-1px}.hours-line{margin-top:26px;font-size:11px}.time-result small{font-size:8px;color:#737c67;margin-top:15px}.moments{padding-top:85px;padding-bottom:85px}.moments h2{margin-top:25px}.moments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.moment{border-radius:7px;padding:27px 28px;min-height:345px;position:relative;overflow:hidden}.morning{background:#efdac6}.book{background:#dcdff0}.together{background:#e6e9d3}.moment>span{font-size:8px;letter-spacing:1.2px}.moment h3{font-size:26px;font-weight:500;letter-spacing:-1px;line-height:1.15}.moment p{font-size:11px;line-height:1.7;margin-top:13px;color:#66675e}.moment-drawing{font-size:73px;height:135px;display:flex;align-items:center;justify-content:center;transform:rotate(-10deg)}.book-drawing{height:135px;display:flex;align-items:center;justify-content:center}.book-drawing span{background:#f4f1e4;color:#5c62a1;border-left:7px solid #6b70a3;padding:12px 16px;font-size:13px;font-weight:700;letter-spacing:1px;transform:rotate(12deg);box-shadow:4px 4px 0 #a4a9c5}.together-drawing{font-size:75px;height:135px;display:flex;align-items:center;justify-content:center;gap:7px;color:#7b8955;transform:rotate(-12deg)}.together-drawing span{color:#b8a16e;transform:translateY(15px)}.product-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-bottom:85px}.prototype{height:450px;position:relative;border-radius:8px;overflow:hidden}.prototype img{height:100%;width:100%;object-fit:cover;object-position:center 39%}.prototype>span{position:absolute;bottom:0;left:0;width:100%;padding:20px;color:#fff;background:linear-gradient(transparent,#0008);font-size:8px;letter-spacing:1px}.product-copy h2{margin:22px 0}.product-copy>p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:16px}.product-status{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:22px;margin-top:26px;font-size:11px;font-weight:700}.product-copy p.availability{font-size:10px;margin:10px 0 22px}.faq{padding-top:60px;padding-bottom:90px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq h2{margin-top:22px}.faq details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:21px 0;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:20px}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;font-weight:400}details[open] summary>span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.8;color:var(--muted);padding:0 35px 20px 0}.closing{background:var(--orange);padding:65px 24px 70px;text-align:center;position:relative;overflow:hidden}.closing .eyebrow{justify-content:center}.closing h2{font-size:76px;margin:14px 0;letter-spacing:-4px}.closing p{font-size:13px}.closing .button{margin-top:26px;background:var(--ink);color:#fff}.closing .button:hover{background:#44483d}.closing-star{position:absolute;left:11%;top:65px;font-size:130px;color:#b94d29;transform:rotate(15deg)}footer{display:flex;align-items:center;gap:35px;padding-top:34px;padding-bottom:34px}footer .logo{font-size:21px}footer .brand-icon{width:24px;height:25px;font-size:22px}footer>span{font-size:10px;color:var(--muted);flex:1}footer>a:not(.logo),footer small{font-size:9px}.skip{position:fixed;top:-100px;z-index:10;background:white;padding:12px}.skip:focus{top:0}@media(min-width:1450px){.hero{padding-top:55px;padding-bottom:95px}}@media(max-width:1050px){.wrap{padding-left:35px;padding-right:35px}.header nav{gap:20px}.hero{gap:25px}h1{font-size:76px}.product-frame{height:510px}.hero-actions{gap:17px}.hero-actions .button{gap:20px;padding:17px}.hero-actions .text-link{font-size:10px}.section-heading{align-items:start}.section-heading h2{font-size:36px}.calculator{gap:45px}.time-result{padding-left:40px}.product-section{gap:40px}.faq{gap:35px}.closing-star{left:6%;font-size:95px}footer{gap:20px}}@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.announcement{font-size:9px}.announcement span:first-child{display:none}.header{height:80px}.logo{font-size:25px}.header nav{display:none}.header .button{font-size:10px;padding:12px;gap:17px}.hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:45px;gap:35px}.hero-copy>.eyebrow{font-size:8px}h1{font-size:76px;letter-spacing:-5px;margin-top:23px}.hero-copy>p{font-size:13px}.hero-actions{gap:25px}.hero-actions .text-link{font-size:11px}.hero-note{margin-top:20px}.hero-visual{padding-left:8px;padding-bottom:20px}.product-frame{height:440px;border-radius:85px 85px 8px 8px}.float-note{left:0}.time-sticker{right:15px;top:65px;width:105px;height:105px}.ticker>div{justify-content:flex-start;gap:25px;font-size:11px;padding-left:24px}.section-index{display:none}.intro,.moments{padding-top:55px;padding-bottom:55px}.section-heading{display:block}.section-heading h2,h2{font-size:33px;letter-spacing:-1.5px}.section-heading p{margin-top:18px}.steps{grid-template-columns:1fr;gap:30px}.step-art{height:210px}.steps article>p{max-width:400px}.calculator{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:45px}.time-result{border-left:0;border-top:1px solid #cbd2bc;padding:30px 0 0}.time-result strong{font-size:105px}.time-result .serif{font-size:45px}.time-result>p{font-size:21px}.moments-grid{grid-template-columns:1fr;gap:15px}.moment{min-height:255px;padding:25px}.moment h3{margin-top:50px;font-size:28px}.moment-drawing,.book-drawing,.together-drawing{position:absolute;right:25px;top:45px;width:115px}.product-section{grid-template-columns:1fr;gap:30px;padding-bottom:55px}.prototype{height:400px}.faq{grid-template-columns:1fr;padding-top:40px;padding-bottom:55px;gap:20px}.faq h2 br{display:none}.closing h2{font-size:58px}.closing-star{font-size:65px;left:auto;right:-18px;top:27px}.closing{padding-top:45px;padding-bottom:45px}footer{flex-wrap:wrap;gap:20px;justify-content:space-between}footer>span{flex:auto;font-size:9px}footer small{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
