/* ==== ATOPNG Modern Corporate Theme (2026-10) ====
   To revert the whole look: delete everything in Appearance > Custom CSS.
   Pages containing .ato-classic-marker (the Classic Site backup) are excluded. */
:root{--ato-950:#011a12;--ato-900:#01261b;--ato-800:#024430;--ato-700:#066A4C;--ato-mint:#06D6A0;--ato-yellow:#FFD166;--ato-red:#EF476F;--ato-ink:#0b1f17;--ato-muted:#5b6f66;--ato-line:#e3ebe7;--ato-bg:#f5f8f7;--ato-r:16px}
.ato-classic-marker{display:none!important}
body:not(:has(.ato-classic-marker)) .header-top{background:var(--ato-950)!important;border-bottom:1px solid rgba(6,214,160,.15)}
body:not(:has(.ato-classic-marker)) .header-top,body:not(:has(.ato-classic-marker)) .header-top a{font-size:13px}
body:not(:has(.ato-classic-marker)) header.header{background:rgba(255,255,255,.88)!important;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--ato-line);box-shadow:0 1px 0 rgba(2,68,48,.04)}
body:not(:has(.ato-classic-marker)) header.header.stick{box-shadow:0 10px 30px -12px rgba(1,38,27,.25)}
body:not(:has(.ato-classic-marker)) .header .main-header{padding-top:10px;padding-bottom:10px}
body:not(:has(.ato-classic-marker)) .main-menu>li>a{font-weight:600!important;color:var(--ato-ink)!important;border-radius:10px;padding-left:14px!important;padding-right:14px!important;transition:background .2s,color .2s}
body:not(:has(.ato-classic-marker)) .main-menu>li>a:hover,body:not(:has(.ato-classic-marker)) .main-menu>li>a.active{color:var(--ato-700)!important;background:rgba(6,214,160,.10)}
body:not(:has(.ato-classic-marker)) .main-menu li ul.sub-menu{border-radius:14px!important;border:1px solid var(--ato-line)!important;box-shadow:0 24px 48px -16px rgba(1,38,27,.25)!important;padding:10px!important}
body:not(:has(.ato-classic-marker)) .main-menu li ul.sub-menu li a{border-radius:8px;padding:9px 14px!important;font-weight:500}
body:not(:has(.ato-classic-marker)) .main-menu li ul.sub-menu li a:hover{background:var(--ato-bg);color:var(--ato-700)!important;padding-left:18px!important}
body:not(:has(.ato-classic-marker)) .btn.btn-brand-1{background:linear-gradient(135deg,var(--ato-800),var(--ato-700))!important;border-radius:999px!important;padding:12px 24px!important;box-shadow:0 8px 20px -8px rgba(2,68,48,.6);border:0}
body:not(:has(.ato-classic-marker)) .btn.btn-brand-1:hover{background:linear-gradient(135deg,var(--ato-700),var(--ato-mint))!important;color:#fff!important}
body:not(:has(.ato-classic-marker)) .ae-anno-announcement-wrapper{background:linear-gradient(90deg,var(--ato-800),var(--ato-700))!important;color:#fff!important}
body:not(:has(.ato-classic-marker)) .ae-anno-announcement-wrapper *{color:#fff!important}
body:not(:has(.ato-classic-marker)) .footer-1{background:var(--ato-900)!important;color:rgba(255,255,255,.72);padding-top:70px!important;position:relative}
body:not(:has(.ato-classic-marker)) .footer-1::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--ato-mint),var(--ato-yellow),var(--ato-mint))}
body:not(:has(.ato-classic-marker)) .footer-1 h1,body:not(:has(.ato-classic-marker)) .footer-1 h2,body:not(:has(.ato-classic-marker)) .footer-1 h3,body:not(:has(.ato-classic-marker)) .footer-1 h4,body:not(:has(.ato-classic-marker)) .footer-1 h5,body:not(:has(.ato-classic-marker)) .footer-1 h6{color:#fff!important}
body:not(:has(.ato-classic-marker)) .footer-1 a,body:not(:has(.ato-classic-marker)) .footer-1 p,body:not(:has(.ato-classic-marker)) .footer-1 span,body:not(:has(.ato-classic-marker)) .footer-1 li{color:rgba(255,255,255,.72)!important}
body:not(:has(.ato-classic-marker)) .footer-1 a:hover{color:var(--ato-mint)!important}
body:not(:has(.ato-classic-marker)) .footer-1 img[src*="logo"]{background:#fff;border-radius:14px;padding:10px 14px}
body:not(:has(.ato-classic-marker)) .footer-1 .icon-socials,body:not(:has(.ato-classic-marker)) .footer-1 a[class*="icon-"]{filter:brightness(0) invert(1);opacity:.8}
body:not(:has(.ato-classic-marker)) .footer-1 input{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;border-radius:999px!important}
body:not(:has(.ato-classic-marker)) .footer-2{background:var(--ato-950)!important;border-top:1px solid rgba(255,255,255,.08)}
body:not(:has(.ato-classic-marker)) .footer-2,body:not(:has(.ato-classic-marker)) .footer-2 *{color:rgba(255,255,255,.6)!important}
body:not(:has(.ato-classic-marker)) .footer-2 a:hover{color:var(--ato-mint)!important}
body:not(:has(.ato-classic-marker)) .box-banner-services,body:not(:has(.ato-classic-marker)) .card-offer,body:not(:has(.ato-classic-marker)) .card-blog-grid,body:not(:has(.ato-classic-marker)) .card-plan{border-radius:var(--ato-r)!important}
body:not(:has(.ato-classic-marker)) ::selection{background:var(--ato-mint);color:var(--ato-900)}
.ato-modern{font-family:'Manrope',system-ui,sans-serif;color:var(--ato-ink);overflow:hidden}
.ato-modern *{box-sizing:border-box}
.ato-modern p{margin:0}
.ato-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.ato-section{padding:96px 0}
.ato-head{max-width:720px;margin:0 auto 56px;text-align:center}
.ato-kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ato-700);background:rgba(6,214,160,.12);padding:6px 14px;border-radius:999px;margin-bottom:18px!important}
.ato-h1{font-size:clamp(36px,5.2vw,64px);line-height:1.05;letter-spacing:-.02em;font-weight:800;color:#fff;margin:0 0 22px}
.ato-h2{font-size:clamp(28px,3.4vw,44px);line-height:1.12;letter-spacing:-.02em;font-weight:800;color:var(--ato-800);margin:0 0 16px}
.ato-sub{font-size:18px;line-height:1.65;color:var(--ato-muted)}
.ato-grad{background:linear-gradient(90deg,var(--ato-mint),var(--ato-yellow));-webkit-background-clip:text;background-clip:text;color:transparent}
.ato-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none!important;transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.ato-btn:hover{transform:translateY(-2px)}
.ato-btn-primary{background:var(--ato-mint);color:var(--ato-900)!important;box-shadow:0 12px 30px -10px rgba(6,214,160,.7)}
.ato-btn-primary:hover{background:#2ff0bb}
.ato-btn-ghost{border:1.5px solid rgba(255,255,255,.35);color:#fff!important}
.ato-btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.ato-actions{display:flex;flex-wrap:wrap;gap:14px}
.ato-hero{position:relative;background:radial-gradient(1200px 600px at 85% -10%,rgba(6,214,160,.28),transparent 60%),radial-gradient(800px 500px at -10% 110%,rgba(255,209,102,.14),transparent 60%),linear-gradient(160deg,var(--ato-800) 0%,var(--ato-900) 55%,var(--ato-950) 100%);padding:110px 0 120px;color:#fff}
.ato-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 60% 40%,#000 30%,transparent 75%);pointer-events:none}
.ato-hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.ato-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ato-mint);border:1px solid rgba(6,214,160,.35);background:rgba(6,214,160,.08);padding:7px 16px;border-radius:999px;margin-bottom:26px!important}
.ato-dot{width:8px;height:8px;border-radius:50%;background:var(--ato-mint);box-shadow:0 0 0 4px rgba(6,214,160,.25);animation:atoPulse 2s infinite}
@keyframes atoPulse{50%{box-shadow:0 0 0 8px rgba(6,214,160,0)}}
.ato-lead{font-size:19px;line-height:1.7;color:rgba(255,255,255,.78);max-width:600px;margin-bottom:34px!important}
.ato-stats{display:flex;gap:40px;margin-top:48px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12)}
.ato-stat strong{display:block;font-size:30px;font-weight:800;color:#fff}
.ato-stat span{font-size:14px;color:rgba(255,255,255,.6)}
.ato-hero-visual{position:relative}
.ato-term{background:rgba(1,26,18,.75);border:1px solid rgba(6,214,160,.25);border-radius:18px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03) inset;backdrop-filter:blur(8px);overflow:hidden}
.ato-term-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.ato-term-bar span{width:11px;height:11px;border-radius:50%;background:var(--ato-red)}
.ato-term-bar span:nth-child(2){background:var(--ato-yellow)}
.ato-term-bar span:nth-child(3){background:var(--ato-mint)}
.ato-term-bar em{margin-left:auto;font-style:normal;font-size:12px;color:rgba(255,255,255,.45);font-family:ui-monospace,Menlo,monospace}
.ato-term-body{padding:24px 24px 28px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14.5px;line-height:2;color:rgba(255,255,255,.85)}
.ato-term-body b{color:var(--ato-mint);font-weight:700;margin-right:6px}
.ato-term-body i{color:var(--ato-yellow);font-style:normal}
.ato-ok{color:rgba(255,255,255,.7)}
.ato-mint{color:var(--ato-mint)}
.ato-caret{display:inline-block;width:8px;height:16px;background:var(--ato-mint);margin-left:6px;vertical-align:-2px;animation:atoBlink 1s steps(1) infinite}
@keyframes atoBlink{50%{opacity:0}}
.ato-float{position:absolute;background:#fff;color:var(--ato-ink);border-radius:14px;padding:14px 18px;box-shadow:0 20px 40px -12px rgba(0,0,0,.45);animation:atoFloat 6s ease-in-out infinite}
.ato-float strong{display:block;font-size:18px;font-weight:800;color:var(--ato-800)}
.ato-float span{font-size:12.5px;color:var(--ato-muted)}
.ato-float-a{left:-36px;bottom:-28px}
.ato-float-b{right:-20px;top:-62px;animation-delay:-3s;border-left:4px solid var(--ato-mint)}
@keyframes atoFloat{50%{transform:translateY(-10px)}}
.ato-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ato-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ato-line);border-radius:20px;padding:34px 30px 30px;text-decoration:none!important;color:var(--ato-ink)!important;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}
.ato-card::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--ato-800),var(--ato-mint));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.ato-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -24px rgba(2,68,48,.35);border-color:rgba(6,214,160,.5)}
.ato-card:hover::after{transform:scaleX(1)}
.ato-card h3{font-size:22px;font-weight:800;color:var(--ato-800);margin:22px 0 10px}
.ato-card p{font-size:15.5px;line-height:1.65;color:var(--ato-muted)}
.ato-card ul{list-style:none!important;padding:0!important;margin:20px 0 24px!important}
.ato-card li{position:relative;padding-left:26px;font-size:14.5px;line-height:2;color:var(--ato-ink);font-weight:500}
.ato-card li::before{content:"";position:absolute;left:0;top:9px;width:16px;height:16px;border-radius:50%;background:rgba(6,214,160,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23066A4C' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat}
.ato-num{position:absolute;right:26px;top:26px;font-size:14px;font-weight:800;color:#c9d8d1;letter-spacing:.05em}
.ato-more{margin-top:auto;font-weight:700;font-size:15px;color:var(--ato-700)!important;text-decoration:none!important}
.ato-more::before{content:"";position:absolute;inset:0;z-index:1}
.ato-card:hover .ato-more{color:var(--ato-800)}
.ato-ico{display:inline-flex;width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,var(--ato-800),var(--ato-700));position:relative;box-shadow:0 12px 24px -10px rgba(2,68,48,.6)}
.ato-ico::before{content:"";position:absolute;inset:15px;background:var(--ato-mint);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ato-i-code{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 9l-4 3 4 3M16 9l4 3-4 3M13.5 5l-3 14'/%3E%3C/svg%3E")}
.ato-i-chain{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 2l8 4.5v9L12 20l-8-4.5v-9z'/%3E%3Cpath d='M12 11l8-4.5M12 11L4 6.5M12 11v9'/%3E%3C/svg%3E")}
.ato-i-ai{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3Cpath d='M10 10h4v4h-4zM9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4'/%3E%3C/svg%3E")}
.ato-i-pm{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M3 9h18M8 2v4M16 2v4M8 14l2 2 5-5'/%3E%3C/svg%3E")}
.ato-i-cloud{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3z'/%3E%3C/svg%3E")}
.ato-i-growth{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M15 7h6v6'/%3E%3C/svg%3E")}
.ato-i-shield{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
.ato-i-pin{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 21s-7-6.1-7-11.5a7 7 0 0114 0C19 14.9 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E")}
.ato-dark{background:linear-gradient(160deg,var(--ato-900),var(--ato-950));color:#fff;position:relative}
.ato-dark .ato-h2{color:#fff}
.ato-dark .ato-sub{color:rgba(255,255,255,.7);margin-bottom:32px!important}
.ato-dark .ato-kicker{background:rgba(6,214,160,.15);color:var(--ato-mint)}
.ato-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.ato-steps{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ato-step{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:28px;transition:background .25s,border-color .25s}
.ato-step:hover{background:rgba(6,214,160,.08);border-color:rgba(6,214,160,.4)}
.ato-step span{font-family:ui-monospace,Menlo,monospace;font-size:13px;font-weight:700;color:var(--ato-mint)}
.ato-step h4{color:#fff;font-size:20px;font-weight:800;margin:10px 0 8px}
.ato-step p{color:rgba(255,255,255,.65);font-size:15px;line-height:1.6}
.ato-why{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ato-why-item{background:var(--ato-bg);border-radius:20px;padding:30px 26px;border:1px solid transparent;transition:border-color .25s,background .25s}
.ato-why-item:hover{background:#fff;border-color:var(--ato-line)}
.ato-why-item .ato-ico{width:50px;height:50px;border-radius:14px}
.ato-why-item .ato-ico::before{inset:13px}
.ato-why-item h4{font-size:18px;font-weight:800;color:var(--ato-800);margin:18px 0 8px}
.ato-why-item p{font-size:15px;line-height:1.6;color:var(--ato-muted)}
.ato-partners{background:var(--ato-bg);padding:30px 0 60px;border-top:1px solid var(--ato-line);border-bottom:1px solid var(--ato-line)}
.ato-partners img{filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s}
.ato-partners img:hover{filter:none;opacity:1}
.ato-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;background:radial-gradient(600px 300px at 100% 0,rgba(6,214,160,.35),transparent 70%),linear-gradient(135deg,var(--ato-800),var(--ato-900));border-radius:28px;padding:56px 60px;color:#fff;box-shadow:0 40px 80px -40px rgba(2,68,48,.7)}
.ato-cta .ato-h2{color:#fff;margin-bottom:8px}
.ato-cta p{color:rgba(255,255,255,.75);font-size:17px}
.ato-news{padding-bottom:40px}
@media (max-width:1100px){.ato-cards{grid-template-columns:repeat(2,1fr)}.ato-why{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991px){.ato-hero{padding:80px 0 90px}.ato-hero-grid,.ato-split{grid-template-columns:1fr;gap:56px}.ato-float-a{left:10px}.ato-float-b{right:10px}.ato-section{padding:72px 0}}
@media (max-width:640px){.ato-wrap{padding:0 16px}.ato-cards,.ato-why,.ato-steps{grid-template-columns:1fr}.ato-stats{gap:22px;flex-wrap:wrap}.ato-stat strong{font-size:24px}.ato-lead{font-size:17px}.ato-cta{padding:36px 24px;border-radius:22px}.ato-term-body{font-size:12.5px;padding:18px}.ato-float{display:none}.ato-btn{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.ato-modern *{animation:none!important;transition:none!important}}
/* fixes */
body:not(:has(.ato-classic-marker)) .ae-anno-announcement-wrapper a{background:transparent!important;text-decoration:none!important;font-weight:600}
body:not(:has(.ato-classic-marker)) .ae-anno-announcement-wrapper a:hover{color:var(--ato-yellow)!important}
.ato-modern h1,.ato-modern h2,.ato-modern h3,.ato-modern h4{font-family:inherit}
body:not(:has(.ato-classic-marker)) header.header{z-index:1000}
.ato-hero,.ato-section,.ato-partners{z-index:0}

/* ==== Site-wide components (v2) ==== */
body:not(:has(.ato-classic-marker)) .color-brand-1{color:var(--ato-800)!important}
body:not(:has(.ato-classic-marker)) h1.color-brand-1,body:not(:has(.ato-classic-marker)) h2.color-brand-1,body:not(:has(.ato-classic-marker)) h3.color-brand-1{font-weight:800!important;letter-spacing:-.02em}
body:not(:has(.ato-classic-marker)) .bg-2,body:not(:has(.ato-classic-marker)) .bg-grey-60,body:not(:has(.ato-classic-marker)) .bg-grey-80,body:not(:has(.ato-classic-marker)) .bg-7,body:not(:has(.ato-classic-marker)) .bg-testimonials,body:not(:has(.ato-classic-marker)) .bg-body-tertiary{background-color:var(--ato-bg)!important}
body:not(:has(.ato-classic-marker)) :is(.card-offer,.card-plan,.card-plan-2,.card-team,.card-blog-grid,.card-blog-grid-2,.card-testimonial-grid,.card-testimonial-list,.card-support,.card-guide,.card-we-do,.card-product,.card-contact,.card-small,.card-small-2,.item-core,.item-forum,.box-price){border-radius:20px!important;border:1px solid var(--ato-line)!important;background-color:#fff;transition:transform .25s,box-shadow .25s,border-color .25s!important;overflow:hidden}
body:not(:has(.ato-classic-marker)) :is(.card-offer,.card-plan,.card-plan-2,.card-team,.card-blog-grid,.card-blog-grid-2,.card-testimonial-grid,.card-support,.card-guide,.card-we-do,.card-product,.card-small,.card-small-2,.item-core,.item-forum):hover{transform:translateY(-5px);box-shadow:0 28px 56px -26px rgba(2,68,48,.35)!important;border-color:rgba(6,214,160,.55)!important}
body:not(:has(.ato-classic-marker)) :is(.card-blog-grid,.card-team,.card-product) img{border-radius:14px}
body:not(:has(.ato-classic-marker)) :is(.btn-brand-1-full,.btn-brand-lg,.btn-submit-newsletter){background:linear-gradient(135deg,var(--ato-800),var(--ato-700))!important;color:#fff!important;border:0!important;border-radius:999px!important}
body:not(:has(.ato-classic-marker)) :is(.btn-brand-1-full,.btn-brand-lg,.btn-submit-newsletter):hover{background:linear-gradient(135deg,var(--ato-700),var(--ato-mint))!important}
body:not(:has(.ato-classic-marker)) :is(.btn-default,.btn-border-brand-1){border-radius:999px!important;border:1.5px solid var(--ato-800)!important;color:var(--ato-800)!important;font-weight:700}
body:not(:has(.ato-classic-marker)) :is(.btn-default,.btn-border-brand-1):hover{background:var(--ato-mint)!important;border-color:var(--ato-mint)!important;color:var(--ato-900)!important}
body:not(:has(.ato-classic-marker)) .btn-tag{border-radius:999px!important;border:1px solid var(--ato-line)!important;background:var(--ato-bg)!important;color:var(--ato-700)!important;font-weight:600}
body:not(:has(.ato-classic-marker)) .btn-tag:hover{background:var(--ato-mint)!important;color:var(--ato-900)!important;border-color:var(--ato-mint)!important}
body:not(:has(.ato-classic-marker)) :is(.form-control,.form-select){border-radius:12px!important;border:1px solid #d5e2dc!important;min-height:48px;transition:border-color .2s,box-shadow .2s}
body:not(:has(.ato-classic-marker)) :is(.form-control,.form-select):focus{border-color:var(--ato-mint)!important;box-shadow:0 0 0 4px rgba(6,214,160,.18)!important;outline:0}
body:not(:has(.ato-classic-marker)) .box-newsletter{background:radial-gradient(700px 300px at 100% 0,rgba(6,214,160,.22),transparent 70%),linear-gradient(135deg,#eef7f3,#e2f2ea)!important;border-radius:0!important;border-top:1px solid var(--ato-line)}
body:not(:has(.ato-classic-marker)) .box-newsletter .form-newsletter,body:not(:has(.ato-classic-marker)) .box-newsletter input{border-radius:999px!important}
body:not(:has(.ato-classic-marker)) :is(.page-link,.pagination a){border-radius:10px!important}
body:not(:has(.ato-classic-marker)) :is(.page-item.active .page-link,.pagination .active a){background:var(--ato-800)!important;border-color:var(--ato-800)!important;color:#fff!important}
body:not(:has(.ato-classic-marker)) .accordion-item{border:1px solid var(--ato-line)!important;border-radius:16px!important;overflow:hidden;margin-bottom:12px}
body:not(:has(.ato-classic-marker)) .accordion-button:not(.collapsed){background:rgba(6,214,160,.10)!important;color:var(--ato-800)!important;box-shadow:none!important}
body:not(:has(.ato-classic-marker)) table thead th{background:var(--ato-bg)!important;color:var(--ato-800)!important}
body:not(:has(.ato-classic-marker)) .mobile-header-active .mobile-menu a:hover{color:var(--ato-700)!important}
/* inner page hero (injected by Custom JS) */
.ato-page-hero{clear:both;width:100%;position:relative;overflow:hidden;color:#fff;padding:72px 0 64px;background:radial-gradient(900px 420px at 85% -20%,rgba(6,214,160,.30),transparent 60%),radial-gradient(600px 400px at -10% 120%,rgba(255,209,102,.14),transparent 60%),linear-gradient(160deg,var(--ato-800) 0%,var(--ato-900) 60%,var(--ato-950) 100%);font-family:'Manrope',system-ui,sans-serif}
.ato-page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse at 70% 30%,#000 25%,transparent 75%);pointer-events:none}
.ato-page-hero .ato-wrap{position:relative}
.ato-crumbs{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600;color:rgba(255,255,255,.6)}
.ato-crumbs a{color:var(--ato-mint)!important;text-decoration:none!important}
.ato-crumbs em{font-style:normal;color:rgba(255,255,255,.85)}
.ato-page-title{font-size:clamp(32px,4.4vw,54px);line-height:1.08;font-weight:800;letter-spacing:-.02em;color:#fff;margin:14px 0 0!important;max-width:760px}
.ato-page-chain{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;gap:28px}
.ato-page-chain i{position:relative;display:block;width:48px;height:48px;border-radius:12px;border:1.5px solid rgba(6,214,160,.45);background:rgba(6,214,160,.06);animation:atoBlk 3.2s infinite}
.ato-page-chain i+i::before{content:"";position:absolute;left:-29px;top:50%;width:28px;height:2px;background:linear-gradient(90deg,rgba(6,214,160,.15),rgba(6,214,160,.7))}
.ato-page-chain i:nth-child(2){animation-delay:.4s}.ato-page-chain i:nth-child(3){animation-delay:.8s}.ato-page-chain i:nth-child(4){animation-delay:1.2s}.ato-page-chain i:nth-child(5){animation-delay:1.6s}
@keyframes atoBlk{0%,100%{background:rgba(6,214,160,.06);box-shadow:none}12%{background:rgba(6,214,160,.4);box-shadow:0 0 26px rgba(6,214,160,.65)}}
@media (max-width:991px){.ato-page-chain{display:none}.ato-page-hero{padding:52px 0 46px}}
/* homepage blockchain visual (built by Custom JS) */
.ato-chain{position:relative;background:rgba(1,26,18,.72);border:1px solid rgba(6,214,160,.28);border-radius:20px;padding:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);backdrop-filter:blur(8px);overflow:hidden;font-family:'Manrope',system-ui,sans-serif}
.ato-net{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.ato-chain>*:not(.ato-net){position:relative;z-index:1}
.ato-chain-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12.5px;color:rgba(255,255,255,.6);font-family:ui-monospace,Menlo,monospace}
.ato-live{display:inline-flex;align-items:center;gap:8px;color:var(--ato-mint);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ato-live b{width:8px;height:8px;border-radius:50%;background:var(--ato-mint);animation:atoPulse 1.6s infinite}
.ato-blocks-vp{overflow:hidden;margin:0 -4px;padding:4px}
.ato-blocks{display:flex;gap:22px;will-change:transform}
.ato-block{position:relative;flex:0 0 132px;border-radius:14px;padding:12px 12px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);font-family:ui-monospace,Menlo,monospace;color:rgba(255,255,255,.8);transition:border-color .4s,background .4s,box-shadow .4s}
.ato-block+.ato-block::before{content:"";position:absolute;left:-23px;top:50%;width:22px;height:2px;background:linear-gradient(90deg,rgba(6,214,160,.25),var(--ato-mint))}
.ato-block+.ato-block::after{content:"";position:absolute;left:-27px;top:calc(50% - 3px);width:8px;height:8px;border-radius:50%;background:var(--ato-mint);box-shadow:0 0 10px var(--ato-mint)}
.ato-bh{font-size:12px;font-weight:700;color:#fff}
.ato-hash{font-size:11px;color:var(--ato-yellow);margin:6px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ato-btx{display:flex;justify-content:space-between;font-size:10.5px;color:rgba(255,255,255,.55)}
.ato-prog{height:4px;border-radius:4px;background:rgba(255,255,255,.1);margin-top:9px;overflow:hidden}
.ato-prog i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--ato-700),var(--ato-mint));transition:width .5s}
.ato-block.mining{border-style:dashed;border-color:rgba(255,209,102,.55);background:rgba(255,209,102,.05)}
.ato-block.mining .ato-hash{color:rgba(255,255,255,.45)}
.ato-block.mining .ato-prog i{background:linear-gradient(90deg,var(--ato-yellow),var(--ato-mint))}
.ato-block.sealed{animation:atoSeal .9s ease-out}
@keyframes atoSeal{0%{box-shadow:0 0 0 0 rgba(6,214,160,.8);border-color:var(--ato-mint);background:rgba(6,214,160,.25)}100%{box-shadow:0 0 0 18px rgba(6,214,160,0)}}
.ato-feed{margin-top:18px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px}
.ato-feed-title{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:700;margin-bottom:6px}
.ato-feed ul{list-style:none!important;margin:0!important;padding:0!important;height:170px;overflow:hidden}
.ato-feed li{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;height:34px;border-bottom:1px dashed rgba(255,255,255,.08);font-family:ui-monospace,Menlo,monospace;font-size:12px;color:rgba(255,255,255,.75);animation:atoIn .45s ease-out}
.ato-feed li span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ato-feed li .amt{color:#fff;font-weight:700}
.ato-feed li .st{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(255,209,102,.15);color:var(--ato-yellow);min-width:84px;text-align:center}
.ato-feed li .st.ok{background:rgba(6,214,160,.16);color:var(--ato-mint)}
@keyframes atoIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media (max-width:640px){.ato-block{flex-basis:104px;padding:10px 9px 9px}.ato-blocks{gap:18px}.ato-block+.ato-block::before{left:-19px;width:18px}.ato-block+.ato-block::after{left:-23px}.ato-feed li{grid-template-columns:1fr auto;font-size:11px}.ato-feed li .amt{display:none}.ato-chain{padding:16px}}
@media (prefers-reduced-motion:reduce){.ato-page-chain i,.ato-block.sealed,.ato-feed li{animation:none!important}}
.ato-hero,.ato-chain,.ato-chain *{overflow-anchor:none}
.ato-page-hero .container{position:relative}
body:has(.ato-page-hero) .breadcrumbs{display:none!important}
/* tint old light-blue accents to brand mint */
body:not(:has(.ato-classic-marker)) :is(.box-image,.box-image-bg,.ticked,.card-head,.icon-plan,.item-image,.box-banner-contact,.banner-contact,.contact-message){background-color:#e6f5ee!important}
body:not(:has(.ato-classic-marker)) .swiper-pagination-bullet{background:#cfe3da!important}
body:not(:has(.ato-classic-marker)) .swiper-pagination-bullet-active,body:not(:has(.ato-classic-marker)) .card-head.active,body:not(:has(.ato-classic-marker)) .active.card-head{background:var(--ato-mint)!important}
body:not(:has(.ato-classic-marker)) .help-center .btn,body:not(:has(.ato-classic-marker)) .mb-10.mr-10.btn{background:#e6f5ee!important;border-radius:999px!important;color:var(--ato-800)!important}
.ato-hero-grid>*,.ato-split>*{min-width:0}
.ato-chain{max-width:100%}.ato-live{white-space:nowrap}
@media (max-width:640px){.ato-chain-head .ato-tps{display:none}}
/* ==== Service pages (v3) ==== */
.content-single:has(.ato-svc)>h2,.content-single:has(.ato-svc)>p{display:none!important}
.content-single:has(.ato-svc) .ck-content{color:var(--ato-ink)!important;font-size:16px}
.ato-svc{font-family:'Manrope',system-ui,sans-serif;color:var(--ato-ink);padding:24px 0 40px}
.ato-svc *{box-sizing:border-box}
.ato-svc p{margin:0}
.ato-svc h2,.ato-svc h3,.ato-svc h4{font-family:inherit}
.ato-svc ul{list-style:none!important;margin:0!important;padding:0!important}
.ato-svc-intro{display:grid;grid-template-columns:1.25fr .85fr;gap:56px;align-items:center;padding:24px 0 72px}
.ato-svc-lead{font-size:18px;line-height:1.75;color:var(--ato-muted);margin:4px 0 30px!important;max-width:680px}
.ato-btn-outline{border:1.5px solid var(--ato-800);color:var(--ato-800)!important;background:transparent}
.ato-btn-outline:hover{background:var(--ato-800);color:#fff!important}
.ato-glance{position:relative;background:radial-gradient(500px 260px at 100% 0,rgba(6,214,160,.28),transparent 65%),linear-gradient(150deg,var(--ato-800),var(--ato-900));color:#fff;border-radius:24px;padding:32px;box-shadow:0 40px 70px -40px rgba(2,68,48,.8);overflow:hidden}
.ato-glance::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(200deg,#000,transparent 70%);mask-image:linear-gradient(200deg,#000,transparent 70%);pointer-events:none}
.ato-glance>*{position:relative}
.ato-glance-t{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ato-mint);margin-bottom:22px!important}
.ato-glance-t .ato-ico{width:46px;height:46px;border-radius:13px;background:rgba(6,214,160,.14);box-shadow:none}
.ato-glance-t .ato-ico::before{inset:12px}
.ato-glance li{position:relative;padding:12px 0 12px 32px;border-top:1px solid rgba(255,255,255,.1);font-size:15.5px;font-weight:600;color:rgba(255,255,255,.92)}
.ato-glance li:first-child{border-top:0}
.ato-glance li::before{content:"";position:absolute;left:0;top:14px;width:20px;height:20px;border-radius:50%;background:rgba(6,214,160,.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306D6A0' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.ato-chip{display:inline-flex;margin-top:20px;padding:10px 18px;border-radius:999px;background:var(--ato-mint);color:var(--ato-900)!important;font-weight:800;font-size:14px;text-decoration:none!important;transition:transform .2s}
.ato-chip:hover{transform:translateY(-2px)}
.ato-svc-block{padding:64px 0}
.ato-svc-head{max-width:720px;margin:0 0 36px}
.ato-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ato-feat{background:#fff;border:1px solid var(--ato-line);border-radius:20px;padding:28px 26px;transition:transform .25s,box-shadow .25s,border-color .25s}
.ato-feat:hover{transform:translateY(-5px);box-shadow:0 28px 56px -26px rgba(2,68,48,.35);border-color:rgba(6,214,160,.55)}
.ato-feat .ato-ico{width:52px;height:52px;border-radius:14px}
.ato-feat .ato-ico::before{inset:14px}
.ato-feat h3{font-size:19px;font-weight:800;color:var(--ato-800);margin:18px 0 8px}
.ato-feat p{font-size:15px;line-height:1.65;color:var(--ato-muted)}
.ato-svc-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start;background:var(--ato-bg);border:1px solid var(--ato-line);border-radius:28px;padding:56px;margin:24px 0}
.ato-why-list{display:grid;gap:14px}
.ato-why-row{display:flex;gap:20px;align-items:flex-start;background:#fff;border-radius:18px;padding:22px 24px;border:1px solid var(--ato-line)}
.ato-why-n{flex:0 0 auto;font-family:ui-monospace,Menlo,monospace;font-weight:800;font-size:14px;color:var(--ato-700);background:rgba(6,214,160,.14);border-radius:10px;padding:6px 10px}
.ato-why-row h4{font-size:18px;font-weight:800;color:var(--ato-800);margin:0 0 6px}
.ato-why-row p{font-size:15px;line-height:1.6;color:var(--ato-muted)}
.ato-psteps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}
.ato-psteps::before{content:"";position:absolute;left:28px;right:28px;top:27px;height:2px;background:linear-gradient(90deg,var(--ato-mint),rgba(6,214,160,.15));z-index:0}
.ato-pstep{position:relative;z-index:1}
.ato-pnum{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--ato-800),var(--ato-700));color:var(--ato-mint);font-weight:800;font-size:20px;box-shadow:0 12px 24px -10px rgba(2,68,48,.6),0 0 0 6px #fff}
.ato-pstep h4{font-size:18px;font-weight:800;color:var(--ato-800);margin:20px 0 6px}
.ato-pstep p{font-size:15px;line-height:1.6;color:var(--ato-muted)}
.ato-faq{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ato-qa{border:1px solid var(--ato-line);border-radius:18px;padding:24px 26px;background:#fff;border-left:4px solid var(--ato-mint)}
.ato-qa h4{font-size:17px;font-weight:800;color:var(--ato-800);margin:0 0 8px}
.ato-qa p{font-size:15px;line-height:1.65;color:var(--ato-muted)}
.ato-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ato-card-sm{padding:26px 24px}
.ato-card-sm h3{font-size:19px;margin:16px 0 8px}
.ato-card-sm p{margin-bottom:18px!important}
.ato-card-sm .ato-ico{width:50px;height:50px;border-radius:14px}
.ato-card-sm .ato-ico::before{inset:13px}
.ato-svc .ato-cta{margin-top:40px}
.ato-cards-2{grid-template-columns:repeat(2,1fr)}
.ato-tight{padding-top:0!important}
.ato-listing .ato-card p{margin-bottom:0}
/* extra icons */
.ato-i-dns{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='4' width='18' height='6' rx='2'/%3E%3Crect x='3' y='14' width='18' height='6' rx='2'/%3E%3Cpath d='M7 7h.01M7 17h.01M11 7h6M11 17h6'/%3E%3C/svg%3E")}
.ato-i-server{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='3' width='18' height='7' rx='2'/%3E%3Crect x='3' y='14' width='18' height='7' rx='2'/%3E%3Cpath d='M7 6.5h.01M7 17.5h.01'/%3E%3C/svg%3E")}
.ato-i-wifi{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 8.5a15 15 0 0120 0M5 12a10 10 0 0114 0M8.5 15.5a5 5 0 017 0'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3C/svg%3E")}
.ato-i-heart{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-9-9a5 5 0 019-3 5 5 0 019 3c-2 4.6-9 9-9 9z'/%3E%3C/svg%3E")}
.ato-i-phone{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='3'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}
.ato-i-layers{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5z'/%3E%3Cpath d='M3 13l9 5 9-5'/%3E%3C/svg%3E")}
.ato-i-plug{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M9 3v5M15 3v5M6 8h12v3a6 6 0 01-12 0zM12 17v4'/%3E%3C/svg%3E")}
.ato-i-doc{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 00-2 2v14a2 2 0 002 2h12a2 2 0 002-2V9z'/%3E%3Cpath d='M14 3v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E")}
.ato-i-wallet{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18M16 15h2M6 6l9-3 2 3'/%3E%3C/svg%3E")}
.ato-i-truck{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M2 6h12v10H2zM14 10h4l3 3v3h-7z'/%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E")}
.ato-i-lock{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 018 0v3M12 15v2'/%3E%3C/svg%3E")}
.ato-i-chat{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M4 4h16v12H8l-4 4z'/%3E%3Cpath d='M8 9h8M8 12h5'/%3E%3C/svg%3E")}
.ato-i-search{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E")}
.ato-i-chart{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 20V4M4 20h16M8 16v-4M12 16V8M16 16v-6'/%3E%3C/svg%3E")}
.ato-i-zap{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E")}
.ato-i-flask{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v6L4 19a1.5 1.5 0 001.3 2h13.4A1.5 1.5 0 0020 19l-6-10V3M7 15h10'/%3E%3C/svg%3E")}
.ato-i-users{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0113 0M16 4.5a3.5 3.5 0 010 7M18 14a6 6 0 013.5 6'/%3E%3C/svg%3E")}
.ato-i-video{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='14' height='12' rx='2'/%3E%3Cpath d='M16 10l6-3v10l-6-3z'/%3E%3C/svg%3E")}
.ato-i-sliders{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h10M18 6h2M4 12h4M12 12h8M4 18h12M20 18h0'/%3E%3Ccircle cx='16' cy='6' r='2'/%3E%3Ccircle cx='10' cy='12' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E")}
.ato-i-support{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 14v-2a8 8 0 0116 0v2'/%3E%3Crect x='3' y='13' width='4' height='6' rx='1.5'/%3E%3Crect x='17' y='13' width='4' height='6' rx='1.5'/%3E%3Cpath d='M19 19a3 3 0 01-3 3h-3'/%3E%3C/svg%3E")}
.ato-i-transfer{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h14l-4-4M20 16H6l4 4'/%3E%3C/svg%3E")}
.ato-i-clock{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.ato-i-globe{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3z'/%3E%3C/svg%3E")}
.ato-i-share{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='M8.6 10.5l6.8-4M8.6 13.5l6.8 4'/%3E%3C/svg%3E")}
.ato-i-building{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 21V5a2 2 0 012-2h8a2 2 0 012 2v16M16 9h2a2 2 0 012 2v10M2 21h20M8 7h4M8 11h4M8 15h4'/%3E%3C/svg%3E")}
@media (max-width:1100px){.ato-feats,.ato-rel{grid-template-columns:repeat(2,1fr)}.ato-psteps{grid-template-columns:repeat(2,1fr)}.ato-psteps::before{display:none}}
@media (max-width:991px){.ato-svc-intro,.ato-svc-band{grid-template-columns:1fr;gap:32px}.ato-svc-band{padding:36px 28px}.ato-svc-block{padding:48px 0}}
@media (max-width:640px){.ato-feats,.ato-rel,.ato-faq,.ato-psteps,.ato-cards-2{grid-template-columns:1fr}.ato-svc-lead{font-size:16.5px}.ato-glance{padding:24px}.ato-svc-band{padding:28px 20px;border-radius:22px}}
.ato-listing .ato-cards>.ato-card:nth-child(7):last-child{grid-column:1/-1;display:grid;grid-template-columns:auto 1.1fr 1fr auto;grid-template-areas:"ico h3 ul more" "ico p ul more";gap:6px 36px;align-items:center;background:linear-gradient(135deg,#fff,#f1faf6)}
.ato-listing .ato-cards>.ato-card:nth-child(7):last-child .ato-ico{grid-area:ico}
.ato-listing .ato-cards>.ato-card:nth-child(7):last-child h3{grid-area:h3;margin:0;align-self:end}
.ato-listing .ato-cards>.ato-card:nth-child(7):last-child p{grid-area:p;align-self:start}
.ato-listing .ato-cards>.ato-card:nth-child(7):last-child ul{grid-area:ul;margin:0}
.ato-listing .ato-cards>.ato-card:nth-child(7):last-child .ato-more{grid-area:more;margin:0}
@media (max-width:991px){.ato-listing .ato-cards>.ato-card:nth-child(7):last-child{display:flex}.ato-listing .ato-cards>.ato-card:nth-child(7):last-child h3{margin:22px 0 10px}.ato-listing .ato-cards>.ato-card:nth-child(7):last-child ul{margin:20px 0 24px}.ato-listing .ato-cards>.ato-card:nth-child(7):last-child .ato-more{margin-top:auto}}
/* ==== Team / Help / Terms (v4) ==== */
.ato-pagex .ato-section:first-child{padding-top:72px}
.ato-pagex ul,.ato-pagex ol{list-style:none;margin:0;padding:0}
.ato-people{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:1080px;margin:0 auto}
.ato-person{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--ato-line);border-radius:24px;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s}
.ato-person:hover{transform:translateY(-5px);box-shadow:0 30px 60px -28px rgba(2,68,48,.4);border-color:rgba(6,214,160,.5)}
.ato-person-img{position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(6,214,160,.45),transparent 60%),linear-gradient(150deg,var(--ato-800),var(--ato-900))}
.ato-person-img img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.ato-person-role{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ato-700);background:rgba(6,214,160,.12);padding:5px 12px;border-radius:999px;margin-bottom:12px!important}
.ato-person h3{font-size:24px;font-weight:800;color:var(--ato-800);margin:0 0 10px}
.ato-person p{font-size:15px;line-height:1.65;color:var(--ato-muted)}
.ato-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ato-value{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;transition:background .25s,border-color .25s}
.ato-value:hover{background:rgba(6,214,160,.08);border-color:rgba(6,214,160,.4)}
.ato-value .ato-ico{width:50px;height:50px;border-radius:14px;background:rgba(6,214,160,.14);box-shadow:none}
.ato-value .ato-ico::before{inset:13px}
.ato-value h4{color:#fff;font-size:19px;font-weight:800;margin:18px 0 8px}
.ato-value p{color:rgba(255,255,255,.68);font-size:15px;line-height:1.6}
.ato-dark .ato-head .ato-sub{color:rgba(255,255,255,.7)}
.ato-join{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;background:var(--ato-bg);border:1px solid var(--ato-line);border-radius:28px;padding:48px 56px}
.ato-join .ato-sub{max-width:620px}
.ato-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ato-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ato-topic{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--ato-line);border-radius:16px;background:#fff;text-decoration:none!important;color:var(--ato-800)!important;font-weight:700;font-size:16px;transition:border-color .2s,transform .2s,box-shadow .2s}
.ato-topic:hover{border-color:var(--ato-mint);transform:translateY(-3px);box-shadow:0 20px 40px -24px rgba(2,68,48,.4)}
.ato-topic .ato-ico{width:44px;height:44px;border-radius:12px;flex:0 0 auto;box-shadow:none}
.ato-topic .ato-ico::before{inset:12px}
.ato-topic em{margin-left:auto;font-style:normal;color:var(--ato-700)}
.ato-faq-1{grid-template-columns:1fr!important}
.ato-contacts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ato-contact{background:#fff;border:1px solid var(--ato-line);border-radius:20px;padding:26px}
.ato-contact .ato-ico{width:48px;height:48px;border-radius:13px}
.ato-contact .ato-ico::before{inset:13px}
.ato-contact h4{font-size:18px;font-weight:800;color:var(--ato-800);margin:16px 0 6px}
.ato-contact p{font-size:14.5px;line-height:1.6;color:var(--ato-muted);margin-bottom:12px!important}
.ato-contact-l a{font-weight:700;color:var(--ato-700)!important;text-decoration:none!important;line-height:1.9}
.ato-contact-l a:hover{color:var(--ato-800)!important}
.ato-legal{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start}
.ato-legal-toc{position:sticky;top:120px;background:var(--ato-bg);border:1px solid var(--ato-line);border-radius:20px;padding:24px}
.ato-legal-toc-t{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ato-700);margin-bottom:12px!important}
.ato-legal-toc li{display:flex;gap:12px;padding:9px 0;border-top:1px dashed #d5e2dc;font-size:14.5px;font-weight:600;color:var(--ato-ink)}
.ato-legal-toc li:first-child{border-top:0}
.ato-legal-toc li span{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--ato-700);padding-top:2px}
.ato-legal-help{margin-top:18px;padding:18px;border-radius:14px;background:linear-gradient(135deg,var(--ato-800),var(--ato-900));color:#fff}
.ato-legal-help p{color:rgba(255,255,255,.8);font-size:14px;margin-bottom:6px!important}
.ato-legal-help a{color:var(--ato-mint)!important;font-weight:800;text-decoration:none!important}
.ato-legal-body{display:grid;gap:18px}
.ato-legal-sec{background:#fff;border:1px solid var(--ato-line);border-radius:20px;padding:30px 34px}
.ato-legal-n{font-family:ui-monospace,Menlo,monospace;font-size:13px;font-weight:800;color:var(--ato-mint)}
.ato-legal-sec h3{font-size:22px;font-weight:800;color:var(--ato-800);margin:6px 0 12px}
.ato-legal-sec p,.ato-legal-sec li{font-size:15.5px;line-height:1.75;color:#3d5149}
.ato-legal-sec p+p{margin-top:12px!important}
.ato-legal-sec ul{margin:10px 0!important}
.ato-legal-sec ul li{position:relative;padding-left:20px}
.ato-legal-sec ul li::before{content:"";position:absolute;left:4px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--ato-mint)}
@media (max-width:1100px){.ato-people{grid-template-columns:1fr}.ato-contacts{grid-template-columns:repeat(2,1fr)}.ato-values,.ato-channels,.ato-topics{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991px){.ato-legal{grid-template-columns:1fr}.ato-legal-toc{position:static}.ato-join{padding:36px 28px}}
@media (max-width:640px){.ato-person{grid-template-columns:1fr;text-align:left}.ato-person-img{max-width:220px}.ato-values,.ato-channels,.ato-topics,.ato-contacts{grid-template-columns:1fr}.ato-legal-sec{padding:24px 20px}.ato-pagex .ato-section:first-child{padding-top:48px}}
.ato-person-role{white-space:nowrap;letter-spacing:.06em!important;font-size:11.5px!important}
/* ==== Site pages (v5) ==== */
.ato-statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:radial-gradient(500px 260px at 100% 0,rgba(6,214,160,.28),transparent 65%),linear-gradient(150deg,var(--ato-800),var(--ato-900));border-radius:24px;padding:28px;box-shadow:0 40px 70px -40px rgba(2,68,48,.8)}
.ato-statc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px 16px}
.ato-statc strong{display:block;font-size:30px;font-weight:800;color:#fff;letter-spacing:-.02em}
.ato-statc span{font-size:13px;color:rgba(255,255,255,.65);font-weight:600}
.ato-story{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ato-story-c{background:var(--ato-bg);border:1px solid var(--ato-line);border-radius:22px;padding:30px}
.ato-story-c .ato-ico{width:52px;height:52px;border-radius:14px}
.ato-story-c .ato-ico::before{inset:14px}
.ato-story-c h3{font-size:21px;font-weight:800;color:var(--ato-800);margin:18px 0 10px}
.ato-story-c p{font-size:15.5px;line-height:1.7;color:var(--ato-muted)}
.ato-quotes{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ato-quote{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:34px;position:relative}
.ato-quote::before{content:"“";position:absolute;right:28px;top:6px;font-size:96px;line-height:1;color:rgba(6,214,160,.25);font-family:Georgia,serif}
.ato-quote-t{font-size:18px!important;line-height:1.7;color:rgba(255,255,255,.9)}
.ato-quote-a{display:flex;align-items:center;gap:14px;margin-top:24px}
.ato-quote-a span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--ato-mint);color:var(--ato-900);font-weight:800}
.ato-quote-a strong{display:block;color:#fff;font-size:16px}
.ato-quote-a em{font-style:normal;color:rgba(255,255,255,.6);font-size:14px}
.ato-feats-4{grid-template-columns:repeat(4,1fr)!important}
.ato-office{display:flex;gap:16px;align-items:center;background:var(--ato-bg);border:1px solid var(--ato-line);border-radius:18px;padding:18px 22px;margin-bottom:8px}
.ato-office .ato-ico{width:46px;height:46px;border-radius:13px;flex:0 0 auto}
.ato-office .ato-ico::before{inset:12px}
.ato-office strong{color:var(--ato-800);font-size:16px}
.ato-office p{color:var(--ato-muted);font-size:15px}
.ato-head .ato-sub a{color:var(--ato-700);font-weight:700}
@media (max-width:1100px){.ato-feats-4{grid-template-columns:repeat(2,1fr)!important}.ato-story{grid-template-columns:1fr}}
@media (max-width:991px){.ato-quotes{grid-template-columns:1fr}}
@media (max-width:640px){.ato-feats-4{grid-template-columns:1fr!important}.ato-statgrid{grid-template-columns:repeat(2,1fr);padding:20px}.ato-quote{padding:26px}}
/* alignment */
.ato-modern .container{max-width:1240px!important;padding-left:24px!important;padding-right:24px!important}
.ato-modern .box-newsletter .container,.ato-partners .container{max-width:1240px!important}
.ato-careerlist-off{display:none}
/* ==== Templates (v6): blog posts, shop, auth, 404 ==== */
/* blog post detail */
.content-single{font-family:'Manrope',system-ui,sans-serif}
.content-single>h2,.content-single>h3.h3{font-size:clamp(28px,3.2vw,42px)!important;font-weight:800!important;letter-spacing:-.02em;color:var(--ato-800)!important}
.content-single .ck-content{font-size:17px;line-height:1.8;color:#3d5149!important}
.content-single .ck-content h2,.content-single .ck-content h3,.content-single .ck-content h4{color:var(--ato-800)!important;font-weight:800;letter-spacing:-.01em;margin:32px 0 12px}
.content-single .ck-content p{margin-bottom:16px}
.content-single .ck-content img{border-radius:18px;max-width:100%;height:auto}
.content-single .ck-content a{color:var(--ato-700);font-weight:600}
.content-single .ck-content blockquote{border-left:4px solid var(--ato-mint);background:var(--ato-bg);border-radius:0 16px 16px 0;padding:18px 24px;margin:24px 0;font-style:normal}
.sidebar-author .card{border:1px solid var(--ato-line)!important;border-radius:20px!important;box-shadow:none!important;overflow:hidden;margin-bottom:22px}
.sidebar-author .card>p[class*=title-]{font-size:12.5px!important;font-weight:800!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ato-700)!important;background:var(--ato-bg);margin:0!important;padding:16px 22px!important;border-bottom:1px solid var(--ato-line)}
.sidebar-author .post-item{padding:14px 22px;border-bottom:1px dashed var(--ato-line)}
.sidebar-author .post-item:last-child{border-bottom:0}
.sidebar-author .post-item img{border-radius:12px}
.sidebar-author .post-item a{color:var(--ato-800)!important;font-weight:700}
.sidebar-author .post-item a:hover{color:var(--ato-700)!important}
/* shop */
.banner-shop-grid,.box-banner-shop-grid{display:none!important}
.sidebar-border,.box-filters-sidebar,.sidebar-shop .card,.content-main .card,.box-sidebar-shop>div{border-radius:20px!important;border-color:var(--ato-line)!important}
.card-product .btn,.card-product .btn-cart{background:var(--ato-800)!important;border-radius:999px!important;color:#fff!important;border:0!important}
.card-product .btn:hover{background:var(--ato-mint)!important;color:var(--ato-900)!important}
.card-product .price,.card-product [class*=price]{color:var(--ato-800)!important;font-weight:800}
.noUi-connect{background:var(--ato-mint)!important}
.noUi-handle{border-color:var(--ato-800)!important;background:var(--ato-800)!important}
/* auth + tracking forms */
.form--auth,section.section .col-xl-6 .card{border:1px solid var(--ato-line)!important;border-radius:24px!important;box-shadow:0 40px 80px -50px rgba(2,68,48,.5)!important;padding:12px}
.form--auth h1,.form--auth h2,.form--auth h3,section.section .col-xl-6 .card h3{color:var(--ato-800)!important;font-weight:800!important}
.form--auth .btn,section.section .col-xl-6 .card .btn[type=submit],button[type=submit].btn{background:linear-gradient(135deg,var(--ato-800),var(--ato-700))!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:12px 28px!important}
/* 404 */
.box-404 h1,.box-404 h2{color:var(--ato-800)!important;font-weight:800!important}
.box-404 .btn{background:var(--ato-mint)!important;color:var(--ato-900)!important;border-radius:999px!important;border:0!important}
/* cart */
.content-main table th{background:var(--ato-bg)!important;color:var(--ato-800)!important}
.content-main .btn-brand-1,.content-main .btn-default{border-radius:999px!important}

/* ===== Modern header / main menu ===== */
@media (min-width: 1200px) {
  header.header .main-header .header-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
  }
  header.header .header-logo { flex: 0 0 auto; }
  header.header .header-logo img { max-height: 64px; width: auto; }
  header.header .header-nav {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    min-width: 0;
  }
  header.header .main-menu {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2px;
    padding: 6px !important;
    margin: 0;
    background: rgba(2, 68, 48, 0.05);
    border: 1px solid rgba(2, 68, 48, 0.08);
    border-radius: 999px;
  }
  header.header .main-menu > li {
    float: none !important;
    padding: 0 !important;
    list-style: none;
  }
  header.header .main-menu > li > a {
    display: block;
    padding: 9px 16px !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    color: #0b1f17;
    border-radius: 999px;
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
  }
  header.header .main-menu > li > a:hover {
    background: rgba(2, 68, 48, 0.08);
    color: #024430;
  }
  header.header .main-menu > li.active > a {
    background: #ffffff;
    color: #024430;
    box-shadow: 0 2px 8px rgba(2, 68, 48, 0.12);
  }
  header.header .header-right {
    flex: 0 0 auto;
    width: auto !important;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 !important;
  }
  header.header .header-right .btn { white-space: nowrap; }
}
/* Tighter spacing on smaller desktops so all items stay on one line */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  header.header .main-header .header-left { gap: 14px; }
  header.header .header-logo img { max-height: 54px; }
  header.header .main-menu > li > a { padding: 8px 11px !important; font-size: 14px; }
}

/* ===== Modern "From Our Blog" section ===== */
section.section.mt-50:has(.card-blog-grid-2) { padding: 40px 0 60px; }
section.section.mt-50:has(.card-blog-grid-2) > .container > .row.align-items-end h2 {
  font-size: clamp(32px, 4vw, 46px); letter-spacing: -0.02em; margin-bottom: 12px !important;
}
section.section.mt-50:has(.card-blog-grid-2) > .container > .row.align-items-end p { max-width: 560px; margin: 0; }
/* View all button */
section.section.mt-50:has(.card-blog-grid-2) .row.align-items-end .btn.btn-default {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 12px 22px !important; border-radius: 999px;
  border: 1px solid rgba(2, 68, 48, .2); background: #fff;
  color: #024430; font-weight: 700; font-size: 14px;
  transition: background .2s, color .2s, border-color .2s, transform .2s;
}
section.section.mt-50:has(.card-blog-grid-2) .row.align-items-end .btn.btn-default:hover {
  background: #024430; border-color: #024430; color: #fff; transform: translateY(-2px);
}
section.section.mt-50:has(.card-blog-grid-2) .row.align-items-end .btn.btn-default svg { margin: 0 !important; }
section.section.mt-50:has(.card-blog-grid-2) .row.align-items-end .btn.btn-default:hover svg path { stroke: #fff; fill: #fff; }

/* Card grid: cards share the full width evenly */
section.section.mt-50:has(.card-blog-grid-2) .row.mt-55 {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 28px; margin: 40px 0 0 !important;
}
section.section.mt-50:has(.card-blog-grid-2) .row.mt-55 > [class*="col-"] {
  width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important;
}

/* Card */
section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid {
  height: 100%; display: flex; flex-direction: column;
  padding: 0 !important; margin: 0 !important; overflow: hidden;
  background: #fff; border: 1px solid #e3ebe7; border-radius: 22px;
  box-shadow: 0 1px 2px rgba(11, 31, 23, .04);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid:hover {
  transform: translateY(-6px); border-color: rgba(6, 106, 76, .25);
  box-shadow: 0 22px 44px -18px rgba(2, 68, 48, .28);
}
section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid .card-image {
  margin: 0 !important; border-radius: 0 !important; overflow: hidden; aspect-ratio: 16 / 9; background: #f2f6f4;
}
section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid .card-image a { display: block; height: 100%; }
section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid .card-image img {
  width: 100%; height: 100% !important; object-fit: cover; object-position: top center;
  border-radius: 0 !important; transform: none !important; transition: transform .6s ease;
}
section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid:hover .card-image img { transform: scale(1.04) !important; }

section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid .card-info {
  flex: 1; display: flex; flex-direction: column; padding: 26px 28px 24px !important;
}
section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid .card-info h6 {
  font-size: 22px; line-height: 1.3; letter-spacing: -0.01em; margin: 0; transition: color .2s;
}
section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid .card-info a:hover h6 { color: #066a4c !important; }
section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid .card-info > p {
  margin: 10px 0 22px !important; font-size: 15px; line-height: 1.6; color: #5b6f66;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* Meta row: category chip + date + read time */
section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid .card-info > div {
  margin-top: auto !important; padding-top: 18px !important; border-top: 1px solid #edf2ef !important;
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px;
}
section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid .card-info > div .btn {
  margin: 0 auto 0 0 !important; padding: 6px 14px !important; border: 0 !important; border-radius: 999px;
  background: rgba(6, 106, 76, .09); color: #024430; font-size: 12px; font-weight: 700; line-height: 1.4;
  white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis;
}
section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid .card-info > div .btn:hover { background: #024430; color: #fff; }
section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid .card-info > div .date-post,
section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid .card-info > div .time-read {
  margin: 0 !important; display: inline-flex; align-items: center; gap: 6px;
  white-space: nowrap; font-size: 13px; color: #7a8a83;
}
@media (max-width: 767.98px) {
  section.section.mt-50:has(.card-blog-grid-2) .row.align-items-end .text-md-end { margin-top: 20px; }
  section.section.mt-50:has(.card-blog-grid-2) .card-blog-grid .card-info { padding: 22px !important; }
}

/* ===== Cart drawer: overlay panel, no sideways scrolling ===== */
/* The header blur trapped the cart inside the header; move the blur to a pseudo-layer */
html body header.header, html body:not(:has(.ato-classic-marker)) header.header {
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  background: transparent !important;
}
html body header.header::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: rgba(255, 255, 255, .88);
  backdrop-filter: saturate(180%) blur(14px); -webkit-backdrop-filter: saturate(180%) blur(14px);
}
html, body { overflow-x: clip; }
.cart-sidebar {
  position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important;
  height: 100vh !important; height: 100dvh !important; width: 100%; max-width: 400px;
  z-index: 100001 !important; visibility: hidden;
  display: flex; flex-direction: column;
  background: #fff !important; border-left: 1px solid #e3ebe7;
  transform: translateX(100%);
  transition: transform .35s ease, box-shadow .35s ease, visibility 0s linear .35s;
}
.cart-sidebar.active {
  visibility: visible; transform: translateX(0);
  box-shadow: -24px 0 60px -12px rgba(11, 31, 23, .25), 0 0 0 100vmax rgba(11, 31, 23, .35);
  transition: transform .35s ease, box-shadow .35s ease, visibility 0s;
}
.cart-sidebar .cart-content { flex: 1 1 auto; height: auto !important; }
.cart-sidebar .btn-close-cart {
  width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%; line-height: 1; transition: background .2s;
}
.cart-sidebar .btn-close-cart:hover { background: rgba(2, 68, 48, .08); }
/* keep below the admin toolbar for logged-in admins */
.show-admin-bar .cart-sidebar { top: 40px !important; height: calc(100dvh - 40px) !important; }
/* ===== end cart drawer ===== */