:root{--ink:#171717;--muted:#686868;--paper:#fffdf8;--cream:#f5efe4;--accent:#ef6a3a;--accent2:#f6c95d;--line:#d8d0c4;--green:#1d6a55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{width:min(1160px,100% - 40px);margin:0 auto}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:850;text-decoration:none;display:flex}.brandMark{border:2px solid var(--ink);background:var(--accent2);border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.navLink{color:var(--ink);font-weight:700;text-decoration:none}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding:84px 0 92px;display:grid}.eyebrow{letter-spacing:.14em;color:var(--green);margin-bottom:14px;font-size:12px;font-weight:900}.hero h1,.sectionHeading h2,.sceneIntro h2{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;line-height:.98}.hero h1{max-width:760px;font-size:clamp(52px,6.5vw,88px)}.lead{color:var(--muted);max-width:700px;margin:26px 0 28px;font-size:20px;line-height:1.6}.heroActions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;padding:15px 21px;font-size:15px;font-weight:850;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary{background:var(--ink);color:#fff}.secondary{color:var(--ink);background:#f0e8dc;border:1px solid #ded2c2}.download{background:var(--green);color:#fff;margin-top:12px}.micro{color:var(--muted);font-size:13px}.trustRow{color:#4f4f4f;flex-wrap:wrap;gap:20px;margin-top:24px;font-size:13px;font-weight:650;display:flex}.bookMock{place-items:center;height:560px;display:grid;position:relative}.paper{border:2px solid var(--ink);background:#fff;border-radius:5px;width:370px;height:505px;position:absolute;box-shadow:0 25px 50px #00000024}.paper.back.one{background:#f0d77c;transform:rotate(5deg)translate(18px,-6px)}.paper.back.two{background:#d9eadf;transform:rotate(-6deg)translate(-18px,8px)}.paper.front{flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;overflow:hidden}.mockLabel{letter-spacing:.2em;font-size:12px;font-weight:900}.mockTitle{text-align:center;margin:12px 0 10px;font-family:Georgia,serif;font-size:40px;line-height:.95}.petSvg{width:90%;height:230px;color:var(--ink)}.mockFooter{letter-spacing:.08em;text-align:center;font-size:9px;font-weight:800}.proofStrip{background:var(--ink);color:#fff}.proofGrid{grid-template-columns:repeat(4,1fr);padding:24px 0;display:grid}.proofGrid div{border-right:1px solid #444;flex-direction:column;align-items:center;gap:3px;display:flex}.proofGrid div:last-child{border:0}.proofGrid strong{font-size:22px}.proofGrid span{color:#bdbdbd;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.creator{padding:92px 0}.sectionHeading{max-width:760px;margin-bottom:42px}.sectionHeading h2,.sceneIntro h2{font-size:52px}.sectionHeading p,.sceneIntro p{color:var(--muted);font-size:18px;line-height:1.6}.creatorGrid{grid-template-columns:.92fr 1.08fr;gap:24px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:22px;box-shadow:0 12px 38px #261c120f}.formCard{padding:28px}.fieldLabel{margin:0 0 8px;font-size:13px;font-weight:800;display:block}.textInput{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;margin-bottom:22px;padding:14px;font-size:16px}.dropzone{cursor:pointer;background:#fbf7f0;border:1.5px dashed #a99d8e;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:230px;margin-bottom:16px;display:flex;overflow:hidden}.dropzone img{object-fit:contain;background:#f0ece5;width:100%;height:280px}.dropzone small{color:var(--muted)}.uploadIcon{background:var(--accent2);border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;font-weight:900;display:grid}.full{width:100%}.divider{color:#9b9185;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;margin:15px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.textButton{width:100%;color:var(--green);cursor:pointer;background:0 0;border:0;padding:14px 0 0;font-weight:750}.status{color:#4a463f;background:#f6f4ef;border-radius:10px;margin-top:14px;padding:12px;font-size:13px;line-height:1.5}.previewCard{padding:18px}.previewHeader{text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;padding:4px 6px 14px;font-size:12px;font-weight:850;display:flex}.dot{color:#27664f}.previewCanvas{background:#f5f0e7;border-radius:14px;place-items:center;min-height:555px;display:grid;overflow:hidden}.previewCanvas img{object-fit:contain;background:#fff;width:100%;height:100%;max-height:620px}.emptyPreview{text-align:center;color:var(--muted);flex-direction:column;gap:8px;max-width:300px;display:flex}.emptyPreview strong{color:var(--ink);font-size:18px}.miniPaw{filter:grayscale();font-size:48px}.previewNote{color:var(--muted);padding:12px 8px 2px;font-size:12px}.how{padding:50px 0 100px}.steps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.steps article{border-top:2px solid var(--ink);padding:22px 0}.steps article span{color:var(--accent);font-family:Georgia,serif;font-size:38px}.steps h3{margin:10px 0;font-size:22px}.steps p{color:var(--muted);margin:0;line-height:1.6}.scenes{background:var(--cream);border-radius:32px;grid-template-columns:.8fr 1.2fr;gap:50px;padding:80px 52px;display:grid}.sceneCards{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.sceneCard{background:#fff;border:1px solid #d8cfbf;border-radius:14px;height:210px;padding:18px;position:relative;overflow:hidden}.sceneCard span{color:#8d8377;font-size:11px}.sceneCard strong{margin-top:4px;display:block}.lineArt{border:3px solid #292929;border-radius:55% 45% 48% 52%;width:120px;height:120px;position:absolute;bottom:-12px;right:-12px}.lineArt:before,.lineArt:after{content:"";border:3px solid #292929;border-radius:60% 40%;width:38px;height:55px;position:absolute;top:-30px}.lineArt:before{left:12px;transform:rotate(-22deg)}.lineArt:after{right:12px;transform:rotate(22deg)}.faq{padding:100px 0}.faqGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.faq details{border:1px solid var(--line);background:#fff;border-radius:14px;padding:17px 18px}.faq summary{cursor:pointer;font-weight:800}.faq details p{color:var(--muted);margin-bottom:0;line-height:1.55}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px 0 44px;display:flex}.footer>div:first-child{flex-direction:column;gap:4px;display:flex}.footer span{color:var(--muted);font-size:12px}.footerLinks{gap:18px;display:flex}.footerLinks a{color:var(--ink);font-size:13px;text-decoration:none}@media (max-width:850px){.hero,.creatorGrid,.scenes{grid-template-columns:1fr}.hero{gap:20px;padding-top:55px}.bookMock{height:470px}.paper{width:310px;height:430px}.hero h1{font-size:54px}.sectionHeading h2,.sceneIntro h2{font-size:42px}.proofGrid{grid-template-columns:repeat(2,1fr);gap:20px}.proofGrid div{border:0}.steps{grid-template-columns:1fr}.scenes{border-radius:0;padding:65px 24px}.faqGrid{grid-template-columns:1fr}.previewCanvas{min-height:420px}.footer{flex-direction:column;align-items:flex-start;gap:22px}}@media (max-width:480px){.shell{width:min(100% - 26px,1160px)}.hero h1{font-size:46px}.lead{font-size:17px}.paper{width:270px;height:390px}.bookMock{height:420px}.mockTitle{font-size:32px}.sceneCards{grid-template-columns:1fr 1fr}.sceneCard{height:160px}}.legalPage{background:var(--paper);min-height:100vh;padding:60px 20px}.legalShell{width:min(760px,100%);margin:0 auto}.legalBack{color:var(--green);font-weight:800;text-decoration:none}.legalShell h1{letter-spacing:-.04em;margin:35px 0 8px;font-family:Georgia,serif;font-size:52px}.legalUpdated{color:var(--muted);font-size:13px}.legalBody{color:#373737;margin-top:38px;line-height:1.75}.legalBody h2{color:var(--ink);margin-top:34px;font-size:22px}.legalBody a{color:var(--green)}.demoBanner{z-index:1000;text-align:center;color:#fff;letter-spacing:.08em;background:#171717;padding:8px 12px;font-size:12px;font-weight:800;position:sticky;top:0}