:root{font-family:ui-rounded,Avenir Next,Avenir,Segoe UI,sans-serif;color:#0e1624;background:#f3f7fc;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}.masthead{display:flex;align-items:center;justify-content:space-between;width:min(100% - 2rem,920px);margin:auto;padding:1.3rem 0}.masthead p{margin:0;color:#315b33;font-weight:750}.brand{color:inherit;font-size:1.35rem;font-weight:900;letter-spacing:-.06em;text-decoration:none}.brand span{color:#d76900;color:oklch(.64 .18 55)}main{width:min(100% - 2rem,920px);margin:0 auto 4rem}.intro{padding:clamp(2.25rem,8vw,5.5rem) 0 clamp(2rem,6vw,4rem)}.kicker{margin:0 0 .75rem;color:#c76400;color:oklch(.61 .16 55);font-size:.84rem;font-weight:850;letter-spacing:.02em}h1,h2,p{text-wrap:balance}h1{max-width:11ch;margin:0;font-size:clamp(3.4rem,11vw,6rem);letter-spacing:-.04em;line-height:.88}.intro>p:last-child{max-width:33rem;margin:1.4rem 0 0;color:#3e4955;font-size:1.1rem;line-height:1.55}.flow{overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 8px 8px #0b17230f}.step{padding:clamp(1.35rem,4vw,2.5rem);border-bottom:1px solid oklch(.91 .01 250)}.step-heading{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.4rem}.step-heading>span{display:grid;flex:0 0 auto;place-items:center;width:2rem;height:2rem;border-radius:50%;color:#176020;background:#c5eec5;font-size:.85rem;font-weight:900}h2{margin:0;font-size:1.18rem;letter-spacing:-.025em}.step-heading p{margin:.25rem 0 0;color:#4e5966;font-size:.92rem}.sign-in button[type=submit],.make-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:3.25rem;border:0;border-radius:9px;font-weight:800;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s ease}.sign-in{display:grid;gap:.5rem;max-width:340px}.sign-in label{color:#4e5966;font-size:.88rem;font-weight:700}.sign-in input{min-height:3.25rem;padding:0 .9rem;border:0;border-radius:9px;background:#f7f9fa;box-shadow:inset 0 0 0 1px #bec5cc}.sign-in input:focus-visible{outline:2px solid oklch(.43 .12 145);outline-offset:2px}.sign-in-actions{display:flex;align-items:center;gap:1rem;margin-top:.35rem}.sign-in button[type=submit]{flex:1 1 auto;color:#18232d;background:#f7f9fa;box-shadow:inset 0 0 0 1px #bec5cc}.sign-in button[type=submit]:hover:not(:disabled){transform:translateY(-1px);background:#ebeff2}.or{display:flex;align-items:center;gap:.75rem;max-width:340px;margin:1.1rem 0 .9rem;color:#69737d;font-size:.8rem;font-weight:700}.or:before,.or:after{content:"";flex:1;height:1px;background:#d2d8df}.link-button{border:0;background:none;color:#176020;font-size:.9rem;font-weight:700;text-decoration:underline}.signed-in{margin:0;color:#315b33;font-weight:750}.templates{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.template{position:relative;display:grid;gap:.65rem;padding:.55rem;border-radius:12px;box-shadow:inset 0 0 0 1px #c9ced4;cursor:pointer;transition:box-shadow .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}.template:hover{transform:translateY(-2px)}.template.is-selected{box-shadow:inset 0 0 0 2px #02721c}.template input{position:absolute;opacity:0}.template>span:last-child{font-size:.84rem;font-weight:760}.template video,.template-art{display:block;width:100%;aspect-ratio:9 / 16;border-radius:8px;object-fit:cover;background:#141b24}.template-art{background:#ffd8bc;background:oklch(.91 .08 55)}.art-1{background:linear-gradient(135deg,#f78000,#f88313,#f88722 3.44%,#f98f36 6.88%,#fb9e53 13.75%,#fdbb81 27.5%,#faf2d4 55%,#9ac286 77.5%,#68aa5f,#299236);background:linear-gradient(135deg,color(xyz 0.46 0.351 0.041),#f88313,#f88722 3.44%,#f98f36 6.88%,#fb9e53 13.75%,#fdbb81 27.5%,#faf2d4 55%,#9ac286 77.5%,#68aa5f,#299236)}.art-2{background:linear-gradient(160deg,#248430,#629f59,#94b980 24%,#f7efd1 48%,#ffbe86 74%,#ffa55e 87%,#ff9845,#ff8b24);background:linear-gradient(160deg,#248430,#629f59,#94b980 24%,#f7efd1 48%,color(xyz 0.643 0.6 0.301) 74%,color(xyz 0.574 0.492 0.16) 87%,color(xyz 0.543 0.443 0.104),color(xyz 0.513 0.398 0.058))}.art-3{background:linear-gradient(135deg,#f5ecc6,#f2b67e 25%,#ee9b57,#e87f25 50%,#ce7d46,#b57a5a 62.5%,#827175,#4b6389 87.5%,#2a5b91 93.75%,#105695 96.88%,#005396,#00528f);background:linear-gradient(135deg,#f5ecc6,#f2b67e 25%,#ee9b57,#e87f25 50%,#ce7d46,#b57a5a 62.5%,#827175,#4b6389 87.5%,#2a5b91 93.75%,#105695 96.88%,color(xyz 0.086 0.084 0.302),color(xyz 0.082 0.079 0.309))}.upload{display:flex;align-items:center;gap:1rem;width:100%;max-width:420px;padding:.7rem;border:1.5px dashed oklch(.63 .04 250);border-radius:12px;cursor:pointer}.upload:hover{border-color:#1a7426;background:#f2f9f2}.upload input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.upload-preview{display:grid;flex:0 0 auto;place-items:center;width:3.5rem;height:3.5rem;border-radius:8px;color:#4e5966;background:#e3e8ee;background-position:center;background-size:cover}.upload-preview:after{content:"+";font-size:1.5rem}.upload-preview.has-image:after{content:""}.upload-preview[data-count]:not([data-count=""]):before{content:attr(data-count);position:absolute;transform:translate(1.35rem,-1.35rem);padding:.1rem .35rem;border-radius:99px;background:#176020;color:#fff;font-size:.7rem;font-weight:800}.upload strong,.upload small{display:block}.upload strong{font-size:.94rem}.upload small{margin-top:.15rem;color:#4e5966;font-size:.78rem}.consent{display:flex;gap:.6rem;max-width:460px;margin-top:1rem;color:#38444f;font-size:.84rem;line-height:1.4}.consent input{margin-top:.14rem;accent-color:oklch(.43 .12 145)}.action-row{display:grid;justify-items:start;gap:.8rem;padding:clamp(1.35rem,4vw,2.5rem);background:#f0faf0}.make-button{min-width:190px;color:#fff;background:#176020}.make-button:hover:not(:disabled){transform:translateY(-1px);background:#004f0f;background:oklch(.37 .12 145)}.make-button span{font-size:1.25rem;line-height:0}#message{min-height:1.3rem;margin:0;color:#3e4955;font-size:.88rem}#message[data-tone=error]{color:#ac1922}#message[data-tone=success]{color:#005211;color:oklch(.38 .12 145)}.progress{margin:0 clamp(1.35rem,4vw,2.5rem) clamp(1.35rem,4vw,2.5rem);padding:1.2rem 0 0;border-top:1px solid oklch(.9 .01 250)}.progress-top{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem}.progress-top span{color:#4e5966;font-weight:750}.progress-track{height:.5rem;margin:.75rem 0;overflow:hidden;border-radius:99px;background:#dce2e8}.progress-track i{display:block;height:100%;border-radius:inherit;background:#b95e00;background:oklch(.58 .15 55);transition:width .4s ease-out}.progress p,.empty{margin:0;color:#4e5966;font-size:.86rem;line-height:1.5}button:focus-visible,input:focus-visible,.template:focus-within,.upload:focus-within{outline:3px solid oklch(.67 .14 55 / .5);outline-offset:3px}@media(max-width:520px){.masthead{width:min(100% - 1.5rem,920px)}.intro{padding-top:2.5rem}main{width:min(100% - 1.5rem,920px)}.templates{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}