@import url("/styles-base.css");
@import url("/brand.css");


/* CFDLand-inspired information architecture, expressed in Abecator's own visual system */
.visual-showcase{padding:76px 0;background:#f5f8fc}
.visual-showcase-head{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end;margin-bottom:30px}
.visual-showcase-head h2{max-width:760px;font-size:clamp(2.35rem,4vw,4.25rem)}
.visual-showcase-head p{margin:0;color:#65758a;line-height:1.8}
.visual-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.visual-feature-card{position:relative;display:flex;min-height:360px;overflow:hidden;border-radius:18px;color:#fff;isolation:isolate}
.visual-feature-card:before,.catalog-card:before{content:"";position:absolute;inset:0;z-index:-2;background:
radial-gradient(circle at 25% 70%,rgba(46,213,230,.85),transparent 18%),
radial-gradient(ellipse at 70% 42%,rgba(31,115,255,.8),transparent 30%),
repeating-radial-gradient(ellipse at 55% 54%,transparent 0 9px,rgba(255,255,255,.15) 10px 11px),
linear-gradient(135deg,#061428,#163d6b 55%,#07172e)}
.visual-feature-card:nth-child(2):before{background:
radial-gradient(ellipse at 60% 60%,rgba(255,141,31,.9),transparent 13%),
radial-gradient(ellipse at 50% 50%,rgba(46,213,230,.72),transparent 34%),
repeating-linear-gradient(112deg,transparent 0 14px,rgba(255,255,255,.11) 15px 16px),
linear-gradient(145deg,#07172e,#18527f 60%,#101928)}
.visual-feature-card:nth-child(3):before{background:
radial-gradient(circle at 70% 24%,rgba(255,70,60,.85),transparent 12%),
radial-gradient(ellipse at 42% 62%,rgba(46,213,230,.8),transparent 25%),
repeating-radial-gradient(ellipse at 55% 60%,transparent 0 12px,rgba(255,255,255,.12) 13px 14px),
linear-gradient(145deg,#07172e,#283f75 58%,#07172e)}
.visual-feature-card:after{content:"";position:absolute;inset:35% 0 0;z-index:-1;background:linear-gradient(transparent,rgba(5,16,34,.96))}
.visual-feature-copy{align-self:flex-end;padding:25px}
.visual-feature-copy small{font:800 .66rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:#6ee7f1}
.visual-feature-copy h3{margin:9px 0 8px;font-size:1.45rem}
.visual-feature-copy p{margin:0 0 18px;color:#c0cee0;font-size:.9rem}
.visual-feature-copy a{font-weight:850;color:#fff}
.blog-label{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e8f3ff;color:#0f67d8;font-size:.66rem;font-weight:850}
.contact-office-grid{display:grid;grid-template-columns:.95fr 1.05fr;overflow:hidden;border:1px solid #d9e2ec;border-radius:18px;background:#fff;box-shadow:0 20px 55px rgba(25,52,86,.08)}
.contact-details-panel{padding:38px}
.contact-details-panel h2{margin:10px 0 30px;font-size:clamp(2rem,3.5vw,3.25rem)}
.contact-detail-row{display:grid;grid-template-columns:95px 1fr;gap:15px;padding:15px 0;border-top:1px solid #e3e9f0}
.contact-detail-row>span{font:800 .66rem ui-monospace,SFMono-Regular,Menlo,monospace;color:#718197;letter-spacing:.08em}
.contact-detail-row a{color:#0f67d8;font-weight:750}
.contact-details-panel .button{margin-top:26px}
.contact-map{min-height:480px;background:#dfe8f2}
.contact-map iframe{width:100%;height:100%;min-height:480px;border:0}
.contact-message-head{margin-top:64px}
.catalog-jump{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 34px}
.catalog-jump a{padding:9px 13px;border:1px solid #cfdbea;border-radius:999px;background:#fff;color:#24405f;font-size:.73rem;font-weight:800}
.catalog-jump a:hover{border-color:#1f73ff;color:#0f67d8}
@media(max-width:980px){.visual-showcase-head,.contact-office-grid{grid-template-columns:1fr}.visual-feature-grid{grid-template-columns:repeat(2,1fr)}.contact-map{min-height:360px}.contact-map iframe{min-height:360px}}
@media(max-width:680px){.visual-showcase{padding:60px 0}.visual-feature-grid{grid-template-columns:1fr}.visual-feature-card{min-height:320px}.contact-details-panel{padding:25px}.contact-detail-row{grid-template-columns:1fr;gap:6px}}

.footer-nav-unified{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px 28px;align-content:start}
.footer-nav-unified a{color:#aebdd0;font-size:.86rem;font-weight:700}
.footer-nav-unified a:hover{color:#fff}
.footer-contact-line{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:15px}
.footer-contact-line a{color:#8fa5bd;font-size:.78rem}
@media(max-width:1120px){.site-header .nav{gap:14px}.site-header .nav a{font-size:.76rem}}
@media(max-width:980px){.footer-nav-unified{grid-template-columns:1fr}}

.contact-launcher{position:fixed;left:18px;bottom:18px;z-index:1000}
.contact-launcher summary{display:flex;align-items:center;gap:9px;width:max-content;min-width:56px;height:56px;padding:0 17px;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:#18c86f;color:#fff;box-shadow:0 12px 34px rgba(7,23,46,.24);cursor:pointer;list-style:none;font-weight:850}
.contact-launcher summary::-webkit-details-marker{display:none}
.contact-launcher summary:focus-visible{outline:3px solid #2ed5e6;outline-offset:3px}
.contact-launcher-icon{display:grid;place-items:center;width:25px;height:25px;border:2px solid currentColor;border-radius:50%;font-size:.72rem}
.contact-launcher-label{font-size:.8rem}
.contact-launcher-menu{position:absolute;left:0;bottom:66px;display:grid;gap:8px;width:172px;padding:10px;border:1px solid #d7e1ec;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(7,23,46,.2)}
.quick-contact{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;color:#17324f;font-size:.8rem;font-weight:800}
.quick-contact:hover{background:#eff5fb}
.quick-contact b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf3f8;color:#17324f;font-size:.65rem}
.quick-contact.whatsapp b{background:#dcf8e9;color:#08763f}
.quick-contact.telegram b{background:#e3f3ff;color:#0879b9}
.quick-contact.email b{background:#e9efff;color:#315acb;font-size:.95rem}
@media(max-width:680px){.contact-launcher{left:12px;bottom:12px}.contact-launcher summary{width:52px;min-width:52px;height:52px;padding:0;justify-content:center}.contact-launcher-label{display:none}.contact-launcher-menu{bottom:60px}}

html{scroll-behavior:smooth}
.back-to-top{position:fixed;left:27px;bottom:143px;z-index:999;display:grid;place-items:center;width:40px;height:40px;border:2px solid rgba(255,255,255,.92);border-radius:50%;background:#3478f6;color:#fff;box-shadow:0 10px 25px rgba(7,23,46,.18);font-size:1.25rem;font-weight:900;line-height:1;transition:transform .18s ease,background .18s ease}
.back-to-top:hover{transform:translateY(-2px);background:#1767ee}
.back-to-top:focus-visible{outline:3px solid #2ed5e6;outline-offset:3px}
@media(max-width:680px){.back-to-top{left:18px;bottom:134px;width:38px;height:38px}}


/* Fixed quick access to the Abecator AI CFD Assistant */
.ai-quick-launcher{position:fixed;left:18px;bottom:84px;z-index:998;display:flex;align-items:center;gap:9px;padding:9px 13px 9px 9px;border:1px solid rgba(46,213,230,.45);border-radius:999px;background:#07172e;color:#fff;box-shadow:0 12px 30px rgba(7,23,46,.25);font-size:.76rem;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.ai-quick-launcher:hover{transform:translateY(-2px);background:#0b2b4d;box-shadow:0 16px 36px rgba(7,23,46,.32)}.ai-quick-icon{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:#2ed5e6;color:#07172e;font-size:.68rem;font-weight:950}.ai-quick-label{white-space:nowrap}@media(max-width:640px){.ai-quick-launcher{left:12px;bottom:74px;padding:8px}.ai-quick-label{display:none}.ai-quick-icon{width:34px;height:34px}}

/* August 2026 usability pass: clearer hierarchy, navigation and reading rhythm */
:root{--muted:#58697f}
body{line-height:1.68}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.section{padding:82px 0}
.section-sidecopy{max-width:560px;color:var(--muted)}
.section-heading-row{align-items:start}
.audience-card{min-height:285px;padding:25px}
.audience-card h3{margin:30px 0 10px}
.visual-showcase{padding:68px 0}
.visual-showcase-head p{color:var(--muted)}

.site-header .nav{gap:16px;overflow:visible}
.site-header .nav>a,.nav-more>summary{position:relative;display:inline-flex;align-items:center;min-height:38px;padding:0 2px;border-radius:7px;white-space:nowrap;cursor:pointer;list-style:none;color:#334158;font-size:.84rem;font-weight:700;transition:color .16s ease,background .16s ease}
.nav-more>summary::-webkit-details-marker{display:none}
.nav-more>summary:after{content:"⌄";margin-left:5px;color:#7b8aa0;font-size:.72rem;transform:translateY(-1px)}
.site-header .nav>a:hover,.nav-more>summary:hover{color:var(--blue)}
.site-header .nav>a[aria-current="page"],.nav-more.is-current>summary{color:#0f67d8}
.site-header .nav>a[aria-current="page"]:after,.nav-more.is-current>summary:before{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:2px;background:var(--blue)}
.nav-more{position:relative;flex:0 0 auto}
.nav-more-menu{position:absolute;right:0;top:calc(100% + 11px);display:grid;min-width:210px;padding:8px;border:1px solid #d7e1ec;border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(7,23,46,.16)}
.nav-more-menu a{display:flex;align-items:center;min-height:40px;padding:0 11px;border-radius:8px;color:#334158;font-size:.8rem;font-weight:720}
.nav-more-menu a:hover,.nav-more-menu a[aria-current="page"]{background:#eef5ff;color:#0f67d8}
.nav-more-menu .nav-account-link{margin-top:5px;border-top:1px solid #e3e9f0;border-radius:0 0 8px 8px;padding-top:5px}

.home-jump-wrap{min-height:64px;display:flex;align-items:center;gap:20px}
.home-jump-label{flex:0 0 auto;color:#8190a3;font-size:.66rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.home-jump{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.home-jump::-webkit-scrollbar{display:none}
.home-jump a{flex:0 0 auto;padding:7px 10px;border-radius:7px;color:#53647a;font-size:.75rem;font-weight:760;white-space:nowrap}
.home-jump a:hover{background:#eef5ff;color:#0f67d8}

.footer-nav-unified a{color:#53647a}
.footer-nav-unified a:hover{color:var(--blue)}
.footer-contact-line a{color:#66778d}

@media(max-width:1120px){
  .site-header .nav{gap:11px}
  .site-header .nav>a,.nav-more>summary{font-size:.76rem}
}
@media(max-width:760px){
  html{scroll-padding-top:172px}
  .nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}
  .site-header .nav>a,.nav-more>summary{width:100%;min-height:38px;justify-content:center;padding:6px 7px;background:#f5f8fc;text-align:center;white-space:normal;font-size:.7rem;line-height:1.15}
  .site-header .nav>a[aria-current="page"],.nav-more.is-current>summary{background:#e9f2ff;color:#0f67d8}
  .site-header .nav>a[aria-current="page"]:after,.nav-more.is-current>summary:before{display:none}
  .nav-more-menu{right:0;top:calc(100% + 7px);width:min(250px,calc(100vw - 30px))}
  .site-header .nav .nav-more-menu a{justify-content:flex-start;min-height:42px;padding:0 11px;background:transparent;font-size:.78rem;text-align:left}
  .site-header .nav .nav-more-menu a:hover,.site-header .nav .nav-more-menu a[aria-current="page"]{background:#eef5ff}
  .home-jump-wrap{min-height:60px;gap:10px}
  .home-jump-label{display:none}
  .home-jump{width:100%}
  .section{padding:68px 0}
  .audience-card{min-height:250px}
  .audience-card h3{margin-top:25px}
}

.site-header{position:relative;top:auto;z-index:50;overflow:visible}.site-header .nav-wrap{overflow:visible}.nav-more-menu{z-index:100}.header-contact-bar{position:sticky;top:0;z-index:51;height:34px;background:#061222;border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.header-contact-icons{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:4px}
.header-contact-icons a{display:grid;width:32px;height:32px;place-items:center;border-radius:7px;color:#c8d7e8;transition:color .16s ease,background .16s ease,transform .16s ease}
.header-contact-icons a:hover{color:#2ed5e6;background:rgba(255,255,255,.08);transform:translateY(-1px)}
.header-contact-icons a:focus-visible{outline:2px solid #2ed5e6;outline-offset:-3px}
.header-contact-icons svg{width:16px;height:16px;fill:currentColor}
.header-contact-icons a:nth-child(-n+4) svg{width:19px;height:19px}
.header-contact-icons a:nth-child(3) svg{width:23px;height:23px}
.header-contact-icons a:nth-child(4) svg{width:22px;height:22px}
.header-contact-icons .header-ai-link text{font-size:13px;font-weight:900}
.header-contact-icons a:nth-child(5){position:relative;margin-left:7px}
.header-contact-icons a:nth-child(5):before{content:"";position:absolute;left:-6px;top:8px;bottom:8px;width:1px;background:rgba(200,215,232,.3);pointer-events:none}
@media(max-width:680px){.header-contact-bar{height:31px}.header-contact-icons{justify-content:center;gap:1px}.header-contact-icons a{width:32px;height:30px}}

/* Keep the lower-left quick actions compact on every screen size. */
.contact-launcher{left:12px;bottom:12px}
.contact-launcher summary{width:52px;min-width:52px;height:52px;padding:0;justify-content:center}
.contact-launcher-label{display:none}
.contact-launcher-menu{bottom:60px}
.ai-quick-launcher{left:12px;bottom:74px;padding:8px}
.ai-quick-label{display:none}
.ai-quick-icon{width:34px;height:34px}