:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}.cg-page{color:#113b2e;background:#f3f0e7;min-height:100vh}.cg-container{width:min(1320px,100% - 32px);margin:0 auto}.cg-topbar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3f0e7f0;border-bottom:1px solid #113b2e17;position:sticky;top:0}.cg-topbar-inner{justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.cg-brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.cg-brand-logo-wrap{justify-content:center;align-items:center;width:116px;height:58px;display:flex;overflow:hidden}.cg-brand-logo{object-fit:contain;width:112px;height:112px;display:block;transform:scale(1.5)}.cg-brand-tools{color:#ef8f1f;letter-spacing:.18em;border-left:1px solid #113b2e21;padding-left:12px;font-size:.8rem;font-weight:850}.cg-header-actions{align-items:center;gap:12px;display:flex}.cg-tool-switch{flex:auto;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.cg-tool-switch a{color:#61766d;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:.82rem;font-weight:850;text-decoration:none;transition:border-color .2s,background .2s,color .2s,transform .2s;display:inline-flex}.cg-tool-switch a:hover,.cg-tool-switch a.active{color:#0d5946;background:#ffffffc7;border-color:#0d6a5229;transform:translateY(-1px);box-shadow:0 10px 26px #0d594614}@media (width<=1100px){.cg-tool-switch{display:none}}.cg-beta-badge{color:#0d5946;letter-spacing:.12em;background:#dff3e8;border-radius:999px;padding:7px 10px;font-size:.7rem;font-weight:850}.cg-back-home{color:#0d5946;background:#fff;border:1px solid #0d594629;border-radius:13px;justify-content:center;align-items:center;min-height:44px;padding:0 17px;font-weight:750;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.cg-back-home:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0d594617}.cg-main-grid{grid-template-columns:430px minmax(0,1fr);align-items:start;gap:22px;padding:28px 0 52px;display:grid}.cg-panel{background:#ffffffc7;border:1px solid #113b2e17;border-radius:27px;box-shadow:0 18px 46px #113b2e0e}.cg-form-panel{scrollbar-width:thin;scrollbar-color:#113b2e59 transparent;max-height:calc(100vh - 128px);padding:24px;position:sticky;top:108px;overflow-y:auto}.cg-form-panel::-webkit-scrollbar{width:7px}.cg-form-panel::-webkit-scrollbar-thumb{background:#113b2e47;border-radius:999px}.cg-preview-panel{padding:24px;position:sticky;top:108px}.cg-panel-head{border-bottom:1px solid #113b2e17;align-items:flex-start;gap:14px;margin-bottom:21px;padding-bottom:18px;display:flex}.cg-step{color:#ef8f1f;letter-spacing:.05em;flex:none;margin-top:4px;font-size:.9rem;font-weight:900}.cg-panel-head h1,.cg-panel-head h2{color:#0d4c3c;letter-spacing:-.03em;margin:0 0 5px;font-size:1.9rem;line-height:1.08}.cg-panel-head p{color:#61766d;margin:0;font-size:.93rem;line-height:1.5}.cg-field-group{margin-bottom:22px}.cg-field-group>label{color:#0d4c3c;margin-bottom:9px;font-size:.94rem;font-weight:800;display:block}.cg-field-group input[type=text],.cg-field-group textarea{box-sizing:border-box;color:#113b2e;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #113b2e29;border-radius:15px;outline:none;padding:13px 15px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.cg-field-group input[type=text]:focus,.cg-field-group textarea:focus{border-color:#0d6a52;box-shadow:0 0 0 4px #0d6a521a}.cg-field-group small{color:#75877f;text-align:right;margin-top:7px;font-size:.77rem;display:block}.cg-option-grid{grid-template-columns:1fr;gap:9px;display:grid}.cg-two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-option-card{cursor:pointer;color:#113b2e;text-align:left;background:#f8f9f7;border:1px solid #113b2e21;border-radius:16px;width:100%;padding:13px 14px;transition:border-color .2s,background .2s,transform .2s}.cg-option-card:hover{border-color:#0d6a528c;transform:translateY(-1px)}.cg-option-card.active{background:#edf7f1;border-color:#0d6a52;box-shadow:inset 0 0 0 1px #0d6a52}.cg-option-card strong,.cg-option-card span{display:block}.cg-option-card strong{color:#0d4c3c;margin-bottom:4px;font-size:.93rem}.cg-option-card span{color:#61766d;font-size:.81rem;line-height:1.4}.cg-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.cg-preset-card{cursor:pointer;color:#113b2e;text-align:left;background:#f8f9f7;border:1px solid #113b2e21;border-radius:15px;align-items:center;gap:9px;padding:10px;display:flex}.cg-preset-card:hover,.cg-preset-card.active{background:#edf7f1;border-color:#0d6a52}.cg-preset-dot{border:2px solid #ffffffd9;border-radius:50%;flex:none;width:25px;height:25px;box-shadow:0 0 0 1px #113b2e1f}.cg-preset-card strong{color:#113b2e;font-size:.84rem}.cg-background-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.cg-background-option{color:#113b2e;cursor:pointer;text-align:left;background:#f8f9f7;border:1px solid #113b2e21;border-radius:15px;align-items:center;gap:10px;min-width:0;padding:9px;transition:border-color .2s,background .2s,transform .2s;display:flex}.cg-background-option:hover{border-color:#0d6a528c;transform:translateY(-1px)}.cg-background-option.active{background:#edf7f1;border-color:#0d6a52;box-shadow:inset 0 0 0 1px #0d6a52}.cg-background-thumbnail{background-color:#11634c;border-radius:9px;flex:none;width:52px;height:39px;position:relative;overflow:hidden}.cg-background-copy{min-width:0}.cg-background-copy strong,.cg-background-copy small{display:block}.cg-background-copy strong{color:#0d4c3c;font-size:.82rem}.cg-background-copy small{color:#61766d;text-align:left;margin-top:2px;font-size:.68rem;line-height:1.3}.cg-background-thumbnail-circles{background:radial-gradient(circle at 82% 20%,#f4a12480 0 24%,#0000 25%),radial-gradient(circle at 22% 90%,#ffffff2e 0 16%,#0000 17%),#11634c}.cg-background-thumbnail-diagonal{background:linear-gradient(135deg,#0000 0 38%,#f4a1246b 39% 55%,#0000 56%),linear-gradient(135deg,#0000 0 68%,#ffffff26 69% 79%,#0000 80%),#11634c}.cg-background-thumbnail-grid{background-color:#11634c;background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:9px 9px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.cg-background-thumbnail-waves{background:radial-gradient(at 20% 105%,#0000 0 28%,#f4a12480 29% 36%,#0000 37%),radial-gradient(at 74% 105%,#0000 0 26%,#fff3 27% 34%,#0000 35%),#11634c}.cg-background-thumbnail-spotlight{background:radial-gradient(circle at 75% 28%,#f4a12499 0,#f4a12440 22%,#0000 52%),#11634c}.cg-checkbox-row{cursor:pointer;align-items:center;gap:9px;margin-bottom:12px!important;display:inline-flex!important}.cg-checkbox-row input{accent-color:#0d6a52;width:18px;height:18px}.cg-checkbox-row span{color:#113b2e;font-size:.9rem;font-weight:700}.cg-file-input{box-sizing:border-box;color:#526a61;background:#fff;border:1px solid #113b2e24;border-radius:14px;width:100%;padding:10px;font-size:.82rem}.cg-field-help{color:#75877f;margin:8px 0 0;font-size:.77rem;line-height:1.45}.cg-remove-logo{cursor:pointer;color:#c34f37;font:inherit;background:0 0;border:0;margin-top:10px;padding:0;font-size:.82rem;font-weight:750}.cg-action-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.cg-button{cursor:pointer;min-height:48px;font:inherit;border-radius:14px;padding:0 15px;font-size:.88rem;font-weight:800;transition:transform .2s,background .2s}.cg-button:hover:not(:disabled){transform:translateY(-1px)}.cg-button:disabled{cursor:wait;opacity:.65}.cg-button-primary{color:#fff;background:#0d6a52;border:0}.cg-button-primary:hover:not(:disabled){background:#095a45}.cg-button-secondary{color:#0d6a52;background:#fff;border:1px solid #0d6a522e}.cg-button-reset{color:#113b2e;background:#f3f5f2;border:1px solid #113b2e1a;width:100%;margin-top:9px}.cg-preview-stage{background-image:linear-gradient(45deg,#e9eee9 25%,#0000 25%),linear-gradient(-45deg,#e9eee9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9eee9 75%),linear-gradient(-45deg,#0000 75%,#e9eee9 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border:1px solid #113b2e14;border-radius:21px;place-items:center;min-height:570px;padding:18px;display:grid;overflow:hidden}.cg-preview-viewport{max-width:100%;margin:0 auto;position:relative}.cg-social-card{isolation:isolate;box-sizing:border-box;border-radius:38px;flex-shrink:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.cg-card-inner{z-index:3;box-sizing:border-box;flex-direction:column;height:100%;display:flex;position:relative}.cg-card-category{letter-spacing:.08em;text-transform:uppercase;background:#ffffff14;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;width:fit-content;font-weight:850;display:inline-flex}.cg-template-light .cg-card-category{background:#ffffffb8;border-color:#103c2f24}.cg-card-content{flex-direction:column;flex:1;justify-content:center;display:flex}.cg-card-title{color:inherit;letter-spacing:-.052em;overflow-wrap:anywhere;margin:0;font-weight:900;overflow:hidden}.cg-card-description{overflow-wrap:anywhere;margin-bottom:0;font-weight:500;overflow:hidden}.cg-card-footer{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.cg-card-logo-area{min-width:1px;min-height:1px}.cg-card-logo-box{justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 14px 30px #00000017}.cg-card-logo-box img{object-fit:contain;width:100%;height:100%;display:block}.cg-card-website{text-align:right;overflow-wrap:anywhere;font-weight:800}.cg-card-background{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cg-bg-shape{display:block;position:absolute}.cg-card-background-circles .cg-bg-shape-one{aspect-ratio:1;background:var(--cg-decoration-color);border-radius:50%;width:31%;top:-14%;right:-7%}.cg-card-background-circles .cg-bg-shape-two{aspect-ratio:1;border:22px solid var(--cg-decoration-color);border-radius:50%;width:18%;bottom:-8%;left:16%}.cg-card-background-circles .cg-bg-shape-three{aspect-ratio:1;background:var(--cg-decoration-color);opacity:.42;border-radius:50%;width:8%;bottom:14%;right:15%}.cg-card-background-diagonal .cg-bg-shape-one{background:var(--cg-decoration-color);width:52%;height:160%;top:-25%;right:-24%;transform:rotate(22deg)}.cg-card-background-diagonal .cg-bg-shape-two{background:#ffffff0e;width:18%;height:150%;top:-25%;right:18%;transform:rotate(22deg)}.cg-card-background-diagonal .cg-bg-shape-three{background:var(--cg-decoration-color);opacity:.24;width:11%;height:150%;top:-25%;left:-4%;transform:rotate(22deg)}.cg-card-background-grid{background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(to bottom right,#000000e6,#0000 78%);mask-image:linear-gradient(to bottom right,#000000e6,#0000 78%)}.cg-card-background-grid .cg-bg-shape-one{aspect-ratio:1;border:2px solid var(--cg-accent-color);opacity:.34;border-radius:50%;width:34%;top:-14%;right:-7%}.cg-card-background-grid .cg-bg-shape-two{aspect-ratio:1;border:2px solid var(--cg-decoration-color);width:19%;bottom:4%;right:4%;transform:rotate(45deg)}.cg-card-background-grid .cg-bg-shape-three{background:var(--cg-accent-color);width:9px;height:9px;box-shadow:52px 34px 0 var(--cg-accent-color), -42px 78px 0 var(--cg-accent-color), 74px 118px 0 var(--cg-accent-color);opacity:.6;border-radius:50%;top:22%;right:24%}.cg-card-background-waves .cg-bg-shape-one{border:34px solid var(--cg-decoration-color);border-radius:50%;width:88%;height:42%;bottom:-24%;right:-20%;transform:rotate(-8deg)}.cg-card-background-waves .cg-bg-shape-two{border:24px solid #ffffff0e;border-radius:50%;width:72%;height:32%;bottom:-22%;left:-18%;transform:rotate(8deg)}.cg-card-background-waves .cg-bg-shape-three{aspect-ratio:1;background:var(--cg-decoration-color);border-radius:50%;width:28%;top:-15%;right:-5%}.cg-card-background-spotlight{background:radial-gradient(circle at 77% 24%, var(--cg-decoration-color) 0, transparent 43%)}.cg-card-background-spotlight .cg-bg-shape-one{clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:linear-gradient(#ffffff1f,#0000 68%);width:55%;height:160%;top:-70%;right:-6%;transform:rotate(-8deg)}.cg-card-background-spotlight .cg-bg-shape-two{aspect-ratio:1;border:4px solid var(--cg-accent-color);opacity:.32;border-radius:50%;width:15%;bottom:9%;left:10%}.cg-size-1200x630 .cg-card-inner{padding:46px 54px}.cg-size-1200x630 .cg-card-category{min-height:36px;padding:0 16px;font-size:16px}.cg-size-1200x630 .cg-card-content{padding:17px 0}.cg-size-1200x630 .cg-card-title{max-width:80%;max-height:207px;font-size:69px;line-height:.99}.cg-size-1200x630 .cg-card-description{max-width:67%;max-height:74px;margin-top:17px;font-size:24px;line-height:1.42}.cg-size-1200x630 .cg-card-logo-box{border-radius:13px;width:112px;height:72px;padding:7px}.cg-size-1200x630 .cg-card-website{max-width:320px;font-size:22px}.cg-size-1080x1080 .cg-card-inner{padding:60px}.cg-size-1080x1080 .cg-card-category{min-height:42px;padding:0 18px;font-size:18px}.cg-size-1080x1080 .cg-card-content{padding:34px 0}.cg-size-1080x1080 .cg-card-title{max-width:93%;max-height:360px;font-size:84px;line-height:1}.cg-size-1080x1080 .cg-card-description{max-width:82%;max-height:156px;margin-top:26px;font-size:29px;line-height:1.48}.cg-size-1080x1080 .cg-card-logo-box{border-radius:16px;width:128px;height:92px;padding:9px}.cg-size-1080x1080 .cg-card-website{max-width:330px;font-size:27px}.cg-size-1080x1350 .cg-card-inner{padding:66px 62px}.cg-size-1080x1350 .cg-card-category{min-height:43px;padding:0 18px;font-size:18px}.cg-size-1080x1350 .cg-card-content{padding:45px 0}.cg-size-1080x1350 .cg-card-title{max-width:94%;max-height:390px;font-size:88px;line-height:1}.cg-size-1080x1350 .cg-card-description{max-width:86%;max-height:184px;margin-top:28px;font-size:31px;line-height:1.48}.cg-size-1080x1350 .cg-card-logo-box{border-radius:17px;width:138px;height:102px;padding:10px}.cg-size-1080x1350 .cg-card-website{max-width:340px;font-size:29px}.cg-preview-note{color:#5e746a;align-items:flex-start;gap:8px;margin:15px 0 0;font-size:.82rem;line-height:1.5;display:flex}.cg-preview-note span{background:#68bd80;border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.cg-floating-actions{z-index:70;flex-direction:column;align-items:flex-end;gap:9px;display:flex;position:fixed;bottom:22px;right:22px}.cg-floating-button{cursor:pointer;min-height:39px;font:inherit;border:1px solid #0d594621;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:.8rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 26px #0d594621}.cg-floating-button:hover,.cg-scroll-top-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0d59462e}.cg-contact-button{color:#0d5946;background:#fff}.cg-coffee-button{color:#fff;background:#0d6a52}.cg-scroll-top-button{cursor:pointer;color:#fff;width:40px;height:40px;font:inherit;background:#237c60;border:1px solid #ffffff47;border-radius:50%;place-items:center;font-size:1rem;font-weight:850;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 10px 26px #0d59462e}.cg-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17231f94;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow-y:auto}.cg-modal{color:#17211d;background:#fff;border-radius:20px;width:min(100%,420px);padding:27px 25px 24px;animation:.22s cg-modal-enter;position:relative;box-shadow:0 30px 80px #0000003d}.cg-coffee-modal{width:min(100%,460px)}.cg-modal-close{cursor:pointer;color:#526a61;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1.5rem;line-height:1;display:grid;position:absolute;top:13px;right:15px}.cg-modal-close:hover{color:#0d5946;background:#edf5f0}.cg-modal h2{color:#0d5946;align-items:center;gap:9px;margin:0;padding-right:36px;font-size:1.45rem;line-height:1.2;display:flex}.cg-modal-description{color:#50645c;margin:14px 0 18px;font-size:.94rem;line-height:1.65}.cg-contact-links{gap:10px;display:grid}.cg-contact-link{color:#fff;border-radius:9px;justify-content:center;align-items:center;min-height:48px;font-weight:800;text-decoration:none;transition:filter .2s,transform .2s;display:flex}.cg-contact-link:hover{filter:brightness(.94);transform:translateY(-1px)}.cg-facebook-link{background:#1877f2}.cg-zalo-link{background:#0866ff}.cg-email-link{background:#075d49}.cg-qr-wrapper{background:#f1f5f2;border-radius:15px;place-items:center;margin:10px 0 20px;padding:16px;display:grid}.cg-qr-wrapper img{background:#fff;border-radius:9px;width:min(100%,245px);height:auto;display:block}.cg-bank-information{gap:7px;display:grid}.cg-bank-information p{color:#24342e;margin:0;font-size:.91rem;line-height:1.45}.cg-copy-account-button{cursor:pointer;color:#fff;width:100%;min-height:48px;font:inherit;background:#075d49;border:0;border-radius:9px;margin-top:18px;font-weight:800}.cg-copy-account-button:hover{background:#064d3d}.cg-coffee-thanks{color:#71847b;text-align:center;margin:14px 0 0;font-size:.82rem}@keyframes cg-modal-enter{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cg-toast{z-index:100;color:#fff;border-radius:14px;max-width:min(390px,100% - 48px);padding:14px 17px;font-size:.9rem;font-weight:750;animation:.25s cg-toast-enter;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 46px #00000029}.cg-toast-success{background:#0d6a52}.cg-toast-error{background:#bc4936}@keyframes cg-toast-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1080px){.cg-main-grid{grid-template-columns:1fr}.cg-form-panel,.cg-preview-panel{max-height:none;position:static;overflow:visible}}@media (width<=680px){.cg-container{width:min(100% - 20px,1320px)}.cg-topbar-inner{gap:10px;min-height:72px}.cg-brand-logo-wrap{width:89px;height:47px}.cg-brand-logo{width:88px;height:88px}.cg-brand-tools{padding-left:9px;font-size:.67rem}.cg-beta-badge{display:none}.cg-back-home{min-height:38px;padding:0 12px;font-size:.78rem}.cg-main-grid{padding-top:14px}.cg-panel{border-radius:20px}.cg-form-panel,.cg-preview-panel{padding:18px}.cg-panel-head h1,.cg-panel-head h2{font-size:1.55rem}.cg-two-columns,.cg-preset-grid,.cg-action-row,.cg-background-grid{grid-template-columns:1fr}.cg-preview-stage{min-height:390px;padding:10px}.cg-floating-actions{bottom:12px;right:12px}.cg-floating-button{min-height:37px;padding:0 13px;font-size:.74rem}.cg-scroll-top-button{width:38px;height:38px}.cg-modal-backdrop{padding:12px}.cg-modal{padding:24px 18px 20px}.cg-toast{max-width:calc(100% - 24px);bottom:12px;right:12px}}.cg-ecosystem-menu{position:relative}.cg-ecosystem-menu>summary{list-style:none}.cg-ecosystem-menu>summary::-webkit-details-marker{display:none}.cg-ecosystem-trigger{box-sizing:border-box;color:#0d5946;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffffb8;border:1px solid #0d594624;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:.84rem;font-weight:800;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.cg-ecosystem-trigger:hover{background:#fff;border-color:#0d594657;transform:translateY(-1px);box-shadow:0 10px 24px #0d594614}.cg-ecosystem-trigger-icon{color:#fff;background:#0d6a52;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.63rem;display:inline-grid}.cg-ecosystem-chevron{color:#70847b;font-size:.75rem;transition:transform .2s}.cg-ecosystem-menu[open] .cg-ecosystem-chevron{transform:rotate(180deg)}.cg-ecosystem-dropdown{z-index:80;background:#fff;border:1px solid #113b2e1f;border-radius:18px;width:330px;padding:10px;animation:.2s cg-ecosystem-dropdown-enter;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 24px 65px #113b2e2e}.cg-ecosystem-dropdown:before{content:"";background:#fff;border-top:1px solid #113b2e1f;border-left:1px solid #113b2e1f;width:13px;height:13px;position:absolute;top:-7px;right:52px;transform:rotate(45deg)}.cg-ecosystem-dropdown-head{z-index:1;border-bottom:1px solid #113b2e17;padding:12px 12px 13px;position:relative}.cg-ecosystem-dropdown-head strong,.cg-ecosystem-dropdown-head span{display:block}.cg-ecosystem-dropdown-head strong{color:#0d4c3c;font-size:.94rem}.cg-ecosystem-dropdown-head span{color:#71847b;margin-top:4px;font-size:.74rem}.cg-ecosystem-dropdown-link{z-index:1;color:#113b2e;border-radius:13px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 10px;text-decoration:none;transition:background .2s,transform .2s;display:grid;position:relative}.cg-ecosystem-dropdown-link:hover{background:#edf7f1;transform:translate(2px)}.cg-ecosystem-dropdown-icon{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#0b4d3b,#218361);border-radius:11px;place-items:center;width:40px;height:40px;font-size:.72rem;font-weight:900;display:grid}.cg-ecosystem-dropdown-copy{min-width:0}.cg-ecosystem-dropdown-copy strong,.cg-ecosystem-dropdown-copy small{display:block}.cg-ecosystem-dropdown-copy strong{color:#0d4c3c;font-size:.86rem}.cg-ecosystem-dropdown-copy small{color:#71847b;margin-top:3px;font-size:.72rem}.cg-ecosystem-dropdown-arrow{color:#0d6a52;font-size:1rem;font-weight:800}@keyframes cg-ecosystem-dropdown-enter{0%{opacity:0;transform:translateY(-7px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cg-ecosystem-section{background:linear-gradient(#f3f0e7 0%,#f8f6ef 100%);padding:28px 0 92px}.cg-ecosystem-box{background:radial-gradient(circle at 92% 4%,#f4a1241f,#0000 28%),linear-gradient(135deg,#dff3e8 0%,#eff8f2 100%);border:1px solid #113b2e17;border-radius:30px;padding:38px;overflow:hidden;box-shadow:0 20px 55px #113b2e12}.cg-ecosystem-heading{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:28px;display:flex}.cg-ecosystem-eyebrow{color:#ef8f1f;letter-spacing:.2em;margin-bottom:12px;font-size:.72rem;font-weight:900;display:inline-block}.cg-ecosystem-heading h2{color:#0b3e31;letter-spacing:-.045em;max-width:720px;margin:0;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.05}.cg-ecosystem-heading p{color:#5e746a;max-width:730px;margin:15px 0 0;font-size:.96rem;line-height:1.7}.cg-ecosystem-heading-badge{color:#0d6a52;letter-spacing:.12em;background:#ffffffb8;border:1px solid #0d6a5221;border-radius:999px;flex:none;padding:8px 12px;font-size:.69rem;font-weight:900}.cg-ecosystem-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.cg-ecosystem-card{box-sizing:border-box;color:#113b2e;background:#ffffffc7;border:1px solid #113b2e1a;border-radius:20px;flex-direction:column;min-height:226px;padding:20px;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;display:flex;position:relative;overflow:hidden}.cg-ecosystem-card:after{content:"";pointer-events:none;border:20px solid #0d6a520e;border-radius:50%;width:135px;height:135px;position:absolute;bottom:-54px;right:-48px}.cg-ecosystem-card:hover{background:#fff;border-color:#0d6a5252;transform:translateY(-5px);box-shadow:0 18px 38px #0d59461a}.cg-ecosystem-card-number{color:#ef8f1f;letter-spacing:.12em;font-size:.68rem;font-weight:900;position:absolute;top:18px;right:18px}.cg-ecosystem-card-icon{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#0b4d3b,#218361);border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:20px;font-size:.8rem;font-weight:900;display:grid;box-shadow:0 12px 24px #0d594629}.cg-ecosystem-card-content{z-index:1;position:relative}.cg-ecosystem-card-content h3{color:#0d4c3c;margin:0;font-size:1.15rem}.cg-ecosystem-card-content p{color:#60756b;min-height:63px;margin:9px 0 17px;font-size:.84rem;line-height:1.55}.cg-ecosystem-card-domain{color:#0d6a52;font-size:.76rem;font-weight:800}.cg-ecosystem-card-arrow{z-index:2;color:#0d6a52;font-size:1.1rem;font-weight:900;transition:transform .2s;position:absolute;bottom:18px;right:19px}.cg-ecosystem-card:hover .cg-ecosystem-card-arrow{transform:translate(3px,-3px)}@media (width<=980px){.cg-ecosystem-cards{grid-template-columns:1fr}.cg-ecosystem-card{min-height:190px}.cg-ecosystem-card-content p{min-height:auto}}@media (width<=760px){.cg-header-actions{gap:7px}.cg-ecosystem-trigger{width:42px;min-height:38px;padding:0}.cg-ecosystem-trigger>span:nth-child(2),.cg-ecosystem-chevron{display:none}.cg-ecosystem-dropdown{width:auto;position:fixed;top:78px;left:10px;right:10px}.cg-ecosystem-dropdown:before{display:none}.cg-ecosystem-section{padding:18px 0 80px}.cg-ecosystem-box{border-radius:22px;padding:24px 18px}.cg-ecosystem-heading{flex-direction:column;gap:15px}.cg-ecosystem-heading h2{font-size:2rem}.cg-ecosystem-heading-badge{align-self:flex-start}.cg-ecosystem-card{min-height:200px;padding:18px}}.cg-custom-color-card{background:#f8f9f7;border:1px solid #113b2e21;border-radius:15px;margin-top:10px;padding:10px;transition:border-color .2s,background .2s,box-shadow .2s}.cg-custom-color-card.active{background:#edf7f1;border-color:#0d6a52;box-shadow:inset 0 0 0 1px #0d6a52}.cg-custom-color-select{cursor:pointer;color:#113b2e;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:0;display:flex}.cg-custom-color-preview{border:3px solid #fff;border-radius:50%;flex:none;width:32px;height:32px;box-shadow:0 0 0 1px #113b2e26,0 5px 12px #113b2e1f}.cg-custom-color-select strong,.cg-custom-color-select small{display:block}.cg-custom-color-select strong{color:#0d4c3c;font-size:.86rem}.cg-custom-color-select small{color:#61766d;margin-top:3px;font-size:.72rem}.cg-color-picker-wrap{grid-template-columns:56px minmax(0,1fr);gap:9px;margin-top:11px;display:grid}.cg-color-picker-wrap input[type=color]{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #113b2e29;border-radius:11px;width:56px;height:43px;padding:4px}.cg-color-picker-wrap input[type=color]::-webkit-color-swatch-wrapper{padding:0}.cg-color-picker-wrap input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}.cg-color-picker-wrap input[type=color]::-moz-color-swatch{border:0;border-radius:7px}.cg-color-picker-wrap input[type=text]{box-sizing:border-box;color:#113b2e;width:100%;min-width:0;font:inherit;text-transform:uppercase;background:#fff;border:1px solid #113b2e29;border-radius:11px;outline:none;padding:0 12px;font-size:.82rem;font-weight:750}.cg-color-picker-wrap input[type=text]:focus{border-color:#0d6a52;box-shadow:0 0 0 3px #0d6a5217}.cg-typography-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.cg-typography-heading>label{color:#0d4c3c;margin:0;font-size:.94rem;font-weight:800}.cg-typography-reset{cursor:pointer;color:#0d6a52;font:inherit;background:0 0;border:0;padding:0;font-size:.76rem;font-weight:800}.cg-typography-reset:hover{text-decoration:underline}.cg-font-family-field{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:13px;display:grid}.cg-font-family-field>span{color:#526a61;font-size:.82rem;font-weight:750}.cg-font-family-field select{box-sizing:border-box;color:#113b2e;width:100%;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #113b2e29;border-radius:12px;outline:none;padding:0 38px 0 12px;font-size:.84rem}.cg-font-family-field select:focus{border-color:#0d6a52;box-shadow:0 0 0 3px #0d6a5217}.cg-font-size-controls{background:#f8f9f7;border:1px solid #113b2e1a;border-radius:15px;gap:10px;padding:13px;display:grid}.cg-font-size-row{gap:7px;display:grid;margin:0!important}.cg-font-size-row>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.cg-font-size-row strong{color:#0d4c3c;font-size:.79rem}.cg-font-size-row output{color:#0d6a52;text-align:center;background:#e6f3ec;border-radius:999px;min-width:50px;padding:4px 8px;font-size:.7rem;font-weight:850}.cg-font-size-row input[type=range]{cursor:pointer;accent-color:#0d6a52;border-radius:999px;outline:none;width:100%;height:5px;margin:0}@media (width<=680px){.cg-font-family-field{grid-template-columns:1fr;gap:6px}}.cg-auto-fit-row{cursor:pointer;background:#f8faf8;border:1px solid #113b2e1f;border-radius:14px;align-items:flex-start;gap:10px;padding:12px;margin:14px 0 0!important;display:flex!important}.cg-auto-fit-row input{accent-color:#0d6a52;flex:none;width:18px;height:18px;margin-top:2px}.cg-auto-fit-row span,.cg-auto-fit-row strong,.cg-auto-fit-row small{display:block}.cg-auto-fit-row strong{color:#0d4c3c;font-size:.83rem;line-height:1.35}.cg-auto-fit-row small{color:#6b7f76;text-align:left;margin-top:4px;font-size:.72rem;line-height:1.45}.cg-typography-warning{border-radius:11px;margin:10px 0 0;padding:10px 11px;font-size:.75rem;font-weight:700;line-height:1.45}.cg-typography-warning-info{color:#8a5710;background:#fff7e8;border:1px solid #e0931938}.cg-typography-warning-danger{color:#a23d2c;background:#fff0ed;border:1px solid #bc493638}.cg-card-title,.cg-card-description,.cg-card-website,.cg-card-category{box-sizing:border-box}.cg-card-title{padding-bottom:.14em;line-height:1.1;overflow:hidden}.cg-card-description{padding-bottom:.16em;line-height:1.45;overflow:hidden}.cg-card-website{padding-bottom:.1em;line-height:1.2}.cg-card-category{padding-top:.05em;padding-bottom:.09em;line-height:1.15}.cg-size-1200x630 .cg-card-title{max-height:220px;line-height:1.1}.cg-size-1200x630 .cg-card-description{max-height:84px;line-height:1.45}.cg-size-1080x1080 .cg-card-title{max-height:380px;line-height:1.08}.cg-size-1080x1080 .cg-card-description{max-height:168px;line-height:1.48}.cg-size-1080x1350 .cg-card-title{max-height:410px;line-height:1.08}.cg-size-1080x1350 .cg-card-description{max-height:198px;line-height:1.48}.cg-text-color-section{background:#f8f9f7;border:1px solid #113b2e1a;border-radius:15px;margin-bottom:14px;padding:13px}.cg-text-color-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.cg-text-color-heading strong,.cg-text-color-heading small{display:block}.cg-text-color-heading strong{color:#0d4c3c;font-size:.82rem}.cg-text-color-heading small{color:#6b7f76;margin-top:3px;font-size:.7rem;line-height:1.4}.cg-text-color-reset{cursor:pointer;color:#0d6a52;font:inherit;background:0 0;border:0;flex:none;padding:2px 0;font-size:.74rem;font-weight:850}.cg-text-color-reset:hover{text-decoration:underline}.cg-text-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.cg-text-color-item{box-sizing:border-box;background:#fff;border:1px solid #113b2e1c;border-radius:13px;gap:9px;min-width:0;padding:10px;display:grid}.cg-text-color-item>span:first-child strong,.cg-text-color-item>span:first-child small{display:block}.cg-text-color-item>span:first-child strong{color:#0d4c3c;font-size:.77rem}.cg-text-color-item>span:first-child small{color:#71847b;margin-top:2px;font-size:.66rem;line-height:1.35}.cg-text-color-inputs{grid-template-columns:42px minmax(0,1fr);gap:7px;display:grid}.cg-text-color-inputs input[type=color]{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #113b2e26;border-radius:10px;width:42px;height:38px;padding:3px}.cg-text-color-inputs input[type=color]::-webkit-color-swatch-wrapper{padding:0}.cg-text-color-inputs input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}.cg-text-color-inputs input[type=color]::-moz-color-swatch{border:0;border-radius:6px}.cg-text-color-inputs input[type=text]{box-sizing:border-box;color:#113b2e;width:100%;min-width:0;font:inherit;text-transform:uppercase;background:#fff;border:1px solid #113b2e26;border-radius:10px;outline:none;padding:0 9px;font-size:.7rem;font-weight:800}.cg-text-color-inputs input[type=text]:focus{border-color:#0d6a52;box-shadow:0 0 0 3px #0d6a5214}.cg-text-color-note{color:#6b7f76;margin:10px 0 0;font-size:.7rem;line-height:1.4}@media (width<=680px){.cg-text-color-grid{grid-template-columns:1fr}}:root{--green:#124c3b;--green-dark:#0b382d;--green-light:#dff3e8;--orange:#f28c28;--cream:#f8f5ec;--white:#fff;--text:#17211d;--muted:#64706a;--border:#dfe6e2;--shadow:0 24px 60px #124c3b1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--cream);margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.container{width:min(1180px,100% - 40px);margin:0 auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f5ecf0;border-bottom:1px solid #dfe6e2e6;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:32px;min-height:76px;display:flex}.brand{align-items:center;gap:12px;min-width:190px;display:inline-flex}.brand-logo-wrap{justify-content:center;align-items:center;width:112px;height:54px;display:flex;overflow:hidden}.brand-logo{object-fit:contain;width:108px;height:108px;display:block;transform:scale(1.55)}.brand-product{border-left:1px solid var(--border);color:var(--orange);letter-spacing:.18em;padding-left:12px;font-size:.76rem;font-weight:850}.main-nav{color:var(--muted);align-items:center;gap:30px;font-weight:650;display:flex}.main-nav a{transition:color .2s}.main-nav a:hover{color:var(--green)}.header-button,.primary-button,.secondary-button{border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:750;transition:transform .2s,box-shadow .2s;display:inline-flex}.header-button,.primary-button{color:var(--white);background:var(--green);box-shadow:0 12px 30px #124c3b33}.secondary-button{border:1px solid var(--border);background:var(--white)}.header-button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.hero{background:radial-gradient(circle at 80% 20%,#f28c2826,#0000 28%),radial-gradient(circle at 20% 40%,#124c3b1f,#0000 32%);padding:100px 0 90px;overflow:hidden}.hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:76px;display:grid}.eyebrow{color:var(--orange);letter-spacing:.18em;margin-bottom:18px;font-size:.78rem;font-weight:800;display:inline-block}.hero h1{max-width:760px;color:var(--green-dark);letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,6vw,5.7rem);line-height:.98}.hero h1 span{color:var(--orange)}.hero-content>p{max-width:680px;color:var(--muted);margin:28px 0 0;font-size:1.12rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-benefits{color:var(--green);flex-wrap:wrap;gap:22px;margin-top:28px;font-size:.92rem;font-weight:700;display:flex}.hero-card{background:var(--white);box-shadow:var(--shadow);border:1px solid #124c3b1f;border-radius:30px;overflow:hidden;transform:rotate(2deg)}.preview-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:8px;height:54px;padding:0 22px;display:flex}.preview-toolbar span{background:#c9d4ce;border-radius:50%;width:10px;height:10px}.preview-toolbar span:first-child{background:var(--orange)}.preview-content{min-height:420px;color:var(--white);background:linear-gradient(135deg, #083026f2, #124c3bdb), radial-gradient(circle at top right, var(--orange), transparent 45%);flex-direction:column;justify-content:center;padding:56px;display:flex}.preview-label{letter-spacing:.14em;border:1px solid #ffffff4d;border-radius:999px;width:fit-content;padding:8px 12px;font-size:.72rem;font-weight:800}.preview-content h2{letter-spacing:-.04em;max-width:480px;margin:28px 0 16px;font-size:clamp(2rem,4vw,3.8rem);line-height:1.05}.preview-content p{color:#ffffffbf;max-width:420px;margin:0;line-height:1.65}.preview-footer{color:#ffffffbf;justify-content:space-between;gap:20px;margin-top:70px;font-size:.86rem;display:flex}.tools-section{background:var(--white);padding:110px 0}.section-heading{grid-template-columns:1fr .75fr;align-items:end;gap:60px;margin-bottom:44px;display:grid}.section-heading h2,.ecosystem-card h2{color:var(--green-dark);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08}.section-heading p,.ecosystem-card p{color:var(--muted);margin:0;line-height:1.75}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.tool-card{border:1px solid var(--border);background:#fbfcfb;border-radius:24px;flex-direction:column;min-height:330px;padding:34px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.tool-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #124c3b1a}.tool-card.featured{color:var(--white);background:var(--green)}.tool-number{color:var(--orange);letter-spacing:.12em;font-size:.8rem;font-weight:850}.tool-status{width:fit-content;color:var(--green);background:var(--green-light);border-radius:999px;margin-top:28px;padding:7px 11px;font-size:.74rem;font-weight:750}.featured .tool-status{color:var(--white);background:#ffffff29}.tool-card h3{margin:22px 0 12px;font-size:1.55rem}.tool-card p{color:var(--muted);margin:0;line-height:1.7}.featured p{color:#ffffffb8}.tool-card button,.coming-soon{width:fit-content;margin-top:auto}.tool-card button{min-height:44px;color:var(--green-dark);background:var(--white);font:inherit;cursor:pointer;border:0;border-radius:12px;padding:0 18px;font-weight:750}.coming-soon{color:var(--green);font-size:.85rem;font-weight:750}.ecosystem-section{padding:90px 0}.ecosystem-card{background:var(--green-light);border-radius:30px;grid-template-columns:1fr auto;align-items:center;gap:60px;padding:56px;display:grid}.ecosystem-card p{max-width:720px;margin-top:18px}.ecosystem-links{gap:12px;display:grid}.ecosystem-links a{min-width:190px;color:var(--green);background:#ffffffb8;border:1px solid #124c3b24;border-radius:13px;padding:15px 18px;font-weight:750}.site-footer{color:#ffffffbf;background:var(--green-dark);padding:38px 0}.footer-inner{justify-content:space-between;align-items:center;gap:40px;display:flex}.footer-inner strong{color:var(--white)}.footer-inner p{margin:7px 0 0}@media (width<=900px){.main-nav{display:none}.hero{padding-top:70px}.hero-layout,.section-heading,.ecosystem-card{grid-template-columns:1fr}.hero-layout{gap:56px}.hero-card{transform:none}.section-heading{gap:20px}.ecosystem-links{grid-template-columns:repeat(3,1fr)}.ecosystem-links a{min-width:0}}@media (width<=640px){.container{width:min(100% - 28px,1180px)}.header-inner{min-height:68px}.brand{gap:8px;min-width:0}.brand-logo-wrap{width:92px;height:48px}.brand-logo{width:92px;height:92px}.brand-product{padding-left:9px;font-size:.68rem}.header-button{display:none}.hero{padding:58px 0 70px}.hero h1{font-size:3.1rem}.hero-layout{grid-template-columns:minmax(0,1fr)}.preview-content{min-height:350px;padding:34px 26px}.preview-footer{flex-direction:column;margin-top:48px}.tools-section{padding:78px 0}.tool-grid{grid-template-columns:1fr}.ecosystem-section{padding:60px 0}.ecosystem-card{padding:34px 24px}.ecosystem-links{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}}.tool-start-button{width:fit-content;min-height:44px;color:var(--green-dark);background:var(--white);border-radius:12px;justify-content:center;align-items:center;margin-top:auto;padding:0 18px;font-weight:750;transition:transform .2s;display:inline-flex}.tool-start-button:hover{transform:translateY(-2px)}.tool-card.featured .tool-start-button{color:var(--green-dark);background:var(--white)}.tool-card:not(.featured) .tool-start-button{color:var(--white);background:var(--green)}.home-floating-actions{z-index:80;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:28px;right:28px}.home-floating-actions button{min-height:42px;color:var(--green-dark);background:var(--white);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 18px;font-size:.86rem;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 14px 36px #124c3b29}.home-floating-actions button:nth-child(2),.home-floating-actions button:nth-child(3){color:var(--white);background:var(--green)}.home-floating-actions button:nth-child(3){width:42px;padding:0}.home-floating-actions button:hover{transform:translateY(-2px);box-shadow:0 18px 44px #124c3b3d}.home-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09141094;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.home-modal{background:var(--white);border-radius:22px;width:min(420px,100%);padding:28px;position:relative;box-shadow:0 28px 80px #00000038}.home-modal-close{width:34px;height:34px;color:var(--green-dark);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:1.35rem;position:absolute;top:16px;right:16px}.home-modal h2{color:var(--green-dark);margin:0 38px 12px 0;font-size:1.45rem;line-height:1.2}.home-modal p{color:var(--muted);margin:0;line-height:1.7}.home-modal-actions{gap:10px;margin-top:22px;display:grid}.home-modal-actions a,.home-copy-bank{min-height:46px;color:var(--white);background:var(--green);font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.home-modal-actions a:first-child{background:#1877f2}.home-modal-actions a:nth-child(2){background:#0068ff}.home-qr-box{background:#f4f8f6;border-radius:16px;justify-content:center;margin:18px 0;padding:18px;display:flex}.home-qr-box img{border-radius:10px;width:210px;max-width:100%;height:auto;display:block}.home-bank-info{gap:7px;margin-top:10px;display:grid}.home-bank-info p{color:var(--text);font-size:.92rem}.home-copy-bank{width:100%;margin-top:18px}.home-thanks{text-align:center;font-size:.88rem;margin-top:14px!important}@media (width<=640px){.home-floating-actions{bottom:16px;right:16px}.home-floating-actions button{min-height:40px;padding:0 14px;font-size:.78rem}.home-floating-actions button:nth-child(3){width:40px}.home-modal{padding:24px}}:root{--mg-green:#0f5a45;--mg-green-dark:#0a3e31;--mg-green-soft:#e4f3ec;--mg-orange:#f28c28;--mg-cream:#f8f5ec;--mg-white:#fff;--mg-text:#17211d;--mg-muted:#68766f;--mg-border:#dbe5df;--mg-shadow:0 24px 60px #124c3b1f}.mg-page{min-height:100vh;color:var(--mg-text);background:radial-gradient(circle at 82% 12%, #f28c281f, transparent 28%), radial-gradient(circle at 8% 30%, #0f5a451a, transparent 30%), var(--mg-cream)}.mg-container{width:min(1320px,100% - 40px);margin:0 auto}.mg-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f5ecf0;border-bottom:1px solid #dbe5dff2;position:sticky;top:0}.mg-header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.mg-brand,.mg-header-actions,.mg-tool-switch{align-items:center;display:flex}.mg-brand{flex:none;gap:14px}.mg-brand-logo-wrap{place-items:center;width:120px;height:58px;display:grid;overflow:hidden}.mg-brand-logo{object-fit:contain;width:112px;height:112px;transform:scale(1.5)}.mg-brand>span:last-child{border-left:1px solid var(--mg-border);color:var(--mg-orange);letter-spacing:.18em;padding-left:14px;font-size:.76rem;font-weight:850}.mg-tool-switch{flex:auto;justify-content:center;gap:10px}.mg-tool-switch a{color:var(--mg-muted);border:1px solid #0000;border-radius:999px;padding:10px 14px;font-size:.84rem;font-weight:800}.mg-tool-switch a:hover,.mg-tool-switch a.active{color:var(--mg-green);background:#ffffffc7;border-color:#0f5a451f}.mg-header-actions{flex:none;gap:12px}.mg-beta{color:var(--mg-green);background:var(--mg-green-soft);letter-spacing:.14em;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:850}.mg-back-button{border:1px solid var(--mg-border);min-height:44px;color:var(--mg-green-dark);background:var(--mg-white);border-radius:13px;justify-content:center;align-items:center;padding:0 18px;font-weight:750;display:inline-flex}.mg-ecosystem-menu{position:relative}.mg-ecosystem-menu>button{border:1px solid var(--mg-border);min-height:44px;color:var(--mg-green-dark);background:var(--mg-white);font:inherit;cursor:pointer;border-radius:13px;align-items:center;gap:8px;padding:0 15px;font-weight:800;display:inline-flex}.mg-ecosystem-menu>button span{width:17px;height:17px;color:var(--mg-white);background:var(--mg-green);border-radius:50%;place-items:center;font-size:.45rem;display:grid}.mg-ecosystem-menu>button small{color:var(--mg-muted);font-size:.75rem}.mg-ecosystem-dropdown{visibility:hidden;opacity:0;border:1px solid var(--mg-border);background:var(--mg-white);border-radius:16px;gap:7px;width:230px;padding:10px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(8px);box-shadow:0 18px 44px #124c3b24}.mg-ecosystem-menu:hover .mg-ecosystem-dropdown,.mg-ecosystem-menu:focus-within .mg-ecosystem-dropdown{visibility:visible;opacity:1;transform:translateY(0)}.mg-ecosystem-dropdown a{border-radius:12px;gap:3px;padding:10px;display:grid}.mg-ecosystem-dropdown a:hover{background:#f3f8f5}.mg-ecosystem-dropdown strong{color:var(--mg-green-dark);font-size:.86rem}.mg-ecosystem-dropdown small{color:var(--mg-muted);font-size:.74rem}.mg-main{padding:64px 0 90px}.mg-intro{max-width:850px;margin-bottom:28px}.mg-eyebrow{color:var(--mg-orange);letter-spacing:.18em;font-size:.76rem;font-weight:850}.mg-intro h1{color:var(--mg-green-dark);letter-spacing:-.05em;margin:14px 0 12px;font-size:clamp(2.3rem,5vw,4.6rem);line-height:1}.mg-intro p{max-width:740px;color:var(--mg-muted);margin:0;font-size:1.04rem;line-height:1.7}.mg-tool-navigation{background:#ffffffc7;border:1px solid #dbe5dfeb;border-radius:24px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:20px;margin-bottom:24px;padding:22px;display:grid}.mg-tool-navigation h2{color:var(--mg-green-dark);letter-spacing:-.035em;margin:0;font-size:clamp(1.45rem,2.4vw,2.1rem);line-height:1.1}.mg-tool-navigation-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mg-tool-navigation-links a{border:1px solid var(--mg-border);background:var(--mg-white);border-radius:16px;gap:5px;padding:16px;display:grid}.mg-tool-navigation-links a.active,.mg-tool-navigation-links a:hover{border-color:var(--mg-green);background:var(--mg-green-soft)}.mg-tool-navigation-links strong{color:var(--mg-green-dark)}.mg-tool-navigation-links small{color:var(--mg-muted);line-height:1.45}.mg-workspace{grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);align-items:start;gap:24px;display:grid}.mg-panel{box-shadow:var(--mg-shadow);background:#fffffff2;border:1px solid #dbe5dff2;border-radius:26px;padding:28px}.mg-form-panel{max-height:calc(100vh - 130px);position:sticky;top:106px;overflow:auto}.mg-panel-heading{border-bottom:1px solid var(--mg-border);align-items:flex-start;gap:14px;padding-bottom:20px;display:flex}.mg-panel-heading>span{color:var(--mg-orange);font-size:.78rem;font-weight:900}.mg-panel-heading h2,.mg-code-heading h3{color:var(--mg-green-dark);margin:0}.mg-panel-heading h2{font-size:1.8rem}.mg-panel-heading p,.mg-code-heading p{color:var(--mg-muted);margin:5px 0 0;line-height:1.5}.mg-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.mg-field{gap:8px;display:grid}.mg-field-full{grid-column:1/-1}.mg-field strong{color:var(--mg-green-dark);font-size:.86rem}.mg-field textarea,.mg-field input,.mg-field select{border:1px solid var(--mg-border);width:100%;color:var(--mg-text);font:inherit;background:#fbfdfc;border-radius:13px;outline:none;padding:12px 13px}.mg-field textarea{resize:vertical;line-height:1.55}.mg-field textarea:focus,.mg-field input:focus,.mg-field select:focus{border-color:var(--mg-green);box-shadow:0 0 0 3px #0f5a4514}.mg-field-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mg-counter{border-radius:999px;padding:4px 8px;font-size:.69rem;font-weight:850}.mg-counter.good{color:#0a704f;background:#e5f7ef}.mg-counter.warning{color:#93600e;background:#fff3d8}.mg-counter.danger{color:#a53b2d;background:#ffebe7}.mg-field-help{color:var(--mg-muted);font-size:.72rem;line-height:1.45}.mg-robots{border:1px solid var(--mg-border);background:#f7faf8;border-radius:15px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;padding:14px;display:flex}.mg-robots>div{flex:220px}.mg-robots strong,.mg-robots small{display:block}.mg-robots strong{color:var(--mg-green-dark)}.mg-robots small{color:var(--mg-muted);margin-top:4px}.mg-robots label{color:var(--mg-green-dark);align-items:center;gap:7px;font-weight:750;display:inline-flex}.mg-robots input{width:17px;height:17px;accent-color:var(--mg-green)}.mg-form-actions{grid-template-columns:1fr auto;gap:10px;margin-top:18px;display:grid}.mg-primary,.mg-secondary,.mg-code-heading button,.mg-preview-tabs button{cursor:pointer;font:inherit;border:0;font-weight:800}.mg-primary,.mg-secondary{border-radius:13px;min-height:46px;padding:0 18px}.mg-primary{color:var(--mg-white);background:var(--mg-green)}.mg-secondary{border:1px solid var(--mg-border);color:var(--mg-green-dark);background:var(--mg-white)}.mg-preview-tabs{background:#edf3ef;border-radius:13px;gap:8px;margin:22px 0 16px;padding:5px;display:inline-flex}.mg-preview-tabs button{color:var(--mg-muted);background:0 0;border-radius:10px;padding:9px 16px}.mg-preview-tabs button.active{color:var(--mg-white);background:var(--mg-green)}.mg-google-preview,.mg-social-preview{border:1px solid var(--mg-border);background:var(--mg-white);border-radius:18px}.mg-google-preview{padding:24px}.mg-google-site{align-items:center;gap:11px;display:flex}.mg-google-favicon{width:34px;height:34px;color:var(--mg-white);background:var(--mg-green);border-radius:50%;place-items:center;font-weight:900;display:grid}.mg-google-site strong,.mg-google-site small{display:block}.mg-google-site strong{font-size:.9rem}.mg-google-site small{max-width:620px;color:var(--mg-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.mg-google-preview h3{color:#1a0dab;margin:18px 0 7px;font-size:1.45rem;font-weight:500;line-height:1.25}.mg-google-preview p{color:#4d5156;margin:0;line-height:1.55}.mg-social-preview{overflow:hidden}.mg-social-image{aspect-ratio:1200/630;color:var(--mg-muted);background:linear-gradient(135deg,#0f5a45f0,#0a3e31d1),#dfece6;place-items:center;display:grid;overflow:hidden}.mg-social-image img{object-fit:cover;width:100%;height:100%}.mg-social-body{padding:18px 20px 20px}.mg-social-body small{color:var(--mg-muted);text-transform:uppercase}.mg-social-body h3{margin:7px 0;font-size:1.25rem}.mg-social-body p{color:var(--mg-muted);margin:0;line-height:1.5}.mg-code-heading{justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.mg-code-heading button{min-height:40px;color:var(--mg-white);background:var(--mg-green);border-radius:11px;flex:none;padding:0 14px}.mg-code-box{color:#dff7ec;white-space:pre-wrap;word-break:break-word;background:#0b2f26;border-radius:16px;max-height:430px;margin:14px 0 0;padding:20px;font-size:.82rem;line-height:1.65;overflow:auto}.mg-ecosystem-section{margin-top:64px}.mg-ecosystem-card{background:radial-gradient(circle at 90% 20%,#f28c2821,#0000 25%),linear-gradient(135deg,#dcf4e9,#f3f8ed);border:1px solid #0f5a451f;border-radius:30px;padding:44px;box-shadow:0 22px 50px #124c3b17}.mg-ecosystem-copy h2{max-width:720px;color:var(--mg-green-dark);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.mg-ecosystem-copy p{max-width:800px;color:var(--mg-muted);margin:18px 0 0;line-height:1.75}.mg-ecosystem-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.mg-ecosystem-link-grid a{background:#ffffffc7;border:1px solid #0f5a451f;border-radius:18px;flex-direction:column;min-height:190px;padding:20px;display:flex;position:relative;overflow:hidden}.mg-ecosystem-link-grid a:after{content:"";border:18px solid #0f5a4512;border-radius:50%;width:128px;height:128px;position:absolute;bottom:-48px;right:-38px}.mg-ecosystem-icon{width:46px;height:46px;color:var(--mg-white);background:var(--mg-green);border-radius:13px;place-items:center;font-weight:900;display:grid}.mg-ecosystem-index{color:var(--mg-orange);font-size:.76rem;font-weight:900;position:absolute;top:20px;right:20px}.mg-ecosystem-link-grid strong{color:var(--mg-green-dark);margin-top:18px;font-size:1.1rem}.mg-ecosystem-link-grid small{color:var(--mg-muted);margin-top:8px;line-height:1.55}.mg-ecosystem-link-grid em{color:var(--mg-green);margin-top:auto;font-style:normal;font-weight:850}.mg-floating-actions{z-index:60;justify-items:end;gap:10px;display:grid;position:fixed;bottom:24px;right:24px}.mg-floating-actions button,.mg-floating-actions a{min-height:42px;color:var(--mg-green-dark);background:var(--mg-white);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:.84rem;font-weight:850;display:inline-flex;box-shadow:0 14px 34px #124c3b26}.mg-floating-actions button:nth-child(2),.mg-floating-actions a{color:var(--mg-white);background:var(--mg-green)}.mg-floating-actions a{width:42px;padding:0}.mg-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f18147a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.mg-modal{background:var(--mg-white);border-radius:18px;width:min(430px,100%);padding:24px;position:relative;box-shadow:0 26px 80px #0003}.mg-modal-close{color:#33423c;cursor:pointer;background:0 0;border:0;font-size:1.4rem;position:absolute;top:14px;right:14px}.mg-modal h2{color:var(--mg-green-dark);margin:0;font-size:1.5rem}.mg-modal p{color:#42524b;margin:12px 0 0;line-height:1.65}.mg-modal-actions{gap:9px;margin-top:18px;display:grid}.mg-modal-actions a,.mg-copy-bank{min-height:44px;color:var(--mg-white);font:inherit;cursor:pointer;background:#1473e6;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-weight:850;display:inline-flex}.mg-modal-actions a:nth-child(2){background:#0668ff}.mg-modal-actions a:nth-child(3),.mg-copy-bank{background:var(--mg-green)}.mg-qr-box{background:#f3f7f5;border-radius:12px;place-items:center;margin-top:16px;padding:18px;display:grid}.mg-qr-box img{width:min(210px,100%);height:auto;display:block}.mg-bank-info{margin-top:14px}.mg-bank-info p{color:#1f2b27;margin:5px 0}.mg-copy-bank{width:100%;margin-top:14px}.mg-thanks{text-align:center;font-size:.86rem;color:var(--mg-muted)!important}@media (width<=1100px){.mg-tool-switch{display:none}}@media (width<=980px){.mg-workspace,.mg-tool-navigation{grid-template-columns:1fr}.mg-form-panel{max-height:none;position:static}.mg-ecosystem-link-grid{grid-template-columns:1fr}}@media (width<=640px){.mg-container{width:min(100% - 24px,1320px)}.mg-header-inner{min-height:70px}.mg-brand-logo-wrap{width:90px;height:48px}.mg-brand-logo{width:92px;height:92px}.mg-brand>span:last-child{padding-left:9px;font-size:.66rem}.mg-ecosystem-menu,.mg-beta{display:none}.mg-back-button{min-height:40px;padding:0 13px;font-size:.82rem}.mg-main{padding-top:42px}.mg-intro h1{font-size:2.7rem}.mg-panel,.mg-tool-navigation,.mg-ecosystem-card{border-radius:20px;padding:20px}.mg-form-grid,.mg-tool-navigation-links{grid-template-columns:1fr}.mg-field-full{grid-column:auto}.mg-form-actions{grid-template-columns:1fr}.mg-code-heading{flex-direction:column;align-items:flex-start}.mg-code-heading button{width:100%}.mg-floating-actions{bottom:14px;right:14px}}.mg-header .mg-brand{min-width:190px;color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.mg-header .mg-brand-logo-wrap{justify-content:center;align-items:center;width:116px;height:58px;display:flex;overflow:hidden}.mg-header .mg-brand-logo{object-fit:contain;transform-origin:50%;width:112px;height:112px;display:block;transform:scale(1.55)}.mg-header .mg-brand>span:last-child{color:#ef8f1f;letter-spacing:.18em;border-left:1px solid #113b2e21;padding-left:12px;font-size:.8rem;font-weight:850}.mg-tool-switch{min-width:0}@media (width<=640px){.mg-header .mg-brand{gap:8px;min-width:0}.mg-header .mg-brand-logo-wrap{width:89px;height:47px}.mg-header .mg-brand-logo{width:88px;height:88px;transform:scale(1.55)}.mg-header .mg-brand>span:last-child{padding-left:9px;font-size:.67rem}}:root{--qr-green:#0f5a45;--qr-green-dark:#0a3e31;--qr-green-soft:#e4f3ec;--qr-orange:#f28c28;--qr-cream:#f8f5ec;--qr-white:#fff;--qr-text:#17211d;--qr-muted:#68766f;--qr-border:#dbe5df;--qr-shadow:0 24px 60px #124c3b1f}.qr-page{min-height:100vh;color:var(--qr-text);background:radial-gradient(circle at 82% 12%, #f28c281f, transparent 28%), radial-gradient(circle at 8% 30%, #0f5a451a, transparent 30%), var(--qr-cream)}.qr-container{width:min(1320px,100% - 40px);margin:0 auto}.qr-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f5ecf0;border-bottom:1px solid #dbe5dff2;position:sticky;top:0}.qr-header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.qr-brand,.qr-header-actions,.qr-tool-switch{align-items:center;display:flex}.qr-brand{min-width:190px;color:inherit;flex:none;gap:12px;text-decoration:none}.qr-brand-logo-wrap{justify-content:center;align-items:center;width:116px;height:58px;display:flex;overflow:hidden}.qr-brand-logo{object-fit:contain;transform-origin:50%;width:112px;height:112px;display:block;transform:scale(1.55)}.qr-brand>span:last-child{color:var(--qr-orange);letter-spacing:.18em;border-left:1px solid #113b2e21;padding-left:12px;font-size:.8rem;font-weight:850}.qr-tool-switch{flex:auto;justify-content:center;gap:10px;min-width:0}.qr-tool-switch a{color:var(--qr-muted);border:1px solid #0000;border-radius:999px;padding:10px 14px;font-size:.84rem;font-weight:800}.qr-tool-switch a:hover,.qr-tool-switch a.active{color:var(--qr-green);background:#ffffffc7;border-color:#0f5a451f}.qr-header-actions{flex:none;gap:12px}.qr-beta{color:var(--qr-green);background:var(--qr-green-soft);letter-spacing:.14em;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:850}.qr-back-button{border:1px solid var(--qr-border);min-height:44px;color:var(--qr-green-dark);background:var(--qr-white);border-radius:13px;justify-content:center;align-items:center;padding:0 18px;font-weight:750;display:inline-flex}.qr-ecosystem-menu{position:relative}.qr-ecosystem-menu>button{border:1px solid var(--qr-border);min-height:44px;color:var(--qr-green-dark);background:var(--qr-white);font:inherit;cursor:pointer;border-radius:13px;align-items:center;gap:8px;padding:0 15px;font-weight:800;display:inline-flex}.qr-ecosystem-menu>button span{width:17px;height:17px;color:var(--qr-white);background:var(--qr-green);border-radius:50%;place-items:center;font-size:.45rem;display:grid}.qr-ecosystem-menu>button small{color:var(--qr-muted);font-size:.75rem}.qr-ecosystem-dropdown{visibility:hidden;opacity:0;border:1px solid var(--qr-border);background:var(--qr-white);border-radius:16px;gap:7px;width:230px;padding:10px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(8px);box-shadow:0 18px 44px #124c3b24}.qr-ecosystem-menu:hover .qr-ecosystem-dropdown,.qr-ecosystem-menu:focus-within .qr-ecosystem-dropdown{visibility:visible;opacity:1;transform:translateY(0)}.qr-ecosystem-dropdown a{border-radius:12px;gap:3px;padding:10px;display:grid}.qr-ecosystem-dropdown a:hover{background:#f3f8f5}.qr-ecosystem-dropdown strong{color:var(--qr-green-dark);font-size:.86rem}.qr-ecosystem-dropdown small{color:var(--qr-muted);font-size:.74rem}.qr-main{padding:64px 0 90px}.qr-intro{max-width:850px;margin-bottom:28px}.qr-eyebrow{color:var(--qr-orange);letter-spacing:.18em;font-size:.76rem;font-weight:850}.qr-intro h1{color:var(--qr-green-dark);letter-spacing:-.05em;margin:14px 0 12px;font-size:clamp(2.3rem,5vw,4.6rem);line-height:1}.qr-intro p{max-width:740px;color:var(--qr-muted);margin:0;font-size:1.04rem;line-height:1.7}.qr-tool-navigation{background:#ffffffc7;border:1px solid #dbe5dfeb;border-radius:24px;grid-template-columns:.75fr 1.25fr;align-items:center;gap:20px;margin-bottom:24px;padding:22px;display:grid}.qr-tool-navigation h2{color:var(--qr-green-dark);letter-spacing:-.035em;margin:0;font-size:clamp(1.45rem,2.4vw,2.1rem);line-height:1.1}.qr-tool-navigation-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.qr-tool-navigation-links a{border:1px solid var(--qr-border);background:var(--qr-white);border-radius:16px;gap:5px;padding:16px;display:grid}.qr-tool-navigation-links a.active,.qr-tool-navigation-links a:hover{border-color:var(--qr-green);background:var(--qr-green-soft)}.qr-tool-navigation-links strong{color:var(--qr-green-dark)}.qr-tool-navigation-links small{color:var(--qr-muted);line-height:1.45}.qr-workspace{grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);align-items:start;gap:24px;display:grid}.qr-panel{box-shadow:var(--qr-shadow);background:#fffffff2;border:1px solid #dbe5dff2;border-radius:26px;padding:28px}.qr-form-panel{max-height:calc(100vh - 130px);position:sticky;top:106px;overflow:auto}.qr-panel-heading{border-bottom:1px solid var(--qr-border);align-items:flex-start;gap:14px;padding-bottom:20px;display:flex}.qr-panel-heading>span{color:var(--qr-orange);font-size:.78rem;font-weight:900}.qr-panel-heading h2{color:var(--qr-green-dark);margin:0;font-size:1.8rem}.qr-panel-heading p{color:var(--qr-muted);margin:5px 0 0;line-height:1.5}.qr-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.qr-mode-grid button{border:1px solid var(--qr-border);text-align:left;cursor:pointer;background:#fbfdfc;border-radius:15px;gap:4px;padding:14px;display:grid}.qr-mode-grid button.active,.qr-mode-grid button:hover{border-color:var(--qr-green);background:var(--qr-green-soft)}.qr-mode-grid strong{color:var(--qr-green-dark)}.qr-mode-grid small{color:var(--qr-muted);line-height:1.4}.qr-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.qr-field{gap:8px;display:grid}.qr-field-full{grid-column:1/-1}.qr-field strong{color:var(--qr-green-dark);font-size:.86rem}.qr-field textarea,.qr-field input,.qr-field select{border:1px solid var(--qr-border);width:100%;color:var(--qr-text);font:inherit;background:#fbfdfc;border-radius:13px;outline:none;padding:12px 13px}.qr-field textarea{resize:vertical;line-height:1.55}.qr-field textarea:focus,.qr-field input:focus,.qr-field select:focus{border-color:var(--qr-green);box-shadow:0 0 0 3px #0f5a4514}.qr-field input:disabled{color:#9aa6a0;background:#f1f4f2}.qr-field input[type=range]{accent-color:var(--qr-green);padding:0}.qr-field-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.qr-field-label-row small{color:var(--qr-green);background:var(--qr-green-soft);border-radius:999px;padding:4px 9px;font-weight:850}.qr-color-row{grid-template-columns:52px 1fr;gap:9px;display:grid}.qr-color-row input[type=color]{cursor:pointer;height:46px;padding:5px}.qr-current-value{border:1px solid var(--qr-border);background:#f7faf8;border-radius:16px;gap:6px;margin-top:18px;padding:14px;display:grid}.qr-current-value strong{color:var(--qr-green-dark)}.qr-current-value small{color:var(--qr-muted)}.qr-current-value pre{color:#dff7ec;white-space:pre-wrap;word-break:break-word;background:#0b2f26;border-radius:12px;max-height:140px;margin:0;padding:12px;font-size:.78rem;line-height:1.55;overflow:auto}.qr-form-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.qr-primary,.qr-secondary,.qr-reset{min-height:46px;font:inherit;cursor:pointer;border-radius:13px;padding:0 18px;font-weight:850}.qr-primary{color:var(--qr-white);background:var(--qr-green);border:0}.qr-secondary,.qr-reset{border:1px solid var(--qr-border);color:var(--qr-green-dark);background:var(--qr-white)}.qr-reset{grid-column:1/-1}.qr-primary:disabled,.qr-secondary:disabled{cursor:not-allowed;opacity:.55}.qr-preview-stage{background-color:#fbfdfc;background-image:linear-gradient(45deg,#edf4ef 25%,#0000 25%),linear-gradient(-45deg,#edf4ef 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#edf4ef 75%),linear-gradient(-45deg,#0000 75%,#edf4ef 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:22px;place-items:center;min-height:520px;margin-top:24px;padding:34px;display:grid}.qr-preview-stage img{border-radius:18px;width:min(420px,100%);height:auto;display:block;box-shadow:0 20px 50px #124c3b29}.qr-empty{border:1px dashed var(--qr-border);width:min(420px,100%);min-height:280px;color:var(--qr-muted);text-align:center;background:#ffffffb8;border-radius:18px;place-items:center;display:grid}.qr-preview-note{color:var(--qr-muted);align-items:flex-start;gap:9px;margin-top:14px;line-height:1.55;display:flex}.qr-preview-note span{background:#62b682;border-radius:50%;flex:none;width:8px;height:8px;margin-top:8px}.qr-preview-note p{margin:0}.qr-tips{border:1px solid var(--qr-border);background:#f7faf8;border-radius:18px;margin-top:24px;padding:20px}.qr-tips h3{color:var(--qr-green-dark);margin:0 0 10px}.qr-tips ul{color:var(--qr-muted);margin:0;padding-left:20px;line-height:1.7}.qr-ecosystem-section{margin-top:64px}.qr-ecosystem-card{background:radial-gradient(circle at 90% 20%,#f28c2821,#0000 25%),linear-gradient(135deg,#dcf4e9,#f3f8ed);border:1px solid #0f5a451f;border-radius:30px;padding:44px;box-shadow:0 22px 50px #124c3b17}.qr-ecosystem-copy h2{max-width:720px;color:var(--qr-green-dark);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.qr-ecosystem-copy p{max-width:800px;color:var(--qr-muted);margin:18px 0 0;line-height:1.75}.qr-ecosystem-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.qr-ecosystem-link-grid a{background:#ffffffc7;border:1px solid #0f5a451f;border-radius:18px;flex-direction:column;min-height:190px;padding:20px;display:flex;position:relative;overflow:hidden}.qr-ecosystem-link-grid a:after{content:"";border:18px solid #0f5a4512;border-radius:50%;width:128px;height:128px;position:absolute;bottom:-48px;right:-38px}.qr-ecosystem-icon{width:46px;height:46px;color:var(--qr-white);background:var(--qr-green);border-radius:13px;place-items:center;font-weight:900;display:grid}.qr-ecosystem-index{color:var(--qr-orange);font-size:.76rem;font-weight:900;position:absolute;top:20px;right:20px}.qr-ecosystem-link-grid strong{color:var(--qr-green-dark);margin-top:18px;font-size:1.1rem}.qr-ecosystem-link-grid small{color:var(--qr-muted);margin-top:8px;line-height:1.55}.qr-ecosystem-link-grid em{color:var(--qr-green);margin-top:auto;font-style:normal;font-weight:850}.qr-floating-actions{z-index:60;justify-items:end;gap:10px;display:grid;position:fixed;bottom:24px;right:24px}.qr-floating-actions button,.qr-floating-actions a{min-height:42px;color:var(--qr-green-dark);background:var(--qr-white);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:.84rem;font-weight:850;display:inline-flex;box-shadow:0 14px 34px #124c3b26}.qr-floating-actions button:nth-child(2),.qr-floating-actions a{color:var(--qr-white);background:var(--qr-green)}.qr-floating-actions a{width:42px;padding:0}.qr-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f18147a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.qr-modal{background:var(--qr-white);border-radius:18px;width:min(430px,100%);padding:24px;position:relative;box-shadow:0 26px 80px #0003}.qr-modal-close{color:#33423c;cursor:pointer;background:0 0;border:0;font-size:1.4rem;position:absolute;top:14px;right:14px}.qr-modal h2{color:var(--qr-green-dark);margin:0;font-size:1.5rem}.qr-modal p{color:#42524b;margin:12px 0 0;line-height:1.65}.qr-modal-actions{gap:9px;margin-top:18px;display:grid}.qr-modal-actions a,.qr-copy-bank{min-height:44px;color:var(--qr-white);font:inherit;cursor:pointer;background:#1473e6;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-weight:850;display:inline-flex}.qr-modal-actions a:nth-child(2){background:#0668ff}.qr-modal-actions a:nth-child(3),.qr-copy-bank{background:var(--qr-green)}.qr-qr-box{background:#f3f7f5;border-radius:12px;place-items:center;margin-top:16px;padding:18px;display:grid}.qr-qr-box img{width:min(210px,100%);height:auto;display:block}.qr-bank-info{margin-top:14px}.qr-bank-info p{color:#1f2b27;margin:5px 0}.qr-copy-bank{width:100%;margin-top:14px}.qr-thanks{text-align:center;font-size:.86rem;color:var(--qr-muted)!important}@media (width<=1160px){.qr-tool-switch{display:none}}@media (width<=980px){.qr-workspace,.qr-tool-navigation{grid-template-columns:1fr}.qr-form-panel{max-height:none;position:static}.qr-tool-navigation-links,.qr-ecosystem-link-grid{grid-template-columns:1fr}}@media (width<=640px){.qr-container{width:min(100% - 24px,1320px)}.qr-header-inner{min-height:70px}.qr-brand{gap:8px;min-width:0}.qr-brand-logo-wrap{width:89px;height:47px}.qr-brand-logo{width:88px;height:88px;transform:scale(1.55)}.qr-brand>span:last-child{padding-left:9px;font-size:.67rem}.qr-ecosystem-menu,.qr-beta{display:none}.qr-back-button{min-height:40px;padding:0 13px;font-size:.82rem}.qr-main{padding-top:42px}.qr-intro h1{font-size:2.7rem}.qr-panel,.qr-tool-navigation,.qr-ecosystem-card{border-radius:20px;padding:20px}.qr-form-grid,.qr-mode-grid{grid-template-columns:1fr}.qr-field-full{grid-column:auto}.qr-form-actions{grid-template-columns:1fr}.qr-reset{grid-column:auto}.qr-preview-stage{min-height:360px;padding:20px}.qr-floating-actions{bottom:14px;right:14px}}:root{--tp-green:#124c3b;--tp-green-dark:#0b382d;--tp-green-soft:#dff3e8;--tp-orange:#f28c28;--tp-cream:#f8f5ec;--tp-white:#fff;--tp-text:#17211d;--tp-muted:#64706a;--tp-border:#dfe6e2;--tp-shadow:0 24px 60px #124c3b1f}.tp-page{min-height:100vh;color:var(--tp-text);background:radial-gradient(circle at 88% 18%, #f28c2821, transparent 26%), radial-gradient(circle at 10% 38%, #124c3b1c, transparent 30%), var(--tp-cream)}.tp-container{width:min(1180px,100% - 40px);margin:0 auto}.tp-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f5ecf0;border-bottom:1px solid #dfe6e2e6;position:sticky;top:0}.tp-header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:76px;display:grid}.tp-brand{color:var(--tp-orange);letter-spacing:.18em;align-items:center;gap:12px;font-size:.76rem;font-weight:850;display:inline-flex}.tp-brand-logo-wrap{justify-content:center;align-items:center;width:112px;height:54px;display:flex;overflow:hidden}.tp-brand-logo-wrap img{object-fit:contain;width:108px;height:108px;transform:scale(1.55)}.tp-tool-switch,.tp-header-actions,.tp-quick-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.tp-tool-switch a,.tp-ecosystem-btn,.tp-back-home,.tp-beta{min-height:40px;color:var(--tp-green);white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;padding:0 16px;font-size:.85rem;font-weight:800;display:inline-flex}.tp-tool-switch a.active,.tp-tool-switch a:hover,.tp-ecosystem-btn,.tp-back-home{border:1px solid var(--tp-border);background:var(--tp-white);box-shadow:0 12px 30px #124c3b14}.tp-beta{color:var(--tp-green);background:var(--tp-green-soft);letter-spacing:.12em;font-size:.72rem}.tp-hero{padding:76px 0 30px}.tp-eyebrow{color:var(--tp-orange);letter-spacing:.18em;margin-bottom:14px;font-size:.75rem;font-weight:850;display:inline-block}.tp-hero h1{max-width:860px;color:var(--tp-green-dark);letter-spacing:-.055em;margin:0;font-size:clamp(2.6rem,6vw,5.1rem);line-height:.98}.tp-hero p{max-width:780px;color:var(--tp-muted);margin:24px 0 0;font-size:1.04rem;line-height:1.75}.tp-quick-nav,.tp-intro-card,.tp-workspace>*,.tp-ecosystem{border:1px solid var(--tp-border);box-shadow:var(--tp-shadow);background:#ffffffdb;border-radius:26px}.tp-quick-nav{grid-template-columns:.8fr 1.2fr;align-items:center;gap:26px;margin-top:16px;padding:28px;display:grid}.tp-quick-nav h2,.tp-intro-card h2,.tp-ecosystem h2{color:var(--tp-green-dark);letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.1}.tp-quick-links{justify-content:stretch}.tp-quick-links a{border:1px solid var(--tp-border);min-height:68px;color:var(--tp-green-dark);background:#fbfcfb;border-radius:16px;flex-direction:column;flex:190px;justify-content:center;gap:5px;padding:12px 16px;display:flex}.tp-quick-links a.active{border-color:var(--tp-green);background:var(--tp-green-soft)}.tp-quick-links small{color:var(--tp-muted)}.tp-intro-card{background:var(--tp-green-soft);margin-top:28px;padding:34px}.tp-intro-card p,.tp-ecosystem p{color:var(--tp-muted);line-height:1.75}.tp-finger-tips{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.tp-finger-tips span,.tp-tabs button{background:var(--tp-white);color:var(--tp-green);border:1px solid #124c3b2e;border-radius:999px;padding:10px 16px;font-weight:800}.tp-tabs{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.tp-tabs button{cursor:pointer}.tp-tabs button.active,.tp-tabs button:hover{color:var(--tp-white);background:var(--tp-green)}.tp-workspace{grid-template-columns:320px minmax(0,1fr);gap:22px;margin-top:22px;display:grid}.tp-workspace>*{padding:24px}.tp-panel-heading span,.tp-lesson-head .tp-eyebrow{color:var(--tp-orange);font-weight:850}.tp-panel-heading h2,.tp-lesson-head h2{color:var(--tp-green-dark);margin:8px 0;font-size:1.7rem}.tp-panel-heading p,.tp-lesson-head p{color:var(--tp-muted);margin:0}.tp-lesson-list{gap:10px;max-height:680px;margin-top:20px;padding-right:6px;display:grid;overflow:auto}.tp-lesson-list button{border:1px solid var(--tp-border);color:var(--tp-green-dark);text-align:left;cursor:pointer;background:#fbfcfb;border-radius:14px;gap:7px;padding:14px;display:grid}.tp-lesson-list button.active,.tp-lesson-list button:hover{border-color:var(--tp-green);background:var(--tp-green-soft)}.tp-lesson-list span{color:var(--tp-muted);font-size:.86rem;line-height:1.45}.tp-topbar{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:24px;display:grid}.tp-stat{border:1px solid var(--tp-border);text-align:center;background:#f7fbf8;border-radius:14px;padding:12px 10px}.tp-stat span{color:var(--tp-muted);font-size:.76rem;display:block}.tp-stat strong{color:var(--tp-green-dark);font-size:1.35rem}.tp-text-box{border:1px solid var(--tp-border);color:#7b8580;white-space:pre-wrap;background:#fbfcfb;border-radius:18px;min-height:260px;max-height:360px;margin-top:22px;padding:26px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.22rem;line-height:1.85;overflow:auto}.tp-char.is-correct{color:var(--tp-green);background:#dff3e8d9}.tp-char.is-wrong{color:#b42318;background:#ffe4e0}.tp-char.is-current{border-bottom:3px solid var(--tp-orange);color:var(--tp-green-dark)}.tp-practice-panel textarea{border:1px solid var(--tp-border);background:var(--tp-white);width:100%;min-height:140px;color:var(--tp-green-dark);font:inherit;resize:vertical;border-radius:18px;margin-top:18px;padding:18px;font-size:1.05rem;line-height:1.7}.tp-practice-panel textarea:disabled{color:var(--tp-muted);background:#fbfcfb}.tp-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.tp-primary,.tp-secondary{min-height:46px;font:inherit;cursor:pointer;border-radius:14px;padding:0 22px;font-weight:850}.tp-primary{color:var(--tp-white);background:var(--tp-green);border:0}.tp-secondary{border:1px solid var(--tp-border);color:var(--tp-green);background:var(--tp-green-soft)}.tp-result{color:#8a4b0f;background:#fff7e8;border:1px solid #f28c284d;border-radius:14px;margin-top:16px;padding:14px 16px}.tp-ecosystem{background:var(--tp-green-soft);grid-template-columns:1fr 1.3fr;gap:28px;margin-top:34px;margin-bottom:80px;padding:34px;display:grid}.tp-ecosystem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tp-ecosystem-grid a{min-height:120px;color:var(--tp-green);background:#ffffffb8;border:1px solid #124c3b24;border-radius:16px;flex-direction:column;justify-content:space-between;padding:18px;font-weight:850;display:flex}.tp-ecosystem-grid span{font-size:.85rem}.tp-floating-actions{z-index:40;justify-items:end;gap:10px;display:grid;position:fixed;bottom:22px;right:22px}.tp-floating-actions a{min-height:42px;color:var(--tp-green);background:var(--tp-white);border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-weight:850;display:inline-flex;box-shadow:0 12px 34px #124c3b29}.tp-floating-actions a:nth-child(2),.tp-floating-actions a:last-child{color:var(--tp-white);background:var(--tp-green)}@media (width<=1024px){.tp-header-inner,.tp-quick-nav,.tp-workspace,.tp-ecosystem{grid-template-columns:1fr}.tp-tool-switch,.tp-header-actions{justify-content:flex-start}.tp-topbar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.tp-container{width:min(100% - 28px,1180px)}.tp-header-inner{min-height:auto;padding:12px 0}.tp-brand-logo-wrap{width:92px;height:46px}.tp-brand-logo-wrap img{width:92px;height:92px}.tp-tool-switch a,.tp-ecosystem-btn,.tp-back-home,.tp-beta{min-height:36px;padding:0 12px;font-size:.76rem}.tp-hero{padding-top:46px}.tp-hero h1{font-size:2.75rem}.tp-quick-nav,.tp-intro-card,.tp-workspace>*,.tp-ecosystem{padding:20px}.tp-topbar{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-text-box{padding:18px;font-size:1rem}.tp-ecosystem-grid{grid-template-columns:1fr}.tp-floating-actions{bottom:14px;right:14px}}.tp-ecosystem-section{width:min(1180px,100% - 40px);margin:42px auto 70px}.tp-ecosystem-card{background:radial-gradient(circle at 92% 18%,#f28c2833,#0000 30%),linear-gradient(135deg,#dff3e8 0%,#eef8f1 46%,#f8f5ec 100%);border:1px solid #124c3b1f;border-radius:30px;padding:56px;position:relative;overflow:hidden;box-shadow:0 24px 60px #124c3b1a}.tp-ecosystem-head{max-width:760px}.tp-ecosystem-head h2{color:#0b382d;letter-spacing:-.045em;max-width:700px;margin:0;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.08}.tp-ecosystem-head p{color:#64706a;max-width:760px;margin:22px 0 0;font-size:1rem;line-height:1.75}.tp-ecosystem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.tp-ecosystem-item{color:#124c3b;background:#ffffffbd;border:1px solid #124c3b1f;border-radius:18px;flex-direction:column;min-height:180px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.tp-ecosystem-item:after{content:"";border:18px solid #124c3b0f;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-72px;right:-54px}.tp-ecosystem-item:hover{border-color:#124c3b52;transform:translateY(-4px);box-shadow:0 18px 42px #124c3b1a}.tp-ecosystem-icon{color:#fff;background:#127a5d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9rem;font-weight:900;display:inline-flex}.tp-ecosystem-number{color:#f28c28;letter-spacing:.1em;font-size:.78rem;font-weight:900;position:absolute;top:24px;right:24px}.tp-ecosystem-item strong{color:#124c3b;margin-top:22px;font-size:1.12rem}.tp-ecosystem-item p{color:#64706a;margin:12px 0 0;font-size:.92rem;line-height:1.65}.tp-ecosystem-item small{color:#0b5c47;margin-top:auto;font-size:.86rem;font-weight:850}@media (width<=900px){.tp-ecosystem-card{padding:38px 28px}.tp-ecosystem-grid{grid-template-columns:1fr}.tp-ecosystem-item{min-height:160px}}@media (width<=640px){.tp-ecosystem-section{width:min(100% - 28px,1180px);margin:34px auto 56px}.tp-ecosystem-card{border-radius:24px;padding:30px 22px}.tp-ecosystem-head h2{font-size:2.25rem}}