@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#10243b;--navy2:#183952;--teal:#18bca8;--paper:#f5f8fb;--muted:#53647a;--border:#dce5ef;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font:16px/1.65 'DM Sans',system-ui,sans-serif}a{color:#087c85;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4.1vw,3.55rem);line-height:1.16;letter-spacing:-.045em}h2{font-size:clamp(1.45rem,2.3vw,2.1rem);line-height:1.26;letter-spacing:-.027em}h3{font-size:1.15rem;line-height:1.4}.wrap{max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px}.narrow{max-width:660px}.header{background:white;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.58rem;letter-spacing:-.08em;font-weight:800;color:var(--navy);display:inline-flex;align-items:center;gap:4px}.brand span:not(.brandmark){color:#0b898e}.brand b{color:var(--teal)}.brandmark{display:inline-grid;place-items:center;color:#fff;background:var(--navy);width:37px;height:37px;border-radius:10px;margin-right:8px;font-size:25px}.nav nav{display:flex;gap:25px}.nav nav a{font-size:.9rem;color:var(--navy);font-weight:700}.menu-toggle{display:none;background:transparent;border:0;font-size:26px}.hero{background:linear-gradient(125deg,#edf9f9,#fff 56%,#eaf4fb);padding:70px 0 82px}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:62px}.hero p,.lead{font-size:1.15rem;color:var(--muted);max-width:760px}.eyebrow{color:#087d81;font-size:.74rem;letter-spacing:.12em;font-weight:800}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:12px 19px;background:var(--teal);color:#08283a;border:1px solid var(--teal);border-radius:9px;font:700 .96rem 'DM Sans',sans-serif;transition:background .2s}.btn:hover{background:#08a895;text-decoration:none}.btn.secondary{background:#fff;border-color:#bcd2df;color:var(--navy)}.btn.ghost{background:transparent;color:var(--navy);border-color:#bcd2df}.btn.small{font-size:.82rem;padding:8px 12px}.btn:disabled{opacity:.44;cursor:not-allowed}.trust{font-size:.8rem;margin-top:25px;color:#4d6980}.hero-art{padding:25px;background:linear-gradient(150deg,#112b43,#164c62);border-radius:23px;min-height:345px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:0 24px 50px #0b31422b}.art-top,.art-bottom{color:#a4f4e5;font-size:.78rem;letter-spacing:.14em;font-weight:800}.mockqr{color:#fff;background:#fff;border:16px solid #fff;border-radius:15px;font-size:168px;line-height:1.1;text-align:center;text-shadow:0 0 0 #10243b;filter:contrast(2)}.section{padding-top:65px;padding-bottom:65px}.section-title{max-width:640px;margin-bottom:28px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.feature,.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 6px 22px #10243b06}.feature{color:var(--navy);display:block;transition:transform .2s,border-color .2s}.feature:hover{text-decoration:none;transform:translateY(-3px);border-color:#89cfc4}.feature p,.panel p{color:var(--muted)}.feature>span:last-child{font-weight:800;color:#07837e;font-size:.88rem}.feature-icon{display:grid;place-items:center;background:#def7f1;border-radius:12px;width:48px;height:48px;font-size:32px;margin-bottom:20px;color:#066c70}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.tint{background:#e7f8f5}.ticks{padding-left:22px}.ticks li{margin:9px 0}.tool-intro{padding-bottom:15px}.tool-intro h1{margin-bottom:13px}.tool-intro p{max-width:800px;color:var(--muted)}.builder{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form{display:flex;flex-direction:column;gap:16px}.form label,.result label{display:flex;flex-direction:column;font-weight:700;font-size:.86rem;gap:6px}.form input:not([type=checkbox]):not([type=color]):not([type=file]),.form select,.form textarea,.result input{width:100%;border:1px solid #bccddb;border-radius:8px;padding:12px 13px;font:inherit;color:var(--navy);background:white;min-width:0}.form input[type=file]{max-width:100%;border:1px dashed #a0b6c4;border-radius:9px;padding:11px}.form input[type=color]{width:100%;height:45px;border:1px solid var(--border);border-radius:7px}.form .check{flex-direction:row;align-items:center}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview{min-height:300px;border:2px dashed #d0dee6;border-radius:13px;background:#f8fbfd;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;text-align:center}.preview span{font-size:115px;line-height:1}.preview p{color:var(--muted)}.preview canvas{max-width:100%;height:auto}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.micro{font-size:.78rem;color:var(--muted);overflow-wrap:anywhere}.steps{padding-left:22px}.steps li{padding:8px}.faq{margin-top:45px}.faq details{background:white;border:1px solid var(--border);border-radius:9px;padding:14px 20px;margin-bottom:10px}.faq summary{font-weight:800;cursor:pointer}.faq details p{color:var(--muted);margin:10px 0 0}.footer{background:#0e2035;color:#c7d9e6;margin-top:60px;padding:50px 0 18px}.footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-cols>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer a,.footer strong{color:#eaf8fb}.footer p{max-width:330px}.copyright{border-top:1px solid #385064;margin-top:28px;padding-top:15px;color:#95aebc;font-size:.8rem}.light{color:#fff}.article{max-width:800px}.article p{color:#53647a}.article .panel{margin:35px 0}.content{max-width:1120px}.notice{background:#d9f7e9;padding-top:13px;padding-bottom:13px;border-radius:10px;margin-top:15px}.error{padding:13px;border-radius:8px;background:#fee2e2!important;color:#991b1b!important}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.link-item{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:white;border:1px solid var(--border);padding:20px;border-radius:10px;margin:12px 0;overflow-wrap:anywhere}.inlineform{gap:8px}.textdanger{background:none;border:0;color:#b91c1c;cursor:pointer;padding:12px 0;font-weight:700}.muted{font-weight:400;color:#8093a5}.modal{position:fixed;inset:0;background:#0d2239a6;z-index:30;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-inner{position:relative;background:white;border-radius:16px;padding:25px;text-align:center;max-width:100%}.modal-inner canvas{display:block;width:300px;height:300px;max-width:100%}.modalclose{position:absolute;top:4px;right:10px;border:none;background:none;font-size:32px;cursor:pointer}@media(max-width:900px){.hero-grid{gap:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.nav nav{gap:12px}.nav nav a{font-size:.8rem}}@media(max-width:680px){.wrap{padding-left:17px;padding-right:17px}.hero{padding:40px 0}.hero-grid,.split,.builder,.link-item,.footer-cols{grid-template-columns:1fr}.hero-art{min-height:230px}.mockqr{font-size:98px}.cards,.cards.three{grid-template-columns:1fr}.section{padding-top:36px;padding-bottom:36px}.menu-toggle{display:block}.nav{min-height:66px;position:relative}.nav nav{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;padding:20px;background:white;border-bottom:1px solid var(--border);box-shadow:0 12px 20px #10243b16}.nav nav.open{display:flex}.two{grid-template-columns:1fr 1fr}.panel{padding:19px}.panel-top{align-items:flex-start;flex-direction:column}}