:root{--ink:#15353f;--muted:#61777d;--teal:#087b79;--teal-dark:#086461;--mint:#d8efea;--cream:#f7f3e8;--paper:#fffdf8;--line:#d7e2df;--danger:#a33c3c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--ink);text-rendering:optimizelegibility;background:radial-gradient(circle at 83% 7%,#54ae9f29,#0000 24rem),linear-gradient(#f8f5ec 0%,#edf5f1 52%,#f8f6ef 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit}.site-header{border-bottom:1px solid #15353f1f;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(1180px,100% - 40px);min-height:82px;margin:0 auto;display:grid}.brand{width:max-content;color:var(--ink);align-items:center;gap:11px;font-size:1.08rem;text-decoration:none;display:flex}.brand b{color:var(--teal)}.brand-mark{background:var(--ink);border-radius:10px;grid-template:repeat(2,1fr)/repeat(2,1fr);gap:3px;width:35px;height:35px;padding:5px;display:grid}.brand-mark i{border:2px solid var(--paper);border-radius:2px;display:block}.brand-mark i:last-child{background:#61c2b3;border:0;grid-area:2/2}.header-nav{color:#49676c;align-items:center;gap:25px;font-size:.88rem;font-weight:680;display:flex}.header-nav a{text-decoration:none}.header-nav a:hover{color:var(--teal)}.privacy-note{color:var(--muted);justify-self:end;align-items:center;gap:8px;font-size:.83rem;display:inline-flex}.privacy-note span{color:#2d9c6d;font-size:.65rem}.header-actions{justify-self:end;align-items:center;gap:16px;display:flex}.language-switch{background:#ffffff8c;border:1px solid #c6d7d4;border-radius:10px;gap:2px;padding:3px;display:flex}.language-switch a{color:#60777c;border-radius:7px;place-items:center;min-width:33px;min-height:30px;font-size:.7rem;font-weight:800;text-decoration:none;display:grid}.language-switch a.active{color:#fff;background:var(--teal)}.hero{width:min(1180px,100% - 40px);margin:0 auto;padding:clamp(54px,7vw,94px) 0 86px}.hero-copy{max-width:830px;margin-bottom:48px}.eyebrow{color:var(--teal-dark);letter-spacing:.08em;text-transform:uppercase;background:#ffffff94;border:1px solid #b8d7d1;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:780;display:inline-flex}h1{letter-spacing:-.065em;max-width:880px;margin:20px 0 17px;font-size:clamp(2.65rem,6vw,5.8rem);font-weight:760;line-height:.98}.hero-copy>p{max-width:750px;color:var(--muted);margin:0;font-size:clamp(1.02rem,1.8vw,1.22rem);line-height:1.68}.trust-row{color:#385b61;flex-wrap:wrap;gap:10px 22px;margin-top:25px;font-size:.88rem;font-weight:680;display:flex}.studio-shell{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);align-items:start;gap:18px;display:grid}.editor-card,.preview-card{border:1px solid var(--line);background:#fffdf8f0;border-radius:26px;padding:clamp(24px,3.4vw,38px);box-shadow:0 24px 60px #1f4c4f17}.preview-card{flex-direction:column;display:flex;position:sticky;top:18px}.card-heading{align-items:center;gap:15px;margin-bottom:28px;display:flex}.card-heading.compact{margin-bottom:18px}.step{width:42px;height:42px;color:var(--teal-dark);background:var(--mint);border-radius:13px;flex:none;place-items:center;font-size:.73rem;font-weight:850;display:grid}.card-heading p{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 2px;font-size:.69rem;font-weight:780}.card-heading h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.15rem,2vw,1.45rem)}.type-tabs{border:1px solid var(--line);scrollbar-width:thin;background:#f0f5f3;border-radius:14px;grid-template-columns:repeat(6,minmax(max-content,1fr));gap:3px;margin-bottom:26px;padding:4px;display:grid;overflow-x:auto}.type-tabs button{color:#547075;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:45px;padding:7px 10px;font-size:.78rem;font-weight:700;display:flex}.type-tabs button:hover{color:var(--ink);background:#ffffff8c}.type-tabs button.active{color:var(--ink);background:var(--paper);box-shadow:0 2px 9px #1f4c4f17}.tab-symbol{width:22px;height:22px;color:var(--teal-dark);background:#087b791a;border-radius:7px;place-items:center;font-size:.74rem;font-weight:850;display:grid}form{gap:15px;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.field{gap:7px;min-width:0;display:grid}.full-field{grid-column:1/-1}.field label,.color-field,.select-field{color:#294a52;font-size:.8rem;font-weight:750}.field small,.logo-row small{color:#789096;font-size:.75rem;line-height:1.45}input:not([type=color]):not([type=checkbox]),textarea,select{width:100%;min-height:52px;color:var(--ink);background:#fff;border:1px solid #bfd1ce;border-radius:11px;outline:none;padding:0 15px}textarea{resize:vertical;min-height:108px;padding-block:13px;line-height:1.5}select{cursor:pointer}input:disabled,select:disabled{cursor:not-allowed;opacity:.55;background:#edf1ef}input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 4px #087b791c}.check-field{color:#385b61;cursor:pointer;align-items:center;gap:10px;font-size:.82rem;display:flex}.check-field input{width:18px;height:18px;accent-color:var(--teal)}.form-error{color:var(--danger);background:#fff5f3;border:1px solid #e7bdbd;border-radius:9px;margin:0;padding:10px 12px;font-size:.8rem}.primary-button{color:#fff;background:var(--teal);cursor:pointer;border:0;border-radius:12px;justify-content:space-between;align-items:center;min-height:54px;margin-top:2px;padding:0 20px;font-weight:780;display:flex;box-shadow:0 10px 22px #087b7930}.primary-button:hover{background:var(--teal-dark);transform:translateY(-1px)}.primary-button span:last-child{font-size:1.25rem}.custom-panel{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.section-label{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-label span{color:#294a52;font-size:.83rem;font-weight:800}.section-label small{color:#819499;font-size:.72rem}.custom-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.color-field,.select-field{gap:7px;min-width:0;display:grid}.color-field{grid-template-columns:35px minmax(0,1fr);align-items:center}.color-field>input{cursor:pointer;background:#fff;border:1px solid #bfd1ce;border-radius:9px;width:35px;height:35px;padding:2px}.color-field>span{color:#70868a;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;overflow:hidden}.color-field:first-line{grid-column:1/-1}.select-field select{min-height:40px;padding-inline:10px;font-size:.76rem}.logo-row{flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px;display:flex}.logo-row small{flex-basis:100%}.secondary-button,.text-button,.copy-button{cursor:pointer;background:0 0;border:0}.secondary-button{min-height:41px;color:var(--teal-dark);background:#f5faf8;border:1px solid #b8d2ce;border-radius:10px;align-items:center;gap:6px;padding:0 13px;font-size:.78rem;font-weight:750;display:inline-flex}.text-button{color:#7c5555;min-height:40px;padding:0 7px;font-size:.76rem;font-weight:700}.qr-stage{background:#f7faf8;border:1px dashed #b8ceca;border-radius:18px;flex:1;place-items:center;min-height:302px;display:grid;overflow:hidden}.qr-stage canvas{image-rendering:pixelated;border-radius:7px;display:block;width:min(100%,280px)!important;height:auto!important}.status{min-height:34px;color:var(--muted);align-items:center;gap:8px;margin:13px 0 8px;font-size:.76rem;line-height:1.35;display:flex}.status>span{background:#9aa9aa;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #5e6f721a}.status.checking>span{background:#d29835;box-shadow:0 0 0 4px #d2983521}.status.valid>span{background:#27a46c;box-shadow:0 0 0 4px #27a46c1f}.status.warning{color:#865a2e}.status.warning>span{background:#d28635}.download-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.download-actions button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:47px;font-size:.82rem;font-weight:760;display:flex}.download-actions button:hover{background:#214d57}.download-actions button:disabled{opacity:.5;cursor:wait}.copy-button{min-height:42px;color:var(--teal-dark);background:#f6faf8;border:1px solid #c5d7d4;border-radius:10px;margin-top:8px;font-size:.77rem;font-weight:720}.payload-size{color:#87999d;text-align:center;margin:10px 0 0;font-size:.68rem}.how-section,.faq-section{width:min(1180px,100% - 40px);margin:0 auto;padding:86px 0}.section-intro{max-width:680px;margin-bottom:35px}.section-intro h2{letter-spacing:-.05em;margin:16px 0 10px;font-size:clamp(2rem,4vw,3.7rem);line-height:1.04}.section-intro p{color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.how-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.how-grid article{border:1px solid var(--line);background:#fffdf8b8;border-radius:20px;min-height:220px;padding:27px}.how-grid article>span{width:34px;height:34px;color:var(--teal-dark);background:var(--mint);border-radius:10px;place-items:center;font-size:.78rem;font-weight:850;display:grid}.how-grid h3{margin:45px 0 9px;font-size:1.1rem}.how-grid p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.65}.privacy-strip{color:#eaf7f3;background:linear-gradient(125deg,#173c46,#087b79);border-radius:28px;grid-template-columns:auto 1fr;align-items:center;gap:clamp(24px,4vw,50px);width:min(1180px,100% - 40px);margin:0 auto;padding:clamp(30px,5vw,52px);display:grid;box-shadow:0 24px 55px #15353f29}.privacy-symbol{background:#ffffff1a;border:1px solid #ffffff3d;border-radius:25px;place-items:center;width:88px;height:88px;font-size:2rem;display:grid}.privacy-strip span{color:#a9ddd3;letter-spacing:.09em;text-transform:uppercase;font-size:.72rem;font-weight:780}.privacy-strip h2{color:#fff;letter-spacing:-.035em;margin:8px 0;font-size:clamp(1.45rem,3vw,2.5rem)}.privacy-strip p{color:#c7dedb;max-width:820px;margin:0;line-height:1.65}.faq-list{border-top:1px solid #bdcecb}.faq-list details{border-bottom:1px solid #bdcecb}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:72px;font-weight:740;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--teal);font-size:1.15rem;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{max-width:880px;color:var(--muted);margin:-3px 0 23px;line-height:1.68}footer{border-top:1px solid #15353f24;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:20px 35px;width:min(1180px,100% - 40px);margin:0 auto;padding:38px 0 42px;display:grid}.footer-brand{font-size:.94rem}.footer-brand .brand-mark{width:30px;height:30px}footer>p{color:var(--muted);margin:0;font-size:.8rem}footer nav{color:#3e5e64;gap:18px;font-size:.78rem;font-weight:680;display:flex}footer nav a{text-decoration:none}footer nav a:hover{color:var(--teal)}footer small{color:#839498;grid-column:1/-1;font-size:.7rem}.legal-page{min-height:100vh}.legal-header{grid-template-columns:1fr auto}.back-link{color:var(--teal-dark);font-size:.82rem;font-weight:720;text-decoration:none}.legal-article{width:min(820px,100% - 40px);margin:0 auto;padding:clamp(58px,8vw,100px) 0 90px}.legal-article h1{margin-bottom:10px;font-size:clamp(2.45rem,6vw,5rem)}.legal-updated{color:#84969a;margin:0 0 50px;font-size:.78rem}.legal-content{gap:34px;display:grid}.legal-content section{border-bottom:1px solid var(--line);padding-bottom:29px}.legal-content h2{letter-spacing:-.02em;margin:0 0 10px;font-size:1.15rem}.legal-content p{color:var(--muted);margin:0;line-height:1.75}.legal-content a{color:var(--teal-dark);font-weight:700}.legal-footer{grid-template-columns:1fr auto}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;width:min(680px,100% - 40px);min-height:100vh;margin:0 auto;display:flex}.large-mark{border-radius:15px;width:55px;height:55px}.not-found>p{color:var(--teal);letter-spacing:.13em;margin:25px 0 7px;font-size:.78rem;font-weight:850}.not-found h1{margin:0 0 15px;font-size:clamp(2.4rem,7vw,5.4rem)}.not-found>span:not(.brand-mark){color:var(--muted);font-size:1rem}.primary-link{color:#fff;background:var(--teal);border-radius:11px;align-items:center;min-height:50px;margin-top:30px;padding:0 17px;font-size:.84rem;font-weight:760;text-decoration:none;display:inline-flex}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #edb452}@media (max-width:1020px){.site-header{grid-template-columns:1fr auto}.header-nav{display:none}.studio-shell{grid-template-columns:minmax(0,1fr) minmax(290px,.65fr)}.custom-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:780px){.site-header,.hero,.how-section,.faq-section,.privacy-strip,footer{width:min(100% - 28px,1180px)}.site-header{min-height:70px}.privacy-note{display:none}.header-actions{gap:0}.hero{padding-top:48px;padding-bottom:68px}.hero-copy{margin-bottom:34px}h1{letter-spacing:-.055em}.studio-shell{grid-template-columns:1fr}.editor-card,.preview-card{border-radius:20px;padding:22px}.preview-card{position:static}.type-tabs{margin-inline:-3px;padding-bottom:5px;display:flex}.type-tabs button{flex:none;min-width:105px;min-height:43px}.custom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-stage{min-height:280px}.how-grid{grid-template-columns:1fr}.how-grid article{min-height:180px}.how-grid h3{margin-top:30px}.privacy-strip{grid-template-columns:1fr}.privacy-symbol{border-radius:18px;width:65px;height:65px}footer{grid-template-columns:1fr;align-items:start}footer nav{flex-wrap:wrap}.legal-footer{grid-template-columns:1fr}}@media (max-width:500px){.field-grid,.custom-grid{grid-template-columns:1fr}.field{grid-column:1/-1}.color-field{grid-template-columns:38px 1fr}.download-actions button{min-height:49px}.trust-row{gap:8px 14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}