@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--ink:#171615;--paper:#f7f3eb;--cream:#fffaf1;--orange:#ff5c35;--lavender:#dcd5ff;--mint:#bdebd2;--line:#17161529;color:var(--ink);background:var(--paper);font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.shell{width:min(1180px,100% - 40px);margin:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font:800 18px Manrope;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;transform:rotate(-6deg)}.header-note{color:#6c6862;font-size:13px}.site-footer{border-top:1px solid var(--line);color:#6c6862;justify-content:space-between;align-items:center;margin-top:80px;padding:42px 0;font-size:14px;display:flex}.site-footer a{color:var(--ink);font-weight:700;text-decoration:none}h1,h2{letter-spacing:-.055em;margin:0;font-family:Manrope;line-height:.98}h1{font-size:clamp(44px,6.2vw,82px)}h2{font-size:clamp(30px,4vw,50px)}p{line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#df3e19;margin:0 0 14px;font-size:12px;font-weight:800}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(40px,7vw,100px);min-height:690px;padding:68px 0 86px;display:grid}.hero h1 em{color:var(--orange);font-style:normal}.lede{color:#595550;max-width:520px;margin:26px 0 34px;font-size:19px}.trust-row{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:11px;font-size:11px;font-weight:700;display:flex}.trust-row i{border-top:1px solid #a39d94;width:24px}.generator-card{background:var(--cream);border:1px solid var(--ink);box-shadow:12px 12px 0 var(--ink);border-radius:24px;padding:clamp(22px,4vw,36px)}.field-label{margin-bottom:10px;font-size:13px;font-weight:800;display:block}textarea,input,select{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #afa89f;border-radius:12px;outline:none;padding:13px 14px}textarea{resize:vertical;font-size:18px;line-height:1.5}textarea:focus,input:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff5c3526}.prompt-meta{color:#7b756d;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.examples{flex-wrap:wrap;gap:7px;margin:20px 0 24px;display:flex}.chip{color:#5d5852;cursor:pointer;background:0 0;border:1px solid #c9c1b6;border-radius:999px;padding:7px 10px;font-size:12px}.chip:hover{background:var(--lavender)}.upload-row{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding:18px 0;display:flex}.upload-row strong,.upload-row small{display:block}.upload-row small{color:#7b756d;margin-top:4px}.is-disabled{opacity:.55}.upload-button{cursor:pointer;border:1px solid var(--ink);background:#fff;border-radius:9px;max-width:190px;padding:9px 12px;font-size:12px;font-weight:700;overflow:hidden}.upload-button input{display:none}.button{border:1px solid var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:12px 17px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.button:hover:not(:disabled){box-shadow:0 5px 0 var(--ink);transform:translateY(-2px)}.button:disabled{opacity:.7}.button-primary{background:var(--orange);color:#fff}.button-secondary{color:var(--ink);background:#fff}.button-large{width:100%;min-height:54px}.privacy-note,.microcopy,.secure-note{text-align:center;color:#7b756d;margin:12px 0 0;font-size:11px}.form-error{color:#8f1f12;background:#fff0ec;border:1px solid #b42618;border-radius:9px;padding:10px 12px;font-size:13px}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin;display:inline-block}.spinner.dark{border-color:#17161533;border-top-color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}.manifesto{background:var(--ink);color:#fff;overflow:hidden}.manifesto-inner{grid-template-columns:.65fr 1.2fr .8fr;align-items:center;gap:50px;min-height:330px;display:grid}.manifesto .eyebrow{color:#ff8d71}.manifesto-inner>p{color:#b8b3ab}.big-cat{color:#0000;-webkit-text-stroke:1px #5a5550;font:800 clamp(78px,11vw,150px) Manrope;transform:rotate(-90deg)}.page-pad{min-height:650px;padding:65px 0 30px}.state-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;max-width:700px;min-height:540px;margin:auto;display:flex}.generation-wait,.result-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(35px,7vw,90px);display:grid}.generation-placeholder,.art-frame{aspect-ratio:1;border:1px solid var(--ink);background:var(--lavender);box-shadow:12px 12px 0 var(--ink);border-radius:24px;overflow:hidden}.generation-placeholder{background:repeating-linear-gradient(45deg,var(--lavender),var(--lavender) 16px,#eeeaff 16px,#eeeaff 32px);place-items:center;display:grid}.orbit-cat{font-size:68px;animation:2s infinite hover}@keyframes hover{50%{transform:translateY(-12px)rotate(5deg)}}.generation-wait h1,.result-copy h1{font-size:clamp(40px,5vw,65px)}.progress{background:#ded8cf;border-radius:20px;height:8px;overflow:hidden}.progress span{background:var(--orange);width:45%;height:100%;animation:1.5s infinite progress;display:block}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(280%)}}.art-frame img{object-fit:cover;width:100%;height:100%}.prompt-quote{color:#5e5953;border-left:3px solid var(--orange);padding-left:18px;font-size:20px}.edit-prompt{margin:28px 0 18px}.edit-prompt textarea{margin-bottom:10px;font-size:15px}.section-heading{max-width:720px;margin-bottom:40px}.product-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.product-card{text-align:left;border:1px solid var(--line);background:var(--cream);cursor:pointer;color:inherit;border-radius:18px;padding:0 0 18px;overflow:hidden}.product-card.active{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.product-card>span{color:#716b64;margin-inline:18px;font-size:13px;display:block}.product-card .product-title{color:var(--ink);justify-content:space-between;margin-block:17px 7px;font-size:16px;display:flex}.mockup{background:#e3ded4;place-items:center;height:285px;display:grid;position:relative;overflow:hidden}.mockup-shirt .product-surface{clip-path:polygon(27% 0,39% 7%,61% 7%,73% 0,100% 17%,85% 38%,77% 32%,77% 100%,23% 100%,23% 32%,15% 38%,0 17%);background:#272626;place-items:center;width:56%;height:76%;display:grid}.mockup-shirt img{width:43%;margin-top:17%}.mockup-mug .product-surface{z-index:1;background:#fff;border-radius:8px 8px 26px 26px;place-items:center;width:56%;height:58%;display:grid}.mockup-mug img{width:52%}.mug-handle{border:20px solid #fff;border-radius:50%;width:28%;height:34%;position:absolute;top:34%;right:12%}.mockup-sticker .product-surface{aspect-ratio:1;border:10px solid #fff;border-radius:28%;width:58%;overflow:hidden;transform:rotate(-5deg);box-shadow:4px 9px 20px #0003}.mockup-sticker img{object-fit:cover;width:100%;height:100%}.selection-bar{background:var(--ink);color:#fff;border-radius:16px;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;margin:42px auto 0;padding:16px 18px;display:grid;position:sticky;bottom:18px;box-shadow:0 15px 50px #0004}.selection-bar strong{display:block}.selection-bar .eyebrow{color:#ff8d71;margin:0}.selection-bar label span{color:#aaa;font-size:10px;display:block}.selection-bar select{padding:9px}.modal-backdrop{z-index:20;background:#171615bb;place-items:center;padding:25px;display:grid;position:fixed;inset:0;overflow:auto}.address-card{background:var(--cream);border:1px solid var(--ink);width:min(680px,100%);box-shadow:12px 12px 0 var(--orange);border-radius:22px;padding:clamp(24px,5vw,46px);position:relative}.address-card h2{margin-bottom:25px;font-size:38px}.modal-close{cursor:pointer;background:0 0;border:0;font-size:30px;position:absolute;top:16px;right:19px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label{font-size:12px;font-weight:700}.form-grid input,.form-grid select{margin-top:5px}.form-grid .wide{grid-column:1/-1}.address-card .button{margin-top:22px}.checkout-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:70px;display:grid}.checkout-grid h1{font-size:clamp(42px,5.5vw,70px)}.checkout-product{grid-template-columns:300px 1fr;align-items:center;gap:25px;margin-top:36px;display:grid}.checkout-product .mockup{border:1px solid var(--ink);border-radius:18px;height:300px}.order-summary{background:var(--cream);border:1px solid var(--ink);box-shadow:9px 9px 0 var(--ink);border-radius:20px;padding:30px}.order-summary h2{font-size:30px}.order-summary dl div{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;display:flex}.order-summary dd{margin:0;font-weight:700}.order-summary .total{border:0;padding-top:18px;font-size:19px}.confirmation{text-align:center;max-width:880px;margin:30px auto}.confirmation-mark{background:var(--mint);border:1px solid var(--ink);width:80px;height:80px;box-shadow:5px 5px 0 var(--ink);border-radius:50%;place-items:center;margin:0 auto 25px;font-size:38px;display:grid}.confirmation h1{font-size:clamp(44px,6vw,75px)}.status-track{grid-template-columns:repeat(5,1fr);margin:45px 0;padding:0;list-style:none;display:grid}.status-track li{color:#979087;text-transform:capitalize;justify-items:center;gap:10px;font-size:11px;display:grid}.status-track span{background:var(--paper);border:2px solid #d5cec4;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.status-track li.done{color:var(--ink)}.status-track li.done span{border-color:var(--ink);background:var(--orange);color:#fff}.provider-reference{color:#777;font-family:monospace;font-size:12px}.order-policy{color:#5d5852;background:#f1ece2;border-radius:10px;padding:12px 14px;font-size:13px}.support-form{text-align:left;background:var(--cream);border:1px solid var(--line);border-radius:16px;max-width:620px;margin:34px auto;padding:25px}.support-form h2{font-size:26px}.support-form label{margin:14px 0;font-size:13px;font-weight:700;display:block}.support-form select,.support-form textarea{margin-top:6px}.support-message{font-size:13px;font-weight:600}.support-form .button{width:100%}.beta-access{border:1px solid var(--line);background:#fff;border-radius:12px;margin:18px 0;padding:16px;font-size:13px}.beta-access label{font-weight:800;display:block}.beta-access p{color:#5d5852;margin:5px 0 12px}.beta-access input{margin-bottom:10px}.receipt-summary{text-align:left;background:var(--cream);border:1px solid var(--line);border-radius:16px;grid-template-columns:180px 1fr;gap:24px;max-width:720px;margin:28px auto;padding:22px;display:grid}.receipt-summary .mockup{height:180px}.receipt-summary dl div{justify-content:space-between;gap:24px;padding:5px 0;display:flex}.receipt-summary dd{margin:0;font-weight:700}.policy-page{max-width:820px;padding-block:70px}.policy-page h1{font-size:clamp(46px,7vw,82px)}.policy-page section{border-bottom:1px solid var(--line);margin:36px 0;padding-bottom:22px}.policy-page h2{font-size:30px}.policy-note{background:var(--cream);border-radius:12px;padding:18px}.site-footer nav{flex-wrap:wrap;gap:20px;display:flex}@media (width<=820px){.hero,.generation-wait,.result-grid,.checkout-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.lede{margin-inline:auto}.trust-row{justify-content:center}.manifesto-inner{text-align:center;grid-template-columns:1fr;padding:55px 0}.big-cat{transform:none}.product-grid,.selection-bar{grid-template-columns:1fr 1fr}.selection-bar .button{grid-column:1/-1}}@media (width<=560px){.shell{width:calc(100% - 24px)}.site-header{height:68px}.header-note{display:none}.product-grid{grid-template-columns:1fr}.selection-bar{grid-template-columns:1fr;position:static}.selection-bar .button{grid-column:auto}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.form-grid>span{display:none}.checkout-product{grid-template-columns:1fr}.status-track{grid-template-columns:1fr;gap:12px}.status-track li{grid-template-columns:38px 1fr;place-items:center start}.site-footer{flex-direction:column;align-items:flex-start}}
