@import url('/assets/fonts.css');
:root{--ink:#121841;--blue:#1848ff;--purple:#8c31fc;--paper:#fffaf2;--muted:#707385;--line:#e5e2e0;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}:focus-visible{outline:3px solid #9465ff;outline-offset:4px}.header{height:96px;padding:0 6%;display:flex;align-items:center;gap:28px;border-bottom:1px solid #eee7dd;background:#fffdf8}.brand{display:flex;align-items:center;gap:11px}.brand img{object-fit:contain}.brand b{font-size:25px;letter-spacing:-1px}.brand small{display:block;font-size:10px;letter-spacing:.3px}.header nav{margin-left:auto;display:flex;gap:32px;align-items:center;font-size:13px}.nav-link{border:0;background:none;color:var(--ink);padding:0}.nav-link span{padding-left:6px}.preview-pill{font-size:10px;padding:6px 10px;border:1px solid #ded4ec;border-radius:30px;color:#6b5293;background:#f7f1fe}.eyebrow{font-size:11px;letter-spacing:2.6px;font-weight:700;text-transform:uppercase;color:#8d6241}.hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{padding:95px 9% 68px 12%;position:relative;z-index:2}.launch{display:inline-flex;align-items:center;gap:8px;color:#654023;border:1px solid #e5cba9;border-radius:30px;padding:7px 12px;font-size:11px;letter-spacing:.7px;background:#fff2dc}.launch i{width:5px;height:5px;background:#c57237;border-radius:50%}h1{font:normal clamp(48px,5.4vw,80px)/1.03 var(--serif);letter-spacing:-3px;margin:24px 0}h1 em{font-weight:normal;color:#7c40dc}p{margin:0 0 18px}.hero-copy .intro{max-width:320px;color:#737079;font-size:16px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:32px;border:0;border-radius:9px;background:linear-gradient(110deg,#1456ff,#7728f4);color:white;padding:16px 23px;font-weight:600;font-size:14px;box-shadow:0 5px 15px #572bdd17}.cta:hover{filter:brightness(1.07)}.hero-copy .cta{margin-top:13px}.micro{display:block;color:#827783;font-size:11px;margin-top:13px;letter-spacing:.5px}.hero-art{position:relative;min-height:660px;background:#e9c3a0 url('/assets/landing.jpg') center/cover}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--paper),transparent 28%),linear-gradient(0deg,#31170f66,transparent 50%)}.art-caption{position:absolute;left:20%;bottom:48px;color:#fff9e5;max-width:280px}.art-caption small{font-size:10px;letter-spacing:3px}.art-caption p{font:italic 32px/1.25 var(--serif);margin:13px 0 0}.hero-bottom{display:flex;align-items:center;gap:22px;margin-top:48px;max-width:370px}.hero-bottom .rule{width:35px;height:1px;background:#cabba9}.hero-bottom p{font-size:11px;line-height:1.7;letter-spacing:1px;margin:0}.collection-intro{border-top:1px solid #e6dacb;border-bottom:1px solid #e6dacb;margin:0 6%;padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.collection-intro p{margin:0;font:26px var(--serif)}.collection-intro span{font-size:12px;color:var(--muted);max-width:300px}.home-collection{padding:70px 6%;display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.home-collection h2{font:44px/1.1 var(--serif);letter-spacing:-1px;margin:17px 0}.home-collection p{max-width:370px;color:var(--muted)}.feature-preview{height:330px;border-radius:12px;background:linear-gradient(90deg,#1e123aa1,transparent),url('/assets/pandal-royalty.jpg') 60% 33%/cover;position:relative;color:#fff;padding:35px;display:flex;align-items:flex-end}.feature-preview div{max-width:240px}.feature-preview h3{font:35px/1.05 var(--serif);margin:13px 0}.feature-preview small{font-size:10px;letter-spacing:2px}.outline{display:inline-flex;gap:16px;align-items:center;color:var(--blue);background:white;border:1px solid #d7dafa;border-radius:8px;padding:12px 17px;font-size:13px}.section-head{max-width:720px;margin:0 auto;text-align:center;padding:50px 20px 30px}.section-head h1{font-size:48px;letter-spacing:-1.5px;margin:12px 0}.section-head p{color:var(--muted);font-size:14px}.back{background:none;border:none;font-size:12px;color:var(--muted);display:inline-flex;gap:9px;padding:0}.collection-page{max-width:1040px;margin:auto;padding:35px 30px 60px}.collection-page .section-head{padding-top:12px}.collection-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:24px;font-size:11px;letter-spacing:.8px;color:var(--muted)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.template-card{position:relative;display:block;text-align:left;border:0;padding:0;background:#160e12;color:white;border-radius:12px;overflow:hidden;min-width:0;aspect-ratio:3/4}.template-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.template-card:hover img{transform:scale(1.03)}.template-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100b17ed,transparent 67%)}.card-copy{position:absolute;bottom:0;left:0;right:0;padding:20px;z-index:1}.card-copy h2{font:25px var(--serif);margin:0 0 6px}.card-copy p{font-size:11px;max-width:210px;margin:0;color:#ddd3cc}.card-copy .arrow{position:absolute;right:18px;bottom:24px;background:white;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#25143a}.card-label{position:absolute;left:15px;top:15px;padding:5px 9px;border-radius:20px;background:#fff7e8ef;color:#47301d;font-size:9px;letter-spacing:.8px;z-index:1}.card-label.available{background:#5032ed;color:white}.collection-note{text-align:center;color:var(--muted);font-size:12px;margin-top:30px}.create-page{max-width:1120px;margin:auto;padding:35px 30px 60px}.create-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;margin-top:25px}.poster-preview{aspect-ratio:9/16;border-radius:12px;overflow:hidden;position:relative;background:#342115;max-height:650px}.poster-preview>img{width:100%;height:100%;object-fit:cover}.poster-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#130b09d9,transparent 45%,#130b0955)}.poster-preview:before{content:'';position:absolute;inset:17px;border:1px solid #f6d59e99;z-index:1}.poster-title{position:absolute;top:40px;left:35px;color:#ffe7ba;z-index:2;font:52px/1 var(--serif)}.poster-bottom{position:absolute;bottom:30px;left:35px;right:35px;z-index:2;color:#fff2db}.poster-bottom strong{font:22px var(--serif)}.poster-bottom p{font-size:12px;margin:12px 0}.play{position:absolute;top:45%;left:calc(50% - 30px);width:60px;height:60px;border:1px solid #fffa;background:#2c1b1966;border-radius:50%;color:white;font-size:20px;z-index:3}.preview-help{font-size:10px;color:var(--muted);text-align:center;margin:12px 0}.form-head{display:flex;justify-content:space-between;align-items:center}.form-head h1{font:40px var(--serif);letter-spacing:-1px;margin:0}.price{border-radius:30px;padding:6px 15px;color:#fff;background:linear-gradient(100deg,var(--blue),var(--purple));font-size:17px;font-weight:700}.subcopy{color:var(--muted);font-size:12px;margin-top:8px}.steps{display:flex;gap:0;margin:26px 0 30px}.step{flex:1;text-align:center;font-size:9px;position:relative;color:#797787}.step i{display:block;position:relative;z-index:1;width:25px;height:25px;margin:auto auto 8px;border-radius:50%;background:#e5e0ed;color:#858095;font-style:normal;font-size:12px;line-height:25px}.step.active i{background:#6233ef;color:white}.step:not(:last-child):after{content:'';position:absolute;left:60%;right:-40%;top:12px;border-top:1px solid #dbd6e5}.field-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px;font-weight:700}.field-title small{font-weight:normal;color:var(--muted);font-size:10px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload{position:relative;border:1px dashed #cbc7e4;border-radius:9px;height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;overflow:hidden;cursor:pointer}.upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer;z-index:3}.upload b{font-weight:normal;font-size:11px;margin-top:5px}.upload small{font-size:9px;color:var(--muted)}.upload .upload-icon{font-size:24px;color:var(--blue)}.upload img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.upload.has-photo b{position:absolute;bottom:6px;background:#fff;padding:3px 8px;border-radius:20px}.upload.has-photo small,.upload.has-photo .upload-icon{display:none}.guidance{font-size:10px;line-height:1.6;background:#f4efe7;border-radius:7px;padding:10px 12px;margin:10px 0 23px;color:#746659}.guidance strong{color:#4e4134}.form-field{display:block;margin:15px 0}.form-field>span{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:7px}.form-field>span small{font-weight:normal;color:var(--muted);font-size:10px}input[type=text],select{border:1px solid #dcd9e3;border-radius:8px;width:100%;background:#fff;color:var(--ink);height:41px;padding:9px 12px;font-size:12px}input:focus,select:focus{border-color:#8046ed}.stats{display:grid;gap:8px}.consent{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#696373;margin-top:20px}.consent input{margin:3px 0 0;accent-color:var(--blue)}.checkout{margin-top:19px;border-top:1px solid var(--line);padding-top:17px}.checkout .cta{width:100%;gap:10px}.checkout p{font-size:10px;text-align:center;color:var(--muted);margin-top:10px}.form-error{color:#b73535;font-size:12px;padding:10px 0}.text-button{background:none;border:0;color:var(--blue);font-size:11px;text-decoration:underline;padding:6px 0}.stub-note{font-size:10px;color:#70588d;border-left:2px solid #a789d7;padding-left:10px;margin-top:15px}.center-page{max-width:930px;margin:auto;padding:55px 28px 70px}.progress-grid,.result-grid{display:grid;grid-template-columns:.8fr 1fr;gap:65px;align-items:center;margin-top:30px}.progress-grid .poster-preview{max-height:540px}.progress-copy h1,.result-copy h1{font:45px/1.1 var(--serif);letter-spacing:-1px;margin:15px 0}.progress-copy>p,.result-copy>p{font-size:13px;color:var(--muted)}.progress-bar{height:5px;background:#e5dcf4;border-radius:10px;overflow:hidden;margin:25px 0}.progress-bar div{height:100%;background:linear-gradient(90deg,var(--blue),var(--purple));transition:width .6s}.progress-list{list-style:none;padding:0;margin:0}.progress-list li{border-bottom:1px solid var(--line);padding:14px 0;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.progress-list i{font-style:normal;display:grid;place-items:center;background:#eee8f4;border-radius:50%;width:24px;height:24px;font-size:10px}.progress-list .done{color:var(--ink)}.progress-list .done i{background:#e5f3ec;color:#33715b}.progress-list .current i{background:#6335ea;color:white;animation:pulse 1.8s infinite}.shot-chips{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.shot-chips span{font-size:9px;padding:4px 8px;border:1px solid #dbd4e8;border-radius:20px}.progress-foot{font-size:10px;color:var(--muted);margin-top:22px}.result-media{aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#241812;max-height:600px}.result-media video,.result-media img{width:100%;height:100%;object-fit:contain}.tabs{display:flex;gap:5px;background:#efe8df;border-radius:7px;padding:4px;margin:12px 0 0}.tabs button{flex:1;border:0;background:transparent;font-size:11px;padding:8px;border-radius:5px;color:var(--muted)}.tabs button.selected{background:#fff;color:var(--ink)}.result-copy .cta,.result-copy .outline{width:100%;margin:7px 0;justify-content:space-between}.result-specs{display:flex;gap:20px;font-size:10px;letter-spacing:.4px;color:var(--muted);padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0}.result-note{font-size:11px;color:var(--muted);margin-top:20px}.success-pill{display:inline-flex;gap:6px;background:#e5f1e6;color:#387449;border-radius:30px;padding:5px 10px;font-size:10px}footer{display:flex;gap:30px;justify-content:space-between;align-items:center;border-top:1px solid #e7dfd5;padding:26px 6%;font-size:10px;color:#77717d}.wordmark{font-size:15px;font-weight:700;color:var(--ink)}.heart{color:#bd563a;font-size:18px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#211639;color:white;border-radius:9px;padding:12px 20px;z-index:10;font-size:12px;max-width:90%;display:none}dialog{border:0;border-radius:14px;padding:20px;background:var(--paper);max-width:400px;width:90vw}dialog::backdrop{background:#171029bb}dialog video{width:100%;max-height:70vh;border-radius:9px}dialog p{font-size:11px;text-align:center;margin:10px 0 0}.close{display:block;margin:0 0 10px auto;border:0;background:none;font-size:24px}@keyframes pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:800px){.header{height:80px;padding:0 5%;gap:12px}.header nav{gap:16px}.header nav>a{display:none}.preview-pill{display:none}.brand b{font-size:21px}.brand img{width:36px;height:36px}.hero{min-height:0;grid-template-columns:1fr}.hero-copy{padding:48px 7% 35px;text-align:center}.hero-copy .intro{margin:0 auto 18px;font-size:14px}.hero-copy h1{font-size:57px;letter-spacing:-2px}.hero-bottom{margin:27px auto 0;justify-content:center}.hero-art{min-height:410px;background-position:center 45%;margin-top:0}.hero-art:before{background:linear-gradient(180deg,var(--paper),transparent 25%),linear-gradient(0deg,#31170f66,transparent 55%)}.art-caption{left:7%;bottom:30px}.art-caption p{font-size:28px}.collection-intro{padding:25px 0;display:block}.collection-intro p{font-size:24px}.collection-intro span{display:block;margin-top:10px;font-size:11px}.home-collection{padding:35px 6%;grid-template-columns:1fr;gap:25px}.home-collection h2{font-size:35px}.feature-preview{height:280px}.template-grid{grid-template-columns:repeat(2,1fr);gap:13px}.collection-page{padding:25px 5% 40px}.section-head h1{font-size:35px}.section-head p{font-size:12px}.card-copy{padding:13px}.card-copy h2{font-size:20px}.card-copy p{font-size:10px;max-width:100px}.card-copy .arrow{width:23px;height:23px;right:11px;bottom:20px}.card-label{top:10px;left:10px;font-size:8px;padding:4px 7px}.create-page{padding:25px 5% 40px}.create-grid{grid-template-columns:1fr;gap:25px}.create-grid>aside{display:none}.form-head h1{font-size:33px}.create-page .subcopy{margin-bottom:15px}.progress-grid,.result-grid{grid-template-columns:1fr;gap:25px;margin-top:20px}.progress-grid>aside{display:none}.center-page{padding:30px 6% 45px}.progress-copy h1,.result-copy h1{font-size:37px}.result-grid .result-copy{grid-row:1}.result-media{max-height:560px;width:100%;max-width:315px;margin:auto}.tabs{max-width:315px;margin:10px auto}.result-specs{margin:15px 0;padding:14px 0}.result-copy>p{margin-bottom:10px}footer{flex-wrap:wrap;gap:10px;padding:20px 6%}footer span:last-child{width:100%}.progress-foot{font-size:11px}.micro{font-size:10px}}@media(min-width:801px){.hero{max-width:1600px;margin:auto}.hero-art{border-bottom-left-radius:2px}} 

/* Approved centered Pujo hero, shared across mobile and desktop. */
.home-view{background:#fffaf5}.home-view>.header,.home-view>footer{display:none}.approved-hero{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:820px;height:100svh;max-height:1100px;background:#fffaf6;text-align:center}.approved-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(#fffaf6e8,#fffaf6a6),url('/assets/hero-scene.jpg') center 70%/cover;filter:blur(12px);transform:scale(1.04)}.hero-identity{position:absolute;z-index:3;top:35px;left:0;right:0}.hero-identity img{width:112px;height:114px;object-fit:contain;mix-blend-mode:multiply}.hero-identity h1{margin:4px 0 0;font:700 43px/1.1 Arial,sans-serif;letter-spacing:-2px;color:#080e4a}.hero-identity h1 span{color:#1256ff}.hero-identity p{font-size:16px;margin:4px 0;color:#151b58}.hero-manifesto{position:absolute;top:248px;left:0;right:0;z-index:3;font:600 16px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:4px;color:#5b628e;margin:0}.hero-divider{position:absolute;top:340px;width:55px;height:4px;left:calc(50% - 27px);border-radius:4px;background:linear-gradient(90deg,#1646ff,#c232ff);z-index:3}.pujo-scene{position:absolute;top:350px;bottom:68px;left:calc(50% - 300px);width:600px;z-index:-1;background:url('/assets/hero-scene.jpg') center center/cover;mask-image:linear-gradient(transparent,#000 12%,#000 76%,transparent)}.hero-launch{position:absolute;z-index:2;top:363px;left:calc(50% + 75px);font:italic 29px/1.1 'Segoe Print','Comic Sans MS',cursive;color:#0f1e59;transform:rotate(-10deg);text-align:left}.hero-launch span{display:block;color:#ed3436;text-align:right;font:38px/1 Georgia;margin:3px 8px 0 0}.hero-action{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);width:min(470px,86%);z-index:4}.hero-action .cta{width:100%;border-radius:40px;padding:18px 22px;font-size:24px;gap:20px;background:linear-gradient(105deg,#057eff,#283dff 48%,#c326f6);box-shadow:0 0 0 2px #ffffffbc,0 7px 25px #7426d62a}.hero-action .cta span{font-size:32px;font-weight:normal;line-height:1}.hero-action p{font-size:14px;color:#141b53;margin:12px 0 0}.hero-signoff{position:absolute;bottom:24px;left:0;right:0;color:#515c87;z-index:3}.hero-signoff>span{display:block;width:45px;height:3px;background:linear-gradient(90deg,#1556ff,#a325f7);margin:0 auto 16px;border-radius:4px}.hero-signoff p{font-size:11px;letter-spacing:3px;text-transform:uppercase;margin:0}.approved-hero a:focus-visible{outline:3px solid #142eff;outline-offset:6px}
@media(min-width:801px){.approved-hero{min-height:890px}.pujo-scene{width:720px;left:calc(50% - 360px)}.hero-identity{top:35px}.hero-launch{left:calc(50% + 135px)}}
@media(max-width:600px){.approved-hero{min-height:760px;max-height:none}.hero-identity{top:30px}.hero-identity img{width:92px;height:94px}.hero-identity h1{font-size:35px;letter-spacing:-1.7px}.hero-identity p{font-size:12px}.hero-manifesto{top:205px;font-size:13px;line-height:1.65;letter-spacing:3px}.hero-divider{top:282px;width:43px;left:calc(50% - 21px);height:3px}.pujo-scene{top:300px;bottom:64px;width:100%;left:0;background-position:center;mask-image:linear-gradient(transparent,#000 9%,#000 76%,transparent)}.hero-launch{top:300px;left:auto;right:23px;font-size:23px}.hero-launch span{font-size:30px}.hero-action{bottom:77px;width:88%}.hero-action .cta{font-size:19px;padding:16px 16px;gap:12px}.hero-action .cta span{font-size:28px}.hero-action p{font-size:11px;margin-top:10px}.hero-signoff{bottom:22px}.hero-signoff p{font-size:9px;letter-spacing:2.3px}.hero-signoff>span{margin-bottom:13px}}
.approved-hero:before{background-image:linear-gradient(#fffaf6 0%,#fffaf6eb 25%,#fffaf6a6 60%,#fffaf6cf),url("/assets/hero-scene.jpg")}.pujo-scene{top:400px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 12%,#000 76%,transparent);mask-composite:intersect}@media(max-width:600px){.pujo-scene{top:360px;mask-image:linear-gradient(transparent,#000 9%,#000 76%,transparent);mask-composite:add}}
.approved-hero{max-height:none}