@font-face{font-family:Barlow;src:url('./assets/fonts/barlow-800.8d66fabb.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/fonts/manrope-500.078e4302.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/fonts/manrope-800.49ea1c93.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}
:root{--paper:#f6f3eb;--red:#bd292c;--dark:#282b25;--muted:#72736b;--line:#dcdcd1;--soft:#eeeee5;font-family:Manrope,Arial,sans-serif;color:var(--dark);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b57a13;outline-offset:5px}button:disabled{cursor:wait;opacity:.65}button svg{flex-shrink:0}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:10;background:var(--red);color:white;padding:15px}.skip-link:focus{top:15px}
.site-header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:17px;line-height:1.03;letter-spacing:-.55px;font-weight:800}.brand-star{color:var(--red);font-size:48px;line-height:1}.brand-dot{color:var(--red)}.header-note{font-size:10px;letter-spacing:1.9px;font-weight:800;color:var(--muted);margin-left:18px}.header-link{font-size:12px;font-weight:800;display:flex;align-items:center;gap:30px}.header-link span{font-size:23px;color:var(--red)}
.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:78px;padding-top:70px;padding-bottom:77px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--red);font-size:10px;letter-spacing:1.6px;font-weight:800;margin:0 0 21px}.little-star{font-size:15px}h1,h2{font-family:Barlow,'Arial Narrow',Impact,sans-serif;font-weight:800;letter-spacing:-1.3px}h1{font-size:clamp(68px,6.65vw,96px);line-height:.94;margin:0 0 24px}h1 span{color:var(--red)}.intro{font-size:14px;line-height:1.8;color:#73756c;margin:0 0 30px}.personalize-form{scroll-margin-top:30px;max-width:405px}.personalize-form label{font-size:12px;font-weight:800;display:block;margin-bottom:10px}.input-shell{height:58px;border:1px solid #cccec2;display:flex;align-items:center;padding:0 15px;gap:12px;background:#fbfaf6;transition:border-color .2s,box-shadow .2s}.input-shell:focus-within{border-color:var(--red);box-shadow:0 0 0 3px #bd292c0b}.input-shell:has(input[aria-invalid="true"]){border-color:var(--red)}.input-shell svg{color:#85887c;flex-shrink:0}.input-shell input{width:100%;min-width:0;border:0;background:transparent;font-size:13px;color:var(--dark);outline:none!important;padding:15px 0}.input-shell input::placeholder{color:#919286}.input-shell input:focus-visible{box-shadow:0 2px var(--red)}#name-count{white-space:nowrap;font-size:9px;color:#8b8d81;letter-spacing:.5px}.field-help{font-size:10px;color:#808275;margin:9px 0 19px}.primary-button{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--red);background:var(--red);color:var(--paper);padding:16px 19px;font-size:12px;font-weight:800;min-height:54px;transition:background .2s,transform .2s}.primary-button:hover{background:#a82024}.primary-button:active{transform:translateY(1px)}.primary-button>span:last-child{font-size:24px;line-height:20px;font-weight:500}.form-meta{display:flex;align-items:center;justify-content:center;gap:6px;color:#818376;font-size:9px;margin-top:13px}.form-meta>span{font-size:12px;color:#6c755c}.form-message{font-size:11px;line-height:1.6;margin:12px 0 0;min-height:0;color:var(--red)}.form-message:empty{margin:0}.form-message.success{color:#526742}
.hero-visual{align-self:center;min-width:0;padding-top:13px}.preview-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;letter-spacing:1.5px;margin-bottom:18px}.preview-heading>span:first-child{display:flex;align-items:center;gap:8px}.live-dot{height:5px;width:5px;background:var(--red);border-radius:50%}.preview-index{color:#8c8f7e;font-size:9px;letter-spacing:1px}.photo-frame{position:relative;background:#d5b486;box-shadow:15px 15px 0 #e3e3d6;transform:rotate(-2deg);margin:0 8px 30px 0}.tag-preview{width:100%;aspect-ratio:3/2;overflow:hidden}.tag-preview>svg,.loading-photo{display:block;width:100%;height:100%;object-fit:contain}.tag-preview>svg{pointer-events:none}.corner-mark{position:absolute;width:17px;height:17px;pointer-events:none}.corner-mark-top{left:-8px;top:-8px;border-left:1.5px solid var(--red);border-top:1.5px solid var(--red)}.corner-mark-bottom{bottom:-8px;right:-8px;border-right:1.5px solid var(--red);border-bottom:1.5px solid var(--red)}.preview-caption{display:flex;justify-content:space-between;align-items:center;padding:0 4px;font-size:10px;line-height:1.7;letter-spacing:1.2px;color:#8c8d7e}.preview-caption strong{font-weight:800;color:#4b5043}.caption-star{font-size:34px;color:var(--red);line-height:1}.download-area{margin:22px 0 0;animation:appear .3s ease-out}.download-button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--dark);min-height:48px;background:var(--dark);color:var(--paper);font-size:11px;font-weight:800;width:100%;transition:background .2s}.download-button:hover{background:#414837}.download-area p{text-align:center;font-size:9px;color:var(--muted);margin:9px 0 0}
.how-section{border-top:1px solid var(--line);background:#eeeee5;scroll-margin-top:20px}.how-content{display:flex;gap:68px;padding-block:42px 44px;align-items:center}.how-heading{flex-shrink:0;width:180px}.how-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:9px}.how-heading h2{font-size:33px;line-height:1;letter-spacing:-.3px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;flex:1;gap:40px}.steps li{display:flex;gap:16px;align-items:flex-start}.step-number{font-family:Barlow,Impact,sans-serif;color:var(--red);font-size:32px;line-height:1}.steps h3{font-size:11px;margin:1px 0 9px;font-weight:800}.steps p{font-size:10px;line-height:1.8;color:#7b7e70;margin:0}.hashtag-band{display:flex;align-items:center;justify-content:center;gap:46px;background:var(--red);color:var(--paper);padding:28px 20px}.hashtag-band p{font-family:Barlow,Impact,sans-serif;font-weight:800;font-size:clamp(40px,4vw,58px);line-height:1;margin:0;letter-spacing:-.5px}.hashtag-band>span{font-size:24px}.site-footer{display:flex;align-items:center;gap:30px;justify-content:space-between;min-height:90px;font-size:8px;color:#888b7b}.site-footer>span{font-size:8px;letter-spacing:1px;font-weight:800;color:#59604e;white-space:nowrap}.site-footer>span>span{color:var(--red);margin-inline:5px}.site-footer p{font-size:8px;line-height:1.6;text-align:center}.site-footer a{white-space:nowrap;font-weight:800;color:#59604e}.site-footer a span{color:var(--red);margin-left:10px;font-size:16px}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{gap:100px;padding-top:95px;padding-bottom:100px}h1{font-size:104px}.intro{font-size:16px}.hero-visual{padding-top:0}}
@media(max-width:1120px){.wrap{width:calc(100% - 72px)}.hero{gap:38px;padding-top:58px;padding-bottom:62px;grid-template-columns:.9fr 1.1fr}h1{font-size:76px}.how-content{gap:32px}.how-heading{width:145px}.steps{gap:24px}.steps li{gap:10px}.desktop-break{display:none}.header-note{font-size:8px;letter-spacing:1.3px}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.site-header{height:94px}.header-note{display:none}.hero{gap:30px;grid-template-columns:1fr 1fr;padding-top:48px;padding-bottom:54px}h1{font-size:65px}.intro{font-size:12px}.input-shell{padding-inline:11px;gap:8px}.input-shell input{font-size:12px}.input-shell svg{width:17px}#name-count{font-size:8px}.preview-heading{font-size:7px;letter-spacing:1px}.preview-caption{font-size:8px;letter-spacing:.6px}.hero-visual{padding-top:35px}.photo-frame{box-shadow:10px 10px 0 #e3e3d6}.how-content{display:block;padding-block:35px}.how-heading{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:28px}.how-heading .eyebrow{margin:0}.how-heading h2{font-size:27px;text-align:right}.how-heading h2 br{display:none}.steps{gap:27px}.steps li{display:block}.step-number{display:block;margin-bottom:12px}.site-footer{gap:20px;flex-wrap:wrap;justify-content:center;padding-block:24px}.site-footer p{order:3;width:100%;margin:0}.site-footer>a{margin-left:auto}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.site-header{height:87px}.brand{font-size:14px;gap:9px}.brand-star{font-size:40px}.header-link{font-size:10px;gap:14px}.header-link span{font-size:20px}.hero{grid-template-columns:1fr;gap:42px;padding-top:38px;padding-bottom:40px}.hero-copy{position:relative}h1{font-size:clamp(66px,15.7vw,95px);line-height:.93;margin-bottom:21px;letter-spacing:-.7px}.eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:18px}.intro{font-size:13px;margin-bottom:26px}.personalize-form{max-width:none}.personalize-form label{font-size:11px}.input-shell{height:56px;padding-inline:15px;gap:12px}.input-shell svg{width:20px}.input-shell input{font-size:13px}#name-count{font-size:9px}.field-help{font-size:9px}.primary-button{font-size:12px;min-height:55px}.form-meta{font-size:9px}.hero-visual{padding-top:0}.preview-heading{font-size:8px;letter-spacing:1px;margin-bottom:16px}.preview-caption{font-size:8px;letter-spacing:1px}.photo-frame{margin-right:9px;margin-bottom:25px;box-shadow:11px 11px 0 #e3e3d6;transform:rotate(-1.5deg)}.caption-star{font-size:29px}.how-content{padding-block:32px 34px}.how-heading{margin-bottom:27px}.how-heading h2{font-size:25px}.how-heading h2 br{display:initial}.how-heading .eyebrow{font-size:8px}.steps{grid-template-columns:1fr;gap:22px}.steps li{display:flex;gap:17px;align-items:flex-start}.step-number{font-size:31px;width:30px;margin:0}.steps h3{font-size:12px;margin:1px 0 5px}.steps p{font-size:11px;line-height:1.7}.hashtag-band{gap:20px;padding:26px 15px}.hashtag-band p{font-size:43px}.hashtag-band>span{font-size:17px}.site-footer{gap:18px;min-height:110px;padding-block:23px}.site-footer>span{font-size:6px;letter-spacing:.6px}.site-footer a{font-size:8px}.site-footer p{font-size:8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.input-shell:has(input[readonly]){background:#eeeee5;border-color:#c9cebe}.input-shell input[readonly]{cursor:default}#generate[data-locked="true"],#generate[data-locked="true"]:hover{background:#526742;border-color:#526742;opacity:1;cursor:default}#generate[data-unavailable="true"]{cursor:not-allowed}.field-help{line-height:1.6}
.not-found{padding-block:100px}.not-found h1{font-size:clamp(48px,7vw,90px)}.not-found .primary-button{max-width:360px;margin-top:40px}