:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111c31;background:#fff;font-synthesis:none;--blue:#2563eb;--muted:#536174;--border:#dce4ef;--soft:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}button,select,input{min-height:44px}button{border:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wrap{max-width:1120px;margin-inline:auto}.header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5}.wordmark{font-size:29px;font-weight:780;letter-spacing:-1.6px;display:inline-flex;align-items:center;gap:10px;min-height:44px}.brand-icon{display:grid;grid-template-columns:8px 8px;gap:3px;width:23px;transform:translateY(1px)}.brand-icon i{width:8px;height:8px;background:var(--blue);border-radius:1px}.brand-icon i:nth-child(3){height:14px}.brand-icon i:nth-child(4){margin-top:6px}.header nav{display:flex;gap:34px;font-size:13px;font-weight:550;color:var(--muted)}nav a{display:flex;align-items:center;min-height:44px}nav a:hover,.footer a:hover{color:var(--blue)}.hero{text-align:center;padding:43px 0 34px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.6;color:var(--muted);margin:0 0 16px}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px}.blue-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}h1{font-size:clamp(36px,4.5vw,54px);font-weight:650;line-height:1.11;letter-spacing:-2.5px;margin:0 0 19px}h1 span{color:var(--blue)}.intro{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.studio{border:1px solid var(--border);border-radius:18px;display:grid;grid-template-columns:1.12fr 1fr;overflow:hidden;box-shadow:0 8px 28px #111c3104}.editor{padding:30px 34px 0;display:flex;flex-direction:column;min-width:0}.step-title{display:flex;gap:11px;align-items:center;margin-bottom:23px}.step-number{font-size:10px;font-weight:650;color:var(--blue);border:1px solid #dce7ff;background:#f5f8ff;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.step-title h2{font-size:16px;letter-spacing:-.4px;margin:0;font-weight:650}.mode-tabs{display:flex;gap:5px;padding:5px;background:#f1f4f8;border-radius:9px;margin-bottom:25px}.mode-tabs button{flex:1;border-radius:6px;background:transparent;display:flex;justify-content:center;align-items:center;gap:9px;color:var(--muted);min-height:39px;font-size:13px;font-weight:550}.mode-tabs button[aria-selected=true]{color:var(--blue);background:#fff;box-shadow:0 1px 4px #111c3110}.mode-tabs svg{width:17px;height:17px}.input-area{flex:1;min-height:154px}label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.label-row label{margin:0}.text-action{font-size:11px;font-weight:550;color:var(--blue);padding:0;background:none;min-height:26px}.label-row .text-action{min-height:26px}.text-action:hover{text-decoration:underline}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #cdd7e5;border-radius:7px;background:#fff;color:#111c31;padding:12px 13px;font-size:13px;line-height:1.4;transition:border-color .15s}input::placeholder,textarea::placeholder{color:#788497}input:not([type=checkbox]):focus,textarea:focus,select:focus{outline:2px solid #2563eb33;border-color:var(--blue)}.hint{font-size:11px;line-height:1.65;color:var(--muted);margin:9px 0 0}.label-row .hint{margin:0}.feedback{font-size:11px;line-height:1.6;margin:9px 0;overflow-wrap:anywhere;color:var(--blue)}.feedback.error{color:#b42318}.feedback.normalized{background:#f0f5ff;border-radius:6px;padding:8px 10px}textarea{resize:vertical;min-height:100px}.settings{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:10px 0 23px}.settings label{color:var(--muted);font-size:10px;margin-bottom:6px}.settings select{min-height:40px;font-size:11px;min-width:160px;padding:8px 11px}.settings p{font-size:10px;color:var(--muted);line-height:1.65;text-align:right}.editor-foot{border-top:1px solid #e8edf4;display:flex;align-items:center;justify-content:space-between;min-height:57px;gap:12px}.editor-foot>span{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.editor-foot svg{width:14px;height:14px}.editor-foot button{min-width:44px;min-height:44px;color:var(--muted)}.preview-panel{background:var(--soft);border-left:1px solid var(--border);padding:25px 31px 17px;text-align:center;min-width:0}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-heading .eyebrow{font-size:9px;margin:0;letter-spacing:1.5px}.badge{font-size:8px;font-weight:650;letter-spacing:.65px;background:#e8edf3;color:#536174;border-radius:4px;padding:5px 7px}.badge.ready{background:#e6f2ed;color:#276247}.qr-stage{display:flex;justify-content:center;padding:20px 0 0}.qr-paper{width:196px;height:196px;background:#fff;border:1px solid #e7ecf3;border-radius:10px;box-shadow:0 5px 10px #111c3105;display:grid;place-items:center;overflow:hidden}.qr-paper>svg{width:100%;height:100%;stroke:none;border-radius:6px}.empty-preview{color:#6f7f97;display:grid;justify-items:center;gap:16px;line-height:1.6;font-size:11px}.empty-preview svg{width:40px;height:40px;stroke:#94a6c0;stroke-width:1.2}#preview-caption{font-size:10px;color:var(--muted);margin:12px 0 20px;line-height:1.5}.export-buttons{display:flex;gap:9px}.primary,.secondary{border-radius:7px;min-height:45px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:550;font-size:12px;transition:background .15s}.primary{background:var(--blue);color:#fff;flex:1}.primary:hover:not(:disabled){background:#1d4ed8}.primary svg{width:15px;height:15px}.primary:disabled{background:#d9e3f5;color:#576d91}.secondary{background:#fff;border:1px solid #d6dfeb;color:#25344b;padding:0 18px}.secondary:disabled{color:#788497;background:#f9fafc}.copy-action{display:block;margin:6px auto 0;min-height:36px;font-size:10px;color:var(--muted);background:transparent}.copy-action:disabled{opacity:.6}.preview-note{font-size:9px;color:var(--muted);margin:6px 0 0}.action-status{font-size:11px;color:var(--blue);line-height:1.5;margin:0;overflow-wrap:anywhere}.action-status:not(:empty){margin:4px 0 8px}.wifi-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.wifi-row select,.wifi-row input{font-size:11px}.password-field{position:relative}.password-field input{padding-right:49px}.password-field button{position:absolute;right:4px;top:0;background:none;color:var(--muted);font-size:10px;min-height:44px}.check-label{display:flex;align-items:center;gap:7px;margin:8px 0;font-size:11px;min-height:44px}.check-label input{width:16px;height:16px;accent-color:var(--blue)}.promise-strip{display:flex;justify-content:center;gap:44px;padding:22px 0 55px;color:var(--muted);font-size:10px}.promise-strip>span{display:flex;gap:7px;align-items:center}.promise-strip>span>span{color:var(--blue)}.how-section{padding:40px 0 62px;border-top:1px solid #e8edf4}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.section-heading .eyebrow,.faq-section .eyebrow{font-size:9px;margin-bottom:11px}h2{font-size:27px;line-height:1.25;letter-spacing:-1px;font-weight:600;margin:0}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.6}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.large-number{font-size:11px;color:#69788d;letter-spacing:1px}.how-grid h3{font-size:17px;font-weight:600;letter-spacing:-.4px;margin:18px 0 10px}.how-grid p{font-size:12px;color:var(--muted);line-height:1.8;margin:0;max-width:260px}.faq-section{padding:46px 0 65px;border-top:1px solid #e8edf4;display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.inline-link{display:inline-flex;gap:13px;align-items:center;font-size:11px;color:var(--blue);margin-top:25px;min-height:44px}.faq-list details{border-bottom:1px solid #e2e8f0}.faq-list details:first-child{border-top:1px solid #e2e8f0}summary{cursor:pointer;list-style:none;min-height:58px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:550;gap:15px}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:19px;font-weight:400;color:var(--muted)}details[open] summary:after{content:"−"}.faq-list p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 20px 19px 0}.closing{border-top:1px solid #e8edf4;border-bottom:1px solid #e8edf4;display:flex;justify-content:space-between;align-items:center;padding:24px 0}.closing p{font-size:15px;letter-spacing:-.3px}.closing a{font-size:11px;color:var(--blue);min-height:44px;display:flex;align-items:center;gap:20px}.footer{display:flex;align-items:center;gap:35px;padding:33px 0 35px}.footer .wordmark{font-size:22px}.footer p{font-size:9px;color:var(--muted);margin:0;line-height:1.7}.footer-links{display:flex;gap:23px;margin-left:auto;font-size:10px;color:var(--muted)}.footer-links a{min-height:44px;display:flex;align-items:center}.footer .footer-fine{max-width:100px;font-size:9px}.skip{position:absolute;top:-100px;left:16px;padding:12px;background:#111c31;color:#fff;z-index:20}.skip:focus{top:10px}:focus-visible{outline:3px solid #2563eb;outline-offset:4px}[hidden]{display:none!important}.content-page{max-width:760px;margin:52px auto 80px;min-height:55vh}.content-page h1{font-size:42px;margin:0 0 24px}.content-page h2{font-size:22px;margin-top:32px}.content-page h3{font-size:16px;margin-top:24px}.content-page p,.content-page li{font-size:14px;line-height:1.9;color:var(--muted)}.content-page a{color:var(--blue);text-decoration:underline}.content-page .primary{display:inline-flex;text-decoration:none;color:#fff;padding:0 24px;margin-top:20px}.content-page .faq-list{margin-top:30px}.content-page .faq-list summary{font-size:14px}.content-page .eyebrow{margin-bottom:18px}@media(min-width:1450px){.hero{padding-top:52px;padding-bottom:42px}.studio{max-width:1030px}.wrap:not(.studio){max-width:1120px}.editor{padding-top:34px}.qr-paper{width:210px;height:210px}.preview-panel{padding-top:28px;padding-bottom:23px}}@media(max-width:1180px){.wrap{margin-inline:32px}}@media(max-width:800px){.header{height:80px}.header nav{gap:20px;font-size:11px}.editor{padding:25px 23px 0}.preview-panel{padding:23px 20px 17px}.preview-heading{flex-direction:column;gap:6px}.step-title h2{font-size:14px}.settings p{display:none}.wifi-row{grid-template-columns:1fr}.promise-strip{gap:22px;font-size:9px}.how-grid{gap:26px}.faq-section{gap:40px}.footer{flex-wrap:wrap}.footer .footer-fine{display:none}.content-page{margin:40px 32px 70px}}@media(max-width:620px){.wrap{margin-inline:20px}.header{height:73px}.wordmark{font-size:26px}.brand-icon{transform:scale(.9)}.header nav{gap:16px}.header nav a:first-child{display:none}.hero{padding:34px 0 27px}.hero .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:16px}h1{font-size:37px;letter-spacing:-1.8px}.intro{font-size:12px;line-height:1.8}.studio{grid-template-columns:1fr;border-radius:14px}.editor{padding:24px 22px 0}.step-title{margin-bottom:19px}.step-title h2{font-size:15px}.mode-tabs{margin-bottom:20px}.input-area{min-height:130px}.settings{margin-bottom:14px}.settings p{display:block}.editor-foot{min-height:52px}.preview-panel{border-left:0;border-top:1px solid var(--border);padding:22px 22px 20px}.preview-heading{flex-direction:row}.qr-stage{padding-top:17px}.qr-paper{width:188px;height:188px}#preview-caption{margin:10px 0 17px}.primary,.secondary{min-height:46px;font-size:12px}.copy-action{min-height:44px;margin:0 auto}.preview-note{margin:0}.promise-strip{padding:21px 0 35px;flex-wrap:wrap;gap:13px 20px;font-size:9px}.how-section{padding:32px 0 35px}.section-heading>p{display:none}h2{font-size:24px}.how-grid{grid-template-columns:1fr;gap:23px}.how-grid article{display:grid;grid-template-columns:36px 1fr;column-gap:10px}.large-number{grid-row:1/3;margin-top:2px}.how-grid h3{margin:0 0 6px;font-size:16px}.how-grid p{max-width:none;font-size:12px}.faq-section{grid-template-columns:1fr;gap:22px;padding:32px 0}.faq-section h2 br{display:none}.inline-link{margin-top:9px}.closing{padding:16px 0;gap:12px}.closing p{font-size:12px}.closing a{font-size:10px;gap:10px;white-space:nowrap}.footer{padding:23px 0;gap:14px}.footer-links{gap:17px;font-size:10px}.footer>div:first-child{width:100%}.footer-links{margin-left:0;flex-wrap:wrap}.content-page{margin:36px 20px 55px}.content-page h1{font-size:34px}.content-page p{font-size:13px}.wifi-row{grid-template-columns:1fr}.feedback{font-size:10px}}@media(max-width:350px){.wrap{margin-inline:14px}.header nav{gap:11px;font-size:10px}h1{font-size:33px}.editor,.preview-panel{padding-inline:16px}.step-title h2{font-size:13px}.editor-foot>span{font-size:9px}.settings p{font-size:9px}.promise-strip{font-size:8px;gap:12px}.closing p{max-width:165px}.footer-links{gap:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(min-width:801px)and (max-width:1449px){.header{height:78px}.hero{padding:20px 0 24px}.hero .eyebrow{margin-bottom:10px}h1{font-size:46px;margin-bottom:12px}.intro{font-size:13px;line-height:1.6}.qr-paper{width:180px;height:180px}.preview-panel{padding-top:23px}.qr-stage{padding-top:17px}#preview-caption{margin:10px 0 15px}}.mode-tabs button,.copy-action{min-height:44px}.label-row .text-action{min-height:44px;margin-block:-9px}@media(max-width:620px){input:not([type=checkbox]),textarea,select,.wifi-row input,.wifi-row select{font-size:16px}.settings select{min-width:160px;font-size:14px}.password-field input{padding-right:52px}}@media(max-width:620px){.header nav a:nth-child(3){display:none}}