:root{--black:#111111;--text-muted:#666666;--border:rgba(0,0,0,.10);--bg:#fafafa;--light-bg:#f3f3f3;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--black);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;}
::selection{background:#111;color:#fff;}
a{text-decoration:none;color:#126b5a;}
/* Navbar */
.site-navbar{min-height:76px;padding:12px 0;border-bottom:1px solid rgba(34,95,65,.12);background:rgba(250,253,250,.94);box-shadow:0 8px 28px rgba(19,61,39,.04);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.site-brand{margin-right:0;color:#183d2e;white-space:normal;}
.site-brand:hover{color:#176b56;}
.brand-mark{width:40px;height:40px;flex:0 0 40px;display:inline-flex;border-radius:12px;box-shadow:0 7px 15px rgba(22,101,69,.18);}
.brand-mark img{display:block;width:100%;height:100%;}
.brand-name{color:#193e2d;font-size:16px;font-weight:750;letter-spacing:-.035em;line-height:1.2;}
.site-nav-links{gap:3px;padding:4px;border:1px solid #e8f0e9;border-radius:14px;background:#f3f8f3;}
.site-nav-links .nav-link{padding:9px 14px;border-radius:10px;color:#5b7063!important;font-size:13px;font-weight:600;white-space:nowrap;transition:background .2s ease,color .2s ease,box-shadow .2s ease;}
.site-nav-links .nav-link:hover{background:#e8f3eb;color:#176b56!important;}
.site-nav-links .nav-link.active{background:#fff;color:#176b56!important;box-shadow:0 2px 7px rgba(28,83,51,.09);}
.site-nav-actions{flex-shrink:0;}
.site-navbar .language-switcher-button{width:40px;height:40px;border:1px solid #e2ece4;border-radius:11px;background:#fff;color:#2b6a4b;}
.site-navbar .language-switcher-menu,.site-navbar .site-account-dropdown .dropdown-menu{padding:8px;border:1px solid #e1ebe3;border-radius:12px;box-shadow:0 16px 36px rgba(22,64,40,.12);}
.site-navbar .site-account-dropdown .dropdown-item{border-radius:8px;font-size:13px;}
.site-navbar .site-account-dropdown .dropdown-item:hover,.site-navbar .site-account-dropdown .dropdown-item:focus{background:#edf6ee;color:#176b56;}
.site-login-button,.site-account-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;max-width:180px;padding:8px 15px;border-color:#176b56;background:#176b56;box-shadow:0 7px 14px rgba(23,107,86,.16);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.site-login-button:hover,.site-account-button:hover,.site-login-button:focus,.site-account-button:focus{border-color:#105944;background:#105944;box-shadow:0 9px 18px rgba(23,107,86,.22);color:#fff;}
.site-nav-toggle{width:42px;height:42px;padding:0;border:1px solid #dce9df;border-radius:11px;background:#fff;color:#176b56;font-size:23px;line-height:1;}
.site-nav-toggle:focus-visible{box-shadow:0 0 0 3px rgba(55,147,93,.25);}
.site-navbar a:focus-visible,.site-navbar button:focus-visible{outline:3px solid #79b891;outline-offset:2px;}
@media (max-width:1199.98px) and (min-width:992px){.site-nav-links .nav-link{padding:9px 10px;font-size:12px;}.site-navbar .brand-name{font-size:14px;}}
@media (max-width:991.98px){.site-navbar{min-height:68px;padding:10px 0;}.site-navbar .navbar-collapse{margin-top:13px;padding:12px;border:1px solid #e4eee6;border-radius:17px;background:#fff;box-shadow:0 18px 30px rgba(21,65,39,.1);}.site-nav-links{gap:2px;padding:0;border:0;border-radius:0;background:transparent;}.site-nav-links .nav-link{padding:11px 13px;white-space:normal;}.site-nav-actions{justify-content:space-between;margin-top:12px;padding:12px 2px 1px;border-top:1px solid #e9f0e9;}.site-nav-actions .site-login-button,.site-nav-actions .site-account-button{max-width:min(260px,75vw);}.site-navbar .dropdown-menu{position:absolute;}}
.language-switcher-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:#52625b;font-size:1.05rem;transition:background .18s ease,color .18s ease,box-shadow .18s ease;}
.language-switcher-button:hover,.language-switcher-button:focus-visible,.language-switcher.show .language-switcher-button{background:#e7f3ed;color:#176b56;box-shadow:0 5px 15px rgba(22,57,45,.1);outline:none;}
.language-switcher-icon{line-height:1;}
.language-switcher-menu{min-width:190px;}
.language-switcher-heading{padding:.45rem .65rem .35rem;color:#8a9892;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.language-option{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.58rem .65rem;border-radius:9px;color:#42504a;font-size:.78rem;font-weight:500;}
.language-option:hover,.language-option:focus-visible{background:#f0f7f3;color:#176b56;}
.language-switcher-menu .language-option.active{background:#e7f3ed;color:#176b56;font-weight:700;}
.language-option-code{display:inline-flex;align-items:center;justify-content:center;width:26px;height:22px;margin-right:.48rem;border:1px solid #d5e5dc;border-radius:6px;background:#fff;color:#176b56;font-size:.65rem;font-weight:800;}
.language-switcher-menu .language-option.active .language-option-code{border-color:#b8d9c9;background:#f7fcf9;}
/* Buttons */
.button-is-loading{gap:.5rem;cursor:wait;}
.button-is-loading .spinner-border{flex-shrink:0;}
.btn-black.button-is-loading:disabled{color:#fff;background:#111;border-color:#111;opacity:.8;}
.btn-black{background:#111;border:1px solid #111;color:#fff;border-radius:10px;font-size:14px;font-weight:500;transition:background .2s ease,transform .2s ease;}
.btn-black:hover{background:#2b2b2b;border-color:#2b2b2b;color:#fff;}
.btn-outline-black{background:#fff;border:1px solid rgba(0,0,0,.14);color:#111;border-radius:10px;font-size:14px;font-weight:500;transition:all .2s ease;}
.btn-outline-black:hover{background:#f3f3f3;border-color:rgba(0,0,0,.22);color:#111;}
.btn-white{background:#fff;border:1px solid #fff;color:#111;border-radius:10px;font-size:14px;font-weight:500;}
.btn-white:hover{background:#eee;border-color:#eee;color:#111;}
.btn-dark-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:10px;font-size:14px;font-weight:500;}
.btn-dark-outline:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff;}
.btn-warm{background:#f3ede8;color:#111;border:1px solid #e8dfd7;border-radius:10px;font-size:14px;font-weight:500;}
.btn-warm:hover{background:#eee4db;color:#111;}
/* Home sections */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border);}
.grid-background{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.045) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;}
.hero-content{position:relative;padding:100px 0;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid var(--border);border-radius:999px;color:rgba(0,0,0,.55);font-size:12px;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.03);}
.hero-dot{width:6px;height:6px;background:#111;border-radius:50%;}
.hero-title{margin-top:24px;font-size:clamp(48px,7vw,76px);line-height:1.02;font-weight:600;letter-spacing:-.055em;}
.hero-title-muted{color:rgba(0,0,0,.28);}
.hero-description{max-width:650px;margin:28px auto 0;color:rgba(0,0,0,.55);font-size:17px;line-height:1.8;}
.section{padding:100px 0;}
.section-label{margin-bottom:12px;color:rgba(0,0,0,.35);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;}
.section-title{margin:0;font-size:clamp(32px,4vw,44px);line-height:1.15;font-weight:600;letter-spacing:-.04em;}
.section-description{max-width:430px;margin:0;color:rgba(0,0,0,.5);font-size:14px;line-height:1.8;}
.tool-card{height:100%;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:24px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
.tool-card:hover{transform:translateY(-5px);border-color:rgba(0,0,0,.18);box-shadow:0 20px 45px rgba(0,0,0,.08);}
.tool-visual{display:flex;align-items:center;justify-content:center;background:#f2f2f2;}
.tool-content{padding:36px;}
.tool-label{display:inline-flex;align-items:center;margin-bottom:12px;padding:5px 9px;background:#111;color:#fff;border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.04em;}
.tool-type{margin-left:7px;color:rgba(0,0,0,.35);font-size:12px;}
.tool-title{margin:0;font-size:26px;font-weight:600;letter-spacing:-.035em;}
.tool-description{margin-top:16px;margin-bottom:0;color:rgba(0,0,0,.55);font-size:14px;line-height:1.9;}
.tool-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px;margin-top:28px;}
.tool-feature{display:flex;align-items:center;gap:8px;color:rgba(0,0,0,.6);font-size:13px;}
.feature-dot{width:6px;height:6px;flex:0 0 auto;background:#111;border-radius:50%;}
.qr-box{position:relative;width:160px;height:160px;padding:12px;background:#fff;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.08);}
.qr-grid{display:grid;grid-template-columns:repeat(7,1fr);width:100%;height:100%;gap:3px;}
.qr-cell{background:#111;border-radius:2px;}
.qr-center{position:absolute;left:50%;top:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);background:#fff;border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,.15);}
.qr-center-inner{width:23px;height:23px;background:#111;border-radius:6px;}
.favicon-preview{ }
.favicon-item{text-align:center;}
.favicon-icon{display:flex;align-items:center;justify-content:center;background:#111;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.10);}
.favicon-large{width:112px;height:112px;border-radius:28px;}
.favicon-medium{width:78px;height:78px;border-radius:18px;}
.favicon-small{width:52px;height:52px;border-radius:12px;}
.favicon-size{margin-top:10px;color:rgba(0,0,0,.35);font-size:10px;}
.features-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;}
.feature-grid{overflow:hidden;margin-top:56px;border:1px solid var(--border);border-radius:18px;}
.feature-box{height:100%;padding:30px;background:#fff;border-right:1px solid var(--border);}
.feature-box:last-child{border-right:0;}
.feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:26px;background:#f5f5f5;color:#111;border-radius:9px;font-size:18px;}
.feature-title{margin-bottom:8px;font-size:15px;font-weight:600;}
.feature-text{margin:0;color:rgba(0,0,0,.5);font-size:13px;line-height:1.7;}
.steps-list{border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.step{display:flex;gap:20px;padding:28px 0;border-bottom:1px solid var(--border);}
.step:last-child{border-bottom:0;}
.step-number{width:36px;height:36px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:#f2f2f2;color:#111;border-radius:30px;font-size:10px;font-weight:600;}
.step-title{margin:0;font-size:15px;font-weight:600;}
.step-description{margin:7px 0 0;color:rgba(0,0,0,.5);font-size:13px;line-height:1.7;}
.faq-section{border-top:1px solid var(--border);background:#fff;}
.faq-list{margin-top:50px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.accordion-item{border:0 !important;border-bottom:1px solid var(--border) !important;}
.accordion-item:last-child{border-bottom:0 !important;}
.accordion-button{padding:24px 0;background:transparent !important;box-shadow:none !important;color:#111 !important;font-size:15px;font-weight:500;}
.accordion-button::after{background-image:none;content:"+";width:auto;height:auto;color:rgba(0,0,0,.35);font-size:22px;font-weight:300;transform:none !important;}
.accordion-button:not(.collapsed)::after{content:"+";background-image:none;}
.accordion-body{padding:0 0 24px;max-width:760px;color:rgba(0,0,0,.5);font-size:14px;line-height:1.8;}
.cta-box{padding:72px 30px;background:#111;border-radius:24px;color:#fff;text-align:center;}
.cta-label{color:rgba(255,255,255,.4);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;}
.cta-title{margin-top:14px;font-size:40px;font-weight:600;letter-spacing:-.04em;}
.cta-description{max-width:560px;margin:14px auto 0;color:rgba(255,255,255,.5);font-size:14px;line-height:1.7;}
/* Footer */
.footer{position:relative;overflow:hidden;border-top:1px solid #1f4b38;background:radial-gradient(circle at 85% 0, rgb(61 91 72 / 21%), transparent 37%), linear-gradient(135deg, #171d1b, #041813 68%, #0d2620);color:#e7f2e9;}
.footer::before{position:absolute;inset:0;content:"";background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;}
.footer-content{position:relative;padding:58px 0 0;}
.footer-main{display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(0,2fr);gap:56px;padding-bottom:54px;}
.footer-brand .brand-mark{box-shadow:0 9px 22px rgba(0,0,0,.24);}
.footer-brand .brand-name{color:#fff;font-size:18px;}
.footer-brand:hover .brand-name{color:#c9f4d3;}
.footer-tagline{max-width:270px;margin:18px 0 0;color:#b4cbbc;font-size:13px;line-height:1.75;}
.footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.footer-group{display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
.footer-heading{margin:2px 0 7px;color:#e9f7eb;font-size:13px;font-weight:700;letter-spacing:.02em;}
.footer-link{color:#aac5b2;font-size:13px;line-height:1.45;transition:color .2s ease,transform .2s ease;}
.footer-link:hover{color:#fff;transform:translateX(3px);}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 27px;border-top:1px solid rgba(224,248,229,.14);color:#91ad9b;font-size:12px;line-height:1.6;}
.footer-back-to-top{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;color:#c2dfc9;font-size:12px;font-weight:600;transition:color .2s ease;}
.footer-back-to-top:hover{color:#fff;}
.footer a:focus-visible{outline:3px solid #9bddad;outline-offset:4px;border-radius:3px;}
@media (max-width:767.98px){.footer-content{padding-top:42px;}.footer-main{grid-template-columns:1fr;gap:36px;padding-bottom:40px;}.footer-nav{gap:20px;}}
@media (max-width:575.98px){.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;}.footer-bottom{align-items:flex-start;flex-direction:column;gap:9px;}}
/* Shared page styles */
.page-shell{padding:2rem 0 3rem;}
.invalid-feedback{color:#dc3545;font-size:.875rem;margin-top:.25rem;display:block;}
.pricing-page .pricing-section{padding:1.75rem 0 1rem;}
.pricing-intro{max-width:720px;margin:0 auto 2.5rem;text-align:center;}
.pricing-eyebrow{display:block;margin-bottom:.7rem;color:#126b5a;font-size:.78rem;font-weight:700;}
.pricing-intro h1{margin:0;font-size:2rem;line-height:1.2;font-weight:700;overflow-wrap:anywhere;}
.pricing-intro p{margin:.85rem 0 0;color:#60686b;font-size:.95rem;line-height:1.65;}
.pricing-card{border:1px solid #dce2df;border-radius:8px;background:#fff;box-shadow:0 3px 12px rgba(17,32,27,.04);transition:border-color .2s ease,box-shadow .2s ease;}
.pricing-card:hover{border-color:#adc9be;box-shadow:0 10px 25px rgba(17,32,27,.08);}
.pricing-card.featured-plan{border-color:#3f977d;box-shadow:0 7px 24px rgba(31,119,94,.12);}
.pricing-card .card-body{display:flex;flex-direction:column;padding:1.7rem;}
.pricing-card-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.45rem;min-height:1.8rem;}
.pricing-name{margin:0;font-size:1.12rem;font-weight:700;line-height:1.3;}
.plan-badge{display:inline-flex;align-items:center;padding:.28rem .55rem;border-radius:4px;background:#dff3eb;color:#126b5a;font-size:.7rem;font-weight:700;white-space:nowrap;}
.pricing-card-summary{min-height:2.5rem;margin:.8rem 0 1.1rem;color:#68706d;font-size:.85rem;line-height:1.5;}
.pricing-card .price{margin:0;color:#111;font-size:2.5rem;font-weight:700;line-height:1.1;}
.pricing-card .price span{margin-left:.15rem;color:#68706d;font-size:.85rem;font-weight:500;}
.pricing-term{margin:.45rem 0 0;color:#4e6059;font-size:.78rem;line-height:1.5;}
.pricing-list{display:grid;align-content:start;gap:.85rem;flex:1;list-style:none;margin:1.4rem 0 1.6rem;padding:1.4rem 0 0;border-top:1px solid #e9eeeb;}
.pricing-list li{display:flex;align-items:flex-start;gap:.65rem;color:#34413b;font-size:.84rem;line-height:1.45;}
.pricing-list li i{flex:0 0 auto;color:#16826b;font-size:1rem;line-height:1.25;}
.pricing-card-action{margin-top:auto;}
.pricing-card-action .btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-weight:600;}
.pricing-terms{margin-top:3.5rem;padding-top:1.7rem;border-top:1px solid #dce2df;}
.pricing-terms-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.7rem 1.5rem;}
.pricing-terms h2{margin:0;font-size:1rem;font-weight:700;}
.pricing-terms-links{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;font-weight:600;}
.pricing-terms-links a{text-decoration:underline;}
.pricing-terms ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 2rem;margin:1.1rem 0 0;padding-left:1.1rem;font-size:.8rem;line-height:1.6;}
/* Informational and policy pages */
.info-page{padding:3.5rem 0 5rem;}
.info-page .container{width:100%;max-width:1140px;margin-inline:auto;padding-inline:1.5rem;}
.info-intro{max-width:760px;padding:0 0 2.5rem;}
.info-eyebrow{display:block;margin-bottom:.7rem;color:#126b5a;font-size:.78rem;font-weight:700;}
.info-intro h1{margin:0;font-size:2.5rem;line-height:1.16;font-weight:700;overflow-wrap:anywhere;}
.info-intro p{margin:1rem 0 0;color:#56615d;font-size:1rem;line-height:1.75;}
.info-updated{display:block;margin-top:1.1rem;color:#66716c;font-size:.78rem;}
.info-layout{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:clamp(2rem,5%,5rem);align-items:start;border-top:1px solid #dce2df;}
.info-nav{position:sticky;top:84px;display:grid;gap:.15rem;padding:2rem 0;}
.info-nav-label{margin-bottom:.7rem;color:#7a8580;font-size:.7rem;font-weight:700;text-transform:uppercase;}
.info-nav a{padding:.42rem 0;color:#4b5852;font-size:.82rem;line-height:1.45;}
.info-nav a:hover,.info-nav a:focus-visible{color:#126b5a;text-decoration:underline;text-underline-offset:4px;}
.info-content{min-width:0;}
.info-section{padding:2rem 0 2.1rem;border-bottom:1px solid #dce2df;scroll-margin-top:84px;}
.info-section h2{margin:0 0 1rem;font-size:1.15rem;line-height:1.35;font-weight:700;}
.info-section p,.info-section li{max-width:760px;color:#4e5954;font-size:.9rem;line-height:1.85;overflow-wrap:anywhere;}
.info-section p{margin:0 0 .85rem;}
.info-section p:last-child{margin-bottom:0;}
.info-section ul{margin:0;padding-left:1.2rem;}
.info-section li+li{margin-top:.45rem;}
.info-inline-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.1rem;}
.info-inline-links a{display:inline-flex;align-items:center;gap:.4rem;font-size:.83rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;}
.info-help{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem 2rem;padding:2rem 0;border-bottom:1px solid #dce2df;}
.info-help strong{font-size:.95rem;}
.info-help p{margin:.35rem 0 0;color:#58645e;font-size:.84rem;}
.info-help a{font-size:.88rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;}
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #dce2df;border-bottom:1px solid #dce2df;}
.contact-channel{min-width:0;padding:2rem 1.75rem 2rem 0;}
.contact-channel+.contact-channel{padding-left:1.75rem;border-left:1px solid #dce2df;}
.contact-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:1.5rem;border-radius:6px;background:#e5f2ec;color:#126b5a;font-size:1.1rem;}
.contact-channel h2,.contact-note h2{margin:0 0 .6rem;font-size:1rem;font-weight:700;}
.contact-channel p,.contact-note p{margin:0 0 1.5rem;color:#56615d;font-size:.85rem;line-height:1.7;}
.contact-channel a{display:inline-flex;gap:.4rem;font-size:.84rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;}
.contact-note{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding:2rem 0;border-bottom:1px solid #dce2df;}
.contact-note p{margin:0;}
.contact-links{margin-top:1.5rem;}
@media(max-width:767.98px){.info-page{padding:2rem 0 3.5rem;}.info-page .container{padding-inline:1rem;}.info-intro{padding-bottom:1.7rem;}.info-intro h1{font-size:2rem;}.info-layout{display:block;}.info-nav{position:static;display:flex;flex-wrap:wrap;gap:.3rem .85rem;padding:1.2rem 0;border-bottom:1px solid #dce2df;}.info-nav-label{width:100%;margin:0 0 .2rem;}.info-nav a{font-size:.78rem;}.info-section{padding:1.7rem 0;}.contact-grid{grid-template-columns:1fr;}.contact-channel,.contact-channel+.contact-channel{padding:1.5rem 0;border-left:0;}.contact-channel+.contact-channel{border-top:1px solid #dce2df;}.contact-icon{margin-bottom:1rem;}.contact-channel p{margin-bottom:1rem;}.contact-note{grid-template-columns:1fr;gap:1.3rem;}}
/* Generator pages */
.output-box{background:linear-gradient(180deg,rgba(245,245,245,.7),rgba(255,255,255,1));border:1px solid rgba(0,0,0,.06);border-radius:22px;min-height:200px;overflow:hidden;}
#faviconPreviewBox{overflow:hidden;aspect-ratio:1 / 1;width:100%;max-width:200px;margin:0 auto;}
#faviconPreviewImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.generated-favicon-result{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:6px;}
.tool-feature-locked{background:#f4f5f6!important;border-color:#d8dcdf!important;}
.plan-lock-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border:1px solid #d9e1df;border-radius:50%;background:#edf4f1;color:#276c58;font-size:12px;line-height:1;cursor:help;vertical-align:middle;transition:background-color .15s,border-color .15s,color .15s;}
.plan-lock-icon:hover,.plan-lock-icon:focus-visible{background:#276c58;border-color:#276c58;color:#fff;outline:none;}
.plan-lock-icon:focus-visible{box-shadow:0 0 0 3px rgba(39,108,88,.2);}
.plan-lock-tooltip .tooltip-inner{max-width:230px;padding:8px 11px;border-radius:6px;background:#202d2a;color:#fff;font-size:12px;font-weight:500;line-height:1.4;box-shadow:0 5px 16px rgba(0,0,0,.16);}
.plan-lock-tooltip.bs-tooltip-top .tooltip-arrow::before{border-top-color:#202d2a;}
.plan-lock-tooltip.bs-tooltip-bottom .tooltip-arrow::before{border-bottom-color:#202d2a;}
#faviconGeneratedEmptyState{color:#666;font-size:.8rem;padding:.5rem .75rem;border:1px dashed rgba(0,0,0,.14);border-radius:10px;background:rgba(245,245,245,.5);}
#downloadFaviconIco.disabled,#downloadFaviconZip.disabled,#copyFaviconHtmlCode:disabled,#downloadQrPng.disabled,#downloadQrSvg.disabled{pointer-events:none;opacity:.65;}
#faviconHtmlCode{background:#f5f5f5;border:1px solid rgba(0,0,0,.1);resize:vertical;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:.8rem;}
.download-favicon{color:#333;text-decoration:none;font-weight:500;}
.download-favicon.disabled{color:#888;pointer-events:none;text-decoration:none;opacity:.7;}
.favicon-dropzone{border:1.5px dashed rgba(0,0,0,.2);background:linear-gradient(180deg,rgba(245,245,245,.8),rgba(255,255,255,.9));border-radius:18px;padding:1.5rem 1rem;text-align:center;transition:all .2s ease;cursor:pointer;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.favicon-dropzone:hover,.favicon-dropzone.is-dragover{border-color:rgba(0,0,0,.45);background:rgba(245,242,239,.9);box-shadow:0 10px 25px rgba(0,0,0,.04);}
.favicon-dropzone-icon{width:58px;height:58px;border-radius:16px;background:rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;font-size:2rem;}
.qr-output{width:220px;min-height:220px;border-radius:20px;background:#fff;padding:1rem;border:1px solid rgba(0,0,0,.1);}
.qr-logo-dropzone{position:relative;display:block;border:2px dashed #d0d0d0;border-radius:8px;padding:1rem;background-color:#fafafa;text-align:center;cursor:pointer;transition:all .2s ease-in-out;outline:none;}
.qr-logo-dropzone:hover{border-color:#999;background-color:#f5f5f5;}
.qr-logo-dropzone[aria-disabled="true"]{cursor:not-allowed;opacity:.55;}
.qr-logo-dropzone[aria-disabled="true"]:hover{border-color:#d0d0d0;background-color:#fafafa;}
.qr-logo-dropzone:focus{outline:2px solid #0066cc;outline-offset:2px;}
.qr-logo-dropzone.dragover{border-color:#0066cc;background-color:#e8f1ff;box-shadow:0 0 0 3px rgba(0,102,204,.1);}
.qr-logo-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none;}
.qr-logo-content{pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:.3rem;}
.qr-logo-icon{font-size:1.8rem;color:#666;display:flex;align-items:center;justify-content:center;}
.qr-logo-text{display:flex;flex-direction:column;gap:.15rem;color:#333;font-size:.9rem;}
.qr-logo-preview-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:8px;overflow:hidden;background-color:#fff;border:1px solid #e0e0e0;}
.qr-logo-preview-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;padding:4px;}
.qr-logo-clear-btn{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;background-color:#ff4444;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background-color .2s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,.2);}
.qr-logo-clear-btn:hover{background-color:#dd0000;}
.qr-logo-clear-btn:active{background-color:#cc0000;}
.cookie-consent{position:fixed;z-index:1080;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;width:min(680px,calc(100vw - 2rem));padding:1rem 1.1rem;border:1px solid rgba(39,108,88,.16);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(21,40,34,.16);backdrop-filter:blur(14px);opacity:0;transform:translateY(18px);transition:opacity .22s ease,transform .22s ease;}
.cookie-consent[hidden]{display:none;}
.cookie-consent.is-visible{opacity:1;transform:translateY(0);}
.cookie-consent-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:#e7f3ed;color:#176b56;font-size:1.2rem;}
.cookie-consent-content{min-width:0;}
.cookie-consent-content h2{margin:0;color:#17231f;font-size:.94rem;font-weight:700;}
.cookie-consent-content p{margin:.28rem 0 .35rem;color:#5d6964;font-size:.76rem;line-height:1.5;}
.cookie-consent-content a{display:inline-flex;align-items:center;gap:.25rem;color:#176b56;font-size:.74rem;font-weight:700;text-decoration:none;}
.cookie-consent-content a:hover,.cookie-consent-content a:focus-visible{text-decoration:underline;text-underline-offset:3px;}
.cookie-consent-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;}

.btn{border-radius: 9px;}
.btn-cookie-primary,.btn-cookie-secondary{border-radius:9px;padding:.48rem .72rem;font-size:.74rem;font-weight:700;white-space:nowrap;}
.btn-cookie-primary{border:1px solid #176b56;background:#176b56;color:#fff;}
.btn-cookie-primary:hover,.btn-cookie-primary:focus-visible{border-color:#0e5846;background:#0e5846;color:#fff;}
.btn-cookie-secondary{border:1px solid #d8e1dc;background:#fff;color:#45564f;}
.btn-cookie-secondary:hover,.btn-cookie-secondary:focus-visible{border-color:#a9bbb3;background:#f3f8f5;color:#203b31;}
.section-heading-badge{ background-color: #e7f3ed !important;color: #176b56 !important;}
.form-control:focus,.form-select:focus{border-color:#72b69b !important;box-shadow:0 0 0 3px rgba(23,107,86,.12) !important;}

@media(max-width:575.98px){.cookie-consent{grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:.9rem;border-radius:16px;}.cookie-consent-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;}.btn-cookie-primary,.btn-cookie-secondary{width:100%;}.cookie-consent-content p{font-size:.73rem;}}
/* Responsive */
@media (max-width:991.98px){.hero-content{padding:110px 0;}
.section{padding:80px 0;}
.feature-box{border-right:0;border-bottom:1px solid var(--border);}
.feature-box:last-child{border-bottom:0;}
}
@media (max-width:767.98px){.hero-content{padding:90px 0;}
.hero-title{font-size:48px;}
.hero-description{font-size:15px;}
.section{padding:70px 0;}
.tool-content{padding:28px;}
.tool-features{gap:11px;}
.cta-title{font-size:32px;}
.pricing-intro{margin-bottom:1.8rem;}
.pricing-terms{margin-top:2.5rem;}
.pricing-terms ul{grid-template-columns:1fr;}
}
@media (max-width:575.98px){.page-shell{padding-top:1.5rem;}
.hero-title{font-size:42px;}
.hero-description{font-size:14px;}
.tool-title{font-size:23px;}
.tool-features{grid-template-columns:1fr;}
.favicon-large{width:90px;height:90px;}
.favicon-medium{width:65px;height:65px;}
.favicon-small{width:45px;height:45px;}
}
.dropdown-item.active,.dropdown-item:active,.list-group-item.active{background-color:#000;}
.list-group-item.active{border-radius:3px;}
.page-shell,.grid-bg,.hero{background-image:linear-gradient(to right,rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.045) 1px,transparent 1px);background-size:32px 32px;}

/* Unified dropdown menus */
.dropdown-menu{--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0;--bs-dropdown-border-width:0;min-width:190px;margin-top:.55rem!important;padding:.4rem;border:1px solid rgba(37,66,54,.12);border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 18px 38px rgba(21,55,43,.13),0 2px 7px rgba(21,55,43,.06);backdrop-filter:blur(14px);}
.dropdown-menu.show{animation:dropdown-menu-in .18s ease-out both;}
.dropdown-item{display:flex;align-items:center;min-height:38px;padding:.6rem .72rem;border-radius:9px;color:#35433d;font-size:.82rem;font-weight:500;line-height:1.25;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease;}
.dropdown-item:hover,.dropdown-item:focus{background:#f0f7f3;color:#176b56;}
.dropdown-item:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(23,107,86,.16);}
.dropdown-item.active,.dropdown-item:active{background:#e7f3ed;color:#176b56;font-weight:600;}
.dropdown-divider{margin:.4rem .35rem;border-top-color:#e3ebe6;opacity:1;}
.dropdown-toggle::after{margin-left:.45rem;vertical-align:.15em;border-top-color:currentColor;border-right-width:.32em;border-left-width:.32em;transition:transform .18s ease;}
.dropdown.show>.dropdown-toggle::after{transform:rotate(180deg);}
@keyframes dropdown-menu-in{from{opacity:0;}to{opacity:1;}}
@media (prefers-reduced-motion:reduce){.dropdown-menu.show{animation:none;}.dropdown-toggle::after{transition:none;}}

/* Account center sidebar */
.account-sidebar-card{position:sticky;top:84px;overflow:hidden;border:1px solid #dce7e1;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%);box-shadow:0 10px 28px rgba(21,55,43,.07),0 1px 2px rgba(21,55,43,.04);}
.account-sidebar-card .card-body{padding:1rem;}
.account-sidebar-heading{display:flex;align-items:center;gap:.75rem;padding:.2rem .25rem 1rem;border-bottom:1px solid #e7eeea;}
.account-sidebar-heading-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 auto;border-radius:12px;background:#e7f3ed;color:#176b56;font-size:1.15rem;}
.account-sidebar-title{display:block;color:#17231f;font-size:.95rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;}
.account-sidebar-nav{gap:.3rem;margin-top:.85rem;}
.account-sidebar-nav .list-group-item{display:flex;align-items:center;gap:.7rem;min-height:42px;margin:0;padding:.68rem .72rem;border:0!important;border-radius:11px!important;background:transparent;color:#53615b;font-size:.83rem;font-weight:600;line-height:1.25;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;}
.account-sidebar-nav .list-group-item:hover{background:#f3f8f5;color:#176b56;transform:translateX(2px);}
.account-sidebar-nav .list-group-item:focus-visible{outline:0;background:#f3f8f5;color:#176b56;box-shadow:0 0 0 3px rgba(23,107,86,.16);}
.account-sidebar-nav .list-group-item.active,.account-sidebar-nav .list-group-item.active:focus{background:#e7f3ed!important;color:#176b56!important;box-shadow:inset 0 0 0 1px rgba(23,107,86,.08);}
.account-sidebar-nav-icon{width:1.1rem;flex:0 0 auto;color:#87958f;font-size:1rem;text-align:center;transition:color .16s ease;}
.account-sidebar-nav .list-group-item:hover .account-sidebar-nav-icon,.account-sidebar-nav .list-group-item.active .account-sidebar-nav-icon{color:#176b56;}
.account-sidebar-nav-arrow{margin-left:auto;color:#9aa8a2;font-size:.68rem;opacity:0;transform:translateX(-4px);transition:opacity .16s ease,transform .16s ease,color .16s ease;}
.account-sidebar-nav .list-group-item:hover .account-sidebar-nav-arrow,.account-sidebar-nav .list-group-item:focus-visible .account-sidebar-nav-arrow,.account-sidebar-nav .list-group-item.active .account-sidebar-nav-arrow{opacity:1;transform:translateX(0);color:#176b56;}
@media (max-width:991.98px){.account-sidebar-card{position:static;}}
@media (prefers-reduced-motion:reduce){.account-sidebar-nav .list-group-item,.account-sidebar-nav-icon,.account-sidebar-nav-arrow{transition:none;}.account-sidebar-nav .list-group-item:hover{transform:none;}}

/* Account center content */
.account-page-shell{padding:2.35rem 0 4.5rem;}
.account-content{min-width:0;}
.account-panel{border:1px solid #dce7e1;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(21,55,43,.06),0 1px 2px rgba(21,55,43,.03);}
.account-panel .card-body{padding:1.45rem;}
.account-welcome-panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;overflow:hidden;padding:1.65rem 1.8rem;border:1px solid #cfe5da;border-radius:20px;background:linear-gradient(135deg,#eff9f4 0%,#fff 72%);box-shadow:0 12px 30px rgba(21,55,43,.07);}
.account-welcome-panel:after{position:absolute;right:-45px;bottom:-75px;width:190px;height:190px;border:1px solid rgba(23,107,86,.12);border-radius:50%;content:"";box-shadow:0 0 0 22px rgba(23,107,86,.035),0 0 0 44px rgba(23,107,86,.025);}
.account-welcome-copy{position:relative;z-index:1;min-width:0;}
.account-eyebrow{display:inline-flex;align-items:center;gap:.38rem;color:#176b56;font-size:.68rem;font-weight:800;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;}
.account-welcome-panel h1{margin:.58rem 0 .45rem;color:#17231f;font-size:clamp(1.45rem,2.5vw,2rem);font-weight:750;letter-spacing:-.04em;line-height:1.15;}
.account-welcome-panel p{max-width:620px;margin:0;color:#63716b;font-size:.88rem;line-height:1.6;}
.account-support-line{display:flex;align-items:center;gap:.42rem;margin-top:.85rem!important;color:#74817c!important;font-size:.76rem!important;}
.account-support-line a{font-weight:650;text-decoration:underline;text-underline-offset:3px;}
.account-welcome-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:64px;height:64px;flex:0 0 auto;border:1px solid #c6e1d5;border-radius:20px;background:rgba(255,255,255,.75);color:#176b56;font-size:1.65rem;box-shadow:0 8px 18px rgba(23,107,86,.08);}
.account-summary-grid{--bs-gutter-y:1.25rem;}
.account-summary-card{height:100%;}
.account-summary-card .card-body{padding:1.3rem 1.4rem;}
.account-panel-heading{display:flex;align-items:center;gap:.65rem;min-width:0;}
.account-panel-heading h2{overflow:hidden;margin:0;color:#1d2a25;font-size:.98rem;font-weight:750;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;}
.account-panel-heading>a{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;margin-left:auto;border-radius:8px;color:#81908a;font-size:.85rem;transition:background-color .16s ease,color .16s ease;}
.account-panel-heading>a:hover{background:#edf7f2;color:#176b56;}
.account-panel-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:#f0f6f3;color:#176b56;font-size:.98rem;}
.account-panel-icon-accent{background:#e7f3ed;color:#176b56;}
.account-summary-list{display:grid;gap:.72rem;margin-top:1.25rem;}
.account-summary-list p{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0;padding-bottom:.65rem;border-bottom:1px solid #edf1ef;color:#82908a;font-size:.75rem;}
.account-summary-list p:last-child{padding-bottom:0;border-bottom:0;}
.account-summary-list strong{max-width:68%;overflow:hidden;color:#32413a;font-size:.8rem;font-weight:650;text-align:right;text-overflow:ellipsis;white-space:nowrap;}
.account-plan-name{margin-top:1.25rem;color:#1b2d25;font-size:1.25rem;font-weight:750;letter-spacing:-.035em;}
.account-plan-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:.62rem;color:#7b8983;font-size:.73rem;}
.account-status-badge{display:inline-flex;align-items:center;gap:.32rem;padding:.32rem .55rem;border-radius:999px;font-size:.68rem;font-weight:750;line-height:1;white-space:nowrap;}
.account-status-badge.is-active{background:#e7f5ee;color:#147254;}
.account-status-badge.is-muted{background:#f0f2f1;color:#6b7772;}
.account-status-badge i{font-size:.65rem;}
.account-empty-copy{margin:1.2rem 0 1rem;color:#738079;font-size:.82rem;}
.account-view-link{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;color:#176b56;font-size:.75rem;font-weight:700;white-space:nowrap;}
.account-orders-preview .card-body{padding:1.35rem 1.4rem 1.15rem;}
.account-table{--bs-table-bg:transparent;--bs-table-border-color:#edf1ef;margin:0;color:#47564f;font-size:.76rem;}
.account-table thead th{padding:.65rem .55rem;color:#8a9691;font-size:.66rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;}
.account-table tbody td{padding:.76rem .55rem;vertical-align:middle;white-space:nowrap;}
.account-table tbody tr:last-child td{border-bottom:0;}
.account-table tbody tr:hover{background:#f8fbf9;}
.account-page-heading{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:1.55rem;padding-bottom:1.35rem;border-bottom:1px solid #edf1ef;}
.account-page-heading-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 auto;border-radius:12px;background:#f0f6f3;color:#176b56;font-size:1.1rem;}
.account-page-heading-icon-accent{background:#e7f3ed;}
.account-page-heading h1{margin:.3rem 0 .3rem;color:#1a2822;font-size:1.45rem;font-weight:750;letter-spacing:-.035em;line-height:1.2;}
.account-page-heading p{margin:0;color:#74817c;font-size:.8rem;line-height:1.5;}
.account-form-panel .card-body{padding:1.55rem 1.65rem 1.7rem;}
.account-form-grid{--bs-gutter-y:1.05rem;}
.account-form-panel .form-label{margin-bottom:.42rem;color:#506059;font-size:.75rem;font-weight:700;}
.account-form-panel .form-control,.account-form-panel .form-select{min-height:43px;border-color:#d9e5df;border-radius:10px;color:#293831;font-size:.82rem;box-shadow:none;}
.account-form-panel .form-control:focus,.account-form-panel .form-select:focus{border-color:#72b69b;box-shadow:0 0 0 3px rgba(23,107,86,.12);}
.account-form-panel .form-control:disabled{background:#f5f8f6;color:#82908a;}
.account-form-field{max-width:620px;}
.account-form-panel .btn{min-height:42px;padding:.65rem 1rem;border-radius:10px;font-size:.78rem;font-weight:700;}
.account-form-panel .alert{border:0;border-radius:10px;font-size:.8rem;}
.account-plan-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;padding:1rem 1.1rem;border:1px solid #d9ebe2;border-radius:13px;background:#f4faf7;}
.account-plan-banner strong{display:block;margin-top:.3rem;color:#173e30;font-size:1.16rem;letter-spacing:-.025em;}
.account-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;}
.account-detail-item{display:flex;flex-direction:column;gap:.45rem;padding:.9rem;border:1px solid #edf1ef;border-radius:12px;background:#fbfcfb;}
.account-detail-item span{display:flex;align-items:center;gap:.38rem;color:#7c8983;font-size:.72rem;}
.account-detail-item span i{color:#5d9d86;font-size:.82rem;}
.account-detail-item strong{color:#304039;font-size:.82rem;font-weight:700;overflow-wrap:anywhere;}
.account-cancellation{border-top:1px solid #edf1ef;}
.account-cancellation .btn{border-color:#d4e0da;color:#3f5c50;}
.account-empty-state{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 1rem;text-align:center;}
.account-empty-state-compact{padding:1.4rem 1rem .8rem;}
.account-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:.8rem;border-radius:14px;background:#eef6f2;color:#5e9e86;font-size:1.15rem;}
.account-empty-state h2{margin:0;color:#304039;font-size:.98rem;font-weight:700;}
.account-empty-state p{max-width:330px;margin:.45rem 0 1rem;color:#7b8983;font-size:.78rem;line-height:1.55;}
@media (max-width:767.98px){.account-page-shell{padding-top:1.35rem;}.account-welcome-panel{padding:1.3rem 1.2rem;}.account-welcome-icon{width:50px;height:50px;border-radius:15px;font-size:1.25rem;}.account-welcome-panel h1{font-size:1.45rem;}.account-panel .card-body,.account-form-panel .card-body{padding:1.15rem;}.account-page-heading{margin-bottom:1.25rem;padding-bottom:1.1rem;}.account-page-heading h1{font-size:1.25rem;}.account-plan-banner{align-items:flex-start;flex-direction:column;}.account-detail-grid{grid-template-columns:1fr;}.account-table{min-width:620px;}}
@media (prefers-reduced-motion:reduce){.account-panel-heading>a{transition:none;}}

/* Generator pages */
.generator-page{min-height:calc(100vh - 64px);}
.generator-section{padding-top:3.2rem!important;padding-bottom:4.8rem!important;}
.generator-heading{max-width:760px;margin-right:auto;margin-left:auto;}
.generator-heading h1{margin:.7rem 0 .6rem;color:#17231f;font-size:clamp(2rem,4vw,2.8rem);font-weight:750;letter-spacing:-.055em;line-height:1.08;}
.generator-heading p{max-width:650px;margin:0 auto;color:#6d7b75!important;font-size:.92rem;line-height:1.7;}
.generator-kicker{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .65rem;border:1px solid #cfe6db;border-radius:999px;background:#e7f3ed!important;color:#176b56!important;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.generator-grid{align-items:stretch;}
.generator-panel{height:100%;overflow:hidden;border:1px solid #dce7e1;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(21,55,43,.07),0 1px 2px rgba(21,55,43,.04);}
.generator-panel-body{padding:1.5rem!important;}
.generator-panel-header{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid #edf1ef;}
.generator-panel-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;border-radius:12px;background:#f0f6f3;color:#176b56;font-size:1.1rem;}
.generator-panel-icon-accent{background:#e7f3ed;}
.generator-panel-eyebrow{display:block;color:#6d9e8b;font-size:.65rem;font-weight:800;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;}
.generator-panel-header h2{margin:.3rem 0 .35rem;color:#1b2d25;font-size:1.06rem;font-weight:750;letter-spacing:-.025em;line-height:1.25;}
.generator-panel-header p{max-width:510px;margin:0;color:#7a8882;font-size:.76rem;line-height:1.55;}
.generator-form .form-label{margin-bottom:.42rem;color:#4f6058;font-size:.76rem;font-weight:700;}
.generator-form .form-control,.generator-form .form-select{min-height:43px;border-color:#d9e5df;border-radius:10px;color:#293831;font-size:.82rem;box-shadow:none;}
.generator-form textarea.form-control{min-height:118px;resize:vertical;line-height:1.55;}
.generator-form .form-text{color:#84918b!important;font-size:.7rem;line-height:1.5;}
.generator-form .form-control-color{width:100%;min-height:43px;padding:.3rem;border-radius:10px;}
.generator-form .form-range{accent-color:#176b56;}
.generator-form .btn{min-height:41px;border-radius:10px;font-size:.76rem;font-weight:700;}
.generator-form .btn-black{box-shadow:0 6px 14px rgba(17,17,17,.12);}
.generator-form .border-top{border-color:#edf1ef!important;}
.generator-dropzone{min-height:178px;padding:1.35rem 1rem;border-color:#cbded5;background:linear-gradient(145deg,#f5fbf8,#fff);}
.generator-dropzone:hover,.generator-dropzone.is-dragover{border-color:#5fa58b;background:#eef8f3;box-shadow:0 12px 26px rgba(23,107,86,.08);}
.generator-dropzone-icon{width:50px;height:50px;margin-bottom:.65rem;border:1px solid #d6ebe1;border-radius:14px;background:#e7f3ed;color:#176b56;}
.generator-dropzone-icon i{color:inherit!important;}
.generator-actions{align-items:center;}
.generator-actions .btn-white{border-color:#d5e1db;background:#fff;color:#315047;}
.generator-actions .btn-white:hover{border-color:#a9c9bb;background:#f2f8f5;color:#176b56;}
.generator-preview-panel{position:sticky;top:84px;height:max-content;}
.generator-preview-heading{margin-bottom:1.25rem;}
.generator-preview-frame{border:1px solid #dce7e1!important;border-radius:18px!important;background:radial-gradient(circle at 50% 35%,#fff 0,#f6faf8 72%)!important;box-shadow:inset 0 0 0 7px rgba(255,255,255,.75),0 8px 20px rgba(21,55,43,.04);}
#faviconPreviewBox{max-width:250px;min-height:250px;}
.qr-output.generator-preview-frame{width:min(100%,270px);min-height:270px;padding:1.25rem!important;}
.generator-status{border:1px solid #e0ebe6;border-radius:10px;background:#f7fbf9;color:#66766e;font-size:.74rem;}
.generator-preview-panel .list-group{border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef;}
.generator-preview-panel .list-group-item{padding:.65rem .1rem;border-color:#edf1ef;background:transparent;color:#89958f;font-size:.73rem;}
.generator-preview-panel .list-group-item strong{color:#33443b;font-size:.76rem;font-weight:700;}
#generatedFaviconResults{margin-top:.7rem;}
#generatedFaviconResults>div>div{height:100%;padding:.7rem!important;border:1px solid #e3ece7!important;border-radius:12px!important;background:#fbfdfc!important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;}
#generatedFaviconResults>div>div:hover{border-color:#b7d8c9!important;box-shadow:0 7px 16px rgba(23,107,86,.07);transform:translateY(-2px);}
#generatedFaviconResults .generated-favicon-label{color:#405149;font-size:.68rem!important;}
#generatedFaviconResults .generated-favicon-size{color:#9aa59f!important;font-size:.66rem!important;}
#faviconHtmlCode{border-color:#dce7e1;background:#f7faf8;}
#qrLabelSpacingValue{min-width:42px;color:#53655c!important;font-weight:700;}
.qr-logo-dropzone{border-color:#cadfd5;border-radius:14px;background:linear-gradient(145deg,#f6fbf8,#fff);}
.qr-logo-dropzone:hover{border-color:#6aa990;background:#eef8f3;}
.qr-logo-dropzone.dragover{border-color:#4e9b7d;background:#e7f5ee;box-shadow:0 0 0 3px rgba(23,107,86,.1);}
.qr-logo-icon{color:#5e9e86;}
.qr-logo-text{color:#3e5148;}
.qr-logo-preview-box{border-color:#d7e5de;border-radius:12px;}
.qr-logo-clear-btn{background:#176b56;box-shadow:0 3px 8px rgba(23,107,86,.2);}
.qr-logo-clear-btn:hover{background:#0e5846;}
@media (max-width:991.98px){.generator-preview-panel{position:static;}.generator-section{padding-top:2.2rem!important;}}
@media (max-width:575.98px){.generator-section{padding-bottom:3.2rem!important;}.generator-panel-body{padding:1.15rem!important;}.generator-heading h1{font-size:2rem;}.generator-panel-header{margin-bottom:1.2rem;padding-bottom:1rem;}.generator-panel-icon{width:36px;height:36px;border-radius:10px;font-size:1rem;}.generator-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:.6rem!important;}.generator-actions> .btn-black{grid-column:1 / -1;}.generator-actions .d-inline-flex{min-width:0;}.generator-actions .d-inline-flex .btn{width:100%;}.generator-actions .plan-lock-icon{display:none;}.qr-output.generator-preview-frame{min-height:230px;width:min(100%,230px);}.generator-dropzone{min-height:160px;}}
@media (prefers-reduced-motion:reduce){#generatedFaviconResults>div>div{transition:none;}}

/* Home page */
.home-page .hero{background-image:radial-gradient(circle at 79% 45%,rgba(183,222,194,.6),transparent 34%),linear-gradient(135deg,#f9fcf9 0%,#eff7f1 64%,#f7faf5 100%);background-size:auto;background-repeat:no-repeat;border-bottom-color:#dfeae2;}
.home-hero-layout{min-height:620px;}
.home-page .hero-content{padding:92px 0 104px;}
.home-page .hero-badge{padding:9px 14px;border-color:#cfe7d8;background:#fff;color:#377253;font-size:12px;font-weight:700;box-shadow:0 8px 22px rgba(31,89,54,.06);}
.home-page .hero-dot{width:8px;height:8px;background:#35a76d;box-shadow:0 0 0 4px #e0f4e7;}
.home-page .hero-title{max-width:640px;margin:28px 0 0;color:#173326;font-size:clamp(48px,4.6vw,68px);font-weight:750;line-height:1.08;letter-spacing:-.06em;}
.home-page .hero-title-muted{color:#428b63;}
.home-page .hero-description{max-width:570px;margin:26px 0 0;color:#5b7063;font-size:16px;line-height:1.8;}
.home-page .hero-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;border-radius:12px;font-weight:700;}
.home-page .hero-actions .btn-black,.home-page .tool-content .btn-black{border-color:#176b56;background:#176b56;box-shadow:0 9px 18px rgba(23,107,86,.17);}
.home-page .hero-actions .btn-black:hover,.home-page .tool-content .btn-black:hover{border-color:#0f5946;background:#0f5946;}
.home-page a:focus-visible,.home-page button:focus-visible{outline:3px solid #65b88b;outline-offset:3px;}
.home-hero-art{position:relative;isolation:isolate;width:100%;max-width:590px;aspect-ratio:1.12;margin-left:auto;}
.home-hero-art::before{content:"";position:absolute;z-index:-1;inset:8% 3%;border-radius:48% 52% 54% 46%;background:linear-gradient(135deg,#d2eeda,#eaf6dd 60%,#d4ecde);transform:rotate(-16deg);}
.home-hero-orbit{position:absolute;inset:0 7% 2%;border:1px solid rgba(48,128,85,.18);border-radius:50%;transform:rotate(-24deg);}
.home-preview-window{position:absolute;top:17%;left:3%;width:83%;height:58%;overflow:hidden;border:1px solid #d9e8df;border-radius:22px;background:#fff;box-shadow:0 30px 70px rgba(26,69,45,.19),0 4px 12px rgba(26,69,45,.06);transform:rotate(-4deg);}
.home-preview-toolbar{display:flex;align-items:center;gap:5px;height:44px;padding:0 18px;border-bottom:1px solid #e9f0ec;background:#fbfdfb;}
.home-preview-toolbar>span{width:7px;height:7px;border-radius:50%;background:#bdd5c4;}
.home-preview-toolbar>span:first-child{background:#8fc6a2;}
.home-preview-address{width:38%;height:9px;margin:auto;border-radius:20px;background:#e8f0ea;}
.home-preview-content{display:flex;align-items:center;justify-content:space-between;gap:16px;height:calc(100% - 44px);padding:6% 8%;}
.home-preview-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:12px;}
.home-preview-kicker{color:#378660;font-size:11px;font-weight:800;letter-spacing:.15em;}
.home-preview-line{display:block;width:69%;height:10px;border-radius:20px;background:#e6eee8;}
.home-preview-line-lg{width:92%;height:15px;background:#cfe4d4;}
.home-preview-line-sm{width:51%;}
.home-preview-button{display:block;width:90px;height:28px;margin-top:7px;border-radius:8px;background:#176b56;}
.home-preview-qr{display:flex;align-items:center;justify-content:center;flex:0 0 43%;aspect-ratio:1;border:1px solid #e0e9e2;border-radius:18px;background:#fff;color:#193d2a;box-shadow:0 13px 28px rgba(18,61,34,.1);}
.home-preview-qr i{font-size:clamp(76px,11vw,150px);line-height:1;}
.home-preview-icon-card{position:absolute;right:0;bottom:12%;display:flex;align-items:center;gap:15px;width:53%;min-height:132px;padding:18px;border:1px solid #d8e6da;border-radius:21px;background:#fff;box-shadow:0 24px 48px rgba(26,69,45,.17);transform:rotate(6deg);}
.home-preview-icon{display:flex;align-items:center;justify-content:center;flex:0 0 74px;height:74px;border-radius:20px;background:linear-gradient(145deg,#1d765c,#0d4437);color:#e7f6d6;font-size:39px;box-shadow:0 8px 18px rgba(16,85,61,.2);}
.home-preview-icon-lines{display:flex;flex:1;flex-direction:column;gap:10px;}
.home-preview-icon-lines span{display:block;width:95%;height:10px;border-radius:20px;background:#d7e8db;}
.home-preview-icon-lines span:last-child{width:60%;background:#e8efea;}
.home-preview-icon-small{position:absolute;right:15px;bottom:13px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:7px;background:#d9efdc;color:#1d765c;font-size:14px;}
.home-hero-spark{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid #d5e7d8;border-radius:14px;background:#fff;color:#2d9365;box-shadow:0 10px 25px rgba(24,80,45,.1);}
.home-hero-spark-one{top:10%;right:7%;width:48px;height:48px;font-size:25px;transform:rotate(12deg);}
.home-hero-spark-two{bottom:13%;left:3%;width:35px;height:35px;font-size:17px;transform:rotate(-12deg);}
.home-page .section-label{color:#428b63;}
.home-page .section-title{color:#1b3326;font-weight:700;}
.home-page .section-description{color:#607267;}
.home-tools-section{background:#fcfdfb;}
.home-page .tool-card{display:flex;flex-direction:column;border-color:#e0ebe3;box-shadow:0 10px 26px rgba(23,72,39,.04);}
.home-page .tool-card:hover{border-color:#afd5ba;box-shadow:0 22px 48px rgba(23,72,39,.12);}
.home-page .tool-visual{position:relative;min-height:290px;overflow:hidden;}
.home-page .tool-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(48,118,73,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(48,118,73,.06) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent);}
.tool-visual-qr{background:radial-gradient(circle at 50% 50%,#e0f1e4,#eef7ed 65%,#f5f9f2);}
.tool-visual-favicon{background:radial-gradient(circle at 50% 50%,#e6f0e3,#f0f5eb 65%,#f7f8f2);}
.home-tool-sheet{position:relative;z-index:1;width:min(70%,340px);height:210px;overflow:hidden;border:1px solid #d9e8dd;border-radius:18px;background:#fff;box-shadow:0 19px 38px rgba(27,83,49,.15);transform:rotate(-5deg);}
.home-tool-sheet-top{display:flex;align-items:center;gap:5px;height:30px;padding:0 13px;border-bottom:1px solid #edf2ed;background:#fbfdfb;}
.home-tool-sheet-top span{width:5px;height:5px;border-radius:50%;background:#b8d7c1;}
.home-tool-sheet-body{display:flex;align-items:center;justify-content:space-evenly;height:calc(100% - 30px);padding:12px;}
.home-tool-sheet-body>i{color:#1c5138;font-size:112px;line-height:1;}
.home-tool-sheet-lines{display:flex;flex-direction:column;gap:12px;width:35%;}
.home-tool-sheet-lines span{width:100%;height:12px;border-radius:12px;background:#d6e8da;}
.home-tool-sheet-lines span:last-child{width:65%;background:#e8efe9;}
.home-tool-float{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid #d9e9dd;border-radius:15px;background:#fff;color:#217453;font-size:24px;box-shadow:0 12px 26px rgba(25,83,48,.12);}
.home-tool-float-qr{top:40px;right:16%;transform:rotate(11deg);}
.home-tool-float-favicon{bottom:30px;left:16%;transform:rotate(-10deg);}
.home-favicon-board{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:24px;width:min(72%,350px);height:210px;border:1px solid #dce8dc;border-radius:20px;background:#fff;box-shadow:0 19px 38px rgba(27,83,49,.15);transform:rotate(5deg);}
.home-favicon-main{display:flex;align-items:center;justify-content:center;width:126px;height:126px;border-radius:28px;background:linear-gradient(145deg,#288664,#104637);color:#e5f6d2;font-size:67px;box-shadow:0 14px 26px rgba(18,86,57,.2);}
.home-favicon-sizes{display:flex;align-items:flex-end;gap:8px;align-self:flex-end;margin-bottom:41px;}
.home-favicon-sizes span{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:7px;background:#267959;color:#e8f7d8;font-size:15px;}
.home-favicon-sizes span:nth-child(2){width:22px;height:22px;border-radius:6px;font-size:12px;}
.home-favicon-sizes span:nth-child(3){width:17px;height:17px;border-radius:5px;font-size:10px;}
.home-page .tool-content{display:flex;flex:1;flex-direction:column;}
.home-page .tool-label{background:#e7f3eb;color:#23704f;}
.home-page .tool-title{color:#1b3326;font-weight:700;}
.home-page .tool-description{color:#64756a;line-height:1.75;}
.home-page .tool-features{margin-bottom:26px;}
.home-page .feature-dot{background:#4a9c6d;}
.home-page .tool-content>a{margin-top:auto!important;padding:12px 18px;font-weight:700;}
.home-page .features-section{border-color:#e0ebe3;background:#f4f8f4;}
.home-page .feature-grid{margin-top:44px;overflow:visible;border:0;border-radius:0;row-gap:16px;}
.home-page .feature-grid>div{padding:0 8px;}
.home-page .feature-box,.home-page .feature-box:last-child{min-height:230px;padding:30px;border:1px solid #dfeae1;border-radius:18px;background:#fff;box-shadow:0 9px 24px rgba(25,72,41,.04);}
.home-page .feature-icon{width:46px;height:46px;margin-bottom:25px;border-radius:13px;background:#e6f3e9;color:#237756;font-size:21px;}
.home-page .feature-title{color:#203a2b;font-size:16px;font-weight:700;}
.home-page .feature-text{color:#64756b;}
.home-how-section{background:#fff;}
.home-page .steps-list{border:0;}
.home-page .step,.home-page .step:last-child{align-items:flex-start;margin-bottom:12px;padding:22px 24px;border:1px solid #e0eae2;border-radius:15px;background:#f9fcf9;}
.home-page .step-number{width:42px;height:42px;border-radius:12px;background:#e2f1e5;color:#23704d;font-size:13px;font-weight:800;}
.home-page .step-title{color:#203a2b;font-size:16px;font-weight:700;}
.home-page .step-description{color:#64756b;}
.home-page .faq-section{border-color:#e0ebe3;background:#f7faf7;}
.home-page .faq-list{border:0;}
.home-page .accordion-item,.home-page .accordion-item:last-child{margin-bottom:10px;overflow:hidden;border:1px solid #dfe9e1!important;border-radius:14px!important;background:#fff;}
.home-page .accordion-button{padding:20px 22px;color:#213b2c!important;font-weight:600;}
.home-page .accordion-button::after{color:#39855b;}
.home-page .accordion-button:not(.collapsed)::after{content:"−";}
.home-page .accordion-body{padding:0 22px 20px;color:#637469;}
.home-cta-section{background:#fcfdfb;}
.home-page .cta-box{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 5%,rgba(84,163,111,.35),transparent 34%),linear-gradient(135deg,#123c2d,#0d2822);box-shadow:0 24px 50px rgba(19,68,43,.15);}
.home-page .cta-box::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;}
.home-page .cta-box>*{position:relative;}
.home-page .cta-label{color:#9ad9ad;}
.home-page .cta-description{color:#bad0bf;}
.home-page .cta-box .btn{min-height:46px;padding:10px 20px;font-weight:700;}
@media (max-width:991.98px){.home-hero-layout{min-height:0;}.home-page .hero-content{padding:76px 0 0;text-align:center;}.home-page .hero-title,.home-page .hero-description{margin-left:auto;margin-right:auto;}.home-page .hero-actions{justify-content:center;}.home-hero-art{max-width:530px;margin:0 auto 55px;}.home-page .feature-box,.home-page .feature-box:last-child{min-height:210px;}}
@media (max-width:575.98px){.home-page .hero-content{padding:60px 0 0;}.home-page .hero-title{font-size:clamp(40px,10vw,54px);}.home-page .hero-description{font-size:14px;}.home-page .hero-actions{gap:10px!important;}.home-hero-art{margin-bottom:40px;}.home-preview-window{top:15%;left:2%;width:86%;height:58%;}.home-preview-toolbar{height:30px;padding:0 10px;}.home-preview-content{height:calc(100% - 30px);gap:7px;padding:6%;}.home-preview-copy{gap:7px;}.home-preview-kicker{font-size:8px;}.home-preview-line{height:7px;}.home-preview-line-lg{height:10px;}.home-preview-button{width:60px;height:20px;margin-top:2px;}.home-preview-qr{border-radius:10px;}.home-preview-qr i{font-size:clamp(55px,18vw,90px);}.home-preview-icon-card{right:0;bottom:10%;gap:9px;width:55%;min-height:84px;padding:10px;border-radius:14px;}.home-preview-icon{flex-basis:47px;height:47px;border-radius:12px;font-size:24px;}.home-preview-icon-lines{gap:6px;}.home-preview-icon-lines span{height:7px;}.home-preview-icon-small{right:8px;bottom:7px;width:18px;height:18px;font-size:10px;}.home-hero-spark-one{width:34px;height:34px;font-size:18px;}.home-hero-spark-two{width:26px;height:26px;font-size:13px;}.home-page .section{padding:66px 0;}.home-page .tool-visual{min-height:225px;}.home-tool-sheet,.home-favicon-board{height:165px;}.home-tool-sheet-body>i{font-size:82px;}.home-favicon-main{width:90px;height:90px;border-radius:20px;font-size:47px;}.home-favicon-sizes{gap:5px;margin-bottom:32px;}.home-favicon-sizes span{width:21px;height:21px;font-size:11px;}.home-favicon-sizes span:nth-child(2){width:17px;height:17px;font-size:9px;}.home-favicon-sizes span:nth-child(3){width:13px;height:13px;font-size:7px;}.home-tool-float{width:42px;height:42px;font-size:19px;}.home-page .feature-grid>div{padding:0;}.home-page .feature-box,.home-page .feature-box:last-child{min-height:0;}.home-page .cta-box{padding:55px 22px;}}
@media (prefers-reduced-motion:reduce){.home-page .tool-card{transition:none;}.home-page .tool-card:hover{transform:none;}}

.auth-captcha-input { min-width: 0; text-transform: uppercase; }
.auth-captcha-image { display: block; width: 132px; height: 42px; max-width: none; }

/* Payment return: guest confirmation and order receipt. */
.payment-result-page { min-height: 660px; padding: 64px 0 68px; background: radial-gradient(ellipse at 50% 0, #e9f5ec 0, #f6faf6 46%, #fafafa 80%); }
.payment-result-container { max-width: 1032px; }
.payment-result-kicker { display: flex; align-items: center; justify-content: center; gap: 9px; margin-bottom: 27px; color: #587363; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.payment-result-kicker > span { width: 6px; height: 6px; border-radius: 50%; background: #4a9b72; box-shadow: 0 0 0 4px #e0eee4; }
.payment-result-panel { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: 52px; padding: 48px; border: 1px solid #dfe9e1; border-radius: 28px; background: #fff; box-shadow: 0 22px 65px -28px rgba(29, 78, 49, .18); }
.payment-result-message { min-width: 0; }
.payment-result-icon { display: flex; align-items: center; justify-content: center; width: 76px; height: 76px; margin-bottom: 26px; border: 1px solid #cee7d6; border-radius: 23px; background: #ecf7ef; color: #24794e; box-shadow: 0 0 0 7px #f6faf7; font-size: 35px; }
.payment-result-panel--pending .payment-result-icon { background: #fff7e7; border-color: #f4e0b7; box-shadow: 0 0 0 7px #fffcf5; color: #9c6b18; }
.payment-result-panel--invalid .payment-result-icon, .payment-result-panel--empty .payment-result-icon, .payment-result-panel--unavailable .payment-result-icon { color: #68796f; background: #f3f6f4; border-color: #e2e9e4; box-shadow: 0 0 0 7px #fafbfa; }
.payment-result-panel--failed .payment-result-icon, .payment-result-panel--refunded .payment-result-icon { color: #9c6335; background: #fff4eb; border-color: #f0dfd0; box-shadow: 0 0 0 7px #fffbf7; }
.payment-result-status { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 13px; color: #34734c; font-size: 12px; font-weight: 650; }
.payment-result-status > span { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: currentColor; }
.payment-result-panel--pending .payment-result-status { color: #966619; }
.payment-result-panel--empty .payment-result-status, .payment-result-panel--invalid .payment-result-status, .payment-result-panel--unavailable .payment-result-status { color: #68796f; }
.payment-result-panel--failed .payment-result-status, .payment-result-panel--refunded .payment-result-status { color: #9c6335; }
.payment-result-message h1 { max-width: 13ch; margin: 0 0 17px; color: #183c2a; font-size: clamp(29px, 3.4vw, 39px); font-weight: 750; line-height: 1.2; letter-spacing: -.045em; text-wrap: balance; }
.payment-result-description { margin: 0; max-width: 39ch; color: #66796e; font-size: 14px; line-height: 1.9; }
.payment-result-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 29px; }
.payment-result-actions .btn { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 44px; padding: 11px 17px; border-radius: 11px; font-size: 13px; font-weight: 650; }
.payment-result-primary { border: 1px solid #226a49; background: #226a49; color: #fff; box-shadow: 0 5px 12px rgba(34, 106, 73, .1); }
.payment-result-primary:hover { border-color: #185338; background: #185338; color: #fff; }
.payment-result-secondary { border: 1px solid #dce6df; background: #fff; color: #385b46; }
.payment-result-secondary:hover { border-color: #c7d9ce; background: #f5f9f6; color: #234c35; }
.payment-result-provider { display: flex; align-items: center; gap: 7px; margin: 22px 0 0; color: #8b9b91; font-size: 11px; }
.payment-result-provider i { font-size: 14px; }
.payment-receipt { min-width: 0; overflow: hidden; align-self: stretch; display: flex; flex-direction: column; border: 1px solid #e0e9e2; border-radius: 19px; background: #fcfdfb; }
.payment-receipt-heading { display: flex; align-items: center; gap: 10px; padding: 23px 25px 20px; border-bottom: 1px solid #e9eee8; }
.payment-receipt-mark { color: #71927c; font-size: 19px; line-height: 1; }
.payment-receipt-heading h2 { flex: 1; margin: 0; color: #344e3c; font-size: 14px; font-weight: 700; letter-spacing: -.02em; }
.payment-receipt-check { color: #43885a; font-size: 15px; }
.payment-receipt-reference { padding: 23px 25px 20px; }
.payment-receipt-label { display: block; margin-bottom: 10px; color: #839087; font-size: 11px; }
.payment-receipt-number-line { display: flex; align-items: flex-start; gap: 9px; }
.payment-receipt-number-line strong { flex: 1; min-width: 0; padding-top: 3px; color: #2f4b38; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 14px; font-weight: 650; line-height: 1.7; overflow-wrap: anywhere; }
.payment-copy-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 30px; width: 30px; height: 30px; padding: 0; border: 1px solid #e0e8e1; border-radius: 8px; background: #fff; color: #698273; font-size: 13px; }
.payment-copy-button:hover { color: #226a49; background: #edf5ef; }
.payment-receipt-details { margin: 0; padding: 0 25px 20px; }
.payment-receipt-details > div { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 9px 0; }
.payment-receipt-details dt { flex: 0 0 auto; margin: 0; color: #839087; font-size: 12px; font-weight: 400; }
.payment-receipt-details dd { min-width: 0; margin: 0; color: #405b49; font-size: 12px; text-align: right; overflow-wrap: anywhere; }
.payment-receipt-badge { display: inline-block; padding: 4px 8px; border: 1px solid #d9eadd; border-radius: 6px; background: #eef6ef; color: #428255; font-size: 10px; line-height: 1.25; }
.payment-result-panel--pending .payment-receipt-badge { border-color: #efdfbd; background: #fff6e6; color: #966619; }
.payment-result-panel--failed .payment-receipt-badge, .payment-result-panel--refunded .payment-receipt-badge { border-color: #eedcca; background: #fff3e9; color: #9c6335; }
.payment-receipt-note { display: flex; align-items: flex-start; gap: 9px; margin: auto 25px 0; padding: 18px 0 19px; border-top: 1px dashed #dbe5dc; color: #7b8d80; }
.payment-receipt-note > i { flex: 0 0 auto; margin-top: 1px; font-size: 15px; }
.payment-receipt-note p { margin: 0; font-size: 11px; line-height: 1.7; }
.payment-receipt-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; margin-top: auto; padding: 13px 25px; border-top: 1px solid #e5ece4; background: #f3f7f1; }
.payment-result-feedback { color: #718475; font-size: 10px; line-height: 1.6; }
.payment-refresh-link { display: inline-flex; flex-shrink: 0; align-items: center; gap: 5px; margin-left: auto; color: #4f755c; font-size: 11px; font-weight: 600; }
.payment-refresh-link:hover { color: #1b5435; }
.payment-receipt-empty { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: 17px; min-height: 230px; padding: 30px; text-align: center; }
.payment-receipt-empty > i { color: #b2c4b6; font-size: 39px; }
.payment-receipt-empty > p { max-width: 26ch; margin: 0; color: #87968b; font-size: 12px; line-height: 1.9; }
.payment-result-help { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px 9px; margin: 25px 0 0; color: #8b9b91; font-size: 11px; text-align: center; line-height: 1.8; }
.payment-result-help a { display: inline-flex; align-items: center; gap: 5px; color: #4f755c; font-weight: 600; }
.payment-result-page a:focus-visible, .payment-result-page button:focus-visible { outline: 3px solid #79b891; outline-offset: 3px; }
/* 套餐购买的独立支付方式选择页，使用原生单选框保持键盘和无脚本可用。 */
.payment-methods-page { padding: 46px 0 72px; background: #faf9f6; }
.payment-methods-container { max-width: 1000px; }
.payment-methods-back { display: inline-flex; align-items: center; gap: 9px; color: #686b65; font-size: 13px; }
.payment-methods-heading { margin: 30px 0 32px; }
.payment-methods-heading h1 { margin: 12px 0; font-size: clamp(28px, 4vw, 40px); font-weight: 700; letter-spacing: -.035em; }
.payment-methods-heading > p { max-width: 640px; margin: 0; color: #74776f; line-height: 1.8; }
.payment-methods-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 26px; align-items: start; }
.payment-plan-summary, .payment-methods-panel { padding: 32px; border: 1px solid #e5e6df; border-radius: 20px; }
.payment-plan-summary { background: #edf2e9; }
.payment-plan-icon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 25px; border-radius: 13px; background: #fff; color: #466344; font-size: 22px; }
.payment-plan-caption { margin-bottom: 7px; color: #6c7868; font-size: 12px; }
.payment-plan-summary h2 { margin-bottom: 22px; font-size: 24px; font-weight: 650; }
.payment-plan-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; margin-bottom: 7px; }
.payment-plan-price strong { font-size: 43px; line-height: 1.1; letter-spacing: -.045em; }
.payment-plan-price > span { font-size: 12px; color: #6c7868; }
.payment-plan-term { color: #56634f; font-size: 12px; line-height: 1.7; }
.payment-plan-benefit { display: flex; gap: 9px; align-items: center; padding: 22px 0; border-bottom: 1px solid #d9e1d3; color: #3a573b; font-size: 13px; }
.payment-plan-note { display: flex; gap: 9px; margin: 22px 0 0; color: #6a7766; font-size: 12px; line-height: 1.8; }
.payment-methods-panel { background: #fff; }
.payment-methods-panel fieldset { min-width: 0; }
.payment-methods-panel legend { float: none; margin-bottom: 6px; font-size: 19px; font-weight: 650; }
.payment-methods-hint { margin-bottom: 22px; font-size: 13px; color: #7d8178; }
.payment-methods-options { display: grid; gap: 12px; margin-bottom: 27px; }
.payment-method-option { position: relative; }
.payment-method-option > input { position: absolute; top: 50%; left: 16px; width: 18px; height: 18px; transform: translateY(-50%); accent-color: #416249; z-index: 1; }
.payment-method-option > label { display: flex; align-items: center; gap: 13px; min-height: 80px; margin: 0; padding: 19px 18px 19px 47px; border: 1px solid #e0e4dc; border-radius: 13px; cursor: pointer; transition: background .15s, border-color .15s; }
.payment-method-option > input:checked + label { border-color: #648365; background: #f5f8f2; box-shadow: 0 0 0 1px #648365; }
.payment-method-option > input:focus-visible + label { outline: 3px solid #94b298; outline-offset: 4px; }
.payment-method-logo { display: block; flex-shrink: 0; width: 80px; max-width: 80px; height: auto; max-height: 32px; margin-left: auto; object-fit: contain; }
.payment-method-copy { display: grid; flex: 1; min-width: 0; gap: 1px; overflow-wrap: anywhere; }
.payment-method-copy strong { font-size: 15px; overflow-wrap: anywhere; }
.payment-method-copy > span { color: #808579; font-size: 11px; line-height: 1.7; }
.payment-methods-submit { display: flex; justify-content: center; align-items: center; gap: 12px; width: 100%; min-height: 48px; border-radius: 10px; }
.payment-methods-policy { margin: 19px 0 0; color: #8b8f85; text-align: center; font-size: 11px; line-height: 1.9; }
.payment-methods-policy a { color: #56654f; text-decoration: underline; text-underline-offset: 3px; }
/* 窄屏让支付方式说明独占一行，避免右侧 Logo 挤压长文本。 */
@media (max-width: 575.98px) {
    .payment-method-option > input { top: 34px; }
    .payment-method-option > label { display: grid; grid-template-columns: minmax(0, 1fr) 64px; gap: 8px 12px; }
    .payment-method-copy { display: contents; }
    .payment-method-copy strong { grid-column: 1; grid-row: 1; }
    .payment-method-copy > span { grid-column: 1 / -1; overflow-wrap: anywhere; }
    .payment-method-logo { grid-column: 2; grid-row: 1; width: 64px; max-width: 64px; }
}
@media (max-width: 767.98px) {
    .payment-methods-page { padding: 28px 0 42px; }
    .payment-methods-container { max-width: 560px; padding-right: 20px; padding-left: 20px; }
    .payment-methods-layout { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .payment-methods-heading { margin: 25px 0; }
    .payment-methods-heading > p { font-size: 13px; }
    .payment-plan-summary, .payment-methods-panel { padding: 24px; }
    .payment-plan-icon { float: right; margin-bottom: 0; }
    .payment-plan-summary h2 { margin-bottom: 16px; }
    .payment-plan-benefit { padding: 16px 0; }
    .payment-plan-note { margin-top: 16px; }
}
@media (max-width: 767.98px) {
    .payment-result-page { padding: 35px 0 42px; }
    .payment-result-container { max-width: 540px; padding-right: 20px; padding-left: 20px; }
    .payment-result-kicker { margin-bottom: 21px; font-size: 10px; }
    .payment-result-panel { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 29px 24px 24px; border-radius: 23px; }
    .payment-result-icon { width: 64px; height: 64px; margin-bottom: 24px; border-radius: 20px; font-size: 30px; }
    .payment-result-message h1 { max-width: 17ch; font-size: 30px; }
    .payment-result-description { max-width: none; font-size: 13px; }
    .payment-result-actions { margin-top: 23px; }
    .payment-result-actions .btn { flex: 1; }
    .payment-result-provider { margin-top: 19px; }
    .payment-receipt-heading { padding: 20px; }
    .payment-receipt-reference { padding: 20px 20px 17px; }
    .payment-receipt-details { padding: 0 20px 16px; }
    .payment-receipt-note { margin-right: 20px; margin-left: 20px; }
    .payment-receipt-footer { padding: 12px 20px; }
    .payment-receipt-empty { min-height: 185px; }
}
@media (max-width: 359.98px) {
    .payment-result-container { padding-right: 14px; padding-left: 14px; }
    .payment-result-panel { padding: 27px 18px 18px; }
    .payment-result-actions { flex-direction: column; }
    .payment-result-message h1 { font-size: 28px; }
}
/* 安装向导沿用前台浅底、深绿强调色与表单状态；样式限定在安装页。 */
.install-page { background-color: var(--bg); background-image: linear-gradient(to right,rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.045) 1px,transparent 1px); background-size: 32px 32px; min-height: 100vh; color: var(--black); }
.install-shell { max-width: 900px; margin: 0 auto; padding: 48px 24px; }
.install-shell header strong { color: #193e2d; }
.install-page .text-primary,.install-page .text-success { color: #176b56 !important; }
.install-page a:hover { color: #105944; }
.install-page a:focus-visible,.install-page button:focus-visible { outline: 3px solid #79b891; outline-offset: 2px; }
.install-card { padding: 36px; background: #fff; border: 1px solid #dce7df; border-radius: 18px; box-shadow: 0 12px 36px rgba(22,64,40,.05); overflow-wrap: anywhere; }
.install-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 0; margin: 0 0 28px; list-style: none; }
.install-steps li { display: flex; gap: 9px; align-items: center; font-size: 14px; color: #5b7063; }
.install-steps span { display: inline-grid; place-items: center; width: 30px; height: 30px; flex: 0 0 30px; background: #e7f3ed; border-radius: 50%; }
.install-steps .active { color: #176b56; font-weight: 600; }
.install-steps .active span { background: #176b56; color: white; }
.install-agreement { background: #f3f8f5; padding: 24px; border: 1px solid #dce7df; border-radius: 10px; line-height: 1.8; }
.install-license { max-height: 360px; overflow: auto; padding: 18px; border: 1px solid #dce7df; border-radius: 10px; background: #f3f8f5; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 14px; line-height: 1.8; }
.install-page .btn-primary,.install-page .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #176b56; --bs-btn-border-color: #176b56; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #105944; --bs-btn-hover-border-color: #105944; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0e5846; --bs-btn-active-border-color: #0e5846; --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #176b56; --bs-btn-disabled-border-color: #176b56; --bs-btn-focus-shadow-rgb: 23,107,86; }
.install-page .btn-outline-secondary { --bs-btn-color: #45564f; --bs-btn-border-color: #d8e1dc; --bs-btn-hover-color: #203b31; --bs-btn-hover-bg: #f3f8f5; --bs-btn-hover-border-color: #a9bbb3; --bs-btn-active-color: #203b31; --bs-btn-active-bg: #e7f3ed; --bs-btn-active-border-color: #a9bbb3; --bs-btn-focus-shadow-rgb: 23,107,86; }
.install-page .btn-primary:hover,.install-page .btn-success:hover { color: #fff; }
.install-page .form-control { border-color: #d9e5df; border-radius: 10px; color: #293831; }
.install-page .form-check-input { border-color: #a9bbb3; }
.install-page .form-check-input:checked { background-color: #176b56; border-color: #176b56; }
.install-page .form-check-input:focus { border-color: #72b69b; box-shadow: 0 0 0 3px rgba(23,107,86,.12); }
/* 校验失败时覆盖安装页绿色边框和全站绿色焦点，保持错误提示醒目。 */
.install-page .form-control.is-invalid,.install-page .form-check-input.is-invalid { border-color: #dc3545; }
.install-page .form-control.is-invalid:focus,.install-page .form-check-input.is-invalid:focus { border-color: #dc3545 !important; box-shadow: 0 0 0 3px rgba(220,53,69,.15) !important; }
.install-page .alert-info,.install-page .alert-success { --bs-alert-color: #205744; --bs-alert-bg: #edf7f2; --bs-alert-border-color: #cfe6db; }
.install-page .table { --bs-table-color: #293831; --bs-table-border-color: #dce7df; }
.install-tasks li { margin-bottom: 12px; }
.install-success-details { margin: 24px 0; }
.install-success-details>div { padding: 14px 0; border-bottom: 1px solid #dce7df; }
.install-success-details dt { color: #5b7063; font-size: 14px; font-weight: 500; }
.install-success-details dd { margin: 7px 0 0; overflow-wrap: anywhere; }
.install-success-details code { color: #203b31; font-size: 16px; white-space: pre-wrap; }
@media (max-width: 575.98px) {
    .install-shell { padding: 24px 14px; }
    .install-shell header { flex-wrap: wrap; }
    .install-card { padding: 24px 18px; }
    .install-steps { grid-template-columns: repeat(2, 1fr); }
    .install-agreement { padding: 16px; }
}

/* 后台沿用前台深绿与浅色卡片，布局及交互仅作用于管理页面。 */
.admin-page{background:#f5f8f6;color:#20362b;min-height:100vh;}
.admin-page a{color:#176b56;}
.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:16px 28px;background:#fff;border-bottom:1px solid #dce7df;}
.admin-brand{display:flex;align-items:center;gap:10px;min-width:0;font-size:18px;font-weight:750;overflow-wrap:anywhere;}
.admin-brand img{flex-shrink:0;}
.admin-brand span{font-size:13px;font-weight:500;color:#6b7c71;}
.admin-top-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:14px;font-size:13px;}
.admin-top-actions form{margin:0;}
.admin-identity{color:#65756b;}
.admin-shell{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:26px;max-width:1500px;margin:0 auto;padding:28px;}
.admin-sidebar{padding:14px;background:white;border:1px solid #dce7df;border-radius:16px;}
.admin-sidebar nav{display:flex;flex-direction:column;gap:5px;}
.admin-sidebar nav a{padding:12px 14px;border-radius:10px;color:#52685b;font-size:14px;font-weight:600;}
.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#e7f3ed;color:#176b56;}
.admin-role{margin:18px 12px 4px;padding-top:14px;border-top:1px solid #e5ede7;color:#718177;font-size:12px;}
.admin-content{min-width:0;}
.admin-heading{margin:0 0 22px;}
.admin-heading p{margin:0 0 7px;color:#718177;font-size:12px;}
.admin-heading h1{margin:0;color:#1c382a;font-size:27px;font-weight:700;}
.admin-panel{min-width:0;margin-bottom:22px;padding:26px;background:white;border:1px solid #dce7df;border-radius:16px;box-shadow:0 8px 24px rgba(22,64,40,.035);}
.admin-form-panel{max-width:850px;}
.admin-page .form-control,.admin-page .form-select{min-height:42px;border-color:#d9e5df;border-radius:10px;color:#293831;}
.admin-page .form-label{font-size:14px;color:#435e4d;}
.admin-page .btn-primary{--bs-btn-bg:#176b56;--bs-btn-border-color:#176b56;--bs-btn-hover-bg:#105944;--bs-btn-hover-border-color:#105944;--bs-btn-active-bg:#0e5846;--bs-btn-active-border-color:#0e5846;--bs-btn-disabled-bg:#176b56;--bs-btn-disabled-border-color:#176b56;--bs-btn-focus-shadow-rgb:23,107,86;}
.admin-page .btn-primary:hover{color:#fff;}
.admin-page .alert-info,.admin-page .alert-success{--bs-alert-color:#205744;--bs-alert-bg:#edf7f2;--bs-alert-border-color:#cfe6db;}
.admin-page .form-check-input:checked{background-color:#176b56;border-color:#176b56;}
.admin-page a:focus-visible,.admin-page button:focus-visible{outline:3px solid #79b891;outline-offset:2px;}
.admin-page .table{--bs-table-color:#345440;--bs-table-border-color:#e5ede7;font-size:13px;}
.admin-page .table th{font-weight:600;white-space:nowrap;}
.admin-page .table td{max-width:280px;overflow-wrap:anywhere;}
.admin-page .alert{overflow-wrap:anywhere;}
.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.admin-stats .admin-panel p{margin:0 0 12px;color:#718177;font-size:14px;}
.admin-stats strong{font-size:26px;color:#176b56;overflow-wrap:anywhere;}
.admin-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;}
.admin-filters>.mb-3{flex:1 1 150px;max-width:240px;min-width:0;}
.admin-data-table{min-width:620px;}
.admin-pagination{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:13px;}
.admin-pagination span{margin-right:auto;color:#718177;}
.admin-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;}
.admin-details>div{padding:13px 0;border-bottom:1px solid #e5ede7;overflow-wrap:anywhere;}
.admin-details dt{color:#718177;font-size:12px;font-weight:500;}
.admin-details dd{margin:5px 0 0;font-size:14px;}
.admin-login-wrap{max-width:470px;margin:64px auto;padding:0 16px;}
.admin-login-wrap .admin-panel{padding:32px;}
.admin-menu-toggle{display:none;}
@media(max-width:991.98px){.admin-topbar{padding:16px 20px;flex-wrap:wrap;}.admin-shell{grid-template-columns:1fr;padding:20px;gap:18px;}.admin-menu-toggle{display:inline-block;}.admin-sidebar{display:none;}.admin-sidebar.is-open{display:block;}.admin-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:575.98px){.admin-topbar{padding:14px;gap:14px;}.admin-brand{font-size:16px;flex-wrap:wrap;}.admin-top-actions{justify-content:flex-start;gap:12px;}.admin-shell{padding:18px 12px;}.admin-panel{padding:20px 16px;}.admin-stats{grid-template-columns:1fr;gap:0;}.admin-heading h1{font-size:23px;}.admin-details{grid-template-columns:1fr;}.admin-filters>.mb-3{max-width:none;}.admin-login-wrap{margin:32px auto;}}

/* 支付设置的价格和渠道表单按可用宽度排列，代码表格在窄屏内独立滚动。 */
.admin-payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;}
.admin-payment-plan{min-width:0;padding:18px;border:1px solid #dce7df;border-radius:12px;}
.admin-payment-codes{min-width:620px;}
.admin-payment-codes .form-control,.admin-payment-codes .form-select{min-width:110px;}
.admin-payments-form .form-control,.admin-payments-form .form-select{min-width:0;}
@media(max-width:991.98px){.admin-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:575.98px){.admin-payment-grid{grid-template-columns:1fr;gap:0;}.admin-payment-plan{margin-bottom:16px;}}