:root{color:#17211d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17211d;--muted:#65706a;--line:#dce2dd;--surface:#fff;--accent:#087052;--accent-strong:#065c44;--accent-soft:#e2f7ef;--orange:#e9532b;--warm:#fff8ee;background:#f7f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #46b894}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffe6;border-bottom:1px solid #171b2414;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,5vw,76px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:12px;font-family:inherit;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink);border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;width:30px;height:30px;padding:6px;display:grid}.brand-mark i{border:2px solid #fff;border-radius:1px}.brand-mark i:last-child{border-width:0 0 3px 3px;border-color:currentColor currentColor #7ce1bd #7ce1bd;border-top-style:none;border-right-style:none}.header-trust{color:#58605b;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.header-promises{align-items:center;gap:16px;display:flex}.free-badge{color:var(--accent-strong);background:var(--accent-soft);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.header-trust svg,.privacy-note svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px}.hero{background:radial-gradient(circle at 50% 15%,#c1f1de80,#0000 30%),linear-gradient(#fbfcf9 0%,#f3f7f3 100%);padding:52px clamp(16px,3vw,44px) 64px;overflow:hidden}.hero-copy{text-align:center;max-width:920px;margin:0 auto 34px}.eyebrow{color:var(--accent);letter-spacing:.18em;font:700 11px/1 inherit;display:inline-block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin:16px 0 18px;font:850 clamp(40px,4.8vw,68px)/1.02 inherit}h1 em{color:var(--orange);font-style:normal}.hero-copy p{max-width:680px;color:var(--muted);margin:0 auto;font-size:17px;line-height:1.6}.hero-benefits{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:20px 0 0;padding:0;list-style:none;display:flex}.hero-benefits li{color:#52615a;background:#ffffffb8;border:1px solid #08705229;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:650}.hero-benefits li:before{content:"✓";color:var(--accent);margin-right:6px;font-weight:900}.tool-shell{max-width:1180px;margin:0 auto}.tool-card{background:var(--surface);border:1px solid #dbe2dc;border-radius:24px;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);display:grid;overflow:hidden;box-shadow:0 24px 70px #1c30261f}.tool-tabs{background:#f4f7f4;border-bottom:1px solid #e2e2de;grid-column:1/-1;gap:8px;padding:12px;display:flex}.tool-tabs button{color:#697069;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:132px;height:48px;padding:0 20px;font-size:13px;font-weight:700;display:flex}.tool-tabs button>span{border:1px solid;border-radius:5px;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.tool-tabs button.active{color:var(--accent);background:#fff;border-color:#cfd5d0;box-shadow:0 3px 10px #1c272114}.controls-panel{padding:38px 46px 44px}.preview-panel{background:#eef4f0;border-left:1px solid #e2e2de;flex-direction:column;justify-content:flex-start;min-width:0;padding:38px 48px 42px;display:flex}.step-heading{align-items:center;gap:13px;margin-bottom:24px;display:flex}.step-heading>span{background:var(--ink);color:#fff;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font:700 12px inherit;display:grid}.step-heading h2{letter-spacing:-.02em;margin:0 0 2px;font:780 19px inherit}.step-heading p{color:var(--muted);margin:0;font-size:12.5px}.step-heading.compact{margin:0}.content-fields{min-height:126px;margin-bottom:28px}.primary-field{flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex;position:relative}.primary-field input,.primary-field textarea{width:100%;color:var(--ink);background:#fff;border:1.5px solid #c9cdc7;border-radius:11px;outline:0;font-size:16px;font-weight:400;transition:border .2s,box-shadow .2s}.primary-field input{height:58px;padding:0 17px}.primary-field textarea{resize:vertical;min-height:126px;padding:14px 16px;line-height:1.5}.primary-field input:focus,.primary-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #145f481a}.primary-field small{color:#7b817a;justify-content:space-between;gap:12px;min-height:16px;font-size:11px;font-weight:400;line-height:1.45;display:flex}.primary-field small strong{color:var(--accent);overflow-wrap:anywhere}.primary-field small b{white-space:nowrap}.primary-field small.limit-error{color:#a33b2d}.password-field button{height:34px;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:10px;font-weight:700;position:absolute;top:32px;right:10px}.wifi-fields{grid-template-columns:1fr 1fr;gap:16px 12px;display:grid}.wifi-security{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:7px;margin:0;display:flex}.wifi-security legend{width:100%}.wifi-security label{cursor:pointer}.wifi-security label input{opacity:0;position:absolute}.wifi-security label>span{color:#6f756f;background:#fff;border:1px solid #d5d8d3;border-radius:7px;place-items:center;min-width:63px;height:40px;padding:0 11px;font-size:10px;font-weight:700;display:grid}.wifi-security input:checked+span{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.wifi-security input:focus-visible+span,.segmented input:focus-visible+span,.style-options input:focus-visible+span,.theme-grid input:focus-visible+span{outline-offset:3px;outline:3px solid #46b894}.wifi-security .hidden-network{margin-left:auto}.wifi-security .hidden-network>span{min-width:auto}.robustness-fieldset{border-top:1px solid #e7e7e3;padding-top:25px}.section-label{align-items:center;gap:12px;margin:28px 0 12px;display:flex}.section-label>span{width:28px;height:28px;color:var(--accent-strong);background:var(--accent-soft);border-radius:50%;flex:0 0 28px;place-items:center;font-size:12px;font-weight:800;display:grid}.section-label strong,.section-label small{display:block}.section-label strong{font-size:14px}.section-label small{color:var(--muted);margin-top:2px;font-size:11px}.customization{background:#fff;border:1px solid #dedfdb;border-radius:12px;margin-top:10px}.customization>summary{justify-content:space-between;align-items:center;gap:15px;min-height:58px;padding:0 46px 0 17px;font-size:13px;display:flex}.customization>summary:after{top:16px;right:18px}.customization>summary small{color:#858a84;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.customization-body{border-top:1px solid #e7e7e3;padding:18px 15px 16px}.customization-body fieldset:last-child{margin-bottom:0}.theme-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.theme-grid label input{opacity:0;position:absolute}.theme-grid label>span{cursor:pointer;border:1px solid #d9dbd6;border-radius:7px;grid-template-columns:18px 18px;justify-content:center;min-height:52px;padding:8px;display:grid}.theme-grid label input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.theme-grid i{border:1px solid #1419161f;width:20px;height:20px}.theme-grid i:first-child{border-radius:5px 0 0 5px}.theme-grid i:nth-child(2){border-radius:0 5px 5px 0}.theme-grid b{text-align:center;color:#6e746d;grid-column:1/-1;margin-top:4px;font-size:9px}.theme-fieldset>p{color:#858a84;justify-content:flex-end;align-items:center;gap:5px;margin:9px 0 0;font-size:10px;display:flex}.theme-fieldset>p i{border-radius:3px;width:12px;height:12px;display:inline-block}.theme-fieldset>p i.outlined{border:1px solid #cfd2cd}.logo-disclosure .customization-body{padding:12px}.url-field{background:#fff;border:1.5px solid #bfc2bc;border-radius:10px;align-items:center;gap:10px;height:58px;padding:0 17px;transition:border .2s,box-shadow .2s;display:flex}.url-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #145f481a}.url-field.has-error{border-color:#bd4735}.url-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:15px}.url-field .link-icon{color:#60665f;border:1px solid #d8dad6;border-radius:50%;place-items:center;width:25px;height:25px;font-size:13px;display:grid}.normalized-value,.field-error{color:#737972;overflow-wrap:anywhere;margin:8px 2px 0;font-size:11px;line-height:1.45}.normalized-value strong{color:var(--accent);font-weight:600}.field-error{color:#a33b2d}.divider{background:#e7e7e3;height:1px;margin:28px 0}fieldset{border:0;margin:0 0 25px;padding:0}legend,.color-row>label{margin-bottom:10px;padding:0;font-size:13px;font-weight:700}.segmented{gap:7px;display:grid}.segmented.four{grid-template-columns:repeat(4,1fr)}.segmented label input,.style-options label input{opacity:0;pointer-events:none;position:absolute}.segmented label>span{cursor:pointer;border:1px solid #d9dbd6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:56px;font-size:12px;font-weight:700;transition:all .18s;display:flex}.segmented label small{color:#8b8f89;margin-top:1px;font-size:9px;font-weight:500}.segmented input:checked+span{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.segmented label.locked>span{color:#aaada8;cursor:not-allowed;background:#f0f0ed;border-color:#e4e4e1}.locked-note{color:var(--accent);margin:8px 0 0;font-size:11px}.style-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.style-options label>span{cursor:pointer;border:1px solid #d9dbd6;border-radius:10px;flex-direction:column;align-items:center;min-height:96px;padding:10px 6px;transition:all .18s;display:flex}.style-options input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.style-options b{margin-top:7px;font-size:12px}.style-options small{color:#8b8f89;margin-top:1px;font-size:9px}.style-preview{grid-template-columns:repeat(3,1fr);gap:2px;width:29px;height:29px;display:grid}.style-preview i{background:var(--ink)}.style-preview.dots i{border-radius:50%;transform:scale(.82)}.style-preview.bubbles{gap:0}.style-preview.bubbles i{border-radius:45%;transform:scale(.92)}.color-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px;display:grid}.color-row>label{flex-direction:column;gap:8px;margin:0;display:flex}.color-control{background:#fff;border:1px solid #d9dbd6;border-radius:8px;align-items:center;gap:8px;height:44px;padding:7px;display:flex}.color-control input{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:5px;width:29px;height:29px;padding:0}.color-control input::-webkit-color-swatch-wrapper{padding:0}.color-control input::-webkit-color-swatch{border:0;border-radius:5px}.color-control code{color:#696f69;font-family:inherit;font-size:10px}.contrast-warning{color:#914120;background:#fff0e5;border-radius:7px;margin:-14px 0 18px;padding:9px 11px;font-size:11px}.logo-control{border:1px dashed #c8cbc5;border-radius:10px;align-items:center;gap:12px;min-height:68px;padding:10px 12px;display:flex}.logo-control>div:first-child{min-width:0;margin-right:auto}.logo-control strong{font-size:13px;display:block}.logo-control strong small{color:#7b807a;text-transform:uppercase;letter-spacing:.08em;background:#edede9;border-radius:4px;margin-left:5px;padding:2px 5px;font-size:7px}.logo-control p{color:#8a8f89;margin:3px 0 0;font-size:10px}.logo-control>input{opacity:0;width:1px;position:absolute}.upload-button{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d2d4cf;border-radius:7px;padding:10px 13px;font-size:11px;font-weight:700}.logo-file{align-items:center;gap:7px;max-width:190px;display:flex}.logo-file img{object-fit:contain;background:#eee;border-radius:5px;width:30px;height:30px}.logo-file span{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.logo-file button{color:#797e78;cursor:pointer;background:0 0;border:0;font-size:20px}.preview-heading{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px;font-weight:700;display:flex}.preview-heading small{color:#8a8f89;font-size:9px;font-weight:500}.canvas-frame{aspect-ratio:1;background:#fff;border:1px solid #17211d14;border-radius:18px;align-self:center;width:min(100%,380px);position:relative;overflow:hidden;box-shadow:0 14px 36px #1c30261c}.canvas-frame canvas{width:100%;height:100%;display:block}.canvas-frame.is-working canvas{opacity:.72}.canvas-placeholder{text-align:center;color:#828781;background:#fff;place-items:center;padding:40px;font-size:13px;line-height:1.5;display:grid;position:absolute;inset:0}.validation{justify-content:center;align-items:center;gap:7px;margin:16px 0 4px;font-size:12px;font-weight:600;display:flex}.validation span{border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.validation.success{color:var(--accent)}.validation.success span{color:#fff;background:var(--accent)}.validation.working{color:#727871}.validation.working span{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.validation-error{color:#773424;background:#fff7f3;border:1px solid #efc1b1;border-radius:10px;margin:14px 0 10px;padding:14px;font-size:11px;line-height:1.45}.validation-error p{margin:3px 0 9px}.validation-error button{min-height:36px;color:inherit;cursor:pointer;background:#fff;border:1px solid #d99b87;border-radius:5px;margin:3px 4px 0 0;padding:7px 9px;font-size:10px;font-weight:600}.fix-message{color:#5e665f;text-align:center;margin:5px 0 10px;font-size:11px}.download-buttons{grid-template-columns:1fr 1fr;gap:9px;margin-top:2px;display:grid}.download-buttons button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:48px;font-size:11px;font-weight:700;display:flex}.download-buttons button:last-child{color:var(--ink);background:#fff;border:1px solid #d4d6d1}.download-buttons button:disabled{opacity:.38;cursor:not-allowed}.download-buttons svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px}.split-download{color:#fff;background:var(--accent-strong);border-radius:11px;grid-template-columns:1fr 54px;height:54px;margin-top:18px;display:grid;box-shadow:0 9px 20px #065c4433}.split-download>button,.split-download>details>summary{color:inherit;cursor:pointer;background:0 0;border:0}.split-download>button{border-right:1px solid #fff3;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.split-download svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px}.split-download button:disabled{opacity:.38;cursor:not-allowed}.split-download>details{position:relative}.split-download>details>summary{place-items:center;height:54px;padding:0;font-size:19px;list-style:none;display:grid}.split-download>details>summary:after{display:none}.split-download>details[open]>summary{transform:rotate(180deg)}.split-download>details>div{z-index:4;background:#fff;border:1px solid #d8dad6;border-radius:9px;gap:3px;width:150px;padding:6px;display:grid;position:absolute;bottom:57px;right:0;box-shadow:0 12px 30px #1a221d29}.split-download>details>div button{height:42px;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.split-download>details>div button:hover{background:#f0f4f1}.privacy-note{color:#747a74;text-align:left;justify-content:center;align-items:center;gap:8px;margin:18px 0 0;font-size:10.5px;line-height:1.45;display:flex}.privacy-note strong{color:#555c56}.trust-strip{color:#6f756e;background:#fafaf8;border-top:1px solid #e4e4e0;border-bottom:1px solid #e4e4e0;justify-content:center;align-items:center;gap:clamp(24px,6vw,90px);min-height:88px;padding:24px 5vw;font-size:12px;display:flex}.trust-strip b{color:var(--ink);font:700 15px inherit;display:block}.content-section,.faq{max-width:1110px;margin:0 auto;padding:105px 30px}.section-intro{max-width:620px;margin-bottom:45px}.section-intro h2,.faq h2{letter-spacing:-.045em;margin:14px 0 13px;font:800 clamp(30px,4vw,45px)/1.12 inherit}.section-intro p{color:var(--muted);line-height:1.6}.content-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.content-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:230px;padding:30px}.content-grid article>span{color:var(--orange);font:700 10px inherit}.content-grid h3{letter-spacing:-.02em;margin:42px 0 10px;font:700 17px inherit}.content-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.ad-below{color:#a3a7a1;text-transform:uppercase;letter-spacing:.1em;border:1px dashed #d7d9d4;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;max-width:970px;height:100px;margin:0 auto;font-size:10px;display:flex}.ad-below small{text-transform:none;letter-spacing:0;margin-top:5px;font-size:9px}.faq{grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.faq-list details,.legal details{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:21px 36px 21px 0;font-weight:700;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:#777d76;font-size:20px;font-weight:400;position:absolute;top:19px;right:5px}details[open] summary:after{content:"−"}details p{color:var(--muted);margin:-6px 30px 21px 0;font-size:13px;line-height:1.65}.legal{border-top:1px solid var(--line);max-width:1050px;margin:0 auto 90px;padding:25px 30px}.legal details{scroll-margin-top:30px}footer{background:var(--ink);color:#fff;align-items:center;gap:32px;min-height:140px;padding:42px clamp(20px,6vw,85px);display:flex}footer p{color:#aeb2ad;margin:0 auto 0 0;font-size:12px}footer nav{gap:25px;display:flex}footer nav a{color:#c8cbc6;font-size:12px;text-decoration:none}@media (width<=1100px){.tool-shell{max-width:980px}.controls-panel,.preview-panel{padding-inline:34px}}@media (width<=880px){.tool-card{grid-template-columns:1fr;max-width:680px;margin-inline:auto}.preview-panel{border-top:1px solid #e2e2de;border-left:0}}@media (width<=760px){.site-header{height:65px}.header-trust{font-size:0}.header-trust svg{width:20px}.hero{padding:38px 13px 42px}.hero-copy{margin-bottom:26px}h1{font-size:clamp(36px,10.5vw,52px)}h1 br{display:none}.hero-copy p{font-size:15px}.hero-benefits{gap:7px}.hero-benefits li{padding:6px 9px;font-size:11px}.tool-card{border-radius:15px}.tool-tabs{justify-content:stretch;overflow-x:auto}.tool-tabs button{flex:1 0 96px;min-width:0;padding-inline:10px}.controls-panel,.preview-panel{padding:29px 22px}.segmented.four{grid-template-columns:repeat(2,1fr)}.wifi-fields{grid-template-columns:1fr}.wifi-security{grid-column:1}.style-options label>span{min-height:83px}.canvas-frame{width:min(100%,330px)}.trust-strip{text-align:center;grid-template-columns:1fr 1fr;gap:22px;padding-inline:30px;display:grid}.content-section,.faq{padding:72px 20px}.content-grid{grid-template-columns:1fr}.content-grid article{min-height:auto;padding:27px}.content-grid h3{margin-top:24px}.ad-below{margin:0 20px}.faq{grid-template-columns:1fr;gap:25px}.legal{margin-bottom:55px;padding-inline:20px}footer{flex-wrap:wrap;padding:35px 22px}footer p{flex-basis:100%;order:3}}@media (width<=430px){.site-header{padding-inline:15px}.brand{gap:9px;font-size:16px}.brand-mark{width:28px;height:28px}.header-promises{gap:8px}.header-trust{display:none}.free-badge{padding:6px 9px;font-size:10px}.controls-panel,.preview-panel{padding-inline:17px}.color-row{grid-template-columns:1fr}.style-options small{display:none}.theme-grid{grid-template-columns:repeat(2,1fr)}.tool-tabs button>span{display:none}.download-buttons{grid-template-columns:1fr}.logo-control{flex-wrap:wrap;align-items:flex-start}.logo-control>div:first-child{flex:1 0 60%}.section-label small{line-height:1.35}footer nav{gap:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}