@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Lexend:wght@300;400;500;600;700&family=Yeseva+One&display=swap";
:root{--night-950:#070b1c;--night-900:#0b1026;--night-800:#121a39;--panel:rgba(28,38,78,.55);--panel-solid:#161f44;--honey:#f6bd66;--honey-bright:#ffd68f;--honey-deep:#d99536;--cream:#f6efe1;--muted:#a7b0d2;--lavender:#c6c2f1;--teal:#88d0c7;--line:rgba(246,189,102,.18);--line-soft:rgba(198,194,241,.14);--display:"Yeseva One",Georgia,serif;--body:"Lexend",-apple-system,system-ui,sans-serif;--hand:"Caveat","Segoe Script",cursive}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}html{background:var(--night-950)}body{font-family:var(--body);color:var(--cream);background:linear-gradient(180deg,var(--night-900)0%,var(--night-950)100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -8%,#1b2550 0%,transparent 55%),radial-gradient(90% 55% at 50% 0,rgba(246,189,102,.18) 0%,transparent 48%);position:fixed;top:0;bottom:0;left:0;right:0}.stars{z-index:0;pointer-events:none;background-image:radial-gradient(1.6px 1.6px at 12% 18%,#fff 50%,transparent),radial-gradient(1.4px 1.4px at 28% 9%,rgba(255,255,255,.85) 50%,transparent),radial-gradient(1.2px 1.2px at 41% 24%,var(--honey-bright)50%,transparent),radial-gradient(1.5px 1.5px at 58% 12%,#fff 50%,transparent),radial-gradient(1.2px 1.2px at 70% 26%,var(--lavender)50%,transparent),radial-gradient(1.7px 1.7px at 84% 14%,#fff 50%,transparent),radial-gradient(1.2px 1.2px at 92% 30%,rgba(255,255,255,.8) 50%,transparent),radial-gradient(1.3px 1.3px at 8% 40%,var(--honey)50%,transparent),radial-gradient(1.2px 1.2px at 33% 46%,rgba(255,255,255,.7) 50%,transparent),radial-gradient(1.5px 1.5px at 77% 44%,#fff 50%,transparent),radial-gradient(1.2px 1.2px at 18% 62%,rgba(255,255,255,.6) 50%,transparent),radial-gradient(1.3px 1.3px at 64% 64%,var(--lavender)50%,transparent);animation:6s ease-in-out infinite twinkle;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes twinkle{0%,to{opacity:.55}50%{opacity:.9}}.page{z-index:1;max-width:760px;margin:0 auto;padding:max(28px,min(6vw,72px)) max(20px,min(5vw,32px)) 64px;position:relative}.hero{text-align:center;padding-top:18px;position:relative}.moon{background:radial-gradient(circle at 36% 34%,#fff7e4,var(--honey)75%);width:56px;height:56px;box-shadow:0 0 34px 6px rgba(246,189,102,.45),inset -11px -7px 0 0 var(--night-900);border-radius:50%;animation:7s ease-in-out infinite float;position:absolute;top:-6px;right:4px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--honey);margin-bottom:18px;font-size:13px;font-weight:600;animation:.7s 50ms both rise}.hero-title{font-family:var(--display);letter-spacing:-.005em;color:var(--cream);font-size:max(36px,min(8vw,58px));font-weight:400;line-height:1.08;animation:.7s .12s both rise}.hero-title em{font-family:var(--hand);color:var(--honey-bright);font-size:1.16em;font-style:normal;font-weight:700;line-height:.9}.hero-sub{max-width:33ch;color:var(--muted);margin:20px auto 0;font-size:max(15px,min(2.6vw,18px));animation:.7s .2s both rise}.film-frame{background:linear-gradient(160deg,rgba(246,189,102,.5),rgba(198,194,241,.18));border-radius:22px;max-width:340px;margin:max(28px,min(6vw,44px)) auto 0;padding:10px;animation:.8s .28s both rise;box-shadow:0 0 60px rgba(246,189,102,.22),0 30px 60px -28px rgba(0,0,0,.7)}.film-frame video{aspect-ratio:9/16;object-fit:cover;background:#000;border-radius:14px;width:100%;display:block}.pitch{text-align:center;max-width:50ch;color:var(--cream);margin:max(36px,min(7vw,54px)) auto 0;font-size:max(16.5px,min(2.7vw,20px));line-height:1.7}.pitch .hand{font-family:var(--hand);color:var(--honey-bright);font-size:1.3em;font-weight:700}.steps{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:max(38px,min(7vw,56px));display:grid}.step{text-align:center;border:1px solid var(--line-soft);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;padding:22px 14px}.step-glyph{font-size:26px;line-height:1}.step-n{font-family:var(--hand);color:var(--honey);margin:12px 0 6px;font-size:20px;display:block}.step p{color:var(--cream);font-size:14.5px}.reading{text-align:center;border:1px solid var(--line-soft);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;margin-top:max(34px,min(7vw,50px));padding:26px 22px}.reading h3{font-family:var(--display);color:var(--cream);margin-bottom:10px;font-size:max(20px,min(4vw,25px));font-weight:400}.reading p{color:var(--muted);max-width:48ch;margin:0 auto;font-size:15px}.reading .cap{letter-spacing:.02em;color:var(--honey);font-weight:600}.order{margin-top:max(40px,min(8vw,64px))}.order-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(rgba(28,38,78,.7),rgba(18,26,57,.7));border-radius:22px;padding:max(26px,min(5vw,40px));box-shadow:0 30px 70px -40px rgba(0,0,0,.8)}.order-card h2{font-family:var(--display);text-align:center;color:var(--cream);font-size:max(24px,min(5vw,33px));font-weight:400}.price{text-align:center;font-family:var(--display);color:var(--honey-bright);margin:12px 0 26px;font-size:42px}.price span{font-family:var(--body);color:var(--muted);letter-spacing:.02em;margin-top:4px;font-size:14px;display:block}form{gap:14px;display:grid}.field-label{color:var(--lavender);letter-spacing:.01em;margin-bottom:7px;font-size:13px;display:block}input[type=text],input[type=email],.input{width:100%;font-family:var(--body);color:var(--cream);border:1px solid var(--line-soft);background:rgba(7,11,28,.55);border-radius:11px;padding:13px 15px;font-size:15px;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#6f78a0}input:focus{border-color:var(--honey);outline:none;box-shadow:0 0 0 3px rgba(246,189,102,.18)}input[type=file]{width:100%;color:var(--muted);padding:10px 0;font-size:13.5px}input[type=file]::-webkit-file-upload-button{font-family:var(--body);border:1px solid var(--line);color:var(--honey);cursor:pointer;background:rgba(246,189,102,.1);border-radius:9px;margin-right:12px;padding:9px 14px;transition:background .2s}input[type=file]::file-selector-button{font-family:var(--body);border:1px solid var(--line);color:var(--honey);cursor:pointer;background:rgba(246,189,102,.1);border-radius:9px;margin-right:12px;padding:9px 14px;transition:background .2s}input[type=file]::-webkit-file-upload-button:hover{background:rgba(246,189,102,.2)}input[type=file]::file-selector-button:hover{background:rgba(246,189,102,.2)}.photos-group{border:1px dashed var(--line-soft);border-radius:12px;gap:8px;padding:16px;display:grid}.consent{color:var(--muted);background:rgba(136,208,199,.07);border:1px solid rgba(136,208,199,.2);border-radius:11px;align-items:flex-start;gap:11px;padding:13px 15px;font-size:13px;line-height:1.5;display:flex}.consent input{width:17px;height:17px;accent-color:var(--teal);flex:none;margin-top:2px}.consent.soft{border-color:var(--line-soft);background:rgba(198,194,241,.06)}.voice{border:1px solid var(--line-soft);border-radius:14px;gap:12px;padding:16px;display:grid}.voice legend{padding:0 4px}.voice-modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.voice-modes label{border:1px solid var(--line-soft);color:var(--muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;transition:border-color .2s,color .2s,background .2s;display:flex}.voice-modes label.on{border-color:var(--honey);color:var(--cream);background:rgba(246,189,102,.08)}.voice-modes input{accent-color:var(--honey)}.readalong-hint{color:var(--lavender);font-size:13.5px}.readalong ol{max-height:168px;color:var(--cream);gap:7px;margin:8px 0 0;padding-left:20px;font-size:13.5px;line-height:1.5;display:grid;overflow-y:auto}.recorder{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rec-btn{font-family:var(--body);color:var(--cream);border:1px solid var(--honey);cursor:pointer;background:rgba(7,11,28,.55);border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .2s}.rec-btn:hover{background:rgba(246,189,102,.12)}.rec-btn.recording{color:#ffd7d7;border-color:#ff8a8a;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.recorder .or{color:var(--muted);font-size:13px}.playback{width:100%;margin-top:4px}.rec-error{color:#ffb4b4;font-size:13px}.cta{font-family:var(--body);letter-spacing:.01em;color:#2a1a06;background:linear-gradient(180deg,var(--honey-bright),var(--honey-deep));cursor:pointer;border:none;border-radius:13px;margin-top:6px;padding:15px 20px;font-size:16px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 12px 30px -10px rgba(246,189,102,.6)}.cta:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 18px 40px -10px rgba(246,189,102,.8)}.cta:disabled{opacity:.6;cursor:default}.reassure{text-align:center;color:var(--muted);margin-top:14px;font-size:12.5px}footer{text-align:center;font-family:var(--hand);color:var(--lavender);margin-top:54px;font-size:23px}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.worlds{text-align:center;margin-top:max(40px,min(8vw,60px))}.worlds-h{font-family:var(--display);color:var(--cream);font-size:max(22px,min(4.6vw,30px));font-weight:400}.worlds-sub{max-width:40ch;color:var(--muted);margin:10px auto 24px;font-size:15px}.world-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.world{border:1px solid var(--line);aspect-ratio:3/4;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 18px 40px -28px rgba(0,0,0,.8)}.world img{object-fit:cover;width:100%;height:100%;display:block}.world figcaption{font-family:var(--hand);color:var(--honey-bright);background:linear-gradient(transparent,rgba(7,11,28,.92));padding:22px 8px 9px;font-size:19px;line-height:1.05;position:absolute;bottom:0;left:0;right:0}.world-any{background:linear-gradient(160deg,rgba(246,189,102,.14),rgba(198,194,241,.1));border-style:dashed;justify-content:center;align-items:center;display:flex}.world-any figcaption{color:var(--lavender);background:0 0;padding:0 6px;font-size:20px;position:static}.guarantee{text-align:center;font-family:var(--hand);color:var(--teal);margin-top:8px;font-size:18px}.faq{margin-top:max(40px,min(8vw,60px))}.faq-h{font-family:var(--display);color:var(--cream);text-align:center;margin-bottom:18px;font-size:max(22px,min(4.6vw,30px));font-weight:400}.faq-item{border:1px solid var(--line-soft);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:13px;margin-bottom:10px;padding:2px 18px}.faq-item summary{cursor:pointer;color:var(--cream);justify-content:space-between;align-items:center;gap:12px;padding:15px 0;font-size:15.5px;font-weight:500;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--display);color:var(--honey);font-size:22px;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{color:var(--muted);padding:0 0 16px;font-size:14.5px;line-height:1.65}footer{text-align:center;margin-top:54px}footer .made{font-family:var(--hand);color:var(--lavender);font-size:23px}.legal{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:13px;display:flex}.legal a{color:var(--muted);text-decoration:none;transition:color .2s}.legal a:hover{color:var(--honey)}.legal-page{z-index:1;max-width:680px;margin:0 auto;padding:max(40px,min(8vw,80px)) max(20px,min(5vw,32px)) 72px;position:relative}.legal-page h1{font-family:var(--display);color:var(--cream);margin-bottom:6px;font-size:max(28px,min(6vw,40px));font-weight:400}.legal-page .updated{color:var(--muted);margin-bottom:26px;font-size:13px}.legal-page h2{font-family:var(--display);color:var(--honey);margin:28px 0 8px;font-size:max(18px,min(3.4vw,22px));font-weight:400}.legal-page p,.legal-page li{color:var(--muted);font-size:15px;line-height:1.7}.legal-page ul{gap:6px;margin:8px 0 0 20px;display:grid}.legal-page a{color:var(--honey)}.legal-page .back{color:var(--lavender);margin-top:34px;text-decoration:none;display:inline-block}@media (max-width:560px){.steps{grid-template-columns:1fr}.moon{width:44px;height:44px}.world-grid{grid-template-columns:repeat(2,1fr)}.world figcaption{font-size:17px}}@media (prefers-reduced-motion:reduce){.stars,.moon,.eyebrow,.hero-title,.hero-sub,.film-frame{animation:none}}