@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#151b24;--muted:#65707f;--line:#dfe4e7;--paper:#fcfcfa;--blue:#365db7;--lime:#d9ee83;--coral:#e8735e;--sea:#2d987b;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}.shell{max-width:1320px;margin:auto;padding:0 34px 35px}.topbar{height:92px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font-size:22px;font-weight:800}.wordmark{font:800 27px Manrope,system-ui,sans-serif;letter-spacing:-.075em}.wordmark span{color:var(--blue)}.badge{margin-left:auto;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800;color:#7b8491}.hero-kicker{display:flex;align-items:center;gap:15px;color:#5f6a78;font-size:11px;letter-spacing:.16em;font-weight:800;margin-top:35px}.kicker-line{width:34px;height:2px;background:var(--ink)}.kicker-index{margin-left:auto}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:34px;align-items:center;min-height:590px;padding:28px 0 58px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--blue);margin:0 0 24px}h1{font:600 clamp(43px,5.2vw,72px)/1.12 Manrope,system-ui,sans-serif;letter-spacing:-.055em;margin:0 0 28px}.hero-copy h1{white-space:normal}h1 em,.form-heading h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.075em;color:var(--blue)}.accent{color:var(--coral)}.intro{font-size:17px;line-height:1.6;color:var(--muted);max-width:480px;margin:0}.hero-meta{display:flex;gap:25px;flex-wrap:wrap;margin-top:48px;border-top:1px solid var(--line);padding-top:19px}.hero-meta span{font-size:11px;font-weight:700;color:#53606e;white-space:nowrap}.hero-meta b{font-size:10px;color:var(--coral);margin-right:6px}.hero-art{height:535px;position:relative;overflow:hidden;border-radius:4px;background:#e9eff2}.art-orbit{position:absolute;width:510px;height:510px;left:10%;top:5%;border:1px solid #b6c6cc;border-radius:50%}.art-orbit:after{content:'';position:absolute;width:400px;height:400px;top:54px;left:54px;border:1px solid #c1ced1;border-radius:50%}.art-sun{position:absolute;width:248px;height:248px;border-radius:50%;background:var(--coral);left:11%;top:7%;box-shadow:0 22px 45px #cb6b5936}.art-column{position:absolute;width:112px;height:420px;background:var(--blue);left:50%;top:20%;transform:rotate(-21deg);border-radius:5px}.art-arch{position:absolute;width:260px;height:150px;background:var(--lime);right:-12px;bottom:6%;border-radius:150px 150px 8px 8px;transform:rotate(-18deg)}.art-diamond{position:absolute;width:145px;height:145px;background:var(--sea);right:12%;top:14%;transform:rotate(45deg);border-radius:13px}.art-sticker{position:absolute;left:19%;top:38%;width:300px;height:190px;background:#fff;border-radius:3px;box-shadow:15px 17px 0 #20252e1b,0 22px 50px #26384226;transform:rotate(-10deg);padding:32px;font:800 32px/1.05 Manrope,system-ui,sans-serif;letter-spacing:-.06em}.art-sticker i{font:400 38px Georgia,serif;color:var(--blue)}.art-sticker span{position:absolute;right:24px;bottom:14px;color:var(--coral);font-size:54px}.art-caption{position:absolute;right:24px;bottom:20px;font:800 10px/1.35 Manrope,system-ui,sans-serif;letter-spacing:.18em;color:#31454b;text-align:right}.setup-divider{display:flex;justify-content:space-between;border-top:2px solid var(--ink);padding:13px 0;font-size:11px;font-weight:800;letter-spacing:.18em}.setup-card{margin:45px 0 95px;padding:53px 8% 62px;background:#f3f5f4;display:grid;grid-template-columns:1fr 1fr;column-gap:11%;border-radius:4px}.setup-card>*:not(.form-heading){grid-column:2}.form-heading{grid-column:1;grid-row:1/span 20;align-self:start;position:sticky;top:25px}.form-step{display:block;font-size:11px;letter-spacing:.2em;color:var(--blue);font-weight:800;margin:2px 0 28px}.form-heading h2{font:600 clamp(32px,3.5vw,51px)/1.12 Manrope,system-ui,sans-serif;letter-spacing:-.065em;margin:0 0 24px}.form-heading p{color:var(--muted);font-size:15px;line-height:1.5}.setup-card label{display:block;margin:20px 0 8px;font-size:12px;font-weight:800;letter-spacing:.02em}.setup-card input,.setup-card select,textarea{width:100%;font:500 14px 'DM Sans',system-ui,sans-serif;color:var(--ink);background:#fff;border:1px solid #cfd6da;border-radius:8px;padding:16px 15px}.setup-card input:focus,.setup-card select:focus,textarea:focus{outline:3px solid #dce7f4;border-color:var(--blue)}.setup-card small{color:#929da6;font-weight:400}.hint{font-size:12px;line-height:1.5;color:#87919d;margin:8px 0 0}.setup-card .hint{margin-bottom:4px}.primary,.secondary,.back-button{font:800 13px 'DM Sans',system-ui,sans-serif;cursor:pointer;transition:transform .15s,background .15s}.primary:active,.secondary:active{transform:scale(.99)}.primary{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:100px;padding:17px 23px}.primary:hover{background:var(--blue);border-color:var(--blue)}.secondary{border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:100px;padding:13px 20px}.secondary:hover{background:#e5e9e9}.setup-card #makeLink{width:100%;margin-top:25px}.result{margin-top:26px;border-top:1px solid #cbd2d4;padding-top:20px}.result a,#directGoogle{color:var(--blue);font-size:12px;font-weight:800;text-decoration:none;display:inline-block;margin-top:17px}.result a:hover,#directGoogle:hover{text-decoration:underline}#setupResult{background:#fff;padding:19px;border-radius:10px}#setupResult label{margin-top:0}#setupResult input{font-size:12px}#copyLink{margin-top:12px}.error{color:#ad3038;font-size:12px;min-height:16px}footer{border-top:1px solid var(--line);padding:23px 0;text-align:center;color:#8a949f;font-size:11px;letter-spacing:.02em}.panel{max-width:730px;margin:55px auto 80px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(25px,5vw,52px);box-shadow:0 25px 70px #1723380c}.panel h1{font-size:clamp(34px,4vw,48px);font-weight:600;letter-spacing:-.045em;white-space:normal}.panel #businessName{color:var(--blue)}.panel .intro{font-size:15px;margin-bottom:28px}.panel fieldset{border:0;padding:0;margin:0 0 25px}.panel legend,.panel label{display:block;font-size:13px;font-weight:800;margin:21px 0 10px}.choices{display:flex;gap:8px}.choices label{margin:0;border:1px solid #d7dee2;border-radius:100px;padding:11px 18px;cursor:pointer;color:#536170}.choices label:has(input:checked){background:var(--ink);border-color:var(--ink);color:#fff}.choices input{accent-color:var(--blue)}.stars{display:flex;gap:3px}.stars button{background:transparent;border:0;color:#dce1e5;font-size:39px;line-height:1;cursor:pointer;padding:0 2px}.stars button.active{color:#e6a237}.stars button:focus-visible,.chip:focus-visible,.draft-option:focus-visible{outline:3px solid #b9d2eb}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chip{border:1px solid #d6dde1;background:#fff;color:#526270;border-radius:100px;padding:10px 15px;font:700 12px 'DM Sans',system-ui,sans-serif;cursor:pointer}.chip.active{border-color:var(--blue);background:#eaf1fb;color:var(--blue)}.panel textarea{resize:vertical;line-height:1.55}.panel #generate,.panel #copyOpen{width:100%;margin-top:23px}.panel #copyOnly{margin-top:11px}.result-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.result-head h2{font:800 22px/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.04em;margin:0}.back-button{border:0;background:none;color:var(--blue);white-space:nowrap;padding:7px}.draft-options{display:grid;gap:10px;margin:22px 0}.draft-option{border:1px solid #d9e0e4;border-radius:12px;background:#fff;text-align:left;padding:18px;cursor:pointer;color:var(--ink);font:inherit;line-height:1.55}.draft-option.active{border:2px solid var(--blue);background:#f4f7fc;padding:17px}.draft-option strong{display:block;color:var(--blue);font-size:10px;letter-spacing:.18em;margin-bottom:7px}.draft-option span{font-size:14px}.panel #draftArea label{display:block}.panel #draft{margin-top:0}.panel #copyStatus{margin-top:12px}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr 430px;gap:18px;min-height:500px}.hero-copy h1{font-size:clamp(42px,5vw,62px)}.hero-art{height:470px}.art-sticker{left:13%;width:260px}.hero-meta{gap:12px}}
@media(max-width:760px){.shell{padding:0 18px 22px}.topbar{height:72px}.badge{display:none}.hero-kicker{margin-top:22px}.hero-grid{display:flex;flex-direction:column;gap:34px;min-height:0;padding:35px 0}.hero-copy h1{font-size:clamp(38px,8.5vw,57px)}.hero-art{width:100%;height:350px}.art-sun{width:180px;height:180px}.art-column{height:340px;width:80px}.art-diamond{width:95px;height:95px}.art-arch{width:185px;height:95px}.art-sticker{width:230px;height:150px;font-size:25px;padding:25px}.art-sticker i{font-size:29px}.art-sticker span{font-size:40px}.art-caption{display:none}.hero-meta{margin-top:27px;gap:8px}.hero-meta span{font-size:10px}.setup-card{display:block;margin:25px 0 60px;padding:28px 23px}.form-heading{position:static}.form-heading h2{font-size:34px}.form-heading p{margin-bottom:30px}.panel{margin:27px auto 55px}}
@media(max-width:420px){.hero-copy h1{font-size:37px}.hero-art{height:295px}.art-sticker{left:12%;top:40%;width:205px;height:135px;font-size:22px}.art-sticker i{font-size:27px}.art-sun{left:5%}.art-diamond{right:5%}.hero-meta{display:grid;grid-template-columns:1fr 1fr}.panel{padding:23px 20px}}
footer{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left}.developer-credit{white-space:nowrap;color:#505d6a;font-weight:700}@media(max-width:640px){footer{flex-direction:column;align-items:flex-start;gap:8px}}