/* Independent FBR website · temporary accessible palette pending real logo */
:root{--forest:#16382f;--forest-dark:#0d281f;--green:#247254;--green-soft:#e8f3ec;--ink:#192d28;--muted:#5c6c65;--paper:#fff;--bg:#f8faf7;--tint:#f0f5f0;--line:#dce6dc;--gold:#cfac6a;--shadow:0 16px 40px rgba(14,48,32,.07);--radius:18px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}html[lang=ur] body{font-family:"Noto Naskh Arabic","Noto Nastaliq Urdu",Tahoma,Arial,sans-serif;line-height:1.95}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.22;letter-spacing:-.028em}html[lang=ur] h1,html[lang=ur] h2,html[lang=ur] h3{letter-spacing:0;line-height:1.55}h1{font-size:clamp(2.45rem,5.25vw,4.6rem);max-width:850px;margin-bottom:26px}h2{font-size:clamp(1.8rem,3.2vw,2.65rem);margin-bottom:17px}h3{font-size:1.26rem;margin-bottom:12px}p{margin-bottom:16px}.container{width:min(calc(100% - 44px),var(--container));margin-inline:auto}.narrow{max-width:820px}.muted{color:var(--muted)}.small{font-size:.89rem}.skip-link{position:absolute;inset-inline-start:16px;top:-70px;z-index:100;background:#fff;color:#000;padding:9px 18px}.skip-link:focus{top:8px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d28d29;outline-offset:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;min-height:48px;border:1px solid transparent;border-radius:12px;font-weight:700;font-size:.92rem;white-space:normal;text-align:center;transition:background .18s,border-color .18s,transform .18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--forest);color:white}.btn-primary:hover{background:var(--forest-dark);color:white}.btn-outline{border-color:var(--forest);color:var(--forest);background:transparent}.btn-outline:hover{background:var(--green-soft);color:var(--forest)}.btn-light{background:#fff;color:var(--forest)}.btn-light:hover{color:var(--forest-dark);background:#e9f5ed}.btn-block{width:100%}.btn-small{min-height:36px;padding:5px 11px;font-size:.83rem}.btn-danger{background:#812f36;color:#fff}.button-row{display:flex;gap:12px;flex-wrap:wrap}.eyebrow{display:inline-block;color:var(--green);font-size:.78rem;font-weight:800;letter-spacing:.105em;text-transform:uppercase;margin-bottom:20px}html[lang=ur] .eyebrow{text-transform:none;letter-spacing:0;font-size:.97rem}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:84px}.brand{display:inline-flex;align-items:center;gap:11px;max-width:285px;color:var(--forest);font-weight:800;line-height:1.25}.brand:hover{color:var(--forest)}.brand-symbol{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--forest);color:#fff;font-family:Georgia,serif;font-size:26px}.brand-text{font-size:.95rem}.brand img{max-width:180px;width:auto;height:auto;max-height:50px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:clamp(10px,1.28vw,21px);font-size:.86rem;font-weight:650}.site-nav>a:not(.btn){padding:10px 0;white-space:nowrap}.site-nav a[aria-current=page]{color:var(--green)}.site-nav .lang-link{border-inline-start:1px solid var(--line);padding-inline-start:14px!important;font-weight:800}.header-cta{padding:10px 15px;min-height:42px}.menu-toggle{display:none;border:1px solid var(--line);border-radius:10px;background:white;padding:8px 11px;color:var(--forest)}.hero{background:radial-gradient(ellipse at 86% 17%,#e8f3ec 0,transparent 38%),linear-gradient(#fbfdfb,#f4f8f4);overflow:hidden;border-bottom:1px solid var(--line)}.hero-grid{min-height:590px;padding-block:82px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:54px}.hero h1{max-width:630px}.lead{font-size:1.17rem;max-width:620px;color:var(--muted);line-height:1.8;margin-bottom:29px}.lead-dark{font-size:1.13rem;color:var(--muted);line-height:1.9}.trust-note{margin-top:26px;color:var(--muted);font-size:.82rem}.hero-visual{background:var(--forest);border-radius:27px;padding:25px;box-shadow:0 28px 80px rgba(9,38,24,.22);transform:rotate(1deg);position:relative}.hero-visual::before{content:"";position:absolute;width:118px;height:118px;border:1px solid rgba(255,255,255,.15);border-radius:50%;top:-25px;inset-inline-end:-34px}.visual-label{font-size:.72rem;letter-spacing:.03em;color:#cbe8d8;margin-bottom:18px}.visual-card{background:white;border-radius:18px;overflow:hidden;position:relative}.visual-top{height:48px;padding:14px 17px;background:#f4f8f4;border-bottom:1px solid var(--line);display:flex;gap:6px;align-items:center}.visual-top b{margin-inline-start:auto;font-size:.61rem;color:#6a8074;letter-spacing:.11em}.dot{height:8px;width:8px;background:#b2c3b8;border-radius:50%}.visual-main{display:flex;gap:16px;align-items:center;padding:19px}.visual-main small{display:block;font:700 .65rem/1.4 Arial,sans-serif;letter-spacing:.06em;color:#688277}.visual-main strong{font-size:.93rem;display:block;line-height:1.5}.visual-icon{width:45px;height:45px;background:var(--green-soft);color:var(--forest);border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:1.45rem;flex:none}.visual-mark{margin-inline-start:auto;color:var(--green);font-weight:900}.visual-line{margin-inline-start:41px;width:1px;height:16px;border-inline-start:2px dashed #c3d6c6}.section{padding-block:88px}.section-tint{background:var(--bg);border-block:1px solid #edf1ec}.section-contrast{background:var(--forest);color:white}.split-intro{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px}.section-heading{max-width:700px;margin-bottom:35px}.section-heading p{font-size:1.07rem;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.step{padding:23px 19px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-height:175px}.step>span{font-size:.85rem;color:var(--green);font-weight:850;display:block;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:16px}.step p{font-weight:650;line-height:1.65;margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:29px;background:white;box-shadow:var(--shadow);min-width:0}.card h2{font-size:1.45rem}.card p{color:var(--muted)}.feature-card{display:flex;align-items:flex-start;flex-direction:column}.feature-card h2,.feature-card h3{margin-top:18px}.feature-card>p:last-child{margin-bottom:0}.feature-icon{width:46px;height:46px;display:grid;place-items:center;background:var(--green-soft);color:var(--forest);border-radius:12px;font-size:1.45rem;font-weight:800}.feature-example{background:var(--bg);padding:13px 15px;border-radius:10px;font-size:.9rem;margin-top:auto;width:100%}.list-accent{display:inline-flex;color:var(--green);font-weight:900;font-size:1rem;margin-bottom:17px}.audience-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.center-cta{text-align:center;margin-top:33px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.plan-card{padding:23px;display:flex;flex-direction:column;height:100%;box-shadow:0 10px 25px rgba(14,48,32,.04)}.plan-head{min-height:116px}.plan-head h3{font-size:1.18rem}.plan-head p{font-size:.88rem}.plan-badge{font-size:.75rem;display:inline-block;color:var(--green);background:var(--green-soft);border-radius:50px;font-weight:800;padding:3px 11px;margin-bottom:15px}.plan-price{min-height:79px;display:flex;align-items:center;border-bottom:1px solid var(--line);margin-bottom:15px}.money{font-size:1.45rem;font-weight:850;line-height:1.3}.small-money{font-size:1.08rem}.plan-details{flex:1;font-size:.85rem;margin-bottom:21px}.plan-details p{margin-bottom:10px}.plan-details h4{margin:20px 0 9px;font-size:.95rem}.check-list{padding-inline-start:20px;margin:0}.check-list li{margin-bottom:7px}.contrast-row{display:flex;align-items:center;justify-content:space-between;gap:40px}.contrast-row>div{max-width:730px}.section-contrast .eyebrow{color:#a8dabc}.section-contrast p{color:#d8e9de;font-size:1.04rem}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-item{border:1px solid var(--line);border-radius:13px;padding:19px 23px;background:white}.faq-item summary{font-weight:740;cursor:pointer;list-style-position:inside}.faq-item p{color:var(--muted);margin:14px 0 2px}.blog-tile{display:flex;flex-direction:column}.blog-tile p{flex:1}.blog-tile a:hover{text-decoration:underline}.blog-tile h2{font-size:1.4rem}.text-link{color:var(--green);font-weight:800;font-size:.94rem}.final-cta{background:var(--forest);color:#fff;border-radius:24px;padding:50px 55px;display:flex;align-items:center;justify-content:space-between;gap:25px}.final-cta>div{max-width:750px}.final-cta h2{margin-bottom:9px}.final-cta p{color:#d8e9de;margin:0}.site-footer{background:#102820;color:#d7e8db;padding-top:65px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1.1fr;gap:37px}.site-footer h2{font-size:1rem;color:white;margin:0 0 22px}.site-footer a:not(.footer-brand){display:block;margin-bottom:11px;color:#d7e8db;font-size:.9rem}.site-footer a:hover{color:#fff}.footer-brand{display:block;color:#fff;font-size:1.14rem;font-weight:800;margin-bottom:16px}.site-footer p{color:#afc6b8;font-size:.9rem}.footer-bottom{margin-top:45px;padding-block:22px;border-top:1px solid rgba(255,255,255,.12);font-size:.81rem;color:#afc6b8}.page-hero{padding-block:84px 78px;background:linear-gradient(135deg,#f0f7f1,#fff);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.25rem,4.2vw,3.75rem)}.page-hero .lead-dark{margin-bottom:0}.prose{font-size:1.08rem;line-height:1.9}.prose h2{margin-top:40px;font-size:1.7rem}.prose h3{margin-top:31px;font-size:1.3rem}.prose p,.prose li{color:#35493d}.prose a{color:var(--green);text-decoration:underline}.prose ul,.prose ol{padding-inline-start:24px}.article-note,.info-note{background:var(--green-soft);color:var(--forest);padding:18px 20px;border-radius:12px;font-size:.88rem}.post-date{font-size:.88rem;color:var(--muted)}.service-card .text-link{margin-top:auto}.service-card{display:flex;flex-direction:column}.service-card p{flex:1}.period-switch{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;background:var(--tint);border:1px solid var(--line);border-radius:14px;padding:6px;width:fit-content;margin:0 auto 35px}.period-button{border:0;padding:10px 24px;background:transparent;color:var(--forest);border-radius:9px;font-weight:750}.period-button.is-active{background:white;box-shadow:0 4px 15px rgba(0,0,0,.09)}.pricing-grid-focused{display:block;max-width:410px;margin-inline:auto}.pricing-grid-focused .pricing-panel{width:100%}.pricing-panel[hidden]{display:none}.invoice-package{margin-top:90px}.invoice-package>div:first-child{max-width:600px}.invoice-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.calculator{align-self:start}.calculator h3{font-size:1.4rem}.calculator label{font-weight:750;display:block;margin-top:22px;margin-bottom:7px}.calculator input{width:100%;margin-bottom:15px}.calculator .btn{width:100%}.calc-result{display:block;margin-top:19px;padding:16px;border-radius:10px;background:var(--green-soft);color:var(--forest);font-size:1.13rem;font-weight:800}.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px}.contact-info{padding:25px 0}.contact-info p{margin-bottom:24px}.contact-info strong{font-size:.84rem;color:var(--muted)}.contact-info a{color:var(--green);overflow-wrap:anywhere}.form-shell{background:#fff;border:1px solid var(--line);border-radius:22px;padding:35px;box-shadow:var(--shadow)}.form-shell h2{font-size:1.65rem}.form-shell>div>p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-full{grid-column:1/-1}.field label{font-weight:700;font-size:.88rem;color:var(--ink)}input:not([type=checkbox]),select,textarea{width:100%;padding:11px 13px;min-height:46px;border:1px solid #bacabd;background:#fff;border-radius:9px;color:var(--ink);outline-offset:3px}textarea{min-height:108px;resize:vertical}input[aria-invalid=true]{border-color:#a22938}.field-error{color:#a22938;font-size:.79rem}.lead-form>.btn{margin-top:22px}.trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(100%)!important;white-space:nowrap!important}.alert{padding:14px 17px;border-radius:10px;margin:17px 0;font-size:.9rem}.alert-danger{background:#faeded;color:#82252f;border:1px solid #efc8cc}.alert-success{background:#e7f7ed;color:#185235;border:1px solid #bbdfc6}.thanks-card{padding:55px 38px;background:var(--bg);border:1px solid var(--line);border-radius:22px;text-align:center}.thanks-card .feature-icon{margin:0 auto 20px}.thanks-card h1{font-size:2.2rem}.thanks-card p{color:var(--muted)}.error-page{padding-block:110px}.error-page h1{font-size:2.5rem}.pagination-wrap{margin-top:32px}.pagination-wrap nav{max-width:100%;overflow:auto}.pagination-wrap nav>div{display:flex;gap:5px;flex-wrap:wrap}.pagination-wrap a,.pagination-wrap span{font-size:.87rem}.pagination-wrap svg{max-height:18px;max-width:18px}.pagination-wrap nav>div:first-child{margin-bottom:14px}.admin-body{background:var(--bg)}.admin-header{background:var(--forest);color:white;padding:16px 0}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-header nav{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.admin-header nav>a{font-size:.9rem;color:white}.admin-header .btn-outline{color:#fff;border-color:#d0e5d7}.admin-header .btn-outline:hover{color:var(--forest)}.admin-content{padding-block:48px 90px}.admin-login{max-width:480px;margin:40px auto}.admin-login .field{margin:16px 0}.admin-login .btn{margin-top:14px}.admin-stats{margin-top:28px}.admin-stats a:hover{border-color:var(--green)}.admin-stats h2{font-size:2.5rem;color:var(--forest)}.admin-title-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.admin-title-row h1,.admin-content>h1{font-size:2.1rem}.admin-title-row a:not(.btn){color:var(--green)}.admin-table-wrap{overflow-x:auto;border:1px solid var(--line);background:#fff;border-radius:14px}.admin-table{border-collapse:collapse;width:100%;min-width:620px}.admin-table th,.admin-table td{text-align:start;padding:14px 17px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:.93rem}.admin-table th{background:#eaf1e9;color:var(--forest);font-size:.84rem}.admin-table tr:last-child td{border-bottom:0}.admin-table small{color:var(--muted)}.table-actions{display:flex;gap:6px;align-items:center}.admin-edit{max-width:1000px}.admin-edit .button-row{margin-top:22px}.check-field{display:flex;align-items:center;gap:10px;font-weight:700;margin-top:21px}.check-field input{width:18px;height:18px}.lead-detail{max-width:800px}.lead-detail dl{display:grid;grid-template-columns:160px 1fr;gap:12px;padding-bottom:25px;border-bottom:1px solid var(--line)}.lead-detail dt{font-weight:800;color:var(--forest)}.lead-detail dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.lead-detail form{max-width:350px}.lead-detail form>.btn{margin-top:15px}
@media(max-width:1150px){.site-nav{gap:10px;font-size:.79rem}.brand{max-width:225px}.header-cta{padding:9px 11px}.hero-grid{gap:29px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.header-inner{min-height:72px}.menu-toggle{display:inline-flex;align-items:center;gap:9px}.site-nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;background:white;border-bottom:1px solid var(--line);box-shadow:0 15px 25px rgba(0,0,0,.08);padding:17px max(22px,calc((100% - var(--container))/2));flex-direction:column;align-items:stretch;gap:3px;font-size:1rem}.site-nav.is-open{display:flex}.site-nav>a:not(.btn){padding:11px 7px}.site-nav .lang-link{border-inline-start:0;padding-inline-start:7px!important}.header-cta{align-self:flex-start;margin-top:8px}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-block:66px;gap:30px}.hero-visual{max-width:550px;width:100%;margin-inline:auto;transform:none}.split-intro{grid-template-columns:1fr;gap:8px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-layout{grid-template-columns:1fr;gap:10px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-block:65px}.page-hero{padding-block:65px 58px}}
@media(max-width:620px){.container{width:min(calc(100% - 30px),var(--container))}.brand-text{font-size:.79rem}.brand-symbol{width:36px;height:36px}.hero-grid{padding-block:48px}.hero h1{font-size:clamp(2.2rem,9vw,3.2rem)}.hero-visual{padding:16px}.visual-main{padding:14px;gap:10px}.visual-icon{width:38px;height:38px}.visual-main strong{font-size:.83rem}.section{padding-block:55px}.page-hero{padding-block:55px}.card-grid,.pricing-grid,.audience-grid,.invoice-columns,.faq-grid,.footer-grid,.form-grid,.steps{grid-template-columns:1fr}.field-full{grid-column:auto}.step{min-height:auto;display:flex;gap:18px;align-items:flex-start}.step>span{margin:0;padding:0 0 0 0;border:0}.contrast-row,.final-cta,.admin-title-row{flex-direction:column;align-items:flex-start}.final-cta{padding:32px 24px}.card{padding:24px}.form-shell{padding:22px}.footer-grid{gap:25px}.site-footer{padding-top:50px}.invoice-package{margin-top:65px}.period-button{padding:9px 13px}.admin-top{flex-direction:column;align-items:flex-start}.admin-header nav{gap:12px}.admin-edit .form-grid{grid-template-columns:1fr}.lead-detail dl{grid-template-columns:1fr;gap:3px}.lead-detail dd{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}

/* ================================================================
   FBR InvoiceSoftware.pk · Brand-led visual system · September 2026
   Progressive enhancement: Blade renders all content without JS.
   ================================================================ */
:root{--forest:#143e68;--forest-dark:#0b2747;--green:#087f49;--green-soft:#e8f7ef;--ink:#12243a;--muted:#607084;--paper:#fff;--bg:#f7f9fc;--tint:#f2f6fa;--line:#e1e8f1;--gold:#d0a85c;--shadow:0 22px 60px rgba(18,45,76,.065);--radius:20px;--container:1230px;--navy:#102f54;--navy-deep:#09213d;--green-bright:#13a667;--accent:#176b9e;--focus:#e3a72e}
html{scroll-padding-top:100px}body{color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15.5px;line-height:1.75;-webkit-font-smoothing:antialiased}html[lang=ur] body{font-family:"Noto Naskh Arabic",Tahoma,"Segoe UI",Arial,sans-serif;line-height:2}::selection{background:#cdeadd;color:#0d3459}a,button,details,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.container{width:min(calc(100% - 72px),var(--container))}h1,h2,h3,h4{color:inherit;letter-spacing:-.047em;line-height:1.12}html[lang=ur] h1,html[lang=ur] h2,html[lang=ur] h3,html[lang=ur] h4{letter-spacing:0;line-height:1.65}h1{font-size:clamp(3.25rem,5.5vw,5.9rem);font-weight:800}h2{font-size:clamp(2.05rem,3.35vw,3.25rem);font-weight:790}h3{font-size:1.32rem}p{line-height:1.85}svg.icon{width:19px;height:19px;display:inline-block;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.eyebrow{color:var(--green);font-size:.74rem;letter-spacing:.14em;font-weight:850;line-height:1.5}.eyebrow-line::before{content:"";display:inline-block;width:23px;height:2px;margin-inline-end:11px;vertical-align:middle;background:linear-gradient(90deg,var(--navy),var(--green));border-radius:3px}html[lang=ur] .eyebrow{font-size:.92rem;letter-spacing:0}.lead,.lead-dark{font-size:1.09rem;line-height:1.9;color:var(--muted)}.text-link{color:var(--green);font-weight:760}.text-link-icon{display:inline-flex;align-items:center;gap:10px}.text-link-icon .icon,.btn .icon,.site-footer a .icon{transition:transform .25s ease}.text-link-icon:hover .icon,.btn:hover .icon,.site-footer a:hover .icon{transform:translate(2px,-2px)}html[dir=rtl] .text-link-icon:hover .icon,html[dir=rtl] .btn:hover .icon{transform:translate(-2px,-2px)}.btn{min-height:49px;gap:11px;border-radius:12px;padding:12px 21px;font-size:.89rem;font-weight:750;letter-spacing:-.01em;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:linear-gradient(118deg,#146b48,#058e51);border-color:#0c8954;box-shadow:0 9px 24px rgba(6,116,70,.16)}.btn-primary:hover{color:white;background:linear-gradient(118deg,#125b41,#067846);box-shadow:0 16px 27px rgba(6,116,70,.2)}.btn-outline{color:var(--navy);border-color:#cbd8e5;background:white}.btn-outline:hover{color:var(--navy);border-color:#9bb7cb;background:#f4f8fa}.btn-light{color:var(--navy);background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08)}.btn-light:hover{background:#eaf8f1;color:var(--navy)}.btn-lg{padding:16px 24px;min-height:55px}.button-row{gap:12px}
/* navigation */
.site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:rgba(214,227,238,.8);transition:box-shadow .25s ease}.site-header.is-scrolled{box-shadow:0 9px 36px rgba(10,39,73,.075)}.header-inner{min-height:91px;gap:18px}.brand{display:flex;max-width:none;flex:0 0 auto;min-width:0;position:relative}.brand img{display:block;width:clamp(175px,17.8vw,236px);max-width:none;max-height:none;height:auto;aspect-ratio:1209/373;object-fit:contain}.site-nav{flex:1;justify-content:flex-end;gap:clamp(11px,1.36vw,22px);font-size:.83rem;font-weight:700}.site-nav>a.nav-link{padding:10px 0;position:relative;white-space:nowrap;transition:color .2s}.site-nav>a.nav-link:after{content:"";height:2px;background:var(--green);border-radius:2px;position:absolute;bottom:2px;inset-inline:0;transform:scaleX(0);transform-origin:center;transition:transform .24s}.site-nav>a.nav-link:hover:after,.site-nav>a.nav-link[aria-current=page]:after{transform:scaleX(1)}.site-nav a[aria-current=page]{color:var(--green)}.nav-actions{display:flex;align-items:center;gap:15px;margin-inline-start:7px}.site-nav .lang-link{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:750;padding:0!important;border:none;color:var(--navy)}.lang-link .icon{width:16px;height:16px}.header-cta{min-height:43px;padding:10px 14px;font-size:.82rem;white-space:nowrap}.header-cta .icon{width:16px;height:16px}.menu-toggle,.mobile-nav-head{display:none}.site-nav .lang-link:hover{color:var(--green)}
/* hero */
.hero-modern{background:linear-gradient(117deg,#f8fbfe 0%,#fff 47%,#eff8f5 100%);position:relative;isolation:isolate;border:0;overflow:hidden}.hero-grid-pattern{position:absolute;inset:0;opacity:.35;pointer-events:none;background-image:radial-gradient(#a9c5d4 .8px,transparent .8px);background-size:25px 25px;mask-image:linear-gradient(to right,transparent 13%,#000 99%)}.hero-glow{position:absolute;z-index:-1;pointer-events:none;filter:blur(4px);border-radius:50%}.hero-glow-blue{height:630px;width:630px;top:-265px;inset-inline-start:-320px;background:radial-gradient(circle,rgba(47,129,183,.12),transparent 67%)}.hero-glow-green{height:700px;width:700px;bottom:-350px;inset-inline-end:-200px;background:radial-gradient(circle,rgba(30,177,115,.12),transparent 65%)}.hero-modern .hero-grid{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(35px,5vw,75px);min-height:690px;padding-block:76px 61px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border-radius:100px;background:#ecf7f1;border:1px solid #cae7d9;letter-spacing:.06em;font-size:.74rem;margin-bottom:25px}.hero-eyebrow .icon{width:13px;height:13px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#17a969;box-shadow:0 0 0 5px #16a66819;flex:none;animation:pulse 2.8s ease-out infinite}.hero-modern h1{font-size:clamp(3.4rem,5.65vw,6rem);line-height:1.045;letter-spacing:-.064em;margin:0 0 23px;max-width:635px}.gradient-text{display:block;background:linear-gradient(112deg,#115482 8%,#0e8653 76%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-modern .lead{max-width:540px;font-size:1.06rem;margin-bottom:31px;line-height:1.9}.hero-buttons{margin-bottom:26px}.hero-proof{display:flex;align-items:center;gap:14px;color:#687c8c;font-size:.78rem;font-weight:600}.hero-proof-icons{display:inline-flex;align-items:center;padding-inline-start:2px}.hero-proof-icons .icon{height:32px;width:32px;padding:8px;background:white;border:1px solid #e1ebef;border-radius:50%;color:var(--green);margin-inline-start:-5px;box-shadow:0 3px 13px #184c5e11}.hero-art{min-width:0;position:relative;aspect-ratio:1.15;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art-back{position:absolute;inset:6% 2% 7% 6%;background:linear-gradient(145deg,#133f6a 0%,#174c6c 47%,#0c8056 100%);border-radius:36px;transform:rotate(5deg);box-shadow:0 33px 65px rgba(10,56,95,.17)}.hero-art-back:after{content:"";position:absolute;inset:14px;border-radius:27px;border:1px solid rgba(255,255,255,.13)}.dashboard-mock{width:92%;height:74%;min-height:360px;border-radius:17px;background:#fff;box-shadow:0 28px 65px rgba(3,27,52,.21);display:flex;overflow:hidden;position:relative;z-index:1;transform:rotate(-2deg);border:1px solid rgba(255,255,255,.5);animation:dashboard-float 7s ease-in-out infinite}.dashboard-sidebar{width:49px;flex:none;display:flex;align-items:center;flex-direction:column;gap:21px;padding:14px 7px;background:#102f54;color:#a2bbce}.dashboard-sidebar>div{width:29px;height:29px;display:grid;place-items:center;border-radius:8px}.dashboard-sidebar .icon{width:16px;height:16px}.dashboard-sidebar .dashboard-brand-mark{background:linear-gradient(135deg,#149f5b,#0d744d);color:white;margin-bottom:19px}.dashboard-sidebar .dashboard-side-active{background:#ffffff20;color:#fff}.dashboard-main{min-width:0;flex:1;padding:0 15px 15px;background:#fff}.dashboard-toolbar{height:47px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e7eef4;color:#75879b;font-size:.61rem;font-weight:730;white-space:nowrap}.dashboard-avatar{width:24px;height:24px;border-radius:50%;background:#e8f5ec;color:var(--green);display:grid;place-items:center}.dashboard-avatar .icon{width:13px;height:13px}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:7px;margin:19px 0 14px}.dashboard-heading small{font-size:.52rem;font-weight:800;letter-spacing:.08em;color:#8095a8;display:block}.dashboard-heading strong{font-size:clamp(.78rem,1.5vw,1.1rem);letter-spacing:-.03em;line-height:1.4;display:block;color:#163554}.sample-badge{font-size:.48rem;white-space:nowrap;font-weight:800;letter-spacing:.06em;background:#edf7f1;color:#0c8053;padding:5px 7px;border-radius:6px}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric-card{border:1px solid #e8eef5;background:#fbfdff;border-radius:9px;min-width:0;padding:10px 9px;display:grid;gap:2px}.metric-card>span{width:23px;height:23px;border-radius:6px;color:#145d98;background:#e9f2fb;display:grid;place-items:center;margin-bottom:5px}.metric-card:nth-child(2)>span{color:#a16b13;background:#fef5e5}.metric-card:nth-child(3)>span{color:#0a8751;background:#e7f7ee}.metric-card .icon{height:13px;width:13px}.metric-card small{color:#76899b;font-size:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card strong{color:#173b5e;font-size:.9rem;line-height:1.3}.dashboard-table{border:1px solid #e8eef4;border-radius:10px;margin-top:11px;overflow:hidden}.dashboard-table-title{display:flex;align-items:center;justify-content:space-between;padding:10px;gap:7px}.dashboard-table-title strong{font-size:.68rem;color:#193e60}.table-filter{font-size:.55rem;color:#67829b;background:#f5f8fb;border-radius:5px;padding:4px 6px}.table-filter .icon{width:10px;height:10px}.table-heading{background:#f7f9fc;padding:5px 10px;display:flex;justify-content:space-between;font-size:.51rem;letter-spacing:.08em;color:#8698a9;font-weight:850}.table-row{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:8px 9px;border-top:1px solid #eef2f6;color:#344e68;font-size:.58rem;font-weight:710}.table-row>span:first-child{display:flex;align-items:center;gap:6px}.table-row-icon{width:21px;height:21px;border-radius:5px;background:#f0f5f9;display:grid;place-items:center;color:#29608c}.table-row-icon .icon{width:12px;height:12px}.status{font-size:.49rem;font-weight:780;padding:4px 7px;border-radius:50px;white-space:nowrap}.status-blue{background:#eaf2fe;color:#2864a4}.status-amber{background:#fff3df;color:#976519}.status-green{background:#e3f7ed;color:#10804b}.floating-note{z-index:2;position:absolute;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.98);border:1px solid #e8f0f4;border-radius:14px;box-shadow:0 15px 39px #09345924;padding:11px 14px;max-width:210px;animation:note-float 6s ease-in-out infinite}.floating-note-top{top:7%;inset-inline-end:-4%}.floating-note-bottom{bottom:8%;inset-inline-start:-4%;animation-delay:-3s;max-width:234px}.floating-icon{display:grid;place-items:center;flex:none;height:35px;width:35px;border-radius:10px;color:#09884f;background:#e9f8ef}.floating-blue{background:#eaf2fc;color:#145c91}.floating-icon .icon{width:17px;height:17px}.floating-note strong{font-size:.67rem;line-height:1.3;display:block;color:#1b3d56}.floating-note small{font-size:.58rem;line-height:1.4;display:block;color:#7a8c9c}.floating-check{height:23px;width:23px;border-radius:50%;background:#e8f7ef;color:#178450;display:grid;place-items:center;margin-inline-start:auto}.floating-check .icon{height:14px;width:14px}.mock-disclaimer{position:absolute;bottom:-3px;inset-inline-end:2%;color:#657889;font-size:.59rem;letter-spacing:.02em}.hero-bottom-line{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #dae7e9;padding-block:18px 20px;color:#6a7d8f;font-size:.79rem;font-weight:650}.hero-bottom-line a{display:inline-flex;align-items:center;gap:8px;color:#0a8154}.hero-bottom-line .icon{width:15px;height:15px}.confidence-strip{border-block:1px solid #e8eef4;background:#fff}.confidence-inner{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-block:24px}.confidence-inner>span{display:flex;align-items:center;gap:9px;color:#425a70;font-size:.83rem;font-weight:730}.confidence-inner .icon{color:var(--green);width:18px;height:18px}
/* sections */
.section{padding-block:105px}.section-tint{background:var(--bg);border-color:#eef2f6}.section-intro{padding-block:103px}.split-intro{grid-template-columns:.9fr 1fr;gap:clamp(40px,8vw,120px)}.split-intro h2{max-width:520px}.split-intro .lead-dark{margin:12px 0 20px}.section-heading{max-width:670px;margin-bottom:0}.section-heading .eyebrow{margin-bottom:17px}.section-heading h2{margin-bottom:15px}.section-heading p{font-size:1rem;max-width:580px;margin-bottom:0;line-height:1.85}.section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:39px}.section-aside{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;border:1px solid #dbe5ee;background:#fff;padding:9px 13px;border-radius:100px;font-size:.76rem;color:#2a668d;font-weight:730}.section-aside .icon{width:15px;height:15px;color:var(--green)}.section-action{flex:none}.workflow-section{background:linear-gradient(180deg,#f4f8fc,#f9fbfd)}.modern-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.modern-steps .step{min-width:0;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:21px 18px 22px;border:1px solid #e1eaf3;border-radius:17px;background:#fff;min-height:224px;box-shadow:0 10px 24px #17416607;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.modern-steps .step:hover{transform:translateY(-5px);border-color:#b9d7c9;box-shadow:0 18px 38px #133a5a14}.modern-steps .step-number{font-size:.69rem;font-weight:850;letter-spacing:.06em;border:0;margin:0 0 15px;padding:0;color:#8698a8}.modern-steps .step-icon{height:45px;width:45px;background:#ecf7f0;color:#087b4b;border-radius:13px;display:grid;place-items:center;margin-bottom:16px}.modern-steps .step-icon .icon{width:21px;height:21px}.modern-steps .step p{font-size:.84rem;font-weight:730;color:#25435a;line-height:1.7;margin:0;padding-inline-end:6px}.modern-steps .step-arrow{position:absolute;inset-inline-end:16px;top:23px;color:#a7b6c6;width:17px;height:17px}.features-section{background:#fff}.modern-feature-grid{gap:17px}.modern-feature-grid .feature-card{padding:30px 27px 28px;border-radius:19px;position:relative;overflow:hidden;min-height:255px;box-shadow:0 13px 29px #123e6110;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.modern-feature-grid .feature-card:before{content:"";position:absolute;height:3px;left:0;right:0;top:0;background:linear-gradient(90deg,#186298,#13a765);transform:scaleX(0);transform-origin:left;transition:transform .3s}.modern-feature-grid .feature-card:hover{transform:translateY(-7px);box-shadow:0 22px 46px #123e611a;border-color:#cbdde7}.modern-feature-grid .feature-card:hover:before{transform:scaleX(1)}.feature-top{display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:12px}.modern-feature-grid .feature-icon{height:52px;width:52px;background:#eff6fc;color:#195f98;border-radius:15px}.modern-feature-grid .feature-card:nth-child(3n+2) .feature-icon{background:#eaf8f0;color:#09864e}.modern-feature-grid .feature-card:nth-child(3n+3) .feature-icon{background:#f0f4ff;color:#5163ab}.modern-feature-grid .feature-icon .icon{width:24px;height:24px}.feature-index{color:#c2ced9;font-size:.81rem;font-weight:830;letter-spacing:.08em}.modern-feature-grid .feature-card h2,.modern-feature-grid .feature-card h3{font-size:1.18rem;letter-spacing:-.035em;margin:21px 0 9px;line-height:1.45}.modern-feature-grid .feature-card p{font-size:.89rem;line-height:1.8;margin-bottom:0;flex:1}.feature-card-link{margin-top:16px;width:31px;height:31px;border:1px solid #dbe6eb;display:grid;place-items:center;border-radius:50%;color:var(--navy);transition:background .2s,transform .2s}.feature-card-link .icon{height:15px;width:15px}.feature-card:hover .feature-card-link{background:#0c8451;color:#fff;border-color:#0c8451;transform:rotate(45deg)}.modern-feature-grid .feature-example{margin-top:18px;display:flex;align-items:flex-start;gap:9px;border:1px solid #edf2f6;background:#f7f9fc;color:#4b677d;padding:13px;border-radius:10px;font-size:.81rem}.modern-feature-grid .feature-example .icon{width:15px;height:15px;color:#148755;margin-top:3px}.audience-section{background:#f7fafc}.audience-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.audience-card{border:1px solid #e0e9f1;border-radius:17px;min-height:246px;padding:26px 22px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:14px;transition:transform .27s ease,box-shadow .27s ease}.audience-card:hover{transform:translateY(-5px);box-shadow:0 17px 32px #103d5d11}.audience-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#e9f2fe,#e6f7ed);color:#126d7f}.audience-icon .icon{height:22px;width:22px}.audience-card h3{font-size:1.06rem;line-height:1.48;margin:0 0 9px}.audience-card p{font-size:.83rem;line-height:1.77;color:var(--muted);margin:0}.audience-card-arrow{margin-top:auto;color:#9db2c3;align-self:flex-end}.audience-card-arrow .icon{height:17px;width:17px}.section-pricing-preview{background:#fff}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.plan-card{border-radius:20px;position:relative;overflow:hidden;padding:27px 21px;box-shadow:0 12px 31px #123e6110;transition:transform .25s,box-shadow .25s}.plan-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px #123e6118}.plan-card:before{content:"";height:3px;position:absolute;top:0;inset-inline:0;background:linear-gradient(90deg,#174d80,#0c9858)}.plan-badge{display:inline-flex;align-items:center;gap:6px;background:#eaf7ef;color:#0b8050;padding:6px 11px;line-height:1.3;border-radius:50px;font-size:.7rem}.plan-badge .icon{height:12px;width:12px}.plan-head{min-height:140px}.plan-head h3{font-size:1.21rem;margin:1px 0 9px;line-height:1.45}.plan-head p{color:#6b7e90;font-size:.83rem;line-height:1.65}.plan-price{min-height:77px;margin-bottom:18px;border-color:#e8eef3}.money{font-size:1.42rem;letter-spacing:-.045em;color:var(--navy);line-height:1.5}.small-money{font-size:1.08rem;letter-spacing:-.015em}.plan-details{font-size:.8rem;color:#425a70}.plan-details p{display:flex;flex-wrap:wrap;align-items:center;gap:5px;line-height:1.65}.plan-details p .icon{width:14px;height:14px;color:#0b9258}.plan-details h4{font-size:.86rem}.check-list{list-style:none;margin:0;padding:0}.check-list li{display:flex;gap:7px;align-items:flex-start;color:#526a7e}.check-list li .icon{width:15px;height:15px;color:#0b9258;margin-top:5px}.plan-card>.btn{margin-top:auto;font-size:.82rem}.section-contrast{position:relative;overflow:hidden;background:linear-gradient(120deg,#0e3159,#104b62 56%,#087b51);color:white}.section-contrast:before,.section-contrast:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;width:470px;height:470px;inset-inline-end:-220px;top:-235px;pointer-events:none}.section-contrast:after{width:340px;height:340px;top:-166px;inset-inline-end:-154px}.contrast-row{position:relative;z-index:1}.contrast-row>div{max-width:725px}.section-contrast h2{max-width:650px}.section-contrast p{max-width:650px;color:#d9e8ed}.section-contrast .eyebrow{color:#9ee4c0}.contrast-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.contrast-pills span{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff31;border-radius:100px;padding:7px 11px;font-size:.74rem;color:#d9f2e9}.contrast-pills .icon{height:14px;width:14px}.faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:.77fr 1.23fr;gap:clamp(35px,8vw,100px)}.faq-side{padding-top:11px}.faq-side>p{color:var(--muted);margin-bottom:22px}.faq-grid{display:flex;flex-direction:column;gap:12px}.faq-item{padding:0;border:1px solid #e0e8f0;border-radius:13px;box-shadow:none;overflow:hidden;transition:box-shadow .2s}.faq-item:hover{box-shadow:0 12px 24px #123e6110}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:19px 22px;font-weight:750;font-size:.93rem;line-height:1.65}.faq-item summary::-webkit-details-marker{display:none}.faq-plus{height:28px;width:28px;flex:none;border-radius:50%;display:grid;place-items:center;background:#eef4f9;color:#2d5677;transition:transform .2s,background .2s}.faq-plus .icon{height:15px;width:15px}.faq-item[open] .faq-plus{transform:rotate(90deg);background:#e4f6ec;color:#0a8051}.faq-item p{margin:0 22px 22px;color:#5b7186;font-size:.88rem;line-height:1.85}.blog-preview{background:#f6f9fc}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-tile{padding:17px;border-radius:17px;box-shadow:0 8px 28px #133d6010;transition:transform .25s}.blog-tile:hover{transform:translateY(-5px)}.blog-card-visual{height:127px;border-radius:11px;display:flex;justify-content:space-between;align-items:flex-start;padding:23px;color:#fff;background:linear-gradient(133deg,#164d7a,#16725b);margin-bottom:21px;overflow:hidden;position:relative}.blog-tile:nth-child(3n+2) .blog-card-visual{background:linear-gradient(130deg,#086d59,#0caa72)}.blog-tile:nth-child(3n+3) .blog-card-visual{background:linear-gradient(130deg,#18365f,#446aa3)}.blog-card-visual:after{content:"";height:150px;width:150px;border:1px solid #ffffff4a;border-radius:50%;position:absolute;inset-inline-end:-35px;top:34px}.blog-card-visual>.icon{height:36px;width:36px;stroke-width:1.3}.blog-card-visual>span{font-weight:850;opacity:.56}.blog-tile>small{font-size:.71rem;color:#73869a;margin-bottom:8px}.blog-tile h2,.blog-tile h3{font-size:1.08rem;line-height:1.48;letter-spacing:-.02em}.blog-tile p{font-size:.85rem;color:var(--muted);line-height:1.8}.blog-tile>.text-link{font-size:.83rem;padding-bottom:7px}.final-section{padding-block:80px}.final-cta{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(113deg,#10355e 0%,#125476 48%,#0b8555 100%);border-radius:27px;padding:55px clamp(32px,5vw,71px);box-shadow:0 20px 48px #0b3c5919}.final-cta:before{content:"";position:absolute;width:470px;height:470px;border:1px solid #ffffff24;inset-inline-end:-180px;top:-225px;border-radius:50%;z-index:-1}.final-cta:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff24;inset-inline-end:-110px;top:-158px;border-radius:50%;z-index:-1}.final-cta .eyebrow{color:#a0e6c5;font-size:.73rem}.final-cta h2{max-width:690px;color:#fff;margin-bottom:12px}.final-cta p{max-width:650px;font-size:.97rem;color:#d7e9ee}.final-cta .btn{flex:none}
/* secondary pages and forms */
.page-hero{background:linear-gradient(125deg,#f4f9fe,#f5fcf8);border-color:#e5edf3;padding-block:90px}.page-hero h1{max-width:900px;color:var(--navy);font-size:clamp(2.7rem,4.6vw,4.6rem)}.page-hero-modern{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 87% 4%,#dff3e8,transparent 34%),linear-gradient(110deg,#f4f9fd,#fff 70%)}.page-hero-modern:after{content:"";height:410px;width:410px;border-radius:50%;border:1px solid #6db99a22;position:absolute;inset-inline-end:-140px;top:-180px;z-index:-1;box-shadow:0 0 0 55px #bedcc922,0 0 0 110px #cfe7d319}.page-hero-inner{max-width:1100px}.page-hero-modern h1{margin:0 0 18px}.page-hero-modern .lead-dark{max-width:660px;margin-bottom:23px}.page-hero-modern .hero-eyebrow{margin-bottom:22px}.page-hero-modern .btn{margin-top:6px}.page-hero:not(.page-hero-modern) .eyebrow{margin-bottom:15px}.page-hero:not(.page-hero-modern) .narrow{max-width:950px}.page-hero:not(.page-hero-modern) h1{font-size:clamp(2.6rem,4.5vw,4.6rem)}.prose p,.prose li{color:#40586f}.prose h2,.prose h3{color:var(--navy)}.article-note,.info-note{background:#ecf7f1;color:#185a48}.period-switch{background:#eff3f8;border-color:#e0e8f2;border-radius:14px}.period-button{color:#405d74}.period-button.is-active{color:#0b7349;box-shadow:0 5px 14px #19497012}.pricing-grid-focused{max-width:425px}.invoice-package{margin-top:100px}.invoice-package>div:first-child h2{color:var(--navy)}.invoice-columns{align-items:start}.calculator{padding:32px;border:1px solid #e1eaf1}.calculator input{border-color:#cad9e5}.calc-result{background:#eaf8f0;color:#08774a}.contact-layout{grid-template-columns:.72fr 1.28fr;align-items:start}.contact-info h2{font-size:1.9rem}.contact-info a{color:#0b7a50}.form-shell{border:1px solid #e3eaf0;border-radius:22px;box-shadow:0 19px 48px #153d5d0d;padding:clamp(23px,3vw,41px)}.form-shell .eyebrow{margin-bottom:14px}.field label{color:var(--navy)}input:not([type=checkbox]),select,textarea{border-color:#cbd8e5;background:#fcfdfe;border-radius:10px;transition:border-color .2s,box-shadow .2s}input:not([type=checkbox]):focus,select:focus,textarea:focus{border-color:#218961;box-shadow:0 0 0 4px #0a875019;outline:none}.form-shell .lead-form>.btn{padding-inline:26px}.admin-header{background:linear-gradient(100deg,#102f54,#0b6851)}.admin-table th{background:#edf3f8}.admin-stats h2{color:var(--navy)}
/* footer */
.site-footer{background:#081e37;color:#cee0eb;padding-top:74px;position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;width:530px;height:530px;border-radius:50%;background:radial-gradient(circle,#0b795644,transparent 68%);inset-inline-end:-195px;bottom:-310px;pointer-events:none}.footer-upper{position:relative;z-index:1;display:grid;grid-template-columns:1.55fr .7fr .86fr 1fr;gap:clamp(24px,3vw,57px)}.footer-logo{display:inline-flex;align-items:center;padding:7px 12px;background:#fff;border-radius:10px;margin-bottom:20px;max-width:235px}.footer-logo img{display:block;height:auto;width:100%;aspect-ratio:1209/373;object-fit:contain}.footer-brand-block p{max-width:310px;color:#b4cada;line-height:1.9;font-size:.87rem;margin-bottom:19px}.footer-secure{display:inline-flex;gap:7px;align-items:center;font-size:.71rem;color:#9ddbc1;background:#ffffff0b;border:1px solid #ffffff1c;padding:8px 10px;border-radius:100px}.footer-secure .icon{width:14px;height:14px}.footer-links h2{font-size:.85rem;font-weight:820;letter-spacing:.06em;color:#fff;margin:5px 0 19px}.footer-links a:not(.footer-contact-cta){display:flex;gap:7px;align-items:center;justify-content:space-between;margin-bottom:12px;color:#b3cad9;font-size:.83rem;line-height:1.6}.footer-links a:hover{color:#fff}.footer-links>a .icon{width:13px;height:13px;opacity:.63}.footer-contact>a:not(.footer-contact-cta){justify-content:flex-start;overflow-wrap:anywhere}.footer-contact>a:not(.footer-contact-cta) .icon{width:15px;height:15px}.footer-contact p{font-size:.82rem;color:#b3cad9}.footer-contact-cta{display:inline-flex;align-items:center;gap:9px;color:#b1efd0!important;font-weight:750;font-size:.84rem;border-bottom:1px solid #5d987d;padding-bottom:5px;margin-top:11px}.footer-contact-cta .icon{width:15px;height:15px}.footer-bottom{position:relative;z-index:1;margin-top:61px;display:flex;justify-content:space-between;gap:17px;align-items:center;border-top:1px solid #ffffff1c;padding-block:24px;color:#91acc0;font-size:.77rem}
/* animations: subtle, opt-in; content always visible if JS is unavailable */
@keyframes dashboard-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(-2deg)}}@keyframes note-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 4px #16a66819}50%{box-shadow:0 0 0 8px #16a66808}}@media(prefers-reduced-motion:no-preference){html.js-enabled [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}html.js-enabled [data-reveal].is-visible{opacity:1;transform:translateY(0)}html.js-enabled .modern-feature-grid [data-reveal]:nth-child(3n+2),html.js-enabled .audience-grid [data-reveal]:nth-child(4n+2){transition-delay:65ms}html.js-enabled .modern-feature-grid [data-reveal]:nth-child(3n+3),html.js-enabled .audience-grid [data-reveal]:nth-child(4n+3){transition-delay:125ms}}
/* RTL mirrors flex flow naturally while preserving logo and English numbers */
html[dir=rtl] .dashboard-mock{transform:rotate(2deg);animation-name:none}html[dir=rtl] .dashboard-metrics,html[dir=rtl] .table-row{direction:rtl}html[dir=rtl] .metric-card strong,html[dir=rtl] .step-number{direction:ltr;align-self:flex-start}html[dir=rtl] .site-footer .footer-contact a[dir=ltr]{justify-content:flex-end}html[lang=ur] .hero-modern h1{font-size:clamp(2.7rem,4.4vw,4.65rem);line-height:1.55;letter-spacing:0}html[lang=ur] .hero-eyebrow{letter-spacing:0}html[lang=ur] .dashboard-main{font-family:Tahoma,Arial,sans-serif}html[lang=ur] .dashboard-heading strong{font-size:.84rem}html[lang=ur] .table-row{font-size:.55rem}html[lang=ur] .modern-steps .step p{line-height:1.95}html[lang=ur] .modern-feature-grid .feature-card h2,html[lang=ur] .modern-feature-grid .feature-card h3{line-height:1.7}html[lang=ur] .btn{line-height:1.7}
@media(max-width:1250px){.container{width:min(calc(100% - 52px),var(--container))}.brand img{width:188px}.site-nav{gap:11px;font-size:.78rem}.nav-actions{gap:9px}.header-cta{font-size:.76rem;padding-inline:10px}.hero-modern .hero-grid{gap:36px}.floating-note-top{inset-inline-end:0}.floating-note-bottom{inset-inline-start:0}.dashboard-mock{height:76%}}
@media(max-width:1060px){.site-nav{gap:9px}.brand img{width:170px}.site-nav .nav-link{font-size:.74rem}.header-cta{min-height:39px}.confidence-inner{flex-wrap:wrap;justify-content:center;column-gap:30px}.modern-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.audience-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-upper{grid-template-columns:1.5fr 1fr 1fr}.footer-contact{grid-column:2 / 4}.hero-modern h1{font-size:clamp(3rem,5.2vw,5rem)}}
@media(max-width:900px){.container{width:min(calc(100% - 42px),var(--container))}.header-inner{min-height:75px}.brand img{width:205px}.menu-toggle{display:flex;align-items:center;justify-content:center;height:42px;width:44px;border:1px solid #d6e3ed;border-radius:11px;background:#fff;color:var(--navy);padding:0}.menu-toggle .icon{width:22px;height:22px}.menu-toggle .icon-close{display:none}.menu-toggle[aria-expanded=true] .icon-menu{display:none}.menu-toggle[aria-expanded=true] .icon-close{display:block}.site-nav{display:none;position:absolute;inset-inline:0;left:0;right:0;top:100%;z-index:42;max-height:calc(100dvh - 75px);overflow-y:auto;background:#fff;box-shadow:0 25px 40px #122e4920;border-bottom:1px solid #dce8f0;padding:20px 26px 29px;flex-direction:column;align-items:stretch;gap:2px;font-size:.94rem}.site-nav.is-open{display:flex}.site-nav .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 14px;border-bottom:1px solid #e4edf2;color:var(--navy);font-weight:850}.nav-close{display:grid;place-items:center;height:32px;width:32px;border:1px solid #e0e9f2;background:#f8fafc;border-radius:8px}.site-nav>a.nav-link{font-size:1rem;padding:12px 5px;border-bottom:1px solid #f0f4f7}.site-nav>a.nav-link:after{display:none}.nav-actions{display:flex;justify-content:space-between;gap:14px;margin:16px 0 0;align-items:center;flex-wrap:wrap}.nav-actions .lang-link{padding:8px!important}.header-cta{font-size:.85rem;align-self:auto;margin:0}.hero-modern .hero-grid{grid-template-columns:1fr;gap:22px;min-height:0;padding-block:65px 45px}.hero-copy{max-width:690px}.hero-modern h1{font-size:clamp(3.4rem,8.3vw,5.5rem);max-width:630px}.hero-modern .lead{max-width:640px}.hero-art{max-width:650px;width:100%;margin-inline:auto;aspect-ratio:1.34}.dashboard-mock{min-height:360px;height:76%}.floating-note-top{inset-inline-end:2%}.floating-note-bottom{inset-inline-start:2%}.section{padding-block:75px}.faq-layout{grid-template-columns:1fr;gap:22px}.faq-side{max-width:600px}.footer-upper{grid-template-columns:1.5fr 1fr}.footer-contact{grid-column:auto}.split-intro{grid-template-columns:1fr;gap:9px}.blog-grid,.modern-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-hero{padding-block:70px}}
@media(max-width:620px){html{scroll-padding-top:76px}.container{width:min(calc(100% - 34px),var(--container))}.brand img{width:177px}.header-inner{min-height:70px}.site-nav{max-height:calc(100dvh - 70px)}.hero-modern .hero-grid{padding-block:49px 37px;gap:16px}.hero-modern h1{font-size:clamp(2.9rem,11.5vw,4.25rem);line-height:1.08;margin-bottom:17px}.hero-eyebrow{font-size:.65rem;padding:8px 10px;gap:7px;margin-bottom:20px}.hero-modern .lead{font-size:.93rem;line-height:1.82;margin-bottom:23px}.hero-buttons{gap:9px;margin-bottom:18px}.hero-buttons .btn{flex:1;min-width:0;padding:12px 11px;font-size:.77rem;min-height:48px}.hero-buttons .btn .icon{width:14px;height:14px}.hero-proof{font-size:.66rem;gap:7px}.hero-proof-icons .icon{height:28px;width:28px}.hero-art{aspect-ratio:1.12;margin-top:13px}.dashboard-mock{width:95%;height:76%;min-height:0;transform:rotate(-1deg)}.dashboard-sidebar{width:35px;gap:14px;padding:10px 4px}.dashboard-sidebar>div{width:25px;height:25px}.dashboard-sidebar .icon{width:13px;height:13px}.dashboard-main{padding:0 9px 10px}.dashboard-toolbar{height:37px;font-size:.51rem}.dashboard-avatar{width:20px;height:20px}.dashboard-heading{margin:12px 0 8px}.dashboard-heading strong{font-size:.75rem}.dashboard-heading small{font-size:.45rem}.sample-badge{font-size:.39rem;padding:4px}.dashboard-metrics{gap:4px}.metric-card{padding:6px 5px;border-radius:5px}.metric-card>span{width:20px;height:20px;margin-bottom:0}.metric-card small{font-size:.41rem}.metric-card strong{font-size:.72rem}.dashboard-table{margin-top:7px}.dashboard-table-title{padding:7px}.dashboard-table-title strong{font-size:.56rem}.table-filter{font-size:.45rem}.table-heading{font-size:.41rem;padding:4px 6px}.table-row{font-size:.46rem;padding:6px}.table-row-icon{width:16px;height:16px}.table-row-icon .icon{width:10px;height:10px}.status{font-size:.39rem;padding:3px 5px}.floating-note{padding:7px 8px;border-radius:9px;gap:5px}.floating-icon{width:26px;height:26px;border-radius:7px}.floating-icon .icon{width:13px;height:13px}.floating-note strong{font-size:.53rem}.floating-note small{font-size:.46rem}.floating-note-top{top:5%;inset-inline-end:-1%;max-width:150px}.floating-note-bottom{bottom:7%;inset-inline-start:-1%;max-width:165px}.floating-check{width:18px;height:18px}.floating-check .icon{width:11px;height:11px}.mock-disclaimer{font-size:.49rem;bottom:0}.hero-bottom-line{padding-block:15px;align-items:flex-start;font-size:.67rem}.hero-bottom-line span{max-width:180px}.confidence-inner{justify-content:flex-start;padding-block:16px;column-gap:12px;row-gap:10px}.confidence-inner>span{flex:1 1 calc(50% - 12px);min-width:125px;font-size:.67rem;gap:5px}.confidence-inner .icon{width:15px;height:15px}.section{padding-block:59px}.section-heading h2,.split-intro h2,.faq-side h2{font-size:clamp(2rem,8vw,2.7rem)}.section-head-row{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:25px}.section-aside{font-size:.69rem}.section-heading p{font-size:.91rem}.modern-steps,.modern-feature-grid,.audience-grid,.pricing-grid,.blog-grid,.faq-grid,.footer-upper,.invoice-columns{grid-template-columns:1fr}.modern-steps{gap:10px}.modern-steps .step{min-height:0;padding:16px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}.modern-steps .step-number{grid-column:1;grid-row:1;margin:0;align-self:center;font-size:.71rem}.modern-steps .step-icon{grid-column:1;grid-row:2;width:37px;height:37px;margin:0}.modern-steps .step-icon .icon{width:18px;height:18px}.modern-steps .step p{grid-column:2;grid-row:1 / 3;font-size:.83rem}.modern-steps .step-arrow{right:12px;top:13px;inset-inline-end:12px;height:14px;width:14px}.modern-feature-grid .feature-card{min-height:0;padding:24px}.modern-feature-grid .feature-card h2,.modern-feature-grid .feature-card h3{margin-top:17px}.audience-card{min-height:0;padding:23px}.plan-head{min-height:0;margin-bottom:10px}.plan-card{padding:24px}.plan-price{min-height:65px}.faq-layout{gap:15px}.faq-item summary{font-size:.86rem;padding:16px}.faq-item p{font-size:.83rem;margin:0 16px 17px}.contrast-row,.final-cta{align-items:flex-start;flex-direction:column;gap:22px}.final-cta{padding:33px 25px;border-radius:19px}.final-cta h2{font-size:2rem}.final-cta .btn{width:100%}.section-contrast p,.final-cta p{font-size:.91rem}.page-hero{padding-block:54px}.page-hero h1,.page-hero:not(.page-hero-modern) h1{font-size:clamp(2.4rem,9vw,3.2rem)}.page-hero .lead-dark{font-size:.98rem}.footer-upper{gap:28px}.site-footer{padding-top:51px}.footer-logo{max-width:225px}.footer-brand-block p{max-width:410px}.footer-bottom{margin-top:34px;flex-direction:column;align-items:flex-start}.form-shell{padding:23px 18px}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.invoice-package{margin-top:65px}html[lang=ur] .hero-modern h1{font-size:clamp(2.45rem,8.8vw,3.35rem)}html[lang=ur] .dashboard-heading strong{font-size:.68rem}}
@media(max-width:360px){.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.brand img{width:149px}.dashboard-mock{width:96%}.floating-note-top{inset-inline-end:-2%}.floating-note-bottom{inset-inline-start:-2%}.dashboard-table .status{font-size:.34rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}html.js-enabled [data-reveal]{opacity:1!important;transform:none!important}}
/* Smaller page-specific refinements */
.pricing-section-heading{margin:0 auto 28px;text-align:center}.pricing-section-heading .eyebrow-line:before{display:none}.pricing-section-heading p{margin-inline:auto}.invoice-package-heading h2{margin-bottom:9px}.invoice-package-heading p{color:var(--muted)}.calculator-icon{display:grid;place-items:center;width:48px;height:48px;color:#0a8250;background:#e5f5eb;border-radius:13px;margin-bottom:19px}.calculator-icon .icon{width:23px;height:23px}.calculator p{font-size:.89rem;line-height:1.8}.contact-section{background:linear-gradient(135deg,#fff 65%,#f4f9fc)}.contact-info .eyebrow{margin-bottom:16px}.contact-info h2{margin-bottom:13px}.contact-lead{color:var(--muted);margin-bottom:32px;max-width:390px}.contact-method{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #e5edf4;transition:transform .2s}.contact-method:hover{transform:translateX(3px)}.contact-method-icon{height:43px;width:43px;display:grid;place-items:center;flex:none;color:#0c8550;background:#e9f7ef;border-radius:12px}.contact-method>span:nth-child(2){flex:1;min-width:0}.contact-method small{display:block;font-size:.7rem;color:#7a8b99;line-height:1.4}.contact-method strong{display:block;color:#183b58;font-weight:780;font-size:.84rem;overflow-wrap:anywhere}.contact-method>.icon{width:16px;height:16px;color:#7893a5}.contact-info .info-note{margin-top:29px;display:flex;gap:11px;align-items:flex-start;line-height:1.7}.contact-info .info-note .icon{width:17px;height:17px;flex:none;margin-top:3px}.blog-listing-section{background:#fff}.blog-listing-intro{margin-bottom:30px}.blog-category{font-size:.72rem!important;color:#0d8652!important;font-weight:790;margin:0 0 10px!important}.blog-listing-section .blog-card-visual{height:157px}.blog-listing-section .blog-tile h2{font-size:1.21rem}.blog-listing-section .blog-tile{padding:19px}
@media(max-width:620px){.contact-method strong{font-size:.8rem}.blog-listing-section .blog-card-visual{height:130px}.pricing-section-heading{text-align:start}.pricing-section-heading p{margin-inline:0}}

/* =========================================================
   FULL-WIDTH REFRESH / SEPTEMBER 2026
   Brand palette: navy #174574, emerald #13864b.
   No external libraries, remote fonts, or build tools.
   ========================================================= */
:root {
  --container: 1840px;
  --navy: #153e6b;
  --green: #13864b;
  --forest: #153e6b;
  --forest-dark: #102b50;
  --ink: #14253e;
  --line: #dce7f0;
  --bg: #f6faff;
  --tint: #eef7f3;
  --shadow: 0 24px 65px rgba(18, 54, 85, .10);
}
body { overflow-x: clip; }
.container { width: min(calc(100% - clamp(28px, 4vw, 88px)), var(--container)); max-width: none; }
.section { padding-block: clamp(72px, 7vw, 118px); }
.section-heading { max-width: 830px; }
.section-heading h2, .split-intro h2, .faq-side h2 { font-size: clamp(2.15rem, 3.2vw, 3.8rem); letter-spacing: -.055em; }
.section-heading p { max-width: 700px; font-size: clamp(1rem, 1.05vw, 1.17rem); }
.btn { border-radius: 15px; transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s, background .28s, border-color .28s; }
.btn:hover { transform: translateY(-3px); }
.btn-primary { background: linear-gradient(115deg, #155b62, #128348 80%); box-shadow: 0 13px 30px rgba(15,119,73,.17); }
.btn-primary:hover { background: linear-gradient(115deg, #164e76, #0a9853 80%); box-shadow: 0 18px 38px rgba(14,113,71,.24); }
.btn .icon, .feature-card-link .icon { transition: transform .3s ease; }
.btn:hover .icon, .text-link:hover .icon { transform: translate(2px,-2px); }

/* Spacious, modern floating glass navigation. */
.site-header.nav-refresh { position: sticky; top: 0; z-index: 60; padding: 10px 0; border: 0; background: rgba(249,252,255,.78); backdrop-filter: blur(22px) saturate(1.4); -webkit-backdrop-filter: blur(22px) saturate(1.4); box-shadow: 0 1px 0 rgba(33,70,100,.07); transition: padding .25s ease,background .25s ease,box-shadow .25s ease; }
.site-header.nav-refresh.is-scrolled { padding-block: 5px; background: rgba(255,255,255,.96); box-shadow: 0 12px 45px rgba(12,48,75,.08); }
.nav-refresh .header-inner { min-height: 72px; gap: clamp(12px, 2vw, 34px); }
.nav-refresh .brand-refresh { flex: 0 0 auto; max-width: none; min-width: 0; }
.nav-refresh .brand-refresh img { display: block; width: clamp(205px, 17vw, 278px); height: auto; max-height: 72px; max-width: none; object-fit: contain; }
.brand-fallback { display: grid; place-items: center; height: 44px; width: 44px; border-radius: 13px; flex: none; background: linear-gradient(140deg, #144778, #169455); color: white; }
.brand-fallback .icon { height: 23px; width: 23px; }
.brand-name { color: #164672; font-weight: 850; font-size: clamp(.86rem, 1.13vw, 1.16rem); white-space: nowrap; }
.brand-name strong { color: #127c47; }
.nav-refresh .nav-refresh-links { display: flex; align-items: center; gap: clamp(9px, 1.4vw, 24px); margin-inline-start: auto; font-size: .86rem; font-weight: 700; }
.nav-refresh .nav-pill { display: flex; align-items: center; gap: clamp(1px, .25vw, 6px); padding: 6px; background: linear-gradient(135deg, rgba(241,247,251,.98), rgba(246,250,246,.92)); border: 1px solid #e3ecf3; border-radius: 999px; box-shadow: inset 0 1px 2px #fff, 0 3px 14px #123f5c09; }
.nav-refresh .nav-pill .nav-link { display: inline-flex; align-items: center; justify-content: center; position: relative; padding: 10px clamp(10px, .9vw, 18px); border-radius: 999px; line-height: 1.35; font-size: clamp(.74rem, .7vw, .86rem); white-space: nowrap; color: #37516a; transition: color .25s, background .25s, transform .25s, box-shadow .25s; }
.nav-refresh .nav-pill .nav-link:hover { color: #0d6e4c; background: #fff; transform: translateY(-1px); box-shadow: 0 4px 16px #13406612; }
.nav-refresh .nav-pill .nav-link[aria-current=page] { background: white; color: #106b47; box-shadow: 0 3px 14px #13406613; }
.nav-refresh .nav-actions { display: flex; align-items: center; gap: clamp(9px, 1vw, 17px); margin: 0; }
.nav-refresh .nav-actions .lang-link { display: inline-flex; align-items: center; gap: 7px; font-size: .82rem; border: 0; white-space: nowrap; padding: 10px 1px !important; }
.nav-refresh .lang-link .icon { width: 17px; height: 17px; }
.nav-refresh .header-cta { min-height: 49px; padding: 10px clamp(12px, 1vw, 22px); font-size: clamp(.72rem,.78vw,.86rem); white-space: nowrap; border-radius: 14px; }
.nav-refresh .header-cta .icon { width: 16px; height: 16px; }

/* A near edge-to-edge hero without content touching the viewport. */
.hero-modern { background: linear-gradient(125deg,#f1f7ff 0%,#ffffff 44%,#e7f8ef 100%); }
.hero-modern .hero-grid { position: relative; z-index: 1; grid-template-columns: minmax(0,.84fr) minmax(0,1.16fr); gap: clamp(26px,3vw,72px); min-height: clamp(645px, 51vw, 840px); padding-block: clamp(65px,6vw,108px) clamp(50px,5vw,84px); }
.hero-modern .hero-copy { max-width: 800px; }
.hero-modern h1 { max-width: 850px; font-size: clamp(4rem, 5.2vw, 7.6rem); line-height: 1.025; letter-spacing: -.07em; }
.hero-modern .lead { max-width: 710px; font-size: clamp(1.08rem,1.15vw,1.33rem); line-height: 1.78; }
.hero-modern .hero-eyebrow { box-shadow: 0 10px 30px #13487311; }
.hero-art { width: 100%; max-width: none; aspect-ratio: 1.37; }
.dashboard-mock { width: 91%; height: 79%; }
.hero-art-back { filter: drop-shadow(0 35px 55px rgba(14,59,73,.08)); }
.hero-grid-pattern { opacity: .6; }
.hero-glow-blue { width: 540px; height: 540px; }
.hero-glow-green { width: 600px; height: 600px; }
.hero-floating-icons { position:absolute; inset:0; z-index: 0; overflow:hidden; pointer-events:none; }
.hero-float { display:grid; place-items:center; position:absolute; width:53px; height:53px; border:1px solid rgba(35,103,125,.12); border-radius:18px; background:rgba(255,255,255,.62); box-shadow:0 16px 45px #163e6b0c; color:#15905b; animation:floatSymbol 7s ease-in-out infinite; }
.hero-float .icon { width:24px; height:24px; }
.hero-float-one { inset-inline-start:3%; top: 9%; transform:rotate(-12deg); }
.hero-float-two { inset-inline-start:48%; bottom: 7%; animation-delay:-2s; color:#194d7a; }
.hero-float-three { inset-inline-end:2%; top:13%; animation-delay:-4s; }
@keyframes floatSymbol { 0%,100%{translate:0 0} 50%{translate:0 -16px} }
.hero-art .floating-note { animation:floatSymbol 6s ease-in-out infinite; }
.hero-art .floating-note-bottom { animation-delay:-3s; }
.hero-bottom-line { font-size: .86rem; }
.confidence-inner { justify-content:space-between; }

/* Deeper card surfaces: color, depth, icons and motion. */
.modern-feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(14px,1.5vw,28px); }
.modern-feature-grid .feature-card { padding:clamp(27px,2.3vw,43px); border:1px solid #e0ebf2; min-height:330px; border-radius:26px; background:linear-gradient(150deg,#fff 30%,#eef5ff 150%); box-shadow:0 14px 42px #1745740d; isolation:isolate; }
.modern-feature-grid .feature-card::before { content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#1a5590,#139858); opacity:.85; }
.modern-feature-grid .feature-card::after { content:""; position:absolute; width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(58,153,222,.13),transparent 70%);inset-inline-end:-80px;bottom:-105px;z-index:-1;transition:transform .55s; }
.modern-feature-grid .feature-card:nth-child(3n+2) { background:linear-gradient(160deg,#fff 28%,#e6f8ee 160%); }
.modern-feature-grid .feature-card:nth-child(3n+2)::before { background:linear-gradient(90deg,#0d8955,#63c895); }
.modern-feature-grid .feature-card:nth-child(3n+3) { background:linear-gradient(160deg,#fff 34%,#e9f3f8 160%); }
.modern-feature-grid .feature-card:hover { transform:translateY(-10px); box-shadow:0 30px 72px #164e7a1c; border-color:#c3dedc; }
.modern-feature-grid .feature-card:hover::after { transform:scale(1.65); }
.modern-feature-grid .feature-icon { display:grid;place-items:center;width:64px;height:64px; border-radius:20px; background:linear-gradient(140deg,#dcecff,#e6f1ff);color:#174f8a;box-shadow:0 12px 26px #1b639018; transition: transform .4s ease, box-shadow .4s ease; }
.modern-feature-grid .feature-card:nth-child(3n+2) .feature-icon { background:linear-gradient(135deg,#dbf8e7,#a8e4c7);color:#087348; }
.modern-feature-grid .feature-card:nth-child(3n+3) .feature-icon { background:linear-gradient(135deg,#e2effb,#c0e4ee);color:#145d86; }
.modern-feature-grid .feature-icon .icon {width:30px;height:30px; }
.modern-feature-grid .feature-card:hover .feature-icon { transform:translateY(-5px) rotate(-7deg); box-shadow:0 17px 31px #14657e24; }
.modern-feature-grid .feature-card h3 { font-size:clamp(1.16rem,1.35vw,1.55rem); }
.modern-feature-grid .feature-card p { font-size:clamp(.88rem,.92vw,1.04rem); }
.audience-grid { gap:clamp(14px,1.4vw,27px); }
.audience-card { min-height:280px; padding:clamp(22px,1.8vw,34px);background:linear-gradient(140deg,#fff,#f3f9ff);border-radius:23px; }
.audience-card:nth-child(even) { background:linear-gradient(145deg,#fff,#eefaf3); }
.audience-card:hover {transform:translateY(-8px);box-shadow:0 25px 55px #143f6520;}
.audience-card .audience-icon { width:60px;height:60px;border-radius:18px;background:linear-gradient(130deg,#deecff,#b9dcf1);color:#185781; }
.audience-card:nth-child(even) .audience-icon { background:linear-gradient(130deg,#ddf7e5,#afe7c7); color:#07804c; }
.audience-card .audience-icon .icon {width:28px;height:28px;}
.pricing-grid { gap:clamp(14px,1.4vw,26px); }
.plan-card { border-radius:25px; background:linear-gradient(155deg,#fff 55%,#f2f9fb);padding:clamp(23px,2vw,35px);box-shadow:0 18px 45px #1446760e; }
.plan-card:nth-child(even){background:linear-gradient(155deg,#fff 55%,#f0fbf5)}
.plan-card:hover {transform:translateY(-8px);box-shadow:0 28px 66px #124d761a}
.workflow-section { background:linear-gradient(140deg,#f5faff,#f0fbf5); }
.modern-steps .step { border-radius:22px;background:linear-gradient(160deg,#fff,#f2faff);box-shadow:0 12px 32px #1745740a;transition:transform .3s ease,box-shadow .3s ease; }
.modern-steps .step:nth-child(even){background:linear-gradient(160deg,#fff,#eaf8f0)}
.modern-steps .step:hover {transform:translateY(-7px);box-shadow:0 21px 44px #17457418}
.modern-steps .step-icon { background:linear-gradient(130deg,#e4f0ff,#d1e8f2); }

/* Customer carousel is only rendered when real logos are configured. */
.client-showcase { padding-block: 47px 51px; background:linear-gradient(135deg,#fbfdff,#f0f8f4); border-bottom:1px solid #e4edf3; }
.client-showcase-top { display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px; }
.client-showcase .eyebrow {margin-bottom:8px;}
.client-showcase h2 { margin:0;font-size:clamp(1.45rem,2.2vw,2.5rem);letter-spacing:-.045em; }
.client-pause { display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid #cfdfe9;border-radius:999px;background:#fff;color:#1a4f71;font-size:.77rem;font-weight:750; }
.client-pause .icon {width:15px;height:15px;}
.client-window {width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);}
.client-track { display:flex;align-items:center;width:max-content;animation:clientMarquee 34s linear infinite; }
.client-group {display:flex;gap:18px;align-items:center;padding-inline-end:18px;flex:none;}
.client-logo { width:clamp(155px,13vw,220px);height:94px;display:grid;place-items:center;padding:16px 22px;border:1px solid #e0e9ef;background:#fff;border-radius:19px;box-shadow:0 9px 23px #1b54700c; }
.client-logo img {display:block;max-width:100%;max-height:55px;width:auto;height:auto;object-fit:contain;filter:saturate(.8);transition:filter .25s,transform .25s;}
.client-logo:hover img {filter:saturate(1.1);transform:scale(1.06);}
.client-showcase:hover .client-track,.client-showcase:focus-within .client-track,.client-showcase.is-paused .client-track {animation-play-state:paused;}
@keyframes clientMarquee {from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Homepage demo form reuses the existing POST /{locale}/inquiries endpoint. */
.home-demo-section {position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#102f5d 0%,#154f65 56%,#0a754d 100%);color:#fff;}
.home-demo-section:before,.home-demo-section:after {content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid #ffffff21;border-radius:50%;width:600px;height:600px;inset-inline-start:-260px;top:-250px;}
.home-demo-section:after {width:470px;height:470px;inset-inline-start:auto;inset-inline-end:-160px;top:auto;bottom:-280px;}
.home-demo-grid {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,5vw,110px);}
.home-demo-copy {position:relative;max-width:660px;}
.home-demo-copy .eyebrow {color:#9aefc9;}
.home-demo-copy h2 {font-size:clamp(2.5rem,3.4vw,4.6rem);line-height:1.12;letter-spacing:-.055em;color:#fff;}
.home-demo-copy>p {color:#d7e8ed;line-height:1.85;font-size:clamp(1rem,1.08vw,1.2rem);max-width:580px;}
.home-demo-benefits {display:grid;gap:18px;margin-top:40px;}
.home-demo-benefits>div {display:flex;align-items:center;gap:14px;font-size:clamp(.9rem,.95vw,1.04rem);color:#e9f6f4;}
.home-demo-benefit-icon {width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:13px;background:#ffffff18;border:1px solid #ffffff24;color:#86f0bb;}
.home-demo-benefit-icon .icon {width:21px;height:21px;}
.home-demo-orbit {position:relative;display:flex;gap:18px;margin-top:52px;color:#9fecc9;}
.home-demo-orbit>span {display:grid;place-items:center;border-radius:17px;width:54px;height:54px;background:#ffffff10;border:1px solid #ffffff28;animation:floatSymbol 5.5s ease-in-out infinite;}
.home-demo-orbit>span:nth-child(2){animation-delay:-2s}.home-demo-orbit>span:nth-child(3){animation-delay:-3.5s}
.home-demo-orbit .icon {height:26px;width:26px;}
.home-demo-form .form-shell {background:#fff;color:#19334c;box-shadow:0 35px 95px #081a3d45;border:1px solid #ffffff8a;border-radius:30px;padding:clamp(23px,2.5vw,44px);}
.home-demo-form .form-shell h2 {color:#173e69;font-size:clamp(1.5rem,1.85vw,2.2rem);}
.home-demo-form .form-shell p {color:#657788;}
.home-demo-form .lead-form .btn {min-height:52px;width:100%;}
.home-demo-form .field input,.home-demo-form .field textarea,.home-demo-form .field select {background:#f9fcff;border-radius:12px;transition:border-color .2s,box-shadow .2s,background .2s;}
.home-demo-form .field input:focus,.home-demo-form .field textarea:focus,.home-demo-form .field select:focus {border-color:#188f69;background:#fff;box-shadow:0 0 0 4px #0a9b5714;}

@media(min-width:1900px){.container{width:min(calc(100% - 116px),var(--container));}}
@media(max-width:1450px){
  .nav-refresh .brand-refresh img{width:clamp(183px,16vw,235px)}
  .nav-refresh .nav-refresh-links{gap:9px}
  .nav-refresh .nav-pill .nav-link{padding:10px 9px;font-size:.72rem}
  .nav-refresh .header-cta{padding-inline:12px}
  .hero-modern h1{font-size:clamp(3.5rem,5vw,6rem)}
}
@media(max-width:1100px){
  .nav-refresh .nav-refresh-links{gap:6px}
  .nav-refresh .nav-pill{gap:0;padding:4px}
  .nav-refresh .nav-pill .nav-link{padding:9px 7px;font-size:.69rem}
  .nav-refresh .header-cta{font-size:.68rem}
  .hero-modern .hero-grid{grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr)}
  .modern-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .container{width:calc(100% - 42px)}
  .site-header.nav-refresh{padding:5px 0}
  .nav-refresh .header-inner{min-height:70px}
  .nav-refresh .brand-refresh img{width:clamp(184px,30vw,240px)}
  .nav-refresh .nav-refresh-links{display:none;position:absolute;inset-inline:0;top:100%;left:0;right:0;background:rgba(255,255,255,.99);border-bottom:1px solid #dbe6ee;max-height:calc(100dvh - 75px);overflow:auto;padding:20px 22px 27px;flex-direction:column;align-items:stretch;gap:18px;box-shadow:0 25px 45px #153f6720;}
  .nav-refresh .nav-refresh-links.is-open{display:flex}
  .nav-refresh .nav-pill{display:flex;align-items:stretch;flex-direction:column;gap:4px;border:0;border-radius:17px;background:#f5f9fd;box-shadow:none;padding:9px}
  .nav-refresh .nav-pill .nav-link{display:block;font-size:1rem;padding:12px 15px;border-radius:12px}
  .nav-refresh .nav-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}
  .nav-refresh .nav-actions .lang-link{padding:8px!important}
  .nav-refresh .header-cta{font-size:.87rem;min-height:46px;padding:10px 15px}
  .nav-refresh .menu-toggle{display:flex;border-radius:14px;height:47px;width:47px;box-shadow:0 5px 18px #16466c12}
  .hero-modern .hero-grid{grid-template-columns:1fr;min-height:0;padding-block:67px 52px;gap:30px}
  .hero-modern .hero-copy{max-width:750px}
  .hero-modern h1{font-size:clamp(3.5rem,7.6vw,5.3rem)}
  .hero-art{max-width:850px;margin-inline:auto;aspect-ratio:1.38}
  .home-demo-grid{grid-template-columns:1fr;gap:40px}
  .home-demo-copy{max-width:850px}
  .home-demo-orbit{margin-top:29px}
  .modern-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .container{width:calc(100% - 30px)}
  .nav-refresh .header-inner{min-height:64px}
  .nav-refresh .brand-refresh img{width:clamp(155px,47vw,207px);max-height:59px}
  .brand-name{font-size:.75rem}
  .brand-fallback{height:36px;width:36px}
  .hero-modern .hero-grid{padding-block:43px 31px;gap:18px}
  .hero-modern h1{font-size:clamp(3rem,11vw,4.3rem)}
  .hero-modern .lead{font-size:.96rem}
  .hero-art{width:100%;aspect-ratio:1.15}
  .dashboard-mock{width:95%;height:75%}
  .hero-float{width:35px;height:35px;border-radius:12px}
  .hero-float .icon{width:17px;height:17px}
  .hero-float-one{top:5%}.hero-float-two{bottom:2%}
  .modern-feature-grid,.audience-grid,.pricing-grid{grid-template-columns:1fr}
  .modern-feature-grid .feature-card{min-height:0;padding:26px}
  .modern-feature-grid .feature-icon{width:55px;height:55px}
  .modern-feature-grid .feature-icon .icon{width:26px;height:26px}
  .client-showcase{padding-block:33px 35px}
  .client-showcase-top{align-items:start;gap:10px}
  .client-showcase h2{font-size:1.4rem}
  .client-pause{flex:none;font-size:.69rem;padding:8px 9px}
  .client-pause .icon{display:none}
  .client-logo{width:148px;height:78px;padding:12px 17px}
  .client-logo img{max-height:46px}
  .home-demo-grid{gap:32px}
  .home-demo-copy h2{font-size:clamp(2.2rem,9vw,3.3rem)}
  .home-demo-benefits{gap:13px;margin-top:27px}
  .home-demo-benefits>div{font-size:.85rem}
  .home-demo-benefit-icon{height:38px;width:38px}
  .home-demo-orbit{display:none}
  .home-demo-form .form-shell{border-radius:22px;padding:23px 18px}
  .section{padding-block:60px}
}
@media(prefers-reduced-motion:reduce){
  .hero-float,.hero-art .floating-note,.home-demo-orbit>span,.client-track{animation:none!important}
  .client-track{transform:none!important}
  .modern-feature-grid .feature-card:hover,.audience-card:hover,.plan-card:hover,.modern-steps .step:hover{transform:none!important}
}

/* Interactive September refresh: theme tokens follow the customer's supplied navy/green logo. */
:root { --wa-green:#087f4b; }
html { scroll-behavior:smooth; scroll-padding-top:105px; }
[data-hero-panel][hidden] { display:none !important; }
.hero-modern .hero-grid { min-height: min(790px, 85vh); }
.hero-modern .hero-copy { min-width:0; }
.hero-modern h1 { min-height:2.22em; }
.hero-modern [data-hero-title],.hero-modern [data-hero-accent],.hero-modern [data-hero-description] { transition:opacity .24s ease,transform .24s ease; }
.hero-modern .hero-copy.is-changing [data-hero-title],.hero-modern .hero-copy.is-changing [data-hero-accent],.hero-modern .hero-copy.is-changing [data-hero-description] { opacity:0;transform:translateY(10px); }
.hero-switcher { display:flex;align-items:center;gap:11px;margin:-3px 0 26px; }
.hero-switch-dot { height:32px;width:32px;display:grid;place-items:center;border:1px solid #d6e4eb;background:rgba(255,255,255,.87);border-radius:999px;padding:0;transition:background .22s,border-color .22s,transform .22s; }
.hero-switch-dot span { display:block;width:7px;height:7px;background:#9ab3bf;border-radius:50%;transition:width .22s,background .22s; }
.hero-switch-dot.is-active { width:44px;border-color:#b5dbc9;background:#e4f7ec; }
.hero-switch-dot.is-active span { width:23px;height:5px;background:#088451;border-radius:999px; }
.hero-switch-dot:hover { border-color:#157e5c;transform:translateY(-2px); }
.hero-play-pause { border:0;background:transparent;padding:6px 9px;color:#365c70;font-size:.81rem;font-weight:750; }
.hero-play-pause:hover { color:#08764e;text-decoration:underline; }
.hero-visual-panel { position:absolute;inset:0;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .35s ease,transform .4s ease; }
.hero-visual-panel:not(.hero-visual-active) { opacity:0;pointer-events:none; }
.hero-visual-panel .dashboard-mock { flex:none; }
.hero-scene { width:90%;min-height:65%;position:relative;z-index:1;border-radius:26px;background:linear-gradient(140deg,#fff 55%,#ecf7f4);border:1px solid rgba(219,233,240,.95);box-shadow:0 32px 72px rgba(11,49,78,.23);padding:clamp(19px,2.4vw,39px);display:flex;flex-direction:column;justify-content:space-between;gap:25px;transform:rotate(-2deg);animation:scene-drift 7s ease-in-out infinite; }
.scene-top,.scene-invoice-header,.scene-invoice-bottom,.scene-connect-foot { display:flex;align-items:center;gap:12px; }
.scene-top { justify-content:space-between;color:#1e597b;font-size:clamp(.64rem,.78vw,.89rem);font-weight:850;letter-spacing:.04em; }
.scene-top>span:first-child { display:inline-flex;gap:9px;align-items:center; }
.scene-top .icon { width:20px;height:20px;color:#0b985d; }
.scene-sample { border-radius:99px;padding:6px 10px;background:#e6f6ec;color:#0e8551;font-size:.65rem;white-space:nowrap; }
.scene-invoice-card { padding:clamp(15px,2vw,29px);border:1px solid #e2ebf0;background:white;border-radius:20px;box-shadow:0 15px 30px rgba(17,61,91,.07); }
.scene-invoice-header { padding-bottom:20px;border-bottom:1px solid #e6eef3; }
.scene-invoice-header strong,.scene-invoice-header small { display:block; }
.scene-invoice-header strong { font-size:clamp(.9rem,1.2vw,1.25rem);color:#174365; }
.scene-invoice-header small { font-size:.72rem;color:#66869a; }
.scene-stamp,.scene-check { flex:none;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#e7f4ff;color:#175d93; }
.scene-stamp .icon,.scene-check .icon { width:21px;height:21px; }
.scene-pill { margin-inline-start:auto;color:#0b8751;font-size:.7rem;font-weight:800; }
.scene-label-row,.scene-input-row { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px; }
.scene-label-row { font-size:.68rem;color:#516e80;font-weight:750; }
.scene-input-row i { height:29px;border-radius:7px;background:linear-gradient(90deg,#edf3f8,#f8fbfd);border:1px solid #e6edf2; }
.scene-invoice-bottom { background:#edfaf3;color:#0b7648;padding:12px;border-radius:13px;margin-top:20px;font-size:.74rem; }
.scene-invoice-bottom .scene-check { background:white;color:#0a9458;height:28px;width:28px;border-radius:9px; }
.scene-invoice-bottom .scene-check .icon { height:15px;width:15px; }
.scene-invoice-bottom>.icon { margin-inline-start:auto;width:15px;height:15px; }
.scene-side-badge { position:absolute;bottom:-17px;inset-inline-end:-17px;padding:12px 17px;background:#103f66;color:white;border-radius:14px;box-shadow:0 13px 27px #17466a30;display:flex;align-items:center;gap:9px;font-size:.73rem;font-weight:760; }
.scene-side-badge .icon { height:18px;width:18px;color:#74d6a2; }
.hero-scene-connect { background:linear-gradient(139deg,#12375f,#0d644f);border-color:#154f6b;color:white; }
.hero-scene-connect .scene-top { color:#e1f7ed; }
.hero-scene-connect .scene-top .icon { color:#9ce4bd; }
.hero-scene-connect .scene-sample { background:#ffffff20;color:#e5fff1; }
.scene-connect-flow { display:flex;align-items:center;justify-content:center;gap:clamp(3px,.8vw,13px); }
.scene-system { min-width:0;flex:1;max-width:190px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;border:1px solid #ffffff26;border-radius:18px;background:#ffffff11;padding:clamp(11px,1.4vw,21px) 7px;box-shadow:0 15px 25px #051c2820; }
.scene-system-center { background:#ffffff24;border-color:#a1f1c96b; }
.scene-system strong { font-size:clamp(.65rem,.9vw,1rem);line-height:1.4; }
.scene-system small { font-size:clamp(.54rem,.7vw,.76rem);color:#c7eadb; }
.scene-system-icon { width:clamp(36px,3.5vw,58px);height:clamp(36px,3.5vw,58px);display:grid;place-items:center;background:linear-gradient(135deg,#1f7290,#1da96e);color:#fff;border-radius:16px;margin-bottom:9px; }
.scene-system-icon .icon { width:45%;height:45%; }
.scene-connection { display:flex;align-items:center;gap:4px;flex:none; }
.scene-connection i { width:clamp(3px,.45vw,7px);height:clamp(3px,.45vw,7px);border-radius:50%;background:#9ff1c1;animation:connection-wave 1.4s ease-in-out infinite; }
.scene-connection i:nth-child(2) { animation-delay:.2s; }.scene-connection i:nth-child(3) { animation-delay:.4s; }
.scene-connect-foot { padding:15px;border:1px solid #ffffff2b;background:#ffffff13;border-radius:13px;color:#ebfff5;font-size:clamp(.59rem,.75vw,.81rem); }
.scene-connect-foot .icon { width:20px;height:20px;flex:none;color:#93e2b6; }
@keyframes scene-drift { 0%,100% {transform:translateY(0) rotate(-2deg)} 50%{transform:translateY(-8px) rotate(-2deg)} }
@keyframes connection-wave { 0%,100%{opacity:.3;transform:scale(.8)} 50%{opacity:1;transform:scale(1.35)} }

/* A vibrant feature mosaic replaces the thin, text-only strip. */
.home-value-showcase { padding:clamp(52px,5vw,93px) 0;background:linear-gradient(180deg,#fff 0%,#f4f9fd 100%); }
.value-showcase-heading { display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:29px; }
.value-showcase-heading>div { max-width:790px; }
.value-showcase-heading h2 { max-width:710px;margin-bottom:0;font-size:clamp(2rem,3.8vw,4rem);letter-spacing:-.06em; }
.value-showcase-heading>p { max-width:420px;color:#536e84;font-size:clamp(.93rem,1.04vw,1.11rem); }
.value-bento { display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(205px,auto));gap:clamp(12px,1.4vw,24px); }
.value-tile { position:relative;isolation:isolate;min-width:0;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:clamp(23px,2.1vw,40px);border-radius:clamp(19px,1.6vw,28px);overflow:hidden;color:#153e62;box-shadow:0 15px 37px rgba(19,68,103,.08);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s; }
.value-tile:hover { transform:translateY(-9px);box-shadow:0 27px 60px rgba(14,58,93,.18); }
.value-tile:hover,.value-tile:hover h3 { color:inherit; }
.value-tile-featured { grid-row:span 2;background:linear-gradient(140deg,#123d70,#0c7656);color:#fff;min-height:465px; }
.value-tile-featured:hover { color:white; }
.value-tile-validation { background:linear-gradient(142deg,#ebf7ff,#d1e9ff); }
.value-tile-integrations { background:linear-gradient(142deg,#e6fbec,#b7ebd1); }
.value-tile-support { background:linear-gradient(142deg,#eaf1ff,#dce5fa);grid-column:2 / span 2; }
.value-tile-icon { display:grid;place-items:center;width:clamp(52px,4.2vw,72px);height:clamp(52px,4.2vw,72px);background:#ffffff6e;border:1px solid #ffffffa8;border-radius:21px;box-shadow:0 10px 20px #10406a15; }
.value-tile-icon .icon { width:31px;height:31px; }
.value-tile-featured .value-tile-icon { background:#ffffff22;border-color:#ffffff45; }
.value-tile-no { position:absolute;top:clamp(23px,2.1vw,40px);inset-inline-end:clamp(23px,2.1vw,40px);font-size:.76rem;font-weight:850;letter-spacing:.09em;opacity:.67; }
.value-tile-bottom { position:relative;z-index:1;max-width:530px; }
.value-tile-bottom h3 { font-size:clamp(1.2rem,1.55vw,1.83rem);letter-spacing:-.045em;max-width:390px; }
.value-tile-featured h3 { font-size:clamp(2rem,2.8vw,3.2rem);max-width:460px; }
.value-tile-bottom p { max-width:465px;margin-bottom:0;color:inherit;opacity:.84;font-size:clamp(.88rem,.91vw,1.02rem); }
.value-tile-arrow { position:absolute;inset-inline-end:0;bottom:0;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#ffffff90;color:#134975;transition:transform .3s; }
.value-tile-featured .value-tile-arrow { color:#074c41; }
.value-tile-arrow .icon { width:18px;height:18px; }
.value-tile:hover .value-tile-arrow { transform:translate(2px,-4px) rotate(40deg); }
.value-orbit { width:190px;height:190px;border:1px solid #ffffff30;border-radius:50%;position:absolute;top:24%;inset-inline-end:-55px;box-shadow:0 0 0 45px #ffffff0e,0 0 0 92px #ffffff08;animation:value-orbit 13s linear infinite; }
.value-orbit span { position:absolute;width:13px;height:13px;background:#91ebbb;border-radius:50%;top:-7px;left:50%; }
.value-orbit span:nth-child(2) { top:50%;left:-6px;width:9px;height:9px; }
.value-orbit span:nth-child(3) { top:auto;bottom:-5px;left:65%;width:10px;height:10px; }
@keyframes value-orbit {to{transform:rotate(360deg)}}
.new-intro-section { background:#fff; }
.new-intro-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(35px,6vw,120px); }
.intro-visual { position:relative;min-height:clamp(300px,28vw,460px);border-radius:34px;overflow:hidden;background:linear-gradient(138deg,#e6f1ff,#ddf7e8);display:grid;place-items:center;isolation:isolate; }
.intro-visual:before { content:"";position:absolute;inset:10%;border-radius:50%;border:1px dashed #2f749c59;animation:value-orbit 30s linear infinite; }
.intro-circle { width:270px;height:270px;border:1px solid #6fb6ac6b;border-radius:50%;position:absolute;box-shadow:0 0 0 49px #ffffff35,0 0 0 92px #ffffff25; }
.intro-circle-two {width:160px;height:160px;border-color:#ffffff99;}
.intro-center-icon,.intro-center-logo { width:110px;height:110px;border-radius:32px;display:grid;place-items:center;background:linear-gradient(135deg,#154b7b,#088353);color:#fff;box-shadow:0 25px 45px #184c6725;position:relative;z-index:1;animation:floatSymbol 6s ease-in-out infinite; }
.intro-center-icon .icon { width:51px;height:51px; }
.intro-center-logo { width:clamp(190px,18vw,285px);height:auto;min-height:104px;padding:18px 23px;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.75);border-radius:28px;box-shadow:0 25px 50px #184c6728; }
.intro-center-logo img { display:block;width:100%;height:auto;object-fit:contain; }
.intro-center-logo .icon { width:52px;height:52px;color:#0d8054; }
.intro-floating-card { position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:13px 16px;background:#fff;border:1px solid #e7eff4;border-radius:15px;color:#174566;box-shadow:0 13px 30px #184a781b;font-size:.81rem;font-weight:750;animation:floatSymbol 5.5s ease-in-out infinite; }
.intro-floating-card .icon { color:#0d9960;width:18px;height:18px; }
.intro-floating-card-one {top:17%;inset-inline-start:6%;}.intro-floating-card-two {bottom:18%;inset-inline-end:5%;animation-delay:-2.5s;}
.intro-new-copy h2 { font-size:clamp(2rem,3.4vw,4rem);letter-spacing:-.055em; }
.intro-new-copy .lead-dark { margin-block:25px 31px; }
.audience-grid-expanded { grid-template-columns:repeat(4,minmax(0,1fr)); }
.audience-grid-expanded .audience-card { min-height:245px;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px; }
.audience-grid-expanded .audience-card h3 { font-size:clamp(1.05rem,1.2vw,1.34rem); }
.audience-grid-expanded .audience-card p { font-size:.87rem; }
.audience-grid-expanded .audience-card-arrow { position:absolute;inset-inline-end:21px;top:26px; }
.workflow-carousel-section{background:#f7fafc;overflow:hidden}.workflow-carousel{overflow:hidden;margin-inline:calc((44px - 100vw)/2);padding:8px max(22px,calc((100vw - var(--container))/2)) 18px;outline:0}.workflow-carousel-track{display:flex;width:max-content;flex-shrink:0;animation:workflow-marquee 52s linear infinite;will-change:transform}.workflow-carousel-group{display:flex;flex:0 0 auto;gap:16px;padding-inline-end:16px}.workflow-card{width:clamp(215px,20vw,285px);min-height:218px;flex:0 0 auto}.workflow-carousel:hover .workflow-carousel-track,.workflow-carousel:focus-within .workflow-carousel-track{animation-play-state:paused}@keyframes workflow-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.feature-card-premium{grid-column:1/-1!important;display:grid!important;grid-template-columns:auto 1fr auto;grid-template-areas:"top label label" "title title title" "visual text link";align-items:center;gap:10px 26px;background:linear-gradient(120deg,#102f55 0%,#145776 52%,#08794f 100%)!important;color:#fff;border-color:#1b6e70!important;box-shadow:0 22px 54px rgba(13,61,77,.2)!important}.feature-card-premium .feature-top{grid-area:top}.feature-card-premium .feature-icon{background:#ffffff22!important;color:#fff!important}.feature-card-premium .feature-index{color:#b8d9e1}.feature-card-premium h2,.feature-card-premium h3{grid-area:title;color:#fff;margin:0!important}.feature-card-premium>p{grid-area:text;color:#dbecef!important;margin:0!important}.feature-card-premium .feature-card-link{grid-area:link;color:#fff;border-color:#ffffff55}.premium-feature-label{grid-area:label;justify-self:end;color:#b9f0cf;font-size:.7rem;font-weight:850;letter-spacing:.1em}
.premium-excel-visual{grid-area:text;display:flex;align-items:center;gap:15px;justify-self:end;margin-inline-start:auto}.excel-sheet{display:grid;grid-template-columns:repeat(3,9px);grid-template-rows:repeat(2,9px);gap:3px;padding:9px;border:1px solid #b9e6d0;background:#ffffff18;border-radius:9px;transform:rotate(-5deg);animation:excel-float 3.8s ease-in-out infinite}.excel-sheet i{display:block;background:#a9e6c1;border-radius:2px}.excel-sheet i:nth-child(2n){background:#8dcce2}.excel-flow{display:grid;place-items:center;color:#b9f0cf;animation:excel-flow 2.1s ease-in-out infinite}.excel-flow .icon{width:20px;height:20px}.excel-flow-two{animation-delay:.8s}.excel-result{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #ffffff42;border-radius:9px;background:#ffffff12;color:#fff;font-size:.68rem}.excel-result .icon{width:19px;height:19px;color:#b9f0cf}.excel-result b{font-size:.65rem;letter-spacing:.06em}@keyframes excel-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(-5deg)}}@keyframes excel-flow{0%,100%{transform:translateX(0);opacity:.7}50%{transform:translateX(5px);opacity:1}}@media(prefers-reduced-motion:reduce){.excel-sheet,.excel-flow{animation:none}}
@media(max-width:620px){.feature-card-premium{grid-template-columns:auto 1fr;grid-template-areas:"top label" "title title" "visual visual" "text text" "link link";align-items:start}.feature-card-premium .feature-card-link{justify-self:start}.premium-feature-label{justify-self:end}.premium-excel-visual{justify-self:start;margin-inline-start:0;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.workflow-carousel-track{animation:none}.workflow-carousel-group[aria-hidden=true]{display:none}}
/* More visible scroll reveals; the original observer still leaves content visible without JS. */
html.js-enabled [data-reveal] { transition:opacity .72s cubic-bezier(.2,.72,.25,1),transform .72s cubic-bezier(.2,.72,.25,1); }
html.js-enabled [data-reveal]:not(.is-visible) { transform:translateY(31px); }
html.js-enabled .value-bento [data-reveal]:nth-child(2),html.js-enabled .audience-grid-expanded [data-reveal]:nth-child(4n+2) { transition-delay:90ms; }
html.js-enabled .value-bento [data-reveal]:nth-child(3),html.js-enabled .audience-grid-expanded [data-reveal]:nth-child(4n+3) { transition-delay:170ms; }
html.js-enabled .value-bento [data-reveal]:nth-child(4),html.js-enabled .audience-grid-expanded [data-reveal]:nth-child(4n+4) { transition-delay:240ms; }
/* Site-wide WhatsApp CTA; only rendered with a real number. */
.wa-floating { position:fixed;z-index:90;inset-inline-end:clamp(17px,2.2vw,37px);bottom:clamp(18px,2vw,32px);width:60px;height:60px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(135deg,#1bd779,#0c8e57);color:white;box-shadow:0 16px 35px #06754340;isolation:isolate;transition:transform .25s,box-shadow .25s; }
.wa-floating:hover { color:white;transform:translateY(-5px) scale(1.04);box-shadow:0 23px 43px #06754355; }
.wa-floating::before { content:"";position:absolute;inset:-5px;z-index:-1;border:1px solid #16a96783;border-radius:26px;animation:wa-glow 3.4s ease-out infinite; }
.wa-floating svg { display:block;width:32px;height:32px;fill:currentColor; }
.wa-floating .wa-tooltip { position:absolute;inset-inline-end:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(6px);padding:8px 11px;background:#123e58;border-radius:10px;white-space:nowrap;opacity:0;pointer-events:none;font-size:.79rem;font-weight:800;transition:opacity .2s,transform .2s; }
.wa-floating:hover .wa-tooltip,.wa-floating:focus-visible .wa-tooltip { opacity:1;transform:translateY(-50%) translateX(0); }
@keyframes wa-glow { 0%{opacity:.8;transform:scale(.95)}65%{opacity:0;transform:scale(1.17)}100%{opacity:0;transform:scale(1.17)} }
@media(max-width:1100px) { .value-bento {grid-template-columns:repeat(2,minmax(0,1fr));} .value-tile-featured {grid-column:span 2;grid-row:auto;min-height:315px;} .value-tile-support {grid-column:span 2;} .audience-grid-expanded {grid-template-columns:repeat(3,minmax(0,1fr));}.workflow-carousel-track{animation-duration:44s}.workflow-card{width:250px} }
@media(max-width:900px) { .hero-modern .hero-grid { min-height:0; }.hero-modern h1 {min-height:0;} .value-showcase-heading {align-items:flex-start;flex-direction:column;gap:8px;} .new-intro-grid {grid-template-columns:1fr;} .intro-visual {min-height:320px;}.audience-grid-expanded {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:620px) {html{scroll-padding-top:76px}.hero-switcher {gap:7px;margin-bottom:15px}.hero-switch-dot {width:29px;height:29px}.hero-switch-dot.is-active {width:38px}.hero-scene {padding:13px;width:95%;min-height:70%;gap:10px;border-radius:16px}.scene-top {font-size:.51rem}.scene-top .icon{height:14px;width:14px}.scene-sample{font-size:.43rem;padding:4px 6px}.scene-invoice-card{padding:9px;border-radius:10px}.scene-invoice-header{gap:5px;padding-bottom:7px}.scene-invoice-header strong{font-size:.68rem}.scene-invoice-header small{font-size:.47rem}.scene-stamp{width:28px;height:28px;border-radius:7px}.scene-stamp .icon{width:14px;height:14px}.scene-pill{font-size:.45rem}.scene-label-row{margin-top:8px;font-size:.47rem;gap:7px}.scene-input-row{gap:7px;margin-top:5px}.scene-input-row i{height:17px}.scene-invoice-bottom{margin-top:8px;padding:7px;font-size:.48rem}.scene-invoice-bottom .scene-check{height:20px;width:20px}.scene-side-badge{bottom:-8px;inset-inline-end:-6px;padding:7px;font-size:.48rem}.scene-side-badge .icon{width:13px;height:13px}.scene-system{padding:8px 3px;border-radius:10px;gap:3px}.scene-system-icon{height:27px;width:27px;border-radius:8px;margin-bottom:3px}.scene-system strong{font-size:.48rem}.scene-system small{font-size:.37rem}.scene-connect-flow{gap:3px}.scene-connection{gap:2px}.scene-connection i{height:3px;width:3px}.scene-connect-foot{padding:8px;font-size:.48rem}.scene-connect-foot .icon{width:13px;height:13px}.home-value-showcase{padding-block:49px}.value-bento{grid-template-columns:1fr;grid-template-rows:auto;gap:12px}.value-tile,.value-tile-featured,.value-tile-support{grid-column:auto;grid-row:auto;min-height:200px;padding:25px}.value-tile-featured{min-height:320px}.value-tile-featured h3{font-size:2rem}.value-tile-arrow{position:relative;margin-top:14px}.value-orbit{top:8%;right:-82px}.new-intro-section{padding-block:63px}.intro-visual{min-height:255px}.intro-center-icon{width:75px;height:75px;border-radius:24px}.intro-center-icon .icon{width:35px;height:35px}.intro-circle{width:155px;height:155px}.intro-floating-card{font-size:.64rem;padding:10px}.workflow-carousel{margin-inline:-17px;padding-inline:17px}.workflow-carousel-track{animation-duration:38s}.workflow-card{width:min(78vw,285px);min-height:200px;padding:22px}.wa-floating{width:53px;height:53px;border-radius:18px;inset-inline-end:16px;bottom:18px}.wa-floating svg{width:27px;height:27px}.wa-floating .wa-tooltip{display:none} }
@media(prefers-reduced-motion:reduce){.hero-scene,.value-orbit,.intro-visual:before,.intro-center-icon,.intro-floating-card,.wa-floating::before,.scene-connection i {animation:none!important}html.js-enabled [data-reveal]{transition:none!important;transition-delay:0ms!important}}

/* Hero real-world imagery and invoice QR callout. */
.hero-photo-strip { position:absolute;z-index:0;inset-inline:clamp(18px,3vw,52px);top:clamp(18px,3vw,46px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,14px);opacity:.72;pointer-events:none; }
.hero-photo-strip img { display:block;width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.7);box-shadow:0 16px 32px rgba(10,42,69,.16);filter:saturate(1.02) contrast(1.02); }
.hero-photo-strip img:nth-child(1) { transform:rotate(-4deg) translateY(5px); }
.hero-photo-strip img:nth-child(2) { transform:translateY(-8px); }
.hero-photo-strip img:nth-child(3) { transform:rotate(4deg) translateY(7px); }
.hero-photo-strip:after { content:"";position:absolute;inset:-18px;background:linear-gradient(180deg,rgba(248,252,255,.04),rgba(248,252,255,.86) 76%);border-radius:26px; }
.floating-qr-card { position:absolute;z-index:4;inset-inline-end:7%;bottom:20%;display:flex;align-items:center;gap:11px;max-width:250px;padding:12px 14px;background:rgba(255,255,255,.94);border:1px solid rgba(214,228,235,.94);border-radius:17px;box-shadow:0 18px 42px rgba(14,54,84,.17);backdrop-filter:blur(12px); }
.floating-qr-card strong,.floating-qr-card small { display:block;line-height:1.35; }
.floating-qr-card strong { color:#113f64;font-size:.82rem; }
.floating-qr-card small { color:#5d7484;font-size:.68rem; }
.qr-mini { position:relative;flex:none;width:45px;height:45px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;padding:5px;background:#fff;border:1px solid #dbe7ef;border-radius:10px;box-shadow:inset 0 0 0 3px #f3f8fb; }
.qr-mini i,.qr-mini b { display:block;background:#103f66;border-radius:2px; }
.qr-mini i:nth-child(1) { grid-area:1 / 1; }
.qr-mini i:nth-child(2) { grid-area:1 / 3; }
.qr-mini i:nth-child(3) { grid-area:3 / 1; }
.qr-mini i:nth-child(4) { grid-area:2 / 2;background:#0b8f58; }
.qr-mini b { grid-area:3 / 3;box-shadow:-8px -8px 0 #103f66; }
.value-tile-featured:after { content:"";position:absolute;z-index:0;width:116px;height:116px;inset-inline-end:42px;bottom:38px;background:linear-gradient(135deg,#fff 0 47%,transparent 47% 53%,#fff 53% 100%);opacity:.08;border-radius:18px;box-shadow:0 0 0 11px rgba(255,255,255,.1); }
.request-modal[hidden] { display:none; }
.request-modal { position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px; }
.request-modal-backdrop { position:absolute;inset:0;background:rgba(5,22,38,.58);backdrop-filter:blur(8px); }
.request-modal-panel { position:relative;z-index:1;width:min(100%,460px);max-height:calc(100dvh - 48px);overflow:auto;background:#fff;border:1px solid #dbe7ef;border-radius:24px;padding:clamp(23px,3vw,36px);box-shadow:0 30px 80px rgba(5,26,44,.3); }
.request-modal-panel h2 { font-size:clamp(1.7rem,3vw,2.35rem);margin-bottom:10px;color:#112d4d; }
.request-modal-panel p { color:#5a7084;margin-bottom:20px; }
.quotation-package{margin:0 0 18px;padding:14px 16px;border:1px solid #cbe6d7;border-radius:14px;background:#effaf4}.quotation-package span{display:block;font-size:.72rem;font-weight:800;color:#39705b}.quotation-package strong{color:#123d60;font-size:1.05rem}
.request-modal-close { position:absolute;top:16px;inset-inline-end:16px;width:39px;height:39px;display:grid;place-items:center;border:1px solid #dce7ef;border-radius:12px;background:#f8fbfd;color:#143e68; }
.request-modal-close .icon { width:19px;height:19px; }
.request-call-form { display:grid;gap:16px; }
.request-call-form .btn { margin-top:4px; }
body.modal-open { overflow:hidden; }
.notice-chase-modal:not([hidden]) .request-modal-backdrop { animation:notice-backdrop-in .38s ease-out both; }
.notice-chase-modal:not([hidden]) .notice-chase-panel { animation:notice-panel-in .52s cubic-bezier(.16,1,.3,1) both;transform-origin:center; }
.notice-chase-panel { width:min(100%,720px);padding:14px;overflow:hidden;background:#fff; }
.notice-chase-image { display:block;width:100%;height:auto;max-height:calc(100dvh - 198px);object-fit:contain;border-radius:17px;background:#071d38; }
.notice-chase-actions { display:flex;align-items:stretch;justify-content:center;gap:12px;padding:16px 0 0;background:#fff; }
.notice-chase-actions .btn { flex:1;margin:0; }
.notice-chase-close { color:#fff;border-color:rgba(255,255,255,.55);background:rgba(5,22,38,.68);backdrop-filter:blur(8px); }
@keyframes notice-backdrop-in { from{opacity:0} to{opacity:1} }
@keyframes notice-panel-in { from{opacity:0;transform:translateY(28px) scale(.94)} to{opacity:1;transform:translateY(0) scale(1)} }
@media(max-width:620px) {
  .notice-chase-modal { padding:12px; }
  .notice-chase-panel { max-height:calc(100dvh - 24px);padding:10px;border-radius:18px; }
  .notice-chase-image { max-height:calc(100dvh - 178px);border-radius:12px; }
  .notice-chase-actions { flex-direction:column;padding:10px 0 0;gap:9px; }
  .notice-chase-actions .btn { min-height:48px;padding:10px 14px; }
}
@media(prefers-reduced-motion:reduce) {
  .notice-chase-modal:not([hidden]) .request-modal-backdrop,
  .notice-chase-modal:not([hidden]) .notice-chase-panel { animation:none; }
}
@media(max-width:900px) {
  .hero-photo-strip { inset-inline:20px;top:20px;opacity:.58; }
  .hero-photo-strip img { border-radius:14px; }
  .floating-qr-card { bottom:17%;inset-inline-end:4%;max-width:220px; }
}
@media(max-width:620px) {
  .hero-photo-strip { grid-template-columns:repeat(2,minmax(0,1fr));inset-inline:14px;top:16px;gap:7px;opacity:.52; }
  .hero-photo-strip img:nth-child(3) { display:none; }
  .intro-center-logo { width:clamp(160px,58vw,230px);min-height:82px;padding:14px 17px;border-radius:22px; }
  .floating-qr-card { max-width:164px;padding:8px 9px;gap:7px;bottom:18%;inset-inline-end:-1%;border-radius:12px; }
  .floating-qr-card strong { font-size:.55rem; }
  .floating-qr-card small { font-size:.46rem; }
  .qr-mini { width:31px;height:31px;border-radius:7px;gap:2px;padding:4px; }
  .qr-mini b { box-shadow:-5px -5px 0 #103f66; }
}

/* Footer logo: no card background, with a subtle interactive glow. */
.site-footer .footer-logo{background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;overflow:visible;transition:transform .28s ease,filter .28s ease}.site-footer .footer-logo img{transition:transform .28s ease,filter .28s ease}.site-footer .footer-logo:hover img{transform:scale(1.09);filter:drop-shadow(0 0 11px rgba(47,231,137,.85)) drop-shadow(0 0 24px rgba(39,137,255,.45))}
.site-footer .footer-logo{width:min(100%,360px)!important;max-width:360px!important}.site-footer .footer-logo img{width:100%!important;max-width:none!important}@media(max-width:620px){.site-footer .footer-logo{width:min(100%,290px)!important}}
.site-footer .footer-brand-block{min-width:0}.site-footer .footer-logo{display:block;width:100%!important;max-width:360px!important}.site-footer .footer-logo img{display:block;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain}@media(max-width:900px){.site-footer .footer-logo{max-width:100%!important}}@media(max-width:620px){.site-footer .footer-logo{max-width:290px!important}}
.site-footer .footer-logo{margin:0 0 18px!important}.site-footer .footer-brand-block p,.site-footer .footer-secure{margin-inline:0!important}
.hero-modern .hero-grid{width:min(calc(100% - 120px),var(--container));margin-inline:auto}.hero-art{width:90%!important;justify-self:center}.hero-intelligence-panel{display:none!important}.hero-art .floating-note-top{inset-inline-end:4%!important}.hero-art .floating-note-bottom{inset-inline-start:4%!important}@media(max-width:900px){.hero-modern .hero-grid{width:min(calc(100% - 56px),var(--container))}.hero-art{width:92%!important}}@media(max-width:620px){.hero-modern .hero-grid{width:min(calc(100% - 34px),var(--container))}.hero-art{width:100%!important}.hero-art .floating-note-top{inset-inline-end:1%!important}.hero-art .floating-note-bottom{inset-inline-start:1%!important}}
.hero-modern .hero-grid{width:min(calc(100% - 240px),1610px)!important}.hero-modern .hero-art{width:92%!important;max-width:720px!important}.hero-modern .hero-art .floating-note-top{inset-inline-end:7%!important}.hero-modern .hero-art .floating-note-bottom{inset-inline-start:7%!important}@media(max-width:1200px){.hero-modern .hero-grid{width:min(calc(100% - 120px),var(--container))!important}.hero-modern .hero-art{width:88%!important}}@media(max-width:900px){.hero-modern .hero-grid{width:min(calc(100% - 56px),var(--container))!important}.hero-modern .hero-art{width:92%!important}}@media(max-width:620px){.hero-modern .hero-grid{width:min(calc(100% - 34px),var(--container))!important}.hero-modern .hero-art{width:100%!important}}
.standard-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:clamp(35px,7vw,110px)}.standard-hero-layout .page-hero-inner{max-width:820px}.page-hero-graphic{position:relative;width:min(100%,390px);aspect-ratio:1;margin-inline:auto}.page-hero-graphic-orbit{position:absolute;inset:13%;border:1px solid #a9ddc4;border-radius:50%;box-shadow:0 0 0 28px #dff4e855,0 0 0 56px #e9f8ef88}.page-hero-graphic-core,.page-hero-graphic-step{position:absolute;display:grid;place-items:center;background:#fff;border:1px solid #d6e8df;box-shadow:0 16px 35px rgba(17,64,89,.13)}.page-hero-graphic-core{inset:35%;border-radius:22px;background:linear-gradient(145deg,#143e68,#098453);color:#fff}.page-hero-graphic-core .icon{width:38px;height:38px}.page-hero-graphic-step{width:82px;height:76px;border-radius:17px;color:#0b8451;gap:3px}.page-hero-graphic-step .icon{width:25px;height:25px}.page-hero-graphic-step span{font-size:.66rem;font-weight:850}.graphic-step-one{top:5%;inset-inline-start:8%}.graphic-step-two{top:13%;inset-inline-end:3%;color:#176299}.graphic-step-three{bottom:6%;inset-inline-end:10%}@media(max-width:900px){.standard-hero-layout{grid-template-columns:1fr}.page-hero-graphic{max-width:310px}}@media(max-width:620px){.page-hero-graphic{max-width:245px}.page-hero-graphic-step{width:62px;height:57px;border-radius:13px}.page-hero-graphic-step .icon{width:19px;height:19px}}
.site-footer .footer-logo img{aspect-ratio:auto!important}

/* User manual video and long-form product guide. */
.user-manual-video-section{background:linear-gradient(145deg,#f1f7fb,#fff 52%,#eef9f3)}
.manual-video-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}.manual-video-heading .section-heading{margin-bottom:0}.manual-video-heading .section-heading p{margin-bottom:0}.manual-video-heading>.btn{flex:none}
.manual-video-shell{overflow:hidden;border:1px solid #cbdce7;border-radius:24px;background:#061421;box-shadow:0 26px 70px rgba(8,36,59,.2)}.manual-video-shell video{display:block;width:100%;max-height:min(72vh,760px);background:#000;object-fit:contain}.manual-video-shell video::-internal-media-controls-download-button{display:none}.manual-video-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;background:#0a2238;color:#d8e8f1}.manual-video-toolbar label{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:800}.manual-video-toolbar select{width:auto;min-height:36px;padding:5px 30px 5px 10px;border-color:#476178;background:#102f49;color:#fff}.manual-fullscreen-button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#fff;font-weight:750;font-size:.8rem}.manual-fullscreen-button:hover{color:#9ee3c0}.manual-fullscreen-button .icon{width:17px;height:17px}.manual-video-note{margin:13px 0 0;color:#708596;font-size:.78rem}
.manual-hero{position:relative;overflow:hidden;padding-block:92px;background:linear-gradient(120deg,#0d3157,#114f67 58%,#087c50);color:#fff}.manual-hero:after{content:"";position:absolute;width:620px;height:620px;inset-inline-end:-250px;top:-330px;border:1px solid #ffffff27;border-radius:50%;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.manual-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:70px}.manual-hero h1{color:#fff;max-width:760px}.manual-hero .lead-dark{max-width:750px;color:#d7e8ed}.manual-hero .hero-eyebrow{color:#a0e6c4;background:#ffffff10;border:1px solid #ffffff25;border-radius:100px;padding:8px 12px}.manual-hero .btn-outline{border-color:#ffffff60;color:#fff}.manual-hero .btn-outline:hover{background:#fff;color:#0e3f5d}.manual-hero-card{display:flex;flex-direction:column;padding:28px;border:1px solid #ffffff38;border-radius:24px;background:#ffffff10;backdrop-filter:blur(10px);box-shadow:0 24px 55px #04192d30}.manual-hero-card>span{color:#9fe3c0;font-size:.7rem;font-weight:850;letter-spacing:.12em}.manual-hero-card>strong{margin:8px 0 0;font-size:5.7rem;line-height:1;color:#fff}.manual-hero-card p{color:#d7e8ed;line-height:1.55}.manual-hero-card small{padding-top:14px;border-top:1px solid #ffffff24;color:#a9c4d2}
.manual-reading-section{background:#f6f9fb}.manual-layout{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:42px}.manual-toc{position:sticky;top:108px;max-height:calc(100vh - 130px);overflow:auto;padding:24px;border:1px solid #dce6ed;border-radius:18px;background:#fff;box-shadow:0 12px 35px #123e610d}.manual-toc .eyebrow{margin-bottom:13px}.manual-toc ol{display:grid;gap:2px;margin:0;padding:0;list-style:none}.manual-toc a{display:grid;grid-template-columns:27px 1fr;gap:7px;padding:6px 7px;border-radius:7px;color:#496176;font-size:.72rem;line-height:1.45}.manual-toc a:hover{background:#edf7f1;color:#08794b}.manual-toc a span{color:#0a8753;font-weight:850}.manual-content{display:grid;gap:18px}.manual-important-note,.manual-language-note{padding:20px 22px;border-radius:15px}.manual-language-note{background:#fff5dc;color:#684f16;border:1px solid #ead59c;text-align:right;direction:rtl}.manual-important-note{display:flex;align-items:flex-start;gap:12px;background:#eaf7f0;color:#174d36;border:1px solid #cbe7d8}.manual-important-note .icon{flex:none;width:21px;height:21px;margin-top:3px}.manual-important-note p{margin:0}.manual-topic{scroll-margin-top:105px;display:grid;grid-template-columns:58px minmax(0,1fr);gap:22px;padding:31px;border:1px solid #dce6ed;border-radius:18px;background:#fff;box-shadow:0 10px 30px #123e610a}.manual-topic-number{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e7f6ee;color:#08794b;font-weight:900}.manual-topic h2{margin:3px 0 6px;font-size:clamp(1.45rem,2.2vw,2rem)}.manual-topic-lead{color:#173e60!important;font-weight:750}.manual-topic p,.manual-topic li{color:#5b7082;line-height:1.82}.manual-topic ul{padding-left:21px}.manual-topic li{margin-bottom:6px}.manual-back-link{display:inline-block;margin-top:7px;color:#0b8151;font-size:.75rem;font-weight:800}
@media(max-width:900px){.manual-hero-layout,.manual-layout{grid-template-columns:1fr}.manual-hero-card{max-width:360px}.manual-toc{position:relative;top:auto;max-height:none}.manual-toc ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.manual-video-heading{align-items:flex-start;flex-direction:column}.manual-video-heading>.btn{width:100%}.manual-video-shell{border-radius:15px}.manual-video-toolbar{align-items:stretch;flex-direction:column}.manual-fullscreen-button{justify-content:center;min-height:38px;border:1px solid #ffffff2b;border-radius:8px}.manual-hero{padding-block:58px}.manual-hero-layout{gap:35px}.manual-hero-card{width:100%}.manual-toc ol{grid-template-columns:1fr}.manual-topic{grid-template-columns:1fr;padding:23px}.manual-topic-number{width:42px;height:42px}}
.home-results{padding:32px 0 40px!important}.results-trust{margin-bottom:18px!important}.results-panel{grid-template-columns:1fr!important}.results-metrics article{padding:25px 16px!important}.results-icon{width:43px!important;height:43px!important;margin-bottom:12px!important}.results-metrics h3{margin:9px 0 0!important}.results-metrics p{display:none}
.results-metrics strong{font-size:clamp(1.72rem,2.45vw,2.55rem)!important;font-weight:720!important;letter-spacing:-.045em!important}.results-metrics h3{font-weight:680!important;letter-spacing:0!important}
.site-header .header-inner{min-height:78px!important}.site-header .brand img{width:270px!important;max-width:270px!important;min-height:0!important;max-height:70px!important}.home-results{position:relative;z-index:4;margin-top:-170px!important;padding:0 0 30px!important;background:transparent!important}.home-results .results-trust{display:none}.home-results .results-panel{width:min(100% - 150px,1080px);margin-inline:auto;border-radius:18px;box-shadow:0 15px 35px rgba(12,54,76,.12)}.home-results .results-metrics article{padding:16px 14px!important}.home-results .results-icon{width:36px!important;height:36px!important;margin-bottom:7px!important}.home-results .results-icon .icon{width:19px}.home-results .results-metrics strong{font-size:clamp(1.42rem,2vw,2.05rem)!important}.home-results .results-metrics h3{font-size:.78rem!important;margin-top:6px!important}.hero-price-note{display:inline-flex;align-items:baseline;gap:9px;margin:-9px 0 23px;padding:8px 12px;border:1px solid #c9e5d8;border-radius:12px;background:#ffffffc9;color:#4e6d83;box-shadow:0 8px 20px #173d5c0b}.hero-price-note span{font-size:.72rem;font-weight:730}.hero-price-note strong{color:#087c4e;font-size:1.15rem;letter-spacing:-.03em}.hero-price-note small{font-size:.72rem;font-weight:700}@media(max-width:900px){.site-header .header-inner{min-height:70px!important}.site-header .brand img{width:215px!important;max-height:60px!important}.home-results{margin-top:0!important;padding:32px 0!important;background:#fff!important}.home-results .results-panel{width:100%}}@media(max-width:620px){.site-header .brand img{width:180px!important;max-height:54px!important}.home-results .results-metrics article{padding:14px 8px!important}.home-results .results-panel{border-radius:14px}}
.home-results{padding:58px 0;background:linear-gradient(#fff,#f6fbf9)}.results-trust{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:35px}.results-trust span{display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid #d9e7ee;border-radius:999px;background:#fff;color:#365873;font-size:.78rem;font-weight:720}.results-trust .icon{width:16px;color:#078a55}.results-panel{display:grid;grid-template-columns:.86fr 2.14fr;border:1px solid #dbe6eb;border-radius:25px;background:#fff;overflow:hidden;box-shadow:0 18px 44px rgba(14,57,78,.08)}.results-intro{padding:42px;background:linear-gradient(145deg,#f2f9fc,#ebf8f0)}.results-intro h2{color:#143e68;font-size:clamp(1.7rem,2.5vw,2.55rem)}.results-intro p{margin:0;color:#597188}.results-metrics{display:grid;grid-template-columns:repeat(4,1fr)}.results-metrics article{padding:34px 18px;text-align:center;border-inline-start:1px solid #e3edf1}.results-icon{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 17px;border-radius:14px;background:#ebfaf3;color:#078952}.results-icon .icon{width:24px}.results-metrics strong{display:block;color:#143e68;font-size:clamp(2rem,3.2vw,3.35rem);line-height:1;font-weight:850}.results-metrics h3{margin:13px 0 6px;color:#163d60;font-size:.91rem}.results-metrics p{margin:0;color:#71869a;font-size:.76rem}@media(max-width:1000px){.results-panel{grid-template-columns:1fr}.results-intro{text-align:center}}@media(max-width:700px){.results-metrics{grid-template-columns:repeat(2,1fr)}.results-metrics article:nth-child(odd){border-inline-start:0}}@media(max-width:420px){.results-metrics{grid-template-columns:1fr}.results-metrics article{border-inline-start:0;border-top:1px solid #e3edf1}}
.results-capabilities p{display:block!important}.results-capabilities h3{margin-top:9px!important}.results-capabilities article{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}

/* Make the supplied navigation logo easier to read without increasing header height. */
.brand{max-width:420px!important}.brand img{width:380px!important;max-width:380px!important;min-height:105px!important}

/* Give every inner-page hero comfortable space from the viewport edge. */
main>.page-hero{margin:clamp(12px,1.5vw,26px) clamp(12px,1.8vw,32px) 0;border:1px solid #dce9e4;border-radius:28px;padding-block:clamp(68px,6vw,104px);box-shadow:0 16px 42px rgba(21,64,82,.06)}

.page-hero-inner{position:relative;z-index:1}.page-hero-modern:not(.about-hero)::before{content:"";position:absolute;z-index:0;inset-inline-end:clamp(28px,7vw,135px);top:50%;width:clamp(130px,16vw,240px);aspect-ratio:1;border:1px solid #acd9c4;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle at center,#fff 0 25%,transparent 26%),radial-gradient(circle at center,transparent 0 47%,#c8ead920 48% 49%,transparent 50%),linear-gradient(135deg,#e9f7ef,#f7fbfd);box-shadow:0 0 0 26px #e2f3eb66,0 0 0 52px #edf7f177;opacity:.9;pointer-events:none}
@media(max-width:900px){main>.page-hero{margin:12px 16px 0;border-radius:23px;padding-block:58px}.page-hero-modern:not(.about-hero)::before{inset-inline-end:30px;width:145px;opacity:.48}}
@media(max-width:620px){main>.page-hero{margin:9px 10px 0;border-radius:18px;padding-block:46px}.page-hero-modern:not(.about-hero)::before{width:105px;inset-inline-end:18px;top:18%;opacity:.3}}

/* Keep the flexible Pay As You Go package prominent on the pricing page. */
.pricing-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:center;gap:clamp(30px,6vw,90px)}
.pricing-hero-card{max-width:390px;width:100%;justify-self:end;padding:30px;border:1px solid #c9e3d5;border-radius:24px;background:linear-gradient(145deg,#fff 15%,#f0fbf5);box-shadow:0 24px 56px rgba(14,58,85,.14)}.pricing-hero-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#def4e7;color:#08774a;font-size:.68rem;font-weight:850;letter-spacing:.05em}.pricing-hero-kicker .icon{width:14px;height:14px}.pricing-hero-card h2{margin:18px 0 8px;color:var(--navy);font-size:1.7rem}.pricing-hero-card>p{margin:0;color:#526e86;font-size:.9rem;line-height:1.65}.pricing-hero-price{display:flex;align-items:baseline;gap:8px;margin:21px 0 17px;padding-bottom:17px;border-bottom:1px solid #d9e8e1}.pricing-hero-price strong{font-size:2rem;color:#0c7550;letter-spacing:-.04em}.pricing-hero-price span{font-size:.84rem;color:#5b7287}.pricing-hero-benefits{list-style:none;padding:0;margin:0 0 23px}.pricing-hero-benefits li{position:relative;padding-inline-start:22px;margin:8px 0;color:#294f69;font-size:.84rem}.pricing-hero-benefits li:before{content:'✓';position:absolute;inset-inline-start:0;color:#079253;font-weight:900}.pricing-hero-card .btn{min-height:47px}
.invoice-calculator-only{grid-template-columns:minmax(0,560px)}
@media(max-width:900px){.pricing-hero-layout{grid-template-columns:1fr}.pricing-hero-card{justify-self:start;max-width:560px}.pricing-hero-card .plan-head{min-height:0}}

/* Polished nav + creative hero refresh. */
html { scroll-behavior:smooth; }
.site-header.nav-refresh { border-bottom:0;background:rgba(255,255,255,.78);box-shadow:0 1px 0 rgba(16,50,83,.06),0 18px 55px rgba(14,46,73,.06); }
.site-header.nav-refresh:before { content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,130,77,.08),rgba(20,72,112,.08),rgba(255,255,255,.25));opacity:.7;pointer-events:none; }
.site-header.nav-refresh .header-inner { position:relative;z-index:1; }
.nav-refresh .brand-refresh { padding:4px 0;transition:transform .28s ease; }
.nav-refresh .brand-refresh:hover { transform:translateY(-2px) scale(1.015); }
.nav-refresh .nav-pill { background:rgba(255,255,255,.72);border-color:rgba(198,217,229,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 10px 34px rgba(15,59,92,.08);backdrop-filter:blur(14px); }
.nav-refresh .nav-pill .nav-link:before { content:"";position:absolute;inset:6px;border-radius:999px;background:linear-gradient(135deg,#eaf7ff,#e8fbf0);opacity:0;transform:scale(.72);transition:opacity .24s,transform .24s;z-index:-1; }
.nav-refresh .nav-pill .nav-link:hover:before,.nav-refresh .nav-pill .nav-link[aria-current=page]:before { opacity:1;transform:scale(1); }
.nav-refresh .nav-pill .nav-link { isolation:isolate; }
.nav-refresh .header-cta { background:linear-gradient(135deg,#0d6c52,#2a8e51);box-shadow:0 13px 28px rgba(12,112,77,.24); }
.nav-refresh .header-cta:hover { transform:translateY(-3px);box-shadow:0 19px 36px rgba(12,112,77,.3); }
.hero-modern { position:relative;isolation:isolate;background:
  radial-gradient(circle at 77% 24%,rgba(16,135,83,.18),transparent 31%),
  radial-gradient(circle at 15% 12%,rgba(28,104,157,.13),transparent 34%),
  linear-gradient(120deg,#f6fbff 0%,#fff 42%,#ebfbf2 100%); }
.hero-modern:before { content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(18,64,101,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(18,64,101,.045) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent); }
.hero-modern:after { content:"";position:absolute;inset:auto -10% -36% 33%;height:62%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(8,127,73,.18),transparent 68%);filter:blur(8px); }
.hero-art { --hero-scroll:0;--hero-pointer-x:0;--hero-pointer-y:0;perspective:1200px;transform-style:preserve-3d;transform:translateY(calc(var(--hero-scroll) * -18px)) rotateX(calc(var(--hero-pointer-y) * -5deg)) rotateY(calc(var(--hero-pointer-x) * 6deg));transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .5s; }
.hero-art:hover { transform:translateY(calc(-10px + (var(--hero-scroll) * -18px))) rotateX(calc(2deg + (var(--hero-pointer-y) * -5deg))) rotateY(calc(-3deg + (var(--hero-pointer-x) * 6deg)));filter:saturate(1.04); }
.hero-art-back { background:linear-gradient(140deg,rgba(14,66,105,.9),rgba(7,118,83,.85));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 28px 80px rgba(10,52,82,.24); }
.hero-art:hover .dashboard-mock,.hero-art:hover .hero-scene { box-shadow:0 38px 90px rgba(11,49,78,.28); }
.hero-energy-grid { position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:32px;pointer-events:none; }
.energy-line { position:absolute;height:2px;width:68%;left:11%;top:30%;background:linear-gradient(90deg,transparent,#78dfb0,#3b91cc,transparent);filter:drop-shadow(0 0 10px rgba(68,181,153,.55));transform-origin:left center;animation:energy-sweep 5.4s ease-in-out infinite; }
.energy-line-two { top:68%;left:20%;width:62%;animation-delay:-2.6s;transform:rotate(-13deg); }
.energy-node { position:absolute;z-index:1;width:50px;height:50px;display:grid;place-items:center;border-radius:17px;background:rgba(255,255,255,.78);color:#087f49;border:1px solid rgba(200,224,235,.9);box-shadow:0 18px 35px rgba(14,58,92,.14);backdrop-filter:blur(10px);animation:node-float 6s ease-in-out infinite; }
.energy-node .icon { width:22px;height:22px; }
.energy-node-one { top:14%;left:6%; }
.energy-node-two { top:9%;right:16%;animation-delay:-1.7s; }
.energy-node-three { bottom:14%;left:19%;animation-delay:-3.1s; }
.energy-qr { position:absolute;right:7%;bottom:12%;width:86px;height:86px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:7px;padding:12px;border-radius:22px;background:rgba(255,255,255,.85);box-shadow:0 20px 45px rgba(9,52,82,.16);border:1px solid rgba(210,228,236,.9);animation:qr-pulse 4.8s ease-in-out infinite; }
.energy-qr i,.energy-qr b { display:block;background:#123f67;border-radius:4px; }
.energy-qr i:nth-child(2),.energy-qr i:nth-child(4) { background:#0b9159; }
.energy-qr b { box-shadow:-16px -16px 0 #123f67; }
.hero-visual-panel { transform:translateZ(34px); }
.hero-modern .hero-copy { animation:hero-copy-in .8s ease both; }
.hero-modern .hero-buttons .btn { box-shadow:0 12px 28px rgba(16,55,84,.11); }
.hero-modern .hero-buttons .btn:hover { transform:translateY(-4px) scale(1.015); }
.wa-floating-fallback { background:linear-gradient(135deg,#23d96f,#0b8e57); }
@keyframes energy-sweep { 0%,100%{opacity:.38;transform:translateX(-6%) rotate(8deg) scaleX(.74)}50%{opacity:1;transform:translateX(9%) rotate(8deg) scaleX(1)} }
@keyframes node-float { 0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-15px) rotate(4deg)} }
@keyframes qr-pulse { 0%,100%{transform:translateY(0) scale(1);box-shadow:0 20px 45px rgba(9,52,82,.16)}50%{transform:translateY(-10px) scale(1.04);box-shadow:0 28px 58px rgba(8,127,73,.22)} }
@keyframes hero-copy-in { from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)} }
@media(max-width:900px) {
  .nav-refresh .nav-pill { border-radius:18px; }
  .hero-art:hover { transform:none; }
  .energy-qr { width:68px;height:68px;right:5%;bottom:9%;gap:5px;padding:10px;border-radius:18px; }
}
@media(max-width:620px) {
  .hero-modern:before { background-size:18px 18px; }
  .energy-node { width:35px;height:35px;border-radius:12px; }
  .energy-node .icon { width:16px;height:16px; }
  .energy-qr { width:48px;height:48px;gap:3px;padding:7px;border-radius:14px; }
  .energy-qr b { box-shadow:-8px -8px 0 #123f67; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-modern .hero-copy,.energy-line,.energy-node,.energy-qr { animation:none!important; }
}

/* Homepage pricing callout: a durable base price plus a restrained package ticker. */
.hero-modern .lead[data-hero-description]{min-height:3.1em;max-width:650px}
.hero-price-note{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:300px;margin:-2px 0 22px!important;padding:13px 17px 12px!important;border-radius:15px!important;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(237,250,243,.94))!important;box-shadow:0 14px 30px rgba(9,91,61,.12),inset 0 1px rgba(255,255,255,.9)!important;animation:hero-price-float 3.6s ease-in-out infinite}
.hero-price-note:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#18a966,#1b6798)}
.hero-price-label{font-size:.68rem!important;font-weight:800!important;letter-spacing:.06em;text-transform:uppercase}
.hero-price-note strong{font-size:1.55rem!important;line-height:1.05;color:#087c4e!important}
.hero-price-note strong small{font-size:.78rem!important;letter-spacing:0}
.hero-package-line{display:flex;align-items:center;gap:7px;min-height:18px;max-width:100%;color:#315b71;font-size:.76rem;font-weight:750;white-space:nowrap}
.hero-package-line [data-package-typing]{overflow:hidden;text-overflow:ellipsis}
.hero-package-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#22ad69;box-shadow:0 0 0 4px #22ad6924;animation:hero-package-pulse 1.7s ease-in-out infinite}
.hero-package-line i{width:2px;height:1em;background:#15935b;animation:hero-caret 800ms steps(2,end) infinite}
.hero-visual-column{display:grid;align-self:center;justify-items:end;gap:16px;min-width:0}
.hero-visual-column .hero-art{width:100%}
.hero-visual-column .hero-price-note{width:84%;max-width:680px;min-width:0;margin:4px 0 0!important;text-decoration:none}
.hero-visual-column .hero-price-note:hover{border-color:#91ccb0;box-shadow:0 18px 38px rgba(9,91,61,.17),inset 0 1px rgba(255,255,255,.9)!important}
.hero-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:-4px;margin-bottom:24px}
.hero-stat-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;min-width:0;padding:16px 18px;border:1px solid #d4e5df;border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 13px 30px rgba(16,61,83,.08)}
.hero-stat-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#e4f7ed;color:#0b8551}.hero-stat-icon .icon{width:22px;height:22px}.hero-stat-icon-blue{background:#e8f2fb;color:#1b669a}.hero-stat-icon-gold{background:#fff5dc;color:#9a6a0a}.hero-stat-icon-navy{background:#e9eef6;color:#173f68}
.hero-stat-card div{display:grid;gap:2px;min-width:0}.hero-stat-card strong{color:#143e64;font-size:clamp(1.18rem,1.7vw,1.55rem);line-height:1.1;letter-spacing:-.035em}.hero-stat-card span:last-child{color:#607889;font-size:.72rem;font-weight:760;line-height:1.35}
@keyframes hero-price-float{0%,100%{transform:translateY(0);box-shadow:0 14px 30px rgba(9,91,61,.12),inset 0 1px rgba(255,255,255,.9)}50%{transform:translateY(-4px);box-shadow:0 19px 36px rgba(9,91,61,.18),inset 0 1px rgba(255,255,255,.9)}}
@keyframes hero-package-pulse{0%,100%{transform:scale(.85);opacity:.65}50%{transform:scale(1.1);opacity:1}}
@media(max-width:900px){.hero-visual-column{justify-items:start}.hero-visual-column .hero-price-note{width:min(100%,590px)}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px}}
@media(max-width:620px){.hero-modern .lead[data-hero-description]{min-height:4.55em}.hero-price-note{min-width:0;width:100%;max-width:335px}.hero-visual-column .hero-price-note{width:100%;max-width:none}.hero-price-note strong{font-size:1.4rem!important}.hero-package-line{font-size:.7rem}.hero-stats{gap:9px}.hero-stat-card{grid-template-columns:38px minmax(0,1fr);gap:9px;padding:13px 12px;border-radius:13px}.hero-stat-icon{width:38px;height:38px;border-radius:10px}.hero-stat-icon .icon{width:18px;height:18px}.hero-stat-card strong{font-size:1.08rem}.hero-stat-card span:last-child{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.hero-price-note,.hero-package-dot{animation:none}.hero-package-line i{display:none}}

/* Scroll performance pass: native scroll, lighter motion, one-time reveals only. */
html { scroll-behavior:smooth; }
html.js-enabled [data-reveal] { transition:opacity 700ms ease-out,transform 700ms ease-out;will-change:opacity,transform; }
html.js-enabled [data-reveal].is-visible { will-change:auto; }
.site-header,.site-header.nav-refresh,.nav-refresh .nav-pill,.floating-qr-card,.request-modal-backdrop,.energy-node { backdrop-filter:none!important;-webkit-backdrop-filter:none!important; }
.hero-modern:after,.hero-art-back,.energy-line { filter:none!important; }
.hero-art { transform:none!important;transition:transform 260ms ease-out; }
.hero-art:hover { transform:translateY(-6px)!important;filter:none!important; }
.hero-art:hover .dashboard-mock,.hero-art:hover .hero-scene { box-shadow:0 32px 72px rgba(11,49,78,.23); }
.hero-float,.hero-art .floating-note,.home-demo-orbit>span,.value-orbit,.intro-visual:before,.intro-center-icon,.intro-center-logo,.intro-floating-card,.hero-scene,.energy-line,.energy-node,.energy-qr { animation:none!important; }
.energy-line { opacity:.72;transform:rotate(8deg) scaleX(.92); }
.energy-line-two { transform:rotate(-13deg) scaleX(.9); }
.energy-qr { box-shadow:0 16px 34px rgba(9,52,82,.12); }
.wa-floating,.nav-refresh .header-cta,.value-tile,.modern-feature-grid .feature-card,.audience-card,.plan-card,.modern-steps .step { transition:transform 220ms ease-out,background 220ms ease-out,border-color 220ms ease-out,color 220ms ease-out; }
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important;transition:none!important; }
}

/* Pricing layouts: carousel and full-width grid deliberately use separate classes. */
.pricing-grid-pricing-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;max-width:none;align-items:stretch}
.pricing-grid-pricing-page>.plan-card{width:auto;min-width:0;height:100%}
.pricing-carousel{position:relative}
.pricing-carousel-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;outline:0;padding:8px 0 20px}
.pricing-carousel-viewport::-webkit-scrollbar{display:none}
.pricing-carousel-track{display:flex;gap:24px}
.pricing-carousel-slide{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start;display:flex}
.pricing-carousel-slide>.plan-card{width:100%;height:100%}
.pricing-carousel-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
.pricing-carousel-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #cbd9e5;border-radius:10px;background:#fff;color:var(--navy);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.pricing-carousel-button .icon{width:18px;height:18px}
.pricing-carousel-button:first-child .icon{transform:rotate(180deg)}
.pricing-carousel-button:hover:not(:disabled){transform:translateY(-2px);border-color:#168858;background:#edf9f2}
.pricing-carousel-button:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:1060px){.pricing-grid-pricing-page{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-carousel-slide{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:620px){.pricing-grid-pricing-page{grid-template-columns:1fr}.pricing-carousel-track{gap:16px}.pricing-carousel-slide{flex-basis:100%}.pricing-carousel-controls{margin-top:0}}

/* Hero copy reserves space for every rotating message, preventing page jumps. */
.hero-modern h1{min-height:2.22em}
.hero-modern .lead[data-hero-description]{min-height:5.34em}
@media(max-width:900px){.hero-modern h1{min-height:2.22em}.hero-modern .lead[data-hero-description]{min-height:5.4em}}
@media(max-width:620px){.hero-modern h1{min-height:3.24em}.hero-modern .lead[data-hero-description]{min-height:7.3em}}
/* A more compact, balanced homepage hero. */
.hero-modern .hero-grid{min-height:clamp(560px,44vw,680px);padding-block:clamp(52px,4.5vw,78px)}
.hero-modern h1{font-size:clamp(3.15rem,4.35vw,5.55rem);min-height:0}
.hero-art{max-width:760px;justify-self:end}
@media(max-width:900px){.hero-modern .hero-grid{min-height:0;padding-block:55px 42px}.hero-modern h1{font-size:clamp(3rem,7vw,4.65rem)}.hero-art{max-width:590px;justify-self:start}}
@media(max-width:620px){.hero-modern .hero-grid{padding-block:42px 30px}.hero-modern h1{font-size:clamp(2.55rem,10.2vw,3.65rem);min-height:0}.hero-art{max-width:100%;margin-top:4px}}
/* Keep the homepage dashboard and its callouts clearly separated. */
.hero-art .dashboard-mock{width:84%;height:68%;min-height:0}.hero-art .floating-note{z-index:4}.hero-art .floating-note-top{inset-inline-end:-1%}.hero-art .floating-note-bottom{inset-inline-start:-1%}
.about-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,440px);align-items:center;gap:clamp(35px,7vw,100px)}.about-hero-graphic{position:relative;width:min(100%,420px);aspect-ratio:1;margin-inline:auto}.about-graphic-orbit{position:absolute;border:1px solid #b9dfcf;border-radius:50%;inset:9%}.about-orbit-two{inset:22%;border-style:dashed}.about-graphic-center,.about-graphic-node{position:absolute;display:grid;place-items:center;border-radius:20px;background:#fff;border:1px solid #d8e9e2;box-shadow:0 18px 38px rgba(17,70,91,.12);color:#0b8053}.about-graphic-center{inset:33%;background:linear-gradient(145deg,#123e67,#0c8553);color:#fff;font-weight:850;font-size:1rem}.about-graphic-center .icon{width:36px;height:36px}.about-graphic-center span{font-size:.78rem}.about-graphic-node{width:96px;height:82px;gap:4px;font-weight:800}.about-graphic-node .icon{width:26px;height:26px}.about-graphic-node small{font-size:.7rem}.about-node-one{top:3%;inset-inline-start:8%}.about-node-two{top:14%;inset-inline-end:1%;color:#155f92}.about-node-three{bottom:5%;inset-inline-end:12%}@media(max-width:900px){.about-hero-layout{grid-template-columns:1fr}.about-hero-graphic{max-width:340px}.hero-art .dashboard-mock{width:86%;height:70%}}@media(max-width:620px){.about-hero-graphic{max-width:280px}.about-graphic-node{width:76px;height:67px}.about-graphic-center .icon{width:28px;height:28px}}

/* Lightweight SweetAlert-style feedback; no external script dependency. */
.sweet-feedback{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(8,30,55,.42)}
.sweet-feedback-panel{width:min(100%,430px);padding:34px 30px 28px;border-radius:16px;background:#fff;color:#132d4c;text-align:center;box-shadow:0 24px 70px rgba(8,35,64,.28)}
.sweet-feedback-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 17px;border-radius:50%;background:#fce9ea;color:#af3441}
.sweet-feedback-icon::before{content:'!';font-size:1.75rem;font-weight:800}.sweet-feedback.is-success .sweet-feedback-icon{background:#e4f7ec;color:#118350}.sweet-feedback.is-success .sweet-feedback-icon::before{content:'✓'}
.sweet-feedback h2{margin:0 0 9px;font-size:1.5rem;letter-spacing:0}.sweet-feedback p{margin:0 0 23px;color:#52677d}.sweet-feedback button{min-width:116px;border:0;border-radius:9px;padding:11px 19px;background:#147c52;color:#fff;font:700 .9rem/1 system-ui;cursor:pointer}

/* Keep hero and navigation compositions wide; tighten regular page sections for easier reading. */
.container{width:min(calc(100% - clamp(28px,4vw,88px)),1560px)}
.site-header .container,.hero-modern>.container,.page-hero>.container{width:min(calc(100% - clamp(28px,4vw,88px)),var(--container))}
@media(min-width:1900px){.site-header .container,.hero-modern>.container,.page-hero>.container{width:min(calc(100% - 116px),var(--container))}}
@media(max-width:900px){.container,.site-header .container,.hero-modern>.container,.page-hero>.container{width:calc(100% - 42px)}}
@media(max-width:620px){.container,.site-header .container,.hero-modern>.container,.page-hero>.container{width:calc(100% - 30px)}}

/* Hero upgrade: progress controller, typing console, and live calculation panel. */
.hero-switcher { flex-wrap:wrap;max-width:460px; }
.hero-progress { flex:1 1 190px;height:10px;min-width:165px;display:block;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,#dbe8f0,#eef7f1);border:1px solid #d0e1ea;box-shadow:inset 0 1px 2px rgba(14,58,92,.08); }
.hero-progress>span { display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,#0b7d51,#34b46c,#1b6ca2); }
.hero-progress>span.is-running { animation:hero-progress-fill 6.5s linear both; }
.hero-paused .hero-progress>span { animation-play-state:paused; }
.hero-intelligence-panel { position:absolute;z-index:5;inset-inline-start:7%;bottom:9%;width:min(360px,42%);padding:15px;border:1px solid rgba(217,232,240,.92);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 22px 52px rgba(11,49,78,.16);color:#123f63; }
.hero-code-line { display:flex;align-items:center;gap:8px;min-height:25px;margin-bottom:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;color:#0d774d; }
.hero-code-line span { color:#1a6a9b;font-weight:900; }
.hero-code-line b { min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:850; }
.hero-code-line:after { content:"";width:7px;height:1.1em;background:#0d774d;border-radius:2px;animation:hero-caret 900ms steps(2,end) infinite; }
.hero-calc-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
.hero-calc-grid>span { min-width:0;padding:10px 9px;border-radius:13px;background:linear-gradient(140deg,#f4f9fd,#ebf8f0);border:1px solid #dfebf1; }
.hero-calc-grid small,.hero-calc-grid strong { display:block;line-height:1.2; }
.hero-calc-grid small { margin-bottom:5px;color:#668297;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }
.hero-calc-grid strong { color:#143e68;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.hero-validation-meter { margin-top:11px;padding:9px 10px;border-radius:12px;background:#103f66;color:#e8f7ef;font-size:.7rem;font-weight:800;overflow:hidden;position:relative; }
.hero-validation-meter i { position:absolute;inset:0 auto 0 0;width:78%;background:linear-gradient(90deg,rgba(31,197,111,.55),rgba(31,197,111,.08)); }
.hero-validation-meter span { position:relative;z-index:1; }
@keyframes hero-progress-fill { from{transform:scaleX(0)} to{transform:scaleX(1)} }
@keyframes hero-caret { 0%,45%{opacity:1} 46%,100%{opacity:0} }
@media(max-width:900px) {
  .hero-intelligence-panel { width:min(390px,58%);inset-inline-start:5%;bottom:7%; }
}
@media(max-width:620px) {
  .hero-progress { flex-basis:100%;order:5;min-width:100%; }
  .hero-intelligence-panel { width:76%;padding:9px;border-radius:14px;bottom:5%; }
  .hero-code-line { font-size:.54rem;min-height:18px;margin-bottom:7px; }
  .hero-calc-grid { gap:5px; }
  .hero-calc-grid>span { padding:6px 5px;border-radius:9px; }
  .hero-calc-grid small { font-size:.42rem;margin-bottom:3px; }
  .hero-calc-grid strong { font-size:.5rem; }
  .hero-validation-meter { margin-top:7px;padding:6px 7px;font-size:.48rem;border-radius:9px; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-progress>span,.hero-code-line:after { animation:none!important; }
  .hero-progress>span { transform:scaleX(1); }
}

/* FBR digital invoicing workflow bento. */
.home-value-showcase { background:linear-gradient(180deg,#f8fbff 0%,#fff 48%,#f1faf5 100%); }
.value-tile { isolation:isolate; }
.value-tile:before { content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 55%);opacity:.8;transition:opacity 260ms ease-out,transform 260ms ease-out; }
.value-tile:hover:before { opacity:1;transform:translateY(-6px); }
.value-tile-invoice { background:linear-gradient(140deg,#0c345f,#0a7658); }
.value-tile-validation { background:linear-gradient(142deg,#e9f6ff,#cfe9ff); }
.value-tile-integrations { background:linear-gradient(142deg,#e4fbef,#bcebd4); }
.value-tile-tracking { background:linear-gradient(142deg,#edf4ff,#dce8ff); }
.value-visual { position:relative;z-index:1;min-height:clamp(120px,11vw,180px);margin:8px 0 clamp(22px,3vw,46px); }
.value-tile:not(.value-tile-featured) .value-visual { min-height:112px;margin-block:4px 20px; }
.value-tile .value-tile-icon .icon { animation:value-icon-float 4.8s ease-in-out infinite; }
.value-cta { display:inline-flex;align-items:center;gap:9px;margin-top:18px;font-size:.82rem;font-weight:850; }
.value-cta .icon { width:16px;height:16px;transition:transform 220ms ease-out; }
.value-tile:hover .value-cta .icon { transform:translateX(6px); }
.invoice-doc { position:absolute;inset-inline-start:3%;top:4%;width:min(220px,52%);aspect-ratio:.75;display:block;padding:24px 20px;border-radius:22px;background:rgba(255,255,255,.94);color:#12446d;box-shadow:0 22px 48px rgba(4,22,42,.18); }
.invoice-doc .icon { width:42px;height:42px;color:#0a8a55;margin-bottom:18px; }
.invoice-doc i,.invoice-doc b { display:block;height:10px;border-radius:999px;background:#dce9f2;margin-top:12px;transform-origin:left center;animation:field-pop 4.8s ease-in-out infinite; }
.invoice-doc i:nth-of-type(2) { width:78%;animation-delay:.25s; }.invoice-doc i:nth-of-type(3) { width:58%;animation-delay:.5s; }.invoice-doc b { width:70%;background:#bdebd3;animation-delay:.75s; }
.data-chip { position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:.72rem;font-weight:900;animation:chip-float 5.2s ease-in-out infinite; }
.chip-one { inset-inline-end:20%;top:10%; }.chip-two { inset-inline-end:9%;top:44%;animation-delay:-1.2s; }.chip-three { inset-inline-end:25%;bottom:8%;animation-delay:-2.4s; }
.shield-core,.api-cloud,.upload-invoice { position:absolute;display:grid;place-items:center;border-radius:24px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.85);box-shadow:0 16px 32px rgba(12,58,92,.13); }
.shield-core { width:86px;height:86px;inset-inline-start:12%;top:8%;color:#0b8050;animation:chip-float 5.4s ease-in-out infinite; }
.shield-core .icon,.api-cloud .icon { width:43px;height:43px; }
.mini-check { position:absolute;display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:#0b8f58;color:#fff;animation:check-rise 4.6s ease-in-out infinite; }
.mini-check .icon { width:16px;height:16px; }.check-one { inset-inline-end:24%;top:18%; }.check-two { inset-inline-end:13%;bottom:19%;animation-delay:-1.6s; }
.value-visual-cloud { display:flex;align-items:center;justify-content:center; }
.upload-invoice { width:60px;height:72px;inset-inline-start:9%;top:26%;color:#154c78;animation:invoice-upload 4.6s ease-in-out infinite; }
.api-cloud { width:92px;height:74px;inset-inline-end:10%;top:19%;color:#0a8753; }
.value-visual-cloud i { position:absolute;top:50%;left:35%;width:8px;height:8px;border-radius:50%;background:#168f5a;animation:api-dot 2.4s ease-in-out infinite; }
.value-visual-cloud i:nth-of-type(2) { animation-delay:.35s; }.value-visual-cloud i:nth-of-type(3) { animation-delay:.7s; }
.status-pill { position:absolute;display:inline-flex;align-items:center;min-width:98px;justify-content:center;height:36px;border-radius:999px;font-size:.72rem;font-weight:900;border:1px solid rgba(255,255,255,.78);box-shadow:0 13px 28px rgba(13,55,89,.12);animation:chip-float 5s ease-in-out infinite; }
.status-success { inset-inline-start:5%;top:14%;background:#e5f8ed;color:#087a49; }
.status-pending { left:32%;top:42%;background:#fff8df;color:#856000;animation-delay:-1s; }
.status-rejected { inset-inline-end:8%;top:15%;background:#fff0f0;color:#a13b3b;animation-delay:-2s; }
.status-chart { position:absolute;inset-inline-end:12%;bottom:4%;display:flex;align-items:end;gap:8px;height:56px; }
.status-chart i { width:16px;border-radius:999px;background:linear-gradient(180deg,#0d7f54,#59c98d); }
.status-chart i:nth-child(1) { height:34px; }.status-chart i:nth-child(2) { height:51px; }.status-chart i:nth-child(3) { height:24px;background:linear-gradient(180deg,#194d7a,#80afd3); }
@keyframes value-icon-float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)} }
@keyframes field-pop { 0%,100%{transform:scaleX(.45);opacity:.55}45%,70%{transform:scaleX(1);opacity:1} }
@keyframes chip-float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)} }
@keyframes check-rise { 0%,100%{transform:translateY(7px);opacity:.7}50%{transform:translateY(-7px);opacity:1} }
@keyframes invoice-upload { 0%,100%{transform:translateX(0) translateY(8px)}50%{transform:translateX(42px) translateY(-5px)} }
@keyframes api-dot { 0%{transform:translateX(0);opacity:0}25%{opacity:1}100%{transform:translateX(82px);opacity:0} }
@media(max-width:620px) {
  .value-visual { min-height:112px;margin-bottom:18px; }
  .invoice-doc { width:150px;padding:18px 15px;border-radius:17px; }
  .data-chip { min-width:45px;height:29px;font-size:.62rem; }
  .status-pill { min-width:82px;height:30px;font-size:.6rem; }
}
@media(prefers-reduced-motion:reduce) {
  .value-tile .value-tile-icon .icon,.invoice-doc i,.invoice-doc b,.data-chip,.shield-core,.mini-check,.upload-invoice,.value-visual-cloud i,.status-pill { animation:none!important; }
}

/* Compact the digital invoicing bento so the section scans faster. */
.home-value-showcase { padding:clamp(42px,4vw,68px) 0; }
.value-showcase-heading { margin-bottom:22px;align-items:flex-end; }
.value-showcase-heading h2 { font-size:clamp(1.85rem,3vw,3.15rem);max-width:650px; }
.value-showcase-heading>p { max-width:470px;font-size:clamp(.88rem,.95vw,1rem);line-height:1.7;margin-bottom:4px; }
.value-bento { grid-template-rows:repeat(2,minmax(172px,auto));gap:clamp(11px,1.2vw,18px); }
.value-tile { min-height:185px;padding:clamp(18px,1.65vw,30px);border-radius:clamp(16px,1.35vw,23px); }
.value-tile-featured { min-height:378px; }
.value-tile-support { min-height:185px; }
.value-tile-icon { width:clamp(45px,3.45vw,58px);height:clamp(45px,3.45vw,58px);border-radius:17px; }
.value-tile-icon .icon { width:25px;height:25px; }
.value-tile-no { top:clamp(18px,1.65vw,30px);inset-inline-end:clamp(18px,1.65vw,30px);font-size:.68rem; }
.value-visual { min-height:clamp(86px,8vw,132px);margin:2px 0 clamp(15px,1.9vw,26px); }
.value-tile:not(.value-tile-featured) .value-visual { min-height:80px;margin-block:0 13px; }
.value-tile-bottom h3 { font-size:clamp(1.05rem,1.28vw,1.48rem);margin-bottom:8px; }
.value-tile-featured h3 { font-size:clamp(1.55rem,2.25vw,2.5rem); }
.value-tile-bottom p { font-size:clamp(.8rem,.84vw,.93rem);line-height:1.65; }
.value-cta { margin-top:12px;font-size:.76rem; }
.invoice-doc { width:min(170px,45%);padding:18px 15px;border-radius:18px; }
.invoice-doc .icon { width:32px;height:32px;margin-bottom:12px; }
.invoice-doc i,.invoice-doc b { height:8px;margin-top:9px; }
.data-chip { min-width:46px;height:29px;font-size:.62rem; }
.shield-core { width:68px;height:68px;border-radius:20px; }
.shield-core .icon,.api-cloud .icon { width:34px;height:34px; }
.mini-check { width:27px;height:27px; }
.upload-invoice { width:48px;height:58px;border-radius:18px; }
.api-cloud { width:74px;height:60px;border-radius:20px; }
.status-pill { min-width:82px;height:30px;font-size:.62rem; }
.status-chart { height:44px;gap:6px; }
.status-chart i { width:13px; }
@media(max-width:1100px) {
  .value-tile-featured { min-height:275px; }
}
@media(max-width:620px) {
  .home-value-showcase { padding-block:38px; }
  .value-showcase-heading { gap:6px;margin-bottom:18px; }
  .value-tile,.value-tile-featured,.value-tile-support { min-height:178px;padding:20px; }
  .value-tile-featured { min-height:250px; }
  .value-visual,.value-tile:not(.value-tile-featured) .value-visual { min-height:74px;margin-bottom:12px; }
  .value-tile-featured h3 { font-size:1.55rem; }
}

/* ================================================================
   Modern motion layer — cursor spotlight, tilt, shine, scroll progress.
   Progressive enhancement injected/scoped by site.js onto existing
   markup and classes; no template structure changes required.
   ================================================================ */
.scroll-progress { position:fixed;top:0;inset-inline:0;height:3px;z-index:70;background:linear-gradient(90deg,var(--navy),var(--green-bright));transform-origin:left;transform:scaleX(0);pointer-events:none; }
.hero-modern { --spot-x:50%; --spot-y:30%; }
.hero-modern .cursor-spotlight { position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s ease;background:radial-gradient(480px circle at var(--spot-x) var(--spot-y),rgba(19,166,103,.16),transparent 62%); }
.hero-modern.has-spotlight .cursor-spotlight { opacity:1; }
.gradient-text { background-size:220% auto;background-position:0 center;animation:gradient-shimmer 7s ease-in-out infinite; }
@keyframes gradient-shimmer { 0%,100%{background-position:0% center} 50%{background-position:100% center} }
.btn-primary,.btn-light { position:relative;overflow:hidden; }
.btn-primary:after,.btn-light:after { content:"";position:absolute;top:0;bottom:0;width:55%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-160%) skewX(-18deg);transition:transform .7s ease;pointer-events:none; }
.btn-primary:hover:after,.btn-light:hover:after { transform:translateX(220%) skewX(-18deg); }
.tilt-card { transition:transform .35s cubic-bezier(.2,.7,.2,1); transform-style:preserve-3d; }
.tilt-card:hover { transition-duration:.08s; }
@media(prefers-reduced-motion:reduce),(pointer:coarse) {
  .scroll-progress,.hero-modern .cursor-spotlight { display:none!important; }
}
@media(prefers-reduced-motion:reduce) {
  .gradient-text { animation:none; }
  .btn-primary:after,.btn-light:after { display:none; }
  .tilt-card { transition:none!important;transform:none!important; }
}

/* ================================================================
   Home: FBR news headlines ticker (under the hero). Same marquee
   technique already used by .client-track, duplicated track content
   scrolled via CSS animation, paused on hover/focus or the button.
   ================================================================ */
.news-ticker-section { position:fixed;inset-inline:0;bottom:0;z-index:85;width:100%;padding-block:14px;background:linear-gradient(100deg,#0b2947,#0d3a2c);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 -10px 30px rgba(7,35,51,.16); }
.page-home:has(.news-ticker-section){padding-bottom:61px}
.page-home:has(.news-ticker-section) .wa-floating{bottom:79px}
.news-ticker-inner { display:flex; align-items:center; gap:18px; }
.news-ticker-badge { flex:none; display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:999px; background:rgba(255,255,255,.14); color:#fff; font-size:.72rem; font-weight:850; letter-spacing:.06em; white-space:nowrap; }
.news-ticker-badge .icon { width:14px; height:14px; }
.news-ticker-window { flex:1; min-width:0; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); }
.news-ticker-track { display:flex; align-items:center; width:max-content; animation:newsMarquee 38s linear infinite; }
.news-ticker-group { display:flex; align-items:center; flex:none; }
.news-ticker-item { display:inline-flex; align-items:center; gap:9px; padding-inline-end:38px; color:#eaf3f0; font-size:.86rem; font-weight:650; white-space:nowrap; transition:color .2s; }
a.news-ticker-item:hover,a.news-ticker-item:focus-visible { color:#7ff0bb; }
.news-ticker-dot { width:6px; height:6px; border-radius:50%; background:#22d68f; flex:none; }
.news-ticker-item small { color:#9fc2d8; font-weight:800; font-size:.68rem; letter-spacing:.03em; margin-inline-start:2px; }
.news-ticker-pause { flex:none; display:inline-flex; align-items:center; gap:7px; padding:8px 13px; border:1px solid rgba(255,255,255,.22); border-radius:999px; background:transparent; color:#eaf3f0; font-size:.74rem; font-weight:750; }
.news-ticker-pause:hover { background:rgba(255,255,255,.1); }
.news-ticker-pause .icon { width:14px; height:14px; }
.news-ticker-section:hover .news-ticker-track,.news-ticker-section:focus-within .news-ticker-track,.news-ticker-section.is-paused .news-ticker-track { animation-play-state:paused; }
@keyframes newsMarquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }
@media(max-width:620px) {
  .page-home:has(.news-ticker-section){padding-bottom:58px}
  .page-home:has(.news-ticker-section) .wa-floating{bottom:74px}
  .news-ticker-inner { gap:11px; }
  .news-ticker-badge span:not(.icon) { display:none; }
  .news-ticker-pause span { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  .news-ticker-track { animation:none!important; }
}

/* ================================================================
   Admin analytics dashboard — KPI tiles, bar charts, share bars.
   Single-series bar fills need no legend (skill: color is decorative,
   height encodes magnitude). The locale-split pair uses the skill's
   validated categorical slots 1+2 (blue/orange), direct-labeled.
   ================================================================ */
:root { --analytics-green:var(--green-bright,#13a667); --analytics-blue:#2a78d6; --analytics-orange:#eb6834; --analytics-track:#eef2f6; }
.analytics-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:24px; }
.analytics-kpi { display:flex; flex-direction:column; gap:4px; cursor:default; }
.analytics-kpi:hover { transform:none; }
.analytics-kpi-label { font-size:.78rem; font-weight:750; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; }
.analytics-kpi strong { font-size:1.9rem; letter-spacing:-.03em; color:var(--navy); line-height:1.3; }
.analytics-kpi small { color:var(--muted); font-size:.78rem; }
.analytics-chart-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px; }
.analytics-split-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px; align-items:start; }
.chart-card-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:6px; }
.chart-card-head h2 { font-size:1.05rem; margin:0; }
.chart-total { font-size:.78rem; color:var(--muted); font-weight:700; white-space:nowrap; }
.bar-chart { display:flex; align-items:flex-end; gap:5px; height:150px; padding-top:14px; }
.bar-chart-col { flex:1; display:flex; flex-direction:column; align-items:center; gap:7px; min-width:0; }
.bar-chart-bar { width:100%; max-width:22px; height:var(--h,2%); min-height:3px; background:var(--analytics-green); border-radius:4px 4px 0 0; position:relative; transition:background .15s; }
.bar-chart-accent .bar-chart-bar { background:var(--analytics-blue); }
.bar-chart-bar:hover,.bar-chart-bar:focus-visible { background:var(--navy); outline:none; }
.bar-chart-bar:hover:after,.bar-chart-bar:focus-visible:after { content:attr(data-tooltip); position:absolute; bottom:100%; left:50%; transform:translateX(-50%); margin-bottom:7px; background:#12243a; color:#fff; font-size:.7rem; font-weight:700; padding:5px 9px; border-radius:6px; white-space:nowrap; pointer-events:none; z-index:5; }
.bar-chart-label { font-size:.64rem; color:var(--muted); }
.analytics-bar-list { display:flex; flex-direction:column; gap:10px; margin-top:14px; }
.analytics-bar-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(80px,140px) 44px; align-items:center; gap:10px; }
.analytics-bar-label { font-size:.85rem; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.analytics-bar-track { height:8px; background:var(--analytics-track); border-radius:4px; overflow:hidden; }
.analytics-bar-fill { display:block; height:100%; width:var(--w,0%); min-width:2px; background:var(--analytics-green); border-radius:0 4px 4px 0; }
.analytics-bar-fill-accent { background:var(--analytics-blue); }
.analytics-bar-row strong { font-size:.85rem; text-align:right; color:var(--navy); }
.locale-split-bar { display:flex; gap:2px; height:14px; border-radius:7px; overflow:hidden; margin-top:14px; background:var(--analytics-track); }
.locale-split-en,.locale-split-ur { display:block; height:100%; width:var(--w,0%); min-width:2px; }
.locale-split-en { background:var(--analytics-blue); border-radius:7px 0 0 7px; }
.locale-split-ur { background:var(--analytics-orange); border-radius:0 7px 7px 0; }
.locale-split-legend { display:flex; gap:20px; margin-top:12px; font-size:.85rem; color:var(--ink); flex-wrap:wrap; }
.locale-split-legend span { display:inline-flex; align-items:center; gap:7px; }
.locale-swatch { width:10px; height:10px; border-radius:3px; display:inline-block; }
.locale-swatch-en { background:var(--analytics-blue); }
.locale-swatch-ur { background:var(--analytics-orange); }
@media(max-width:1150px) { .analytics-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } .analytics-chart-row,.analytics-split-row { grid-template-columns:1fr; } }
@media(max-width:620px) { .analytics-kpis { grid-template-columns:1fr; } .analytics-bar-row { grid-template-columns:minmax(0,1fr) minmax(60px,100px) 38px; } }
@media(prefers-reduced-motion:reduce) { .bar-chart-bar { transition:none; } }

/* Keep rotating hero descriptions to two compact lines after the shared hero spacing rules. */
.hero-modern .lead[data-hero-description]{min-height:3.1em!important;max-width:650px}
@media(max-width:620px){.hero-modern .lead[data-hero-description]{min-height:4.55em!important}}
.faq-section .faq-layout{grid-template-columns:1fr!important}.faq-section .faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-section .faq-side{max-width:720px;padding-top:0}@media(max-width:760px){.faq-section .faq-grid{grid-template-columns:1fr}}

/* Package manager: clear field groups and repeatable public-card features. */
.package-edit{max-width:1120px!important}.package-edit-section{padding:25px 0;border-bottom:1px solid var(--line)}.package-edit-section:first-child{padding-top:0}.package-edit-section:last-of-type{border-bottom:0}.package-edit-section h2{font-size:1.25rem;margin-bottom:16px}.package-edit-section h3{font-size:1rem;margin:0 0 11px}.package-edit-section small{color:var(--muted);font-size:.78rem}.package-feature-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.feature-input-list{display:grid;gap:9px;margin-bottom:11px}.feature-input-row{display:flex;gap:8px;align-items:center}.feature-input-row input{min-width:0;flex:1}.feature-input-row .btn{flex:none;min-height:40px}@media(max-width:700px){.package-feature-columns{grid-template-columns:1fr}.feature-input-row{align-items:stretch;flex-direction:column}.feature-input-row .btn{width:100%}}

/* Reserve enough room for the longest slide without forcing a rigid hero height. */
@media(min-width:901px){
  .hero-modern .hero-grid{height:auto!important;min-height:780px!important}
  .hero-modern h1{min-height:3.15em!important}
  .home-results{margin-top:-165px!important}
}

/* Pricing-page cards size to their own content; shorter packages do not carry empty reserved blocks. */
.pricing-grid-pricing-page{align-items:start!important}
.pricing-grid-pricing-page>.plan-card{height:auto!important}
.pricing-grid-pricing-page .plan-head{min-height:0!important;margin-bottom:10px}
.pricing-grid-pricing-page .plan-price{min-height:58px!important;margin-bottom:14px}
.pricing-grid-pricing-page .plan-details{flex:none!important}

/* Tighter homepage pricing preview while retaining the horizontal carousel. */
.section-pricing-preview{padding-block:72px!important}
.section-pricing-preview .section-head-row{margin-bottom:24px!important}
.section-pricing-preview .pricing-carousel-viewport{padding-bottom:10px!important}
.section-pricing-preview .plan-head{min-height:112px}

/* Long-form article details: turn Markdown structure into a scannable reading experience. */
.article-prose{counter-reset:article-section}.article-prose h2{counter-increment:article-section;display:flex;align-items:flex-start;gap:14px;padding-top:17px;border-top:1px solid #dce8ee}.article-prose h2:before{content:counter(article-section,decimal-leading-zero);flex:none;color:#13864b;font-size:.7rem;letter-spacing:.08em;padding-top:8px}.article-prose ul{display:grid;gap:8px;padding:18px 22px 18px 42px;margin:18px 0;background:linear-gradient(135deg,#f4f9fd,#f0faf4);border:1px solid #dcebe8;border-radius:15px}.article-prose li{padding-inline-start:6px}.article-prose li::marker{color:#13864b}.article-prose strong{color:#0f704b;font-weight:820}.article-prose p:has(> strong:only-child){display:block;padding:14px 18px;margin-block:13px;background:#f0f8f5;border-inline-start:4px solid #13864b;border-radius:0 12px 12px 0;color:#164e43;font-weight:740}.article-prose p:has(> strong:only-child) strong{color:inherit}.article-prose p:has(> strong:first-child):has(> strong:last-child){letter-spacing:.01em}.article-note{box-shadow:0 13px 30px #13864b12}.blog-editor-intro{display:grid;gap:13px;margin-bottom:25px}.blog-editor-intro p{margin-bottom:0}.blog-editor-intro details{border:1px solid #dce7ef;border-radius:13px;background:#f7fafc;padding:12px 15px}.blog-editor-intro summary{color:#153e6b;font-weight:800;cursor:pointer}.markdown-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;padding-top:13px;color:#607084;font-size:.82rem}.markdown-guide strong{color:#13864b}.editor-field{padding:20px;border:1px solid #dce7ef;border-radius:16px;background:#f8fbfd}.editor-field-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px}.editor-field-head label{margin-bottom:0}.editor-field-head span{color:#13864b;font-size:.72rem;font-weight:800;letter-spacing:.05em}.editor-field textarea{min-height:310px;background:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:.87rem;line-height:1.75}
@media(max-width:620px){.article-prose h2{gap:9px}.article-prose h2:before{font-size:.62rem}.article-prose ul{padding-inline-start:31px}.markdown-guide{grid-template-columns:1fr}.editor-field{padding:14px}.editor-field-head{align-items:flex-start;flex-direction:column;gap:4px}}

/* Blog pagination uses explicit site styles because the app does not load Tailwind's pagination CSS. */
.blog-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:46px;padding-top:22px;border-top:1px solid #dfe9ef}.blog-pagination-summary{color:#718496;font-size:.78rem;font-weight:700}.blog-pagination-links{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.blog-pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px 12px;border:1px solid #d8e4eb;border-radius:10px;background:#fff;color:#31526b;font-size:.8rem;font-weight:800;transition:background .2s,border-color .2s,color .2s,transform .2s}.blog-pagination-link:hover{border-color:#13864b;background:#eef9f3;color:#087548;transform:translateY(-2px)}.blog-pagination-link.is-current{border-color:#13864b;background:#13864b;color:#fff;box-shadow:0 7px 18px #13864b2b}.blog-pagination-link.is-disabled{color:#aab8c1;background:#f7fafb;cursor:not-allowed}
/* Editorial blog system: a clear reading path from featured guide to archive. */
.blog-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#102f54 0%,#164d67 56%,#087b51 100%);color:#fff;padding:clamp(72px,9vw,145px) 0 clamp(64px,7vw,112px)}
.blog-hero:after{content:"";position:absolute;width:560px;height:560px;border:1px solid #ffffff20;border-radius:50%;inset-inline-end:-200px;top:-250px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05;pointer-events:none}
.blog-hero-grid-pattern{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 78%);pointer-events:none}
.blog-hero-inner{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:40px}.blog-hero-copy{max-width:800px}.blog-hero .eyebrow{color:#a5edc6}.blog-hero h1{color:#fff;font-size:clamp(3rem,6.2vw,6.2rem);margin:18px 0 20px}.blog-hero .lead-dark{color:#d8e8ed;max-width:650px;font-size:clamp(1rem,1.3vw,1.25rem)}.blog-hero-proof{display:flex;align-items:center;gap:10px;color:#c1e8d6;font-size:.78rem;font-weight:700;margin-top:31px}.blog-proof-dot{width:9px;height:9px;border-radius:50%;background:#63e7a3;box-shadow:0 0 0 6px #63e7a322}.blog-hero-index{display:flex;flex-direction:column;align-items:flex-end;color:#a9d7d5}.blog-hero-index span{font-size:clamp(5rem,10vw,10rem);font-weight:850;line-height:.8;letter-spacing:-.08em;color:#ffffff22}.blog-hero-index small{font-size:.69rem;letter-spacing:.16em;margin-top:20px}.blog-listing-section{padding-top:clamp(58px,7vw,100px)}.blog-featured{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:430px;margin-bottom:clamp(68px,8vw,120px);border:1px solid #dce8ef;border-radius:27px;overflow:hidden;background:#fff;box-shadow:0 25px 70px #153e6b12}.blog-featured-art,.blog-card-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#143f6c,#087e54);color:#fff}.blog-featured-art:before,.blog-card-visual:before{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff27;border-radius:50%;inset-inline-end:-100px;top:-90px;box-shadow:0 0 0 28px #ffffff0b,0 0 0 58px #ffffff07}.blog-featured-art:after,.blog-card-visual:after{content:"";position:absolute;inset:20% 12%;border:1px solid #ffffff1f;transform:skewY(-17deg) rotate(-7deg);border-radius:19px}.blog-art-kicker{position:absolute;inset-inline-start:30px;top:30px;font-size:.68rem;letter-spacing:.16em;font-weight:850;color:#aaf0c5}.blog-art-number{position:absolute;inset-inline-end:31px;bottom:20px;font-size:clamp(5rem,10vw,9rem);font-weight:850;line-height:.8;color:#ffffff22;letter-spacing:-.09em}.blog-art-lines{position:absolute;inset-inline-start:14%;top:33%;width:52%;height:4px;background:#ffffffcc;box-shadow:0 18px 0 #ffffff8a,0 36px 0 #ffffff4f,0 54px 0 #ffffff28;border-radius:4px;transform:rotate(-7deg)}.blog-art-label{position:absolute;inset-inline-start:30px;bottom:29px;font-size:.72rem;letter-spacing:.1em;font-weight:800;color:#d9f8e8}.blog-featured-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,5vw,76px)}.blog-category{font-size:.72rem!important;color:var(--green)!important;font-weight:800;letter-spacing:.04em;margin:0 0 16px!important}.blog-category span{color:#a7b8c2;margin:0 5px}.blog-featured-copy h2{font-size:clamp(2rem,3.2vw,3.55rem);margin-bottom:18px}.blog-featured-copy>p:not(.blog-category){color:#627487;font-size:1rem;max-width:550px}.blog-read-link{display:inline-flex;align-items:center;gap:9px;width:max-content;margin-top:21px;color:#0a7f4c;font-weight:800;font-size:.86rem}.blog-read-link span{font-size:1.2rem;transition:transform .2s}.blog-read-link:hover span{transform:translate(3px,-3px)}.blog-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:29px}.blog-section-heading h2{margin:7px 0 0;font-size:clamp(2rem,3vw,3.3rem)}.blog-count{color:#7590a0;font-size:.7rem;font-weight:800;letter-spacing:.13em}.blog-modern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-modern-card{min-width:0;display:flex;flex-direction:column;border:1px solid #dfe9ef;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 13px 35px #173f620a;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.blog-modern-card:hover{transform:translateY(-7px);border-color:#b8d8c8;box-shadow:0 25px 55px #173f6217}.blog-card-visual{height:174px;flex:none;background:linear-gradient(135deg,#194a76,#0d8553)}.blog-modern-card:nth-child(3n+2) .blog-card-visual{background:linear-gradient(135deg,#0d6f65,#159854)}.blog-modern-card:nth-child(3n+3) .blog-card-visual{background:linear-gradient(135deg,#203f72,#307d9a)}.blog-card-visual>span{position:absolute;inset-inline-start:22px;bottom:16px;font-size:3.7rem;line-height:.8;font-weight:850;color:#ffffff35;letter-spacing:-.08em}.blog-card-visual i{position:absolute;width:45%;height:3px;background:#ffffffb8;inset-inline-end:15%;top:43%;transform:rotate(-15deg);box-shadow:0 13px 0 #ffffff65,0 26px 0 #ffffff35}.blog-card-body{display:flex;flex:1;flex-direction:column;padding:24px}.blog-card-body h3{font-size:1.24rem;margin-bottom:10px}.blog-card-body>p:not(.blog-category){color:#647689;font-size:.89rem;line-height:1.75;margin-bottom:0}.blog-card-body .blog-read-link{margin-top:auto;padding-top:19px}.article-hero{background:linear-gradient(118deg,#f1f8fc,#f4fbf6);border-bottom:1px solid #e3edf1;padding:clamp(62px,8vw,120px) 0 clamp(51px,6vw,87px)}.article-hero-inner{max-width:1040px}.article-hero .text-link{display:inline-block;margin-bottom:42px}.article-hero h1{max-width:920px;color:var(--navy);font-size:clamp(2.7rem,5.6vw,5.8rem);margin:16px 0 21px}.article-hero .lead-dark{max-width:760px;font-size:1.1rem}.article-meta{display:flex;flex-wrap:wrap;gap:10px 22px;color:#6a8190;font-size:.78rem;font-weight:700;margin-top:29px}.article-meta span+span:before{content:"/";color:#b3c2ca;margin-inline-end:22px}.article-reading-section{padding-top:clamp(57px,7vw,100px)}.article-reading-layout{display:grid;grid-template-columns:150px minmax(0,780px);justify-content:center;gap:clamp(30px,6vw,100px);align-items:start}.article-aside{position:sticky;top:120px;display:flex;flex-direction:column;gap:12px;padding-top:10px;color:#77909e;font-size:.72rem;line-height:1.55}.article-aside strong{font-size:4rem;line-height:.85;color:#d5e5eb;letter-spacing:-.08em}.article-prose{max-width:none}.article-prose h2{font-size:clamp(1.7rem,2.5vw,2.45rem);margin-top:2.2em}.article-prose h3{font-size:1.3rem;margin-top:2em}.article-prose p,.article-prose li{font-size:1.05rem;line-height:2;color:#40586f}.article-note{margin-top:52px;padding:20px 23px;border-inline-start:4px solid var(--green);border-radius:0 13px 13px 0}.section-tint .blog-modern-card{background:#fff}
@media(max-width:900px){.blog-hero-index{display:none}.blog-featured{grid-template-columns:1fr}.blog-featured-art{min-height:270px}.blog-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-reading-layout{grid-template-columns:1fr;display:block}.article-aside{position:static;display:flex;flex-direction:row;align-items:center;gap:15px;margin-bottom:28px}.article-aside strong{font-size:2.7rem}.article-aside br{display:none}}
@media(max-width:620px){.blog-hero{padding-block:58px}.blog-hero h1{font-size:clamp(2.8rem,13vw,4rem)}.blog-hero-proof{font-size:.7rem}.blog-featured{border-radius:20px;margin-bottom:70px}.blog-featured-art{min-height:220px}.blog-featured-copy{padding:28px 23px}.blog-featured-copy h2{font-size:2rem}.blog-section-heading{align-items:start;flex-direction:column;gap:7px}.blog-modern-grid{grid-template-columns:1fr}.blog-card-visual{height:145px}.article-hero h1{font-size:clamp(2.6rem,12vw,4rem)}.article-hero .text-link{margin-bottom:28px}.article-meta{gap:7px 13px}.article-meta span+span:before{margin-inline-end:13px}.article-prose p,.article-prose li{font-size:1rem}.article-note{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.blog-modern-card{transition:none}.blog-modern-card:hover{transform:none}}
@media(max-width:620px){.blog-pagination{align-items:flex-start;flex-direction:column;gap:14px;margin-top:34px}.blog-pagination-links{justify-content:flex-start}.blog-pagination-link{min-width:36px;min-height:38px;padding-inline:10px}}

/* FAQ knowledge centre: searchable answers, workflow infographic and support path. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.faq-modern-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,9vw,138px) 0 clamp(95px,11vw,155px);background:radial-gradient(circle at 76% 32%,#1d7465 0,transparent 28%),linear-gradient(118deg,#0d294b 0%,#123f65 52%,#087a55 100%);color:#fff}
.faq-modern-hero:before{content:"";position:absolute;z-index:-1;width:640px;height:640px;inset-inline-end:-230px;top:-295px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}
.faq-hero-grid-pattern{position:absolute;inset:0;z-index:-1;opacity:.19;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 82%)}
.faq-modern-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:clamp(45px,8vw,120px);min-width:0}
.faq-modern-copy{position:relative;z-index:2;max-width:760px;min-width:0;width:100%}.faq-hero-eyebrow{color:#9fe8c2;margin-bottom:23px}.faq-modern-copy h1{color:#fff;font-size:clamp(3.1rem,6.5vw,6.5rem);line-height:1.02;letter-spacing:-.065em;margin:0 0 22px;overflow-wrap:anywhere}.faq-modern-copy>p{max-width:650px;color:#d4e5eb;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.8;margin-bottom:30px}
.faq-search{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;max-width:650px;min-width:0;padding:10px 12px 10px 18px;background:#fff;border:1px solid #ffffff8c;border-radius:16px;box-shadow:0 20px 45px #071e333b;color:#22705b;transition:transform .2s,box-shadow .2s}
.faq-search:focus-within{transform:translateY(-2px);box-shadow:0 24px 55px #071e3350,0 0 0 4px #61d49a38}.faq-search>.icon{width:21px;height:21px}.faq-search input{width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:10px 2px!important;color:#153958;font-size:.95rem}.faq-search input::placeholder{color:#8297a8}.faq-search kbd{display:grid;place-items:center;width:32px;height:32px;border:1px solid #dce6eb;border-radius:8px;background:#f2f6f8;color:#708595;font:700 .72rem/1 system-ui}
.faq-search-hint{display:flex;flex-wrap:wrap;gap:13px 24px;margin-top:18px;color:#badbd3;font-size:.73rem;font-weight:720}.faq-search-hint span{display:inline-flex;align-items:center;gap:7px}.faq-search-hint .icon{width:15px;height:15px;color:#66e09e}
.faq-hero-visual{position:relative;width:min(100%,480px);aspect-ratio:1;margin-inline:auto}.faq-visual-orbit{position:absolute;border:1px solid #ffffff38;border-radius:50%}.faq-visual-orbit.orbit-one{inset:8%;animation:faq-spin 28s linear infinite}.faq-visual-orbit.orbit-two{inset:22%;border-style:dashed;animation:faq-spin 22s linear infinite reverse}.faq-visual-orbit:before,.faq-visual-orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#75e5a8;box-shadow:0 0 0 6px #75e5a822}.faq-visual-orbit:before{top:15%;inset-inline-start:7%}.faq-visual-orbit:after{bottom:5%;inset-inline-end:21%;background:#69b9ed}
.faq-visual-core{position:absolute;inset:32%;display:grid;place-items:center;align-content:center;gap:9px;border:1px solid #ffffff5a;border-radius:30px;background:linear-gradient(145deg,#ffffff,#def7e9);box-shadow:0 25px 65px #041a304d;color:#087d4e;transform:rotate(-4deg)}.faq-visual-core .icon{width:45px;height:45px}.faq-visual-core strong{font-size:.68rem;letter-spacing:.14em}
.faq-visual-card{position:absolute;z-index:2;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:13px;width:215px;padding:17px;background:#fff;border:1px solid #ffffff80;border-radius:18px;box-shadow:0 22px 48px #071e3342;color:#133d62}.faq-visual-card>span{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#eaf4ff;color:#1768a9;font-size:1.25rem;font-weight:900}.faq-visual-card>span .icon{width:22px;height:22px}.faq-visual-card div{display:grid;gap:7px}.faq-visual-card i{display:block;height:5px;border-radius:10px;background:#d6e2e9}.faq-visual-card i:nth-child(2){width:78%}.faq-visual-card i:nth-child(3){width:52%}.faq-visual-question{top:7%;inset-inline-start:-3%;transform:rotate(-4deg)}.faq-visual-answer{inset-inline-end:-2%;bottom:9%;transform:rotate(4deg)}.faq-visual-answer>span{background:#e7f8ee;color:#07804d}
.faq-float-label{position:absolute;padding:8px 12px;border:1px solid #ffffff42;border-radius:100px;background:#ffffff17;backdrop-filter:blur(8px);color:#d9eee8;font-size:.62rem;font-weight:850;letter-spacing:.1em}.faq-label-one{inset-inline-end:2%;top:13%}.faq-label-two{inset-inline-start:5%;bottom:14%}
.faq-confidence{position:relative;z-index:4;margin-top:-56px}.faq-confidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid #dce8ee;border-radius:22px;box-shadow:0 22px 65px #123e6121;overflow:hidden}.faq-confidence-grid article{display:flex;align-items:center;justify-content:center;gap:17px;min-height:112px;padding:22px 30px;border-inline-end:1px solid #e1eaee}.faq-confidence-grid article:last-child{border-inline-end:0}.faq-confidence-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:14px;background:#eaf8f0;color:#0b8050}.faq-confidence-icon .icon{width:24px;height:24px}.faq-confidence-grid article:nth-child(2) .faq-confidence-icon{background:#eaf3fc;color:#17699f}.faq-confidence-grid article:nth-child(3) .faq-confidence-icon{background:#f0f2fb;color:#314c8d}.faq-confidence-grid article div{display:grid;gap:2px}.faq-confidence-grid strong{color:#123b61;font-size:1.55rem;line-height:1}.faq-confidence-grid article div span{color:#738796;font-size:.75rem;font-weight:730}
.faq-workflow-section{padding-top:clamp(90px,9vw,135px);background:#fff}.faq-workflow-section .section-heading{max-width:760px}.faq-process{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:39px}.faq-process-step{position:relative;min-height:255px;padding:25px 22px;border:1px solid #dce8ee;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbfd);box-shadow:0 13px 35px #173f6209}.faq-process-number{position:absolute;top:21px;inset-inline-end:21px;color:#c5d5de;font-size:.7rem;font-weight:850;letter-spacing:.1em}.faq-process-icon{display:grid;place-items:center;width:55px;height:55px;margin-bottom:33px;border-radius:16px;background:linear-gradient(145deg,#143e68,#0b8655);color:#fff;box-shadow:0 13px 25px #0c674629}.faq-process-icon .icon{width:27px;height:27px}.faq-process-step h3{font-size:1.15rem;margin-bottom:8px}.faq-process-step p{color:#6b7f8f;font-size:.8rem;line-height:1.65}.faq-process-line{position:absolute;z-index:2;top:50px;inset-inline-end:-17px;width:33px;height:2px;background:#b9d7ca}.faq-process-line:after{content:"";position:absolute;inset-inline-end:0;top:-3px;width:8px;height:8px;border-top:2px solid #5aa47e;border-inline-end:2px solid #5aa47e;transform:rotate(45deg)}.faq-process-line i{position:absolute;width:6px;height:6px;top:-2px;inset-inline-start:5px;border-radius:50%;background:#21a968}
.faq-explorer-section{background:linear-gradient(180deg,#f3f8fb,#f8fbf9);border-block:1px solid #e3ecef}.faq-explorer-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:31px}.faq-explorer-head>div:first-child{max-width:760px}.faq-explorer-head h2{font-size:clamp(2.25rem,4vw,4.2rem);margin:9px 0 12px}.faq-explorer-head p{color:#687e8e}.faq-result-counter{display:grid;min-width:140px;padding:18px 21px;border-inline-start:1px solid #cbdde4}.faq-result-counter strong{color:#0b8050;font-size:2.25rem;line-height:1}.faq-result-counter span{margin-top:6px;color:#718695;font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.faq-topic-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.faq-topic-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 16px;border:1px solid #d6e3e9;border-radius:100px;background:#fff;color:#486276;font:750 .76rem/1.2 inherit;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}.faq-topic-tabs button:hover{transform:translateY(-2px);border-color:#8bc5a7;color:#08794a}.faq-topic-tabs button.is-active{border-color:#0d8552;background:#0d8552;color:#fff;box-shadow:0 9px 23px #0d855229}.faq-topic-tabs .icon{width:16px;height:16px}
.faq-modern-list{display:grid;gap:12px}.faq-modern-item{overflow:hidden;border:1px solid #dbe6eb;border-radius:17px;background:#fff;box-shadow:0 7px 22px #153e6b08;transition:border-color .2s,box-shadow .2s,transform .2s}.faq-modern-item:hover{border-color:#b8d7c8;box-shadow:0 15px 36px #153e6b10;transform:translateY(-1px)}.faq-modern-item[hidden]{display:none}.faq-modern-item summary{display:grid;grid-template-columns:46px minmax(0,1fr) 38px;align-items:center;gap:16px;min-height:92px;padding:17px 20px;list-style:none;cursor:pointer}.faq-modern-item summary::-webkit-details-marker{display:none}.faq-item-index{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#f0f5f8;color:#748c9c;font-size:.7rem;font-weight:850;letter-spacing:.07em}.faq-item-question{display:grid;gap:5px;color:#183a58;font-weight:790;font-size:.98rem;line-height:1.55}.faq-item-question small{color:#138451;font-size:.61rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.faq-modern-toggle{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dae6eb;border-radius:50%;color:#577387;transition:transform .25s,background .25s,color .25s}.faq-modern-toggle .icon{width:17px;height:17px}.faq-modern-item[open]{border-color:#a9d5bf;box-shadow:0 18px 42px #123e6112}.faq-modern-item[open] .faq-item-index{background:#e8f7ef;color:#0b8150}.faq-modern-item[open] .faq-modern-toggle{transform:rotate(90deg);border-color:#0c8552;background:#0c8552;color:#fff}.faq-modern-answer{padding:0 74px 25px 82px}.faq-modern-answer p{margin:0;padding-top:18px;border-top:1px solid #e7eef2;color:#526b7d;font-size:.9rem;line-height:1.9;white-space:pre-line}
.faq-empty-state{display:grid;justify-items:center;text-align:center;padding:55px 25px;border:1px dashed #bdd0da;border-radius:18px;background:#fff}.faq-empty-state[hidden]{display:none}.faq-empty-state>.icon{width:34px;height:34px;margin-bottom:15px;color:#188657}.faq-empty-state h3{margin-bottom:7px}.faq-empty-state p{color:#708696;margin-bottom:13px}.faq-empty-state .text-link{border:0;background:transparent;cursor:pointer}.faq-empty-state.is-static{margin-top:10px}
.faq-contact-section{background:#fff}.faq-contact-card{position:relative;isolation:isolate;display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:28px;overflow:hidden;padding:clamp(31px,5vw,58px);border-radius:27px;background:linear-gradient(115deg,#102f54,#145273 52%,#087c52);box-shadow:0 22px 55px #123e611d;color:#fff}.faq-contact-card:after{content:"";position:absolute;z-index:-1;width:420px;height:420px;inset-inline-end:-160px;top:-230px;border:1px solid #ffffff29;border-radius:50%;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.faq-contact-card .eyebrow{color:#9ee6c1}.faq-contact-card h2{color:#fff;font-size:clamp(1.8rem,3vw,3rem);margin:7px 0 8px}.faq-contact-card p{max-width:650px;color:#d5e7eb;margin:0}.faq-contact-card>.btn{position:relative;z-index:2;white-space:nowrap}.faq-contact-icon{position:relative;display:grid;place-items:center;width:76px;height:76px;border:1px solid #ffffff30;border-radius:22px;background:#ffffff14;color:#fff}.faq-contact-icon .icon{width:34px;height:34px}.faq-contact-icon span{position:absolute;top:-3px;inset-inline-end:-3px;width:15px;height:15px;border:3px solid #16506b;border-radius:50%;background:#66e5a1;box-shadow:0 0 0 5px #66e5a11d}
html[dir=rtl] .faq-process-line:after{transform:rotate(-135deg)}html[dir=rtl] .faq-modern-answer{padding-right:82px;padding-left:74px}
@keyframes faq-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.faq-modern-hero-layout{grid-template-columns:minmax(0,1fr);gap:34px}.faq-modern-copy{max-width:760px}.faq-hero-visual{max-width:420px}.faq-visual-card{width:180px;padding:13px;grid-template-columns:38px 1fr}.faq-visual-card>span{width:38px;height:38px}.faq-process{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-process-line{display:none}.faq-contact-card{grid-template-columns:70px 1fr}.faq-contact-card>.btn{grid-column:2;width:max-content}}
@media(max-width:760px){.faq-modern-hero{padding-block:62px 100px}.faq-modern-hero-layout{grid-template-columns:minmax(0,1fr);width:min(calc(100% - 30px),var(--container))}.faq-modern-copy h1{font-size:clamp(2.85rem,11.5vw,4.7rem)}.faq-hero-visual{width:min(88%,360px);min-width:0}.faq-confidence-grid{grid-template-columns:1fr}.faq-confidence-grid article{justify-content:flex-start;min-height:88px;border-inline-end:0;border-bottom:1px solid #e1eaee}.faq-confidence-grid article:last-child{border-bottom:0}.faq-explorer-head{align-items:flex-start;flex-direction:column}.faq-result-counter{border-inline-start:0;border-top:1px solid #cbdde4;padding:16px 0 0}.faq-modern-answer{padding:0 25px 23px 82px}html[dir=rtl] .faq-modern-answer{padding-right:82px;padding-left:25px}}
@media(max-width:560px){.faq-search{grid-template-columns:22px minmax(0,1fr);padding:8px 12px}.faq-search kbd{display:none}.faq-search input{font-size:.83rem}.faq-search-hint{gap:9px 15px}.faq-hero-visual{width:94%;margin-top:8px}.faq-visual-card{width:155px;padding:11px;grid-template-columns:34px 1fr}.faq-visual-card>span{width:34px;height:34px}.faq-confidence{margin-top:-42px}.faq-confidence-grid{border-radius:17px}.faq-process{grid-template-columns:1fr}.faq-process-step{min-height:0}.faq-topic-tabs{display:grid;grid-template-columns:1fr 1fr}.faq-topic-tabs button{justify-content:center;padding-inline:9px}.faq-modern-item summary{grid-template-columns:38px minmax(0,1fr) 32px;gap:10px;padding:14px 13px}.faq-item-index{width:37px;height:37px}.faq-item-question{font-size:.88rem}.faq-modern-toggle{width:31px;height:31px}.faq-modern-answer,html[dir=rtl] .faq-modern-answer{padding:0 15px 20px}.faq-contact-card{grid-template-columns:1fr;padding:30px 24px}.faq-contact-card>.btn{grid-column:1;width:100%}.faq-contact-icon{width:62px;height:62px}.faq-contact-section{padding-top:52px}}
@media(prefers-reduced-motion:reduce){.faq-visual-orbit{animation:none}.faq-modern-item,.faq-topic-tabs button,.faq-search{transition:none}}

/* Unified internal-page heroes: one visual language with page-specific infographics. */
.unified-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,9vw,138px) 0 clamp(75px,9vw,125px);background:radial-gradient(circle at 76% 30%,#1d7465 0,transparent 29%),linear-gradient(118deg,#0d294b 0%,#123f65 52%,#087a55 100%);color:#fff}
.unified-hero:before{content:"";position:absolute;z-index:-1;width:650px;height:650px;inset-inline-end:-235px;top:-300px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.unified-hero-grid-pattern{position:absolute;z-index:-1;inset:0;opacity:.19;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 82%)}
.unified-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:clamp(45px,8vw,115px);min-width:0}.unified-hero-copy{position:relative;z-index:2;min-width:0;max-width:760px}.unified-hero-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#9fe8c2;margin-bottom:23px}.unified-hero-copy h1{color:#fff;font-size:clamp(3rem,6vw,6rem);line-height:1.03;letter-spacing:-.062em;margin:0 0 22px;overflow-wrap:anywhere}.unified-hero-copy>p{max-width:660px;color:#d4e5eb;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.8;margin-bottom:29px}.unified-hero-actions{gap:11px}.unified-hero-actions .btn{min-width:150px}.unified-hero-outline{border-color:#ffffff4a;background:#ffffff0d;color:#fff}.unified-hero-outline:hover{border-color:#fff;background:#ffffff1b;color:#fff}.unified-hero-proof{display:flex;align-items:center;gap:10px;color:#c3e5da;font-size:.76rem;font-weight:700;margin-top:27px}.unified-hero-proof>span{width:9px;height:9px;border-radius:50%;background:#68e7a4;box-shadow:0 0 0 6px #68e7a422}
.unified-hero-visual{position:relative;width:min(100%,480px);aspect-ratio:1;margin-inline:auto;min-width:0}.unified-visual-orbit{position:absolute;border:1px solid #ffffff35;border-radius:50%}.unified-visual-orbit.orbit-one{inset:8%;animation:faq-spin 30s linear infinite}.unified-visual-orbit.orbit-two{inset:23%;border-style:dashed;animation:faq-spin 24s linear infinite reverse}.unified-visual-orbit:before,.unified-visual-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#6ee3a3;box-shadow:0 0 0 6px #6ee3a322}.unified-visual-orbit:before{top:13%;inset-inline-start:8%}.unified-visual-orbit:after{bottom:7%;inset-inline-end:18%;background:#6bbcec}
.unified-visual-core{position:absolute;z-index:2;inset:32%;display:grid;place-items:center;align-content:center;gap:9px;border:1px solid #ffffff66;border-radius:29px;background:linear-gradient(145deg,#fff,#dff7ea);box-shadow:0 25px 65px #041a304d;color:#0a8050;transform:rotate(-4deg)}.unified-visual-core .icon{width:43px;height:43px}.unified-visual-core strong{max-width:90%;font-size:.63rem;letter-spacing:.11em;text-align:center;line-height:1.35}
.unified-visual-node{position:absolute;z-index:3;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px;width:170px;padding:12px 13px;border:1px solid #ffffff70;border-radius:15px;background:#fff;box-shadow:0 19px 43px #071e3340;color:#173f61}.unified-visual-node>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#eaf7f0;color:#0a8250}.unified-visual-node .icon{width:20px;height:20px}.unified-visual-node div{display:grid;gap:1px}.unified-visual-node small{color:#94a8b5;font-size:.56rem;font-weight:850;letter-spacing:.08em}.unified-visual-node strong{font-size:.72rem;line-height:1.25}.unified-visual-node.node-1{top:4%;inset-inline-start:-1%;transform:rotate(-4deg)}.unified-visual-node.node-2{top:28%;inset-inline-end:-7%;transform:rotate(3deg)}.unified-visual-node.node-3{bottom:5%;inset-inline-start:5%;transform:rotate(-2deg)}.unified-visual-tag{position:absolute;inset-inline-end:2%;bottom:15%;padding:7px 11px;border:1px solid #ffffff3d;border-radius:100px;background:#ffffff14;color:#d8eee7;font-size:.58rem;font-weight:850;letter-spacing:.09em;backdrop-filter:blur(7px)}
.unified-hero-about .unified-visual-core{color:#205a91}.unified-hero-services .unified-visual-core{color:#0a8050}.unified-hero-contact .unified-visual-core{color:#17699f}.unified-hero-contact .unified-visual-node>span{background:#eaf3fc;color:#17699f}.anchor-target{position:relative;top:-85px;height:0;visibility:hidden}

/* Blog hero now shares the same orbit-and-node infographic system. */
.blog-hero{background:radial-gradient(circle at 76% 30%,#1d7465 0,transparent 29%),linear-gradient(118deg,#0d294b 0%,#123f65 52%,#087a55 100%)}.blog-hero-grid-pattern{opacity:.19;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 82%)}.blog-hero-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center}.blog-unified-visual{width:min(100%,460px)}

/* Pricing keeps its live package card, styled as the page-specific infographic. */
.page-hero-modern:has(.pricing-hero-layout){position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,9vw,132px) 0 clamp(75px,9vw,120px);background:radial-gradient(circle at 76% 30%,#1d7465 0,transparent 29%),linear-gradient(118deg,#0d294b 0%,#123f65 52%,#087a55 100%);color:#fff;border:0}
.page-hero-modern:has(.pricing-hero-layout):before{content:"";position:absolute;z-index:-1;inset:0;width:auto;height:auto;transform:none;border:0;border-radius:0;opacity:.19;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:44px 44px;box-shadow:none;mask-image:linear-gradient(90deg,#000,transparent 82%)}.page-hero-modern:has(.pricing-hero-layout):after{content:"";position:absolute;z-index:-1;width:650px;height:650px;inset-inline-end:-235px;top:-300px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.page-hero-modern:has(.pricing-hero-layout) .page-hero-inner h1{color:#fff;font-size:clamp(3rem,6vw,6rem);line-height:1.03;letter-spacing:-.062em}.page-hero-modern:has(.pricing-hero-layout) .lead-dark{color:#d4e5eb}.page-hero-modern:has(.pricing-hero-layout) .hero-eyebrow{color:#9fe8c2;background:#ffffff12;border-color:#ffffff28}.page-hero-modern:has(.pricing-hero-layout) .page-hero-inner>.button-row .btn-primary{background:#fff;color:#123e61;border-color:#fff}.page-hero-modern:has(.pricing-hero-layout) .page-hero-inner>.button-row .btn-primary:hover{background:#eaf7f0;color:#087b4e}
.page-hero-modern:has(.pricing-hero-layout) .pricing-hero-card{position:relative;overflow:visible;border:1px solid #ffffff78;background:linear-gradient(145deg,#fff,#eef9f3);box-shadow:0 28px 70px #041a3048;transform:rotate(1.5deg)}.page-hero-modern:has(.pricing-hero-layout) .pricing-hero-card:before,.page-hero-modern:has(.pricing-hero-layout) .pricing-hero-card:after{content:"";position:absolute;z-index:-1;border:1px solid #ffffff38;border-radius:50%}.page-hero-modern:has(.pricing-hero-layout) .pricing-hero-card:before{width:125%;aspect-ratio:1;inset:-13%}.page-hero-modern:has(.pricing-hero-layout) .pricing-hero-card:after{width:92%;aspect-ratio:1;inset:4%;border-style:dashed}.page-hero-modern:has(.pricing-hero-layout) .pricing-hero-benefits li:before{box-shadow:0 0 0 5px #18a26417}

@media(max-width:1000px){.unified-hero-layout,.blog-hero-inner{grid-template-columns:minmax(0,1fr);gap:35px}.unified-hero-copy,.blog-hero-copy{max-width:780px}.unified-hero-visual,.blog-unified-visual{max-width:420px}.page-hero-modern:has(.pricing-hero-layout) .pricing-hero-layout{grid-template-columns:1fr}.page-hero-modern:has(.pricing-hero-layout) .pricing-hero-card{max-width:520px;margin-inline:auto;width:100%}}
@media(max-width:620px){.unified-hero{padding-block:58px 73px}.unified-hero-layout{width:min(calc(100% - 30px),var(--container))}.unified-hero-copy h1,.page-hero-modern:has(.pricing-hero-layout) .page-hero-inner h1{font-size:clamp(2.7rem,11vw,4rem)}.unified-hero-visual,.blog-unified-visual{width:94%;max-width:350px}.unified-visual-node{width:145px;padding:10px;grid-template-columns:34px 1fr}.unified-visual-node>span{width:34px;height:34px}.unified-visual-node.node-2{inset-inline-end:-2%}.unified-hero-actions .btn{width:100%}.blog-hero-inner{width:min(calc(100% - 30px),var(--container))}.page-hero-modern:has(.pricing-hero-layout){margin:9px 10px 0;border-radius:18px;padding-block:52px 72px}.page-hero-modern:has(.pricing-hero-layout) .pricing-hero-layout{width:min(calc(100% - 30px),var(--container))}.page-hero-modern:has(.pricing-hero-layout) .pricing-hero-card{transform:none}}
@media(prefers-reduced-motion:reduce){.unified-visual-orbit{animation:none}}

/* Uploaded editorial imagery. */
.has-blog-image:before,.has-blog-image:after{display:none}.blog-featured-art.has-blog-image:after,.blog-card-visual.has-blog-image:after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,29,49,.06),rgba(5,29,49,.62));transform:none;border:0;border-radius:0}.blog-featured-art.has-blog-image img,.blog-card-visual.has-blog-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-featured-art.has-blog-image .blog-art-kicker,.blog-featured-art.has-blog-image .blog-art-label{z-index:2;color:#fff;text-shadow:0 2px 10px #0008}.article-featured-image{margin:44px 0 -145px;position:relative;z-index:2;overflow:hidden;border:8px solid #fff;border-radius:24px;background:#dce8ed;box-shadow:0 25px 70px rgba(15,49,76,.18)}.article-featured-image img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}.article-hero:has(.article-featured-image){padding-bottom:145px}.article-hero:has(.article-featured-image)+.article-reading-section{padding-top:120px}.blog-tile .blog-card-visual.has-blog-image{margin:-24px -24px 18px;width:calc(100% + 48px);height:180px}.blog-tile .blog-card-visual.has-blog-image img{width:100%;height:100%;object-fit:cover}
@media(max-width:620px){.article-featured-image{margin-top:30px;margin-bottom:-90px;border-width:5px;border-radius:17px}.article-hero:has(.article-featured-image){padding-bottom:90px}.article-hero:has(.article-featured-image)+.article-reading-section{padding-top:85px}}
.seo-breadcrumbs{background:#fff;border-bottom:1px solid rgba(214,222,234,.7);font-size:.82rem}.seo-breadcrumbs ol{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:10px 0;color:#667085;white-space:nowrap;overflow:hidden}.seo-breadcrumbs li{display:flex;align-items:center;gap:.5rem;min-width:0}.seo-breadcrumbs a{color:#315b78;text-decoration:none}.seo-breadcrumbs a:hover{text-decoration:underline}.seo-breadcrumbs [aria-current=page]{display:block;overflow:hidden;text-overflow:ellipsis}.seo-breadcrumbs+section{margin-top:0}
/* Resources and calculator mini-products */
.resource-hero{position:relative;overflow:hidden;padding:92px 0 70px;background:linear-gradient(145deg,#f5fbff 0%,#fff 52%,#f2fcf6 100%);border-bottom:1px solid #dbeaf2}.resource-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(19,63,106,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(19,63,106,.04) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent)}.resource-orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.55}.resource-orb-one{width:360px;height:360px;right:-100px;top:-180px;background:radial-gradient(circle,#a7e7c1,transparent 70%)}.resource-orb-two{width:320px;height:320px;left:-140px;bottom:-190px;background:radial-gradient(circle,#9bd8ff,transparent 70%)}.resource-hero-inner{position:relative;text-align:center;max-width:900px}.resource-hero h1,.calculator-hero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.03;letter-spacing:-.05em;margin:18px 0}.resource-hero p{font-size:1.12rem;max-width:720px;margin:0 auto;color:#4d6678}.resource-search-wrap{display:flex;align-items:center;max-width:680px;margin:34px auto 20px;background:#fff;border:1px solid #cbdde8;border-radius:18px;padding:0 16px;box-shadow:0 18px 55px rgba(17,61,91,.12)}.resource-search-wrap .icon{color:#338a67;flex:0 0 auto}.resource-search-wrap input{width:100%;border:0;background:transparent;padding:18px 14px;font:inherit;color:#122d43;outline:none}.resource-search-wrap kbd{border:1px solid #d6e1e7;background:#f6f8f9;border-radius:7px;padding:3px 8px;color:#718391}.resource-filter-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.resource-filter{border:1px solid #d1e1e9;background:rgba(255,255,255,.78);color:#315269;padding:8px 15px;border-radius:999px;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.resource-filter.is-active{background:#123f68;color:#fff;border-color:#123f68}.resource-directory{background:#f8fbfc}.resource-heading{align-items:end}.resource-count{background:#e7f7ee;color:#246846;padding:8px 14px;border-radius:999px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.resource-card{display:flex;flex-direction:column;min-height:330px;padding:26px;border:1px solid #dbe7ed;border-radius:24px;background:#fff;box-shadow:0 10px 34px rgba(18,57,84,.06);transition:transform .22s,box-shadow .22s,border-color .22s}.resource-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(18,57,84,.12);border-color:#a7d7c0}.resource-card[hidden]{display:none}.resource-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.resource-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#e1f2ff,#e5f8ec);color:#164d70;font-weight:900;font-size:1.08rem;box-shadow:inset 0 0 0 1px rgba(31,112,146,.08)}.resource-category{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#31795a;background:#edf9f2;padding:6px 10px;border-radius:999px}.resource-card h2{font-size:1.28rem;line-height:1.3;margin:0 0 10px;color:#122f46}.resource-card p{color:#617583;margin:0 0 20px}.resource-card-meta{font-size:.78rem;color:#467064;margin-top:auto;margin-bottom:18px}.resource-card-meta span{display:flex;align-items:flex-start;gap:6px}.resource-card-meta .icon{width:15px;height:15px;flex:none;margin-top:2px}.resource-card-action{width:100%;justify-content:center}.resource-text-link{font-weight:800;color:#176a4c;margin-top:auto}.resource-empty{text-align:center;padding:60px 20px}.resource-empty>span{font-size:3rem}.resource-trust-section{background:#102f49;color:#fff}.resource-trust-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.resource-trust-grid h2{font-size:clamp(2rem,4vw,3.25rem);margin:12px 0}.resource-trust-list{display:grid;gap:14px}.resource-trust-list p{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:20px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.14)}.resource-trust-list span{color:#bdd0dd}.calculator-hero{padding:62px 0;background:linear-gradient(135deg,#f5fbff,#f3fcf7);border-bottom:1px solid #dbe9ef}.calculator-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.back-link{display:inline-block;color:#386176;font-weight:700;margin-bottom:24px}.calculator-title-line{display:flex;gap:12px;align-items:center}.calculator-hero h1{font-size:clamp(2.4rem,5vw,4.25rem);max-width:940px}.calculator-hero>div>div>p{font-size:1.1rem;color:#536d7d;max-width:780px}.verified-pill{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#236b49;background:#e5f6ec;border:1px solid #c0e6d0;border-radius:999px;padding:8px 14px;font-size:.86rem;font-weight:800}.calculator-hero-note{background:#123d60;color:#fff;border-radius:24px;padding:26px;box-shadow:0 20px 50px rgba(15,53,80,.2)}.calculator-hero-note>span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#91d9ba}.calculator-hero-note strong{display:block;font-size:1.25rem;margin:8px 0}.calculator-hero-note p{color:#c8d8e3;font-size:.92rem;margin:0}.calculator-section{background:#f7fafb}.calculator-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);gap:28px;align-items:start}.calculator-panel,.result-panel{background:#fff;border:1px solid #dce7ec;border-radius:26px;box-shadow:0 14px 45px rgba(18,55,80,.08);overflow:hidden}.calculator-panel-head{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #e2ebef}.calculator-panel-head>div{display:flex;gap:13px;align-items:center}.calculator-panel-head>div>span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#e5f5ec;color:#25704f;font-weight:900}.calculator-panel-head h2{font-size:1.15rem;margin:0}.calculator-panel-head p{font-size:.82rem;color:#72838e;margin:3px 0 0}.calculator-reset{border:0;background:transparent;color:#547181;font:inherit;font-weight:700;cursor:pointer}.calculator-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:28px}.calculator-form .field{display:flex;flex-direction:column;gap:8px}.calculator-form label{font-size:.86rem;font-weight:800;color:#27475d}.calculator-form input,.calculator-form select{width:100%;min-height:50px;border:1px solid #cedce4;border-radius:12px;background:#fbfdfe;color:#18384e;font:inherit;padding:0 14px;outline:none}.calculator-form input:focus,.calculator-form select:focus{border-color:#2f9770;box-shadow:0 0 0 3px rgba(47,151,112,.12)}.money-input,.suffix-input{display:flex;align-items:center;border:1px solid #cedce4;border-radius:12px;background:#fbfdfe;overflow:hidden}.money-input:focus-within,.suffix-input:focus-within{border-color:#2f9770;box-shadow:0 0 0 3px rgba(47,151,112,.12)}.money-input span,.suffix-input span{padding:0 0 0 14px;color:#557081;font-weight:800}.suffix-input span{padding:0 14px 0 0}.money-input input,.suffix-input input{border:0;box-shadow:none!important}.field small{color:#788a95;line-height:1.45}.calculator-submit,.calculator-error{grid-column:1/-1}.calculator-submit{justify-content:center;margin-top:5px}.calculator-error{background:#fff1f1;border:1px solid #f1c5c5;color:#9a3434;border-radius:12px;padding:12px}.result-panel{position:sticky;top:104px;background:#113b5d;color:#fff}.result-empty{display:grid;place-items:center;text-align:center;min-height:430px;padding:45px}.result-empty-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:22px;background:rgba(255,255,255,.1);color:#8ee0bb;font-size:1.5rem;font-weight:900}.result-empty h2{font-size:1.35rem;margin:18px 0 5px}.result-empty p{color:#bdd0dc;max-width:320px}.result-content{padding:28px}.result-head{display:flex;justify-content:space-between;color:#b9cedb;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.result-year{color:#8ce0b9}.result-primary{padding:25px 0;border-bottom:1px solid rgba(255,255,255,.13)}.result-primary small{display:block;color:#bcd0dd}.result-primary strong{display:block;font-size:clamp(2.25rem,5vw,3.6rem);letter-spacing:-.04em;margin:5px 0}.result-primary span{color:#91dcbc}.result-breakdown{padding:17px 0}.result-breakdown>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;color:#c5d6e0}.result-breakdown strong{color:#fff}.result-workings{background:rgba(255,255,255,.07);border-radius:15px;padding:15px;margin:5px 0 18px}.result-workings h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#91dcbc;margin:0 0 7px}.result-workings p{font-size:.88rem;margin:0;color:#d5e1e8}.result-rule{margin:0}.result-rule>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.09)}.result-rule dt{color:#aebfca;font-size:.8rem}.result-rule dd{text-align:right;font-size:.82rem;margin:0;max-width:60%}.official-source{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-top:18px;padding:13px 15px;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-weight:800}.calculator-explainer{background:#fff}.explainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.explainer-grid h2{font-size:clamp(2rem,4vw,3rem);margin:12px 0}.calculator-disclaimer{margin-top:28px;padding:20px;border-left:4px solid #e4b95f;background:#fffbef;border-radius:0 14px 14px 0}.calculator-disclaimer p{font-size:.9rem;margin:6px 0 0}.calculator-faqs details{border-bottom:1px solid #dbe5ea;padding:17px 0}.calculator-faqs summary{cursor:pointer;font-weight:800;color:#214359}.calculator-faqs p{color:#637783}.related-tools{background:#f7fafb}.resource-grid-small .resource-card{min-height:270px}.resource-cta{background:linear-gradient(135deg,#dff4e8,#e7f4fc)}.resource-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.resource-cta h2{font-size:clamp(2rem,4vw,3.2rem);margin:10px 0}.resource-cta p{margin:0;color:#4d6878}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-hero-grid,.calculator-layout{grid-template-columns:1fr}.calculator-hero-note{max-width:620px}.result-panel{position:static}.resource-trust-grid{gap:40px}.nav-refresh .nav-pill{gap:0}}
@media(max-width:700px){.resource-hero{padding:62px 0 48px}.resource-hero h1,.calculator-hero h1{letter-spacing:-.035em}.resource-grid,.resource-trust-grid,.explainer-grid{grid-template-columns:1fr}.resource-card{min-height:0}.resource-trust-list p{grid-template-columns:1fr;gap:5px}.calculator-form{grid-template-columns:1fr;padding:20px}.calculator-panel-head{padding:20px}.resource-cta-inner{align-items:flex-start;flex-direction:column}.resource-cta-inner .btn{width:100%;justify-content:center}.result-primary strong{font-size:2.35rem}.resource-heading{align-items:flex-start}}

/* Search-focused copy is visible, useful content rather than a hidden keyword list. */
.home-search-topics{background:linear-gradient(180deg,#f7fbfd,#fff);border-block:1px solid #e2ecef}.search-topic-heading{max-width:780px;margin-bottom:34px}.search-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.search-topic-grid article{padding:27px;border:1px solid #dce8ed;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(18,57,84,.06)}.search-topic-grid h3{margin:0 0 9px;font-size:1.25rem;color:#143d61}.search-topic-grid p{margin:0 0 17px;color:#617686;line-height:1.7}.search-topic-grid a{color:#0b7b4c;font-weight:800}.search-topic-strip{padding:0 0 72px;background:#fff}.search-topic-strip h2{font-size:1.05rem;margin:0 0 15px;color:#244a65}.search-topic-pills{display:flex;flex-wrap:wrap;gap:9px}.search-topic-pills span{padding:9px 13px;border:1px solid #cfe1e7;border-radius:999px;background:#f5fafb;color:#385d70;font-size:.82rem;font-weight:720}.search-topic-strip+section{border-top:1px solid #e5edef}
.intro-inline-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:25px}.intro-inline-topics article{display:flex;flex-direction:column;min-width:0;min-height:175px;padding:16px;border:1px solid #dce8ed;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(18,57,84,.06)}.intro-inline-topics h3{margin:0 0 8px;color:#143d61;font-size:.88rem;line-height:1.35;letter-spacing:-.025em}.intro-inline-topics p{margin:0 0 12px;color:#617686;font-size:.72rem;line-height:1.58}.intro-inline-topics a{margin-top:auto;color:#0b7b4c;font-size:.72rem;font-weight:800;line-height:1.4}
@media(max-width:1200px){.intro-inline-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-inline-topics article{min-height:150px}}
@media(max-width:900px){.intro-inline-topics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.intro-inline-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.intro-inline-topics{grid-template-columns:1fr}.intro-inline-topics article{min-height:0}}

/* Conversion paths and integration inquiry. */
.conversion-actions{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin-top:25px}.conversion-actions .btn{min-width:175px}.conversion-actions .conversion-primary{min-width:220px;box-shadow:0 14px 30px rgba(8,119,73,.2)}.conversion-actions-compact{margin-top:28px}.conversion-registration-note{max-width:720px;margin:11px 0 0;color:#687f8e;font-size:.76rem;line-height:1.55}.hero-modern .conversion-registration-note{color:#557085}.hero-modern .conversion-actions .btn-outline{background:#fff;border-color:#cbdbe4;color:#163f62}.hero-modern .conversion-actions .btn-outline:hover{background:#edf7f2;color:#087849}.pricing-conversion-hero{max-width:1050px}.erp-integration-panel{width:min(calc(100% - 30px),780px)}.erp-integration-panel .form-grid{margin-top:20px}.form-security-note{margin:14px 0;color:#6f7f88;font-size:.76rem}.text-button{padding:0;border:0;background:transparent;font:inherit;cursor:pointer}.integration-roles-section{background:linear-gradient(180deg,#fff,#f6fafb)}.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.role-grid .card{box-shadow:none}.role-grid .card>span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:21px;border-radius:11px;background:#e8f7ef;color:#08794b;font-size:.72rem;font-weight:900}.role-grid h3{color:#173f5f}.role-grid p{margin:0;color:#607685;font-size:.87rem;line-height:1.72}
.pricing-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);align-items:center;gap:clamp(42px,6vw,100px)}.pricing-conversion-hero{max-width:820px}.pricing-hero-offer{width:min(100%,430px);justify-self:end;padding:clamp(25px,3vw,36px);border:1px solid #cfe1dc;border-radius:25px;background:rgba(255,255,255,.94);box-shadow:0 24px 65px rgba(13,60,74,.14)}.pricing-hero-offer-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 11px;border-radius:999px;background:#e8f7ef;color:#08794b;font-size:.72rem;font-weight:850;letter-spacing:.08em}.pricing-hero-offer-badge .icon{width:15px;height:15px}.pricing-hero-offer h2{margin:0 0 9px;color:#143d61;font-size:clamp(1.55rem,2.5vw,2.2rem)}.pricing-hero-offer>p{margin-bottom:20px;color:#617686;font-size:.88rem}.pricing-hero-offer-price{display:grid;grid-template-columns:auto 1fr;align-items:end;padding:19px 0;border-block:1px solid #dce8ed;margin-bottom:18px}.pricing-hero-offer-price small{grid-column:1/-1;color:#5d7484;font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.pricing-hero-offer-price strong{color:#123e61;font-size:clamp(2rem,3.6vw,3.15rem);line-height:1.15;letter-spacing:-.045em}.pricing-hero-offer-price span{padding:0 0 7px 8px;color:#607685;font-size:.85rem;font-weight:700}.pricing-hero-offer-support{display:flex;align-items:flex-start;gap:9px;margin-bottom:20px;color:#476477;font-size:.82rem}.pricing-hero-offer-support .icon{flex:none;width:17px;height:17px;margin-top:3px;color:#0a8955}
@media(max-width:1050px){.pricing-hero-grid{grid-template-columns:1fr}.pricing-hero-offer{width:100%;max-width:620px;justify-self:start}.pricing-conversion-hero{max-width:850px}}
@media(max-width:1000px){.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.conversion-actions{display:grid;grid-template-columns:1fr}.conversion-actions .btn,.conversion-actions .conversion-primary{width:100%;min-width:0}.role-grid{grid-template-columns:1fr}.erp-integration-panel{padding:25px 18px}.header-cta{font-size:.78rem}}
.calculator-form .field-full{grid-column:1/-1}.calculator-seo-guide{background:linear-gradient(180deg,#f7fafb,#fff);border-block:1px solid #e1ebef}.calculator-seo-guide .prose{padding:34px clamp(22px,4vw,48px);border:1px solid #dae7ec;border-radius:24px;background:#fff;box-shadow:0 15px 42px rgba(18,55,80,.06)}.calculator-seo-guide .prose h2{margin-top:0}.calculator-seo-guide .prose h3{color:#164b68}
.sitewide-search-topics{padding-top:72px;background:linear-gradient(180deg,#f6fafb,#fff);border-top:1px solid #e1ebef}.sitewide-search-topics .eyebrow{margin-bottom:9px}.sitewide-search-topics h2{font-size:clamp(1.6rem,3vw,2.25rem);margin-bottom:10px}.sitewide-search-topics p{max-width:700px;color:#627786;margin-bottom:22px}
@media(max-width:700px){.search-topic-grid{grid-template-columns:1fr}.search-topic-grid article{padding:22px}.search-topic-strip{padding-bottom:52px}}

/* Pakistan HS code finder */
.hs-finder-hero{position:relative;overflow:hidden;padding:82px 0 66px;background:radial-gradient(circle at 85% 5%,rgba(38,181,117,.22),transparent 32%),linear-gradient(125deg,#0d2d4e,#124f65 58%,#146c4b);color:#fff}.hs-finder-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:64px;align-items:center}.hs-finder-hero .eyebrow{color:#9cf0c2}.hs-finder-hero h1{max-width:780px;margin:14px 0 18px;font-size:clamp(2.7rem,6vw,5.4rem);line-height:.98;letter-spacing:-.055em;color:#fff}.hs-finder-lead{max-width:780px;margin:0;color:#d4e6ee;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.7}.hs-finder-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hs-finder-proof span{padding:9px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);font-size:.78rem;font-weight:750;color:#e5f6ed}.hs-finder-note{padding:27px;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:rgba(6,31,52,.44);box-shadow:0 24px 60px rgba(2,21,37,.25);backdrop-filter:blur(10px)}.hs-finder-note>span{display:block;margin-bottom:9px;color:#8fe7ba;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hs-finder-note strong{display:block;font-size:1.25rem;line-height:1.35}.hs-finder-note p{margin:10px 0 0;color:#cfdee7;line-height:1.65;font-size:.9rem}
.hs-search-section{padding:0 0 86px;background:linear-gradient(180deg,#eef6f8,#f8fbfc 430px,#fff)}.hs-search-shell{position:relative;z-index:2;transform:translateY(-28px);margin-bottom:-4px;padding:28px;border:1px solid #d9e7eb;border-radius:24px;background:#fff;box-shadow:0 22px 56px rgba(11,48,72,.13)}.hs-search-form>label{display:block;margin-bottom:10px;color:#153e5d;font-size:.9rem;font-weight:850}.hs-search-control{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:2px solid #aacbd5;border-radius:16px;background:#fbfdfe;transition:border-color .2s,box-shadow .2s}.hs-search-control:focus-within{border-color:#158853;box-shadow:0 0 0 4px rgba(21,136,83,.12)}.hs-search-control>.icon{width:21px;height:21px;margin-left:18px;color:#4c7185}.hs-search-control input{min-width:0;padding:18px 15px;border:0;outline:0;background:transparent;color:#163f5c;font:inherit;font-size:1.03rem}.hs-search-control .btn{margin:6px;min-height:48px}.hs-search-form>p{margin:9px 0 0;color:#657b89;font-size:.8rem}.hs-examples{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px}.hs-examples>span{color:#657b89;font-size:.78rem;font-weight:800}.hs-examples button{padding:7px 10px;border:1px solid #cfe0e5;border-radius:999px;background:#f4f9fa;color:#27556d;font-size:.76rem;font-weight:700;cursor:pointer}.hs-examples button:hover,.hs-examples button:focus-visible{border-color:#13905a;color:#087243;background:#eef9f3}.hs-live-status{min-height:1px;color:#315e73;font-size:.85rem}.hs-live-status:not(:empty){padding-top:14px}.hs-search-section.is-loading .hs-search-control{opacity:.65}.hs-search-section.is-loading [data-hs-submit]{pointer-events:none}
.hs-results{padding-top:30px}.hs-results-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.hs-results-heading h2{margin:7px 0 0;color:#123e60;font-size:clamp(1.8rem,4vw,2.7rem)}.hs-results-heading p{margin:0;color:#617987}.hs-results-notice{display:flex;gap:13px;align-items:center;margin-bottom:14px;padding:13px 16px;border:1px solid #e5d69d;border-radius:12px;background:#fffae8;color:#5d5226;font-size:.83rem}.hs-results-notice span{color:#716741}.hs-result-list{display:grid;gap:16px}.hs-result-card{padding:24px;border:1px solid #d9e6ea;border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(19,59,82,.07)}.hs-result-card>header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid #e5edef}.hs-code-block>span{display:block;color:#64808e;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hs-code-block h3{margin:4px 0 2px;color:#123f63;font-size:clamp(1.45rem,3vw,2rem);letter-spacing:.015em}.hs-code-block small{color:#708692}.hs-score{display:flex;align-items:center;gap:14px;min-width:210px}.hs-score>div{display:flex;flex-direction:column;align-items:flex-end}.hs-score strong{color:#11784a;font-size:1.35rem}.hs-score span{color:#607985;font-size:.72rem;font-weight:750}.hs-score meter{width:105px;height:10px}.hs-score meter::-webkit-meter-bar{border:0;border-radius:8px;background:#e4eeeb}.hs-score meter::-webkit-meter-optimum-value{border-radius:8px;background:#18a765}.hs-description{margin:19px 0 8px;color:#193f56;font-size:1.02rem;font-weight:800;line-height:1.55}.hs-explanation{margin:0;color:#5e7582;line-height:1.65;font-size:.88rem}.hs-match-terms{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:15px 0}.hs-match-terms>span{font-size:.75rem;color:#6d818b}.hs-match-terms b{padding:5px 9px;border-radius:999px;background:#edf7f2;color:#167349;font-size:.72rem}.hs-uom-block{margin-top:17px;padding:17px;border:1px solid #dce8e6;border-radius:14px;background:#f7fbfa}.hs-uom-block>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}.hs-uom-block>div>strong{color:#234e60;font-size:.86rem}.hs-verified,.hs-unverified{font-size:.7rem;font-weight:850}.hs-verified{color:#087644}.hs-unverified{color:#8a6930}.hs-uom-block ul{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}.hs-uom-block li{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #cfe1dd;border-radius:9px;background:#fff;color:#335a68;font-size:.76rem}.hs-uom-block code{color:#0c7847;font-size:.7rem}.hs-uom-block>p{margin:9px 0 0;color:#657c86;font-size:.78rem}.hs-message{padding:30px;border:1px dashed #b9cfd7;border-radius:18px;text-align:center;background:#fff}.hs-message strong{color:#163f5b;font-size:1.15rem}.hs-message p{margin:7px auto 0;max-width:620px;color:#667d89}.hs-message-warning{border-style:solid;border-color:#e8d9a6;background:#fffaf0}
.hs-guide-section{background:#fff}.hs-guide-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:68px;align-items:start}.hs-guide-main h2,.hs-faq-grid h2{margin:11px 0 17px;color:#123f61;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.035em}.hs-guide-main>p{color:#5c7481;line-height:1.8}.hs-steps{display:grid;gap:14px;margin:30px 0 0;padding:0;counter-reset:hsstep;list-style:none}.hs-steps li{counter-increment:hsstep;display:grid;grid-template-columns:42px 1fr;column-gap:14px;padding:18px;border:1px solid #dce8eb;border-radius:15px;background:#fbfdfd}.hs-steps li:before{content:counter(hsstep,decimal-leading-zero);grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e9f7f0;color:#087646;font-size:.76rem;font-weight:900}.hs-steps strong{color:#1c465e}.hs-steps span{margin-top:5px;color:#607985;font-size:.87rem;line-height:1.55}.hs-official-card{position:sticky;top:105px;padding:27px;border-radius:22px;background:#102f4c;color:#fff;box-shadow:0 24px 50px rgba(13,44,69,.18)}.hs-official-card .eyebrow{color:#86e3b2}.hs-official-card h2{margin:9px 0 18px;color:#fff;font-size:1.6rem}.hs-official-card>a{display:block;padding:15px 0;border-top:1px solid rgba(255,255,255,.14);color:#fff}.hs-official-card>a strong,.hs-official-card>a span{display:block}.hs-official-card>a span{margin-top:4px;color:#b8cbd6;font-size:.78rem}.hs-official-card>a:hover strong{text-decoration:underline;color:#8ce5b5}.hs-official-card>p{margin:18px 0 0;color:#aebfca;font-size:.75rem;line-height:1.55}.hs-faq-section{background:linear-gradient(180deg,#f6fafb,#fff);border-top:1px solid #e1eaed}.hs-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.hs-faq-grid>div>p{color:#617886;line-height:1.7}.resource-card-featured{border-color:#9dcfba;background:linear-gradient(145deg,#f1fbf6,#fff)}
.hs-intent-section{background:linear-gradient(180deg,#f4f9fb,#fff);border-block:1px solid #e0eaee}.hs-intent-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:34px}.hs-intent-heading h2{margin:9px 0 0;color:#123f61;font-size:clamp(2rem,4vw,3.2rem)}.hs-intent-heading>p{margin:0;color:#5c7582;line-height:1.8}.hs-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.hs-category-grid article{position:relative;min-height:205px;padding:24px;border:1px solid #d9e7eb;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(18,59,83,.05)}.hs-category-grid article>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e9f7f0;color:#087646;font-size:.7rem;font-weight:900}.hs-category-grid h3{margin:20px 0 9px;color:#173f59;font-size:1.12rem;letter-spacing:-.02em}.hs-category-grid p{margin:0;color:#627985;font-size:.84rem;line-height:1.7}.hs-definition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:34px;overflow:hidden;border:1px solid #d8e5e9;border-radius:18px;background:#d8e5e9}.hs-definition-grid article{padding:24px;background:#fff}.hs-definition-grid h3{margin:0 0 9px;color:#17445f;font-size:1.05rem}.hs-definition-grid p{margin:0;color:#627985;font-size:.83rem;line-height:1.72}
[dir=rtl] .hs-search-control>.icon{margin-left:0;margin-right:18px}[dir=rtl] .hs-score>div{align-items:flex-start}
@media(max-width:900px){.hs-finder-hero-grid,.hs-guide-grid,.hs-faq-grid,.hs-intent-heading{grid-template-columns:1fr}.hs-finder-hero-grid,.hs-guide-grid,.hs-intent-heading{gap:34px}.hs-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-official-card{position:static}.hs-finder-note{max-width:650px}.hs-results-notice{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:650px){.hs-finder-hero{padding:58px 0 48px}.hs-search-shell{padding:18px}.hs-search-control{grid-template-columns:auto 1fr}.hs-search-control .btn{grid-column:1/-1;margin:0 6px 6px}.hs-result-card{padding:18px}.hs-result-card>header,.hs-results-heading{align-items:flex-start;flex-direction:column}.hs-score{width:100%;justify-content:space-between}.hs-score>div{align-items:flex-start}.hs-score meter{flex:1;max-width:180px}.hs-results-notice{font-size:.78rem}.hs-guide-grid,.hs-faq-grid{gap:36px}.hs-category-grid,.hs-definition-grid{grid-template-columns:1fr}.hs-category-grid article{min-height:0}.hs-definition-grid{gap:1px}}

/* Final responsive safeguards for rules added later in this stylesheet. */
@media(max-width:900px){
  .contact-section .contact-layout{grid-template-columns:minmax(0,1fr)!important;gap:34px;align-items:start}
  .contact-section .contact-layout>div{min-width:0;width:100%}
  .contact-section .contact-info{padding:0}
  .contact-section .contact-lead{max-width:620px}
  .contact-section .form-shell{width:100%;max-width:none}
}
@media(max-width:620px){
  html,body{max-width:100%;overflow-x:hidden}
  .unified-hero-layout,.unified-hero-copy{width:100%;max-width:100%;min-width:0}
  .unified-hero-copy h1{max-width:100%;font-size:clamp(2.15rem,9.5vw,2.65rem)!important;line-height:1.08;letter-spacing:-.045em;white-space:normal;overflow-wrap:break-word;word-break:normal}
  .unified-hero-copy>p{font-size:.95rem;line-height:1.7}
  .unified-hero-visual{width:min(88vw,330px);max-width:100%}
  .unified-visual-node{max-width:42vw}
  .home-value-showcase .value-tile{justify-content:flex-start;min-height:0}
  .home-value-showcase .value-tile-featured{min-height:0}
  .home-value-showcase .value-tile-featured .value-visual{flex:0 0 auto;min-height:205px;margin:10px 0 18px}
  .home-value-showcase .value-tile:not(.value-tile-featured) .value-visual{flex:0 0 auto;min-height:88px;margin:8px 0 15px}
  .home-value-showcase .value-tile-bottom{width:100%;margin-top:auto}
  .home-value-showcase .invoice-doc{width:min(150px,52%);max-height:190px;padding:16px 14px}
  .contact-section{padding-block:48px}
  .contact-section .contact-layout{gap:28px}
  .contact-section .contact-info h2{font-size:clamp(2rem,9vw,2.75rem)}
  .contact-section .contact-lead{font-size:.96rem;line-height:1.75;margin-bottom:22px}
  .contact-section .contact-method{gap:11px;padding:13px 0}
  .contact-section .contact-method strong{overflow-wrap:normal;word-break:normal}
  .contact-section .contact-method strong[dir=ltr]{white-space:nowrap}
  .contact-section .info-note{padding:16px;font-size:.82rem}
  .contact-section .form-shell{padding:23px 18px;border-radius:18px}
  .contact-section .form-shell h2{font-size:clamp(1.75rem,8vw,2.25rem)}
  body.page-contact .wa-floating{display:none}
}

/* Homepage sample invoice: a focused product preview inside the workflow story. */
.sample-invoice-showcase{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.55fr);align-items:center;gap:clamp(24px,3vw,42px);overflow:hidden;width:min(100%,1180px);margin:0 auto clamp(34px,4vw,58px);padding:clamp(24px,2.5vw,36px);border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(135deg,#102c49 0%,#164863 62%,#157052 115%);box-shadow:0 26px 70px rgba(11,43,65,.2)}
.sample-invoice-showcase:before{position:absolute;z-index:-1;inset:-35% auto auto -12%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(74,181,130,.2),transparent 68%);content:"";pointer-events:none}
.sample-invoice-showcase:after{position:absolute;z-index:-1;right:-80px;bottom:-160px;width:420px;height:420px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018);content:"";pointer-events:none}
.sample-invoice-copy{position:relative;z-index:1;min-width:0}.sample-invoice-labels{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.sample-invoice-copy .eyebrow{margin:0;color:#8de0b4}.sample-invoice-copy .eyebrow:before{background:#65c995}.sample-invoice-demo{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(152,231,188,.24);border-radius:999px;background:rgba(103,203,151,.1);color:#b8efd1;font-size:.62rem;font-weight:850;letter-spacing:.08em}.sample-invoice-demo i{width:6px;height:6px;border-radius:50%;background:#68d59b;box-shadow:0 0 0 4px rgba(104,213,155,.12)}
.sample-invoice-copy h3{max-width:430px;margin:0 0 13px;color:#fff;font-size:clamp(1.85rem,2.7vw,2.7rem);line-height:1.04;letter-spacing:-.048em}.sample-invoice-copy>p{max-width:430px;margin:0;color:#c7dbe4;font-size:.86rem;line-height:1.7}.sample-invoice-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 22px;padding:0;list-style:none}.sample-invoice-points li{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.06);color:#f1f8fa;font-size:.7rem;font-weight:720}.sample-invoice-points .icon{flex:none;width:16px;height:16px;color:#77dca6}.sample-invoice-cta{width:max-content;border-color:#fff;background:#fff;color:#123b5a;box-shadow:0 10px 24px rgba(4,25,42,.18)}.sample-invoice-cta:hover{border-color:#dff7ea;background:#dff7ea;color:#0b6744}.sample-invoice-copy>small{display:block;max-width:390px;margin-top:12px;color:#93afbc;font-size:.61rem;line-height:1.5}
.sample-invoice-media{position:relative;z-index:1;display:block;overflow:hidden;padding:8px;border:1px solid rgba(255,255,255,.35);border-radius:21px;background:rgba(255,255,255,.94);box-shadow:0 24px 55px rgba(4,25,42,.34);transition:transform .35s ease,box-shadow .35s ease}.sample-invoice-media:hover{transform:translateY(-3px);box-shadow:0 30px 65px rgba(4,25,42,.42)}.sample-invoice-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:14px;object-fit:cover}.sample-invoice-zoom{position:absolute;inset-inline-end:20px;bottom:20px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.45);border-radius:10px;background:rgba(12,47,73,.92);color:#fff;font-size:.68rem;font-weight:800;box-shadow:0 8px 20px rgba(5,30,49,.25)}.sample-invoice-zoom .icon{width:15px;height:15px}
@media(max-width:1020px){.sample-invoice-showcase{grid-template-columns:1fr;max-width:820px}.sample-invoice-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.sample-invoice-labels,.sample-invoice-copy h3,.sample-invoice-copy>p{grid-column:1}.sample-invoice-points{grid-column:2;grid-row:1/4;margin:0}.sample-invoice-cta,.sample-invoice-copy>small{grid-column:1}.sample-invoice-media{margin-top:4px}}
@media(max-width:700px){.sample-invoice-showcase{display:flex;flex-direction:column;align-items:stretch;padding:18px;border-radius:22px;gap:24px}.sample-invoice-copy{display:block}.sample-invoice-copy h3{font-size:clamp(1.8rem,8vw,2.3rem)}.sample-invoice-points{grid-template-columns:1fr;margin:18px 0}.sample-invoice-media{padding:5px;border-radius:15px}.sample-invoice-media img{border-radius:10px}.sample-invoice-zoom{inset-inline-end:12px;bottom:12px;padding:7px 9px}.sample-invoice-cta{width:100%}}