.start-hero{background:linear-gradient(135deg,#e6ebe2,#f6f0e3);padding-top:clamp(36px,6vw,80px);padding-bottom:clamp(30px,5vw,70px)}.start-hero h1{font-size:clamp(38px,6vw,72px)}.start-hero>p:last-child{max-width:680px;margin:18px auto 0}.start-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,48px);max-width:960px;margin:auto;padding:48px max(4vw,24px) 110px;display:grid}.start-body>.start-steps{grid-column:1/-1}.start-steps .start-note{margin-top:10px}.start-preview{gap:10px;display:grid}.row.fonts{grid-template-columns:1fr 1fr}.sp-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sp-title{font:600 20px var(--serif);margin:0}.sp-sizes{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px;display:flex}.sp-sizes button{font:600 14px var(--sans);cursor:pointer;color:#4c645d;background:0 0;border:0;border-radius:999px;padding:6px 14px}.sp-sizes button[aria-pressed=true]{background:var(--forest);color:#fff}.sp-frame{--fit:1;border:1px solid var(--line);aspect-ratio:1280/900;background:#fff;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 18px 40px #212a361f}.sp-frame iframe{width:1280px;height:900px;transform:scale(var(--fit));transform-origin:0 0;border:0;position:absolute;top:0;left:0}.sp-frame[data-size=phone]{aspect-ratio:390/760;border:10px solid #141c24;border-radius:28px;width:100%;max-width:360px;margin:0 auto}.sp-frame[data-size=phone] iframe{width:390px;height:760px}.sp-note{color:#60736d;margin:0;font-size:14px}.start-steps ol{color:#4c645d;flex-wrap:wrap;gap:8px 36px;margin:0;padding:0 0 0 24px;display:flex}.start-steps li.current{color:var(--ink);font-weight:700}.start-note{color:#60736d;margin-top:24px;font-size:14px}.start-form{gap:28px;display:grid}.start-form fieldset{border:1px solid var(--line);background:#fff;gap:16px;min-width:0;margin:0;padding:24px 28px 28px;display:grid}.start-form legend{font:600 22px var(--serif);padding:0 8px}.start-form label{gap:6px;font-size:15px;font-weight:600;display:grid}.start-form small{color:#60736d;font-weight:400}.start-form input:not([type=color]):not([type=file]):not([type=checkbox]),.start-form select{font:inherit;box-sizing:border-box;background:#fff;border:1.5px solid #cfc7b8;border-radius:8px;width:100%;padding:11px 12px;font-size:16px}.start-form input:focus,.start-form select:focus{outline:2px solid var(--forest);outline-offset:1px}.start-form input[aria-invalid=true]{border-color:#b3261e}.row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.row.colors{grid-template-columns:auto auto 1fr}.row .short{max-width:120px}.row:has(.short){grid-template-columns:1fr 120px 140px}.colors input[type=color]{background:#fff;border:1.5px solid #cfc7b8;border-radius:8px;width:64px;height:40px;padding:2px}.addr{background:#f6f3ec;border:1.5px solid #cfc7b8;border-radius:8px;align-items:center;display:flex;overflow:hidden}.addr input{min-width:0;background:#fff!important;border:0!important;border-radius:0!important}.addr .scheme,.addr .suffix{color:#60736d;white-space:nowrap;padding:0 10px;font-weight:400}.start-form [hidden],.start-body [hidden]{display:none!important}.start-status{color:#8a2a22;min-height:22px;margin:0;font-weight:600}.fine{color:#60736d;margin:0;font-size:14px}.start-form .button[disabled]{opacity:.6;cursor:progress}.start-done{border:1px solid var(--line);background:#fff;padding:40px}.start-done h2{margin:8px 0 16px;font-size:clamp(32px,3.4vw,46px)}.start-done p:last-child{color:#3f564f;font-size:18px}.lookup{gap:6px;display:grid;position:relative}.lookup>label{font-size:15px;font-weight:600}.lookup-hint{font-size:14px}.lookup-results{z-index:20;background:#fff;border:1.5px solid #cfc7b8;border-radius:10px;max-height:340px;margin:4px 0 0;padding:6px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 14px 34px #1e282329}.lookup-results li{cursor:pointer;border-radius:7px;gap:2px;padding:10px 12px;display:grid}.lookup-results li b{font-weight:600}.lookup-results li span{color:#60736d;font-size:14px}.lookup-results li[aria-selected=true],.lookup-results li:hover{background:#eef2ea}.lookup-results .note{cursor:default;color:#60736d;font-size:14px}.lookup-results .note:hover{background:0 0}.lookup-results .google{cursor:default;color:#7a8a84;text-align:right;padding:4px 8px 0;font-size:12px}.lookup-results .google:hover{background:0 0}.fill-panel{background:#f3f6f0;border:1px solid #d5dfd2;border-radius:10px;gap:10px;padding:18px 20px;display:grid}.fill-panel p{margin:0}.fill-title{font:600 18px var(--serif)}.fill-copy{color:#3f564f}.check{align-items:flex-start;gap:10px;font-weight:400!important;display:flex!important}.check input{width:18px;height:18px;margin-top:4px}.fill-status{color:#3f564f;min-height:20px;font-weight:600}.fill-status.bad{color:#8a2a22}.pairs-block{gap:8px;display:grid}.pairs-title{margin:0;font-size:15px;font-weight:600}.pair{font:inherit;cursor:pointer;background:#fff;border:1.5px solid #cfc7b8;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:14px;display:flex}.pair i{border-radius:50%;width:22px;height:22px;display:block;box-shadow:inset 0 0 0 1px #0000001f}.pair i+i{margin-left:-14px}.pair[aria-pressed=true]{border-color:var(--forest);box-shadow:0 0 0 2px var(--forest)}.swap{place-self:end start}.contrast-note{color:#5c4510;background:#fff6e5;border:1px solid #ecd39b;border-radius:8px;margin:0;padding:10px 14px;font-size:14px}.logo-pick{gap:12px;display:grid}.pulled-logo{background:#fff;border:1px dashed #cfc7b8;border-radius:10px;align-items:center;gap:14px;padding:12px;display:flex}.pulled-logo img{width:auto;max-width:220px;height:auto;max-height:64px}.pulled-logo p{color:#60736d;margin:0;font-size:14px}@media (width<=800px){.row.fonts{grid-template-columns:1fr}.start-body{grid-template-columns:1fr;padding:36px 16px 80px}.start-form fieldset{padding:20px 16px 22px}.addr .scheme,.start-steps ol{display:none}.row,.row:has(.short){grid-template-columns:1fr}.row .short{max-width:none}}.pairs{flex-wrap:wrap;gap:8px;display:flex}.pairs-group{display:contents}.look-row{flex-wrap:wrap;align-items:end;gap:12px 14px;display:flex}.look-row label{font-size:14px!important}.color-pick input[type=color]{background:#fff;border:1.5px solid #cfc7b8;border-radius:8px;width:56px;height:40px;padding:2px}.font-pick{flex:150px}.look-row .swap{height:40px;padding:0 6px;font-size:20px}.logo-pick{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.logo-label{font-size:15px;font-weight:600}.pulled-logo{background:#fff;border:1px solid #e1dbcf;border-radius:8px;align-items:center;padding:4px 8px;display:inline-flex}.pulled-logo img{max-width:160px;max-height:36px}.logo-file{cursor:pointer;background:#fff;border:1.5px solid #cfc7b8;border-radius:999px;align-items:center;padding:8px 14px;position:relative;gap:0!important;font-size:14px!important;font-weight:600!important;display:inline-flex!important}.logo-file input{opacity:0;width:1px;height:1px;position:absolute}.logo-hint{flex-basis:100%;font-size:13px}@media (width<=640px){.start-form .row{grid-template-columns:1fr 1fr}.start-form .row:has(.short){grid-template-columns:1fr 62px 96px}.start-form .row .short{max-width:none}.font-pick{flex:120px}.pair-name{display:none}.pair{padding:5px!important}.start-form{gap:18px!important}.start-form fieldset{gap:12px!important}.fill-panel{padding:14px 16px}}
