/* Shared public marketing shell: canonical brand tokens, navigation, buttons and footer. */
:root{
  --ink:#f6f8fb;--soft:#c3cede;--muted:#8698ad;
  --blue:#0d84ff;--blue-2:#0457df;--cyan:#39b8ff;--aqua:#56d7cd;
  --bg:#02070e;--bg-2:#061321;--bg-3:#081b2d;--panel:#081827;--panel-2:#0b2137;
  --line:rgba(115,174,240,.16);--line-strong:rgba(65,157,255,.40);
  --shell:1400px;--header:84px;--shadow:0 24px 90px rgba(0,0,0,.45);
  --paper:var(--bg);--white:var(--panel);--navy:var(--bg-2);--navy2:var(--bg-3);
  --radius:22px;--green:var(--aqua);--amber:var(--cyan);
}
html{background:var(--bg);scroll-behavior:smooth}
body{color:var(--ink)}
a{color:inherit}
.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}
.skip{position:fixed;left:12px;top:12px;z-index:9999;padding:10px 14px;border-radius:8px;background:#fff;color:#00142a;transform:translateY(-160%)}
.skip:focus{transform:none}
:focus-visible{outline:3px solid rgba(57,184,255,.92);outline-offset:4px}
.public-header{z-index:1000;color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.header.public-header{position:fixed;inset:0 0 auto;height:var(--header);border-color:transparent;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}
.header.public-header.scrolled{background:rgba(2,7,14,.90);border-color:var(--line);box-shadow:0 18px 48px rgba(0,0,0,.22)}
.site-head.public-header{position:relative;background:rgba(2,7,14,.96);border-bottom:1px solid var(--line)}
.business-systems-page .public-header{position:relative;background:rgba(2,7,14,.90);border-color:var(--line)}
.navrow,.head-row{min-height:var(--header);height:100%;display:flex;align-items:center;gap:28px}
.head-row{padding-block:4px}
.brand{display:flex;align-items:center;width:198px;min-height:44px;flex:0 0 auto;text-decoration:none!important}
.brand img{display:block;width:100%;height:auto;max-width:100%}
.public-header nav.nav,.public-header nav.main-nav,.public-header .navlinks{display:flex;align-items:center;gap:clamp(10px,1.9vw,30px);margin-left:auto;font-size:.92rem;font-weight:650}
.public-header nav.nav>a,.public-header nav.main-nav>a,.public-header .navlinks>a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 6px;border-radius:9px;color:#dbe4f0;text-decoration:none;font-size:.9rem;font-weight:700;white-space:nowrap}
.public-header nav.nav>a:hover,.public-header nav.main-nav>a:hover,.public-header .navlinks>a:hover{background:rgba(255,255,255,.08);color:#fff}
.public-header .login{margin-left:4px}
.public-header .menu{display:none;margin-left:auto;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--line-strong);border-radius:9px;background:rgba(4,18,32,.72);color:var(--ink)}
.public-header .menu span{display:block;width:20px;height:2px;margin:5px auto;background:currentColor;transition:.2s}
.public-header .menu[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.public-header .menu[aria-expanded="true"] span:nth-child(2){opacity:0}
.public-header .menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.public-header .btn,.public-header .button,.public-header .nav-cta,.public-header nav .button{min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:7px;background:linear-gradient(135deg,var(--blue),var(--blue-2));box-shadow:0 15px 38px rgba(0,103,255,.27);color:#fff;font-weight:800;text-decoration:none}
.public-header .btn:hover,.public-header .button:hover,.public-header .nav-cta:hover{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff;transform:translateY(-1px)}
.public-header .ardaro-language-label{color:#dceaf3}
.public-header .ardaro-language-label select{min-height:44px;max-width:145px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel);color:var(--ink)}
.breadcrumbs{padding:14px 0;font-size:13px;background:var(--bg-2);border-bottom:1px solid var(--line);color:var(--soft)}
.breadcrumbs ol{display:flex;list-style:none;gap:8px;flex-wrap:wrap;padding:0;margin:0}.breadcrumbs li+li:before{content:"/";margin-right:8px;color:var(--muted)}
.breadcrumbs a{color:var(--ink)}
.main-nav .nav-cta{color:#fff!important}
.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 19px;border:1px solid transparent;border-radius:9px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}
.button.primary,.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:0 14px 34px rgba(0,103,255,.25)}
.button.secondary,.btn.ghost{border-color:var(--line-strong);background:rgba(2,14,27,.74);color:var(--ink)}
.button.dark{background:var(--bg-2);color:var(--ink)}
.button.light{border-color:var(--line-strong);background:var(--panel);color:var(--ink)}
footer.footer,body.seo-page footer,body.business-systems-page footer{padding:72px 0 28px;border-top:1px solid var(--line);background:#01060b;color:var(--soft)}
footer.footer h2,footer.footer h3,body.seo-page footer h2,body.seo-page footer h3,body.business-systems-page footer h2,body.business-systems-page footer h3{color:var(--ink)}
footer.footer a,body.seo-page footer a,body.business-systems-page footer a{color:var(--soft)}
footer.footer .brand,body.seo-page footer .brand{display:flex;width:210px;margin:0 0 18px}
footer.footer p,body.seo-page footer p,body.business-systems-page footer p{color:var(--muted)}
footer.footer .footer-grid,body.seo-page footer .footer-grid{display:grid;border-color:var(--line)}
footer.footer .footer-grid{grid-template-columns:1.2fr 1fr;gap:80px}
footer.footer .footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
footer.footer .footer-trades{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:34px;font-size:.8rem}footer.footer .footer-trades strong{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;margin-right:4px}footer.footer .footer-trades a{color:var(--soft);text-decoration:none}footer.footer .footer-trades a:hover{color:var(--ink)}
footer.footer .bottom{display:flex;justify-content:space-between;gap:18px;margin-top:52px;padding-top:22px;border-top:1px solid var(--line);color:#6f8299;font-size:.72rem}
body.seo-page footer h2{font-size:25px;margin:0 0 12px}body.seo-page footer h3{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan)}body.seo-page footer ul{list-style:none;padding:0;margin:0;columns:2}body.seo-page footer li{margin:7px 0;break-inside:avoid}body.seo-page .fine{border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:20px;font-size:13px;color:var(--muted)}
footer.footer .footer-links a,footer.footer .footer-links strong{color:var(--muted)}
body.seo-page{margin:0;min-width:320px;background:linear-gradient(180deg,#02070e 0%,#03101c 44%,#02070e 100%);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
body.seo-page main{background:transparent;color:var(--ink)}
body.seo-page main section{background-color:transparent!important;color:var(--ink)}
body.seo-page main section.white,body.seo-page main section.tint{background:var(--bg-2)!important}
body.seo-page h1,body.seo-page h2,body.seo-page h3,body.seo-page h4,body.seo-page strong,body.seo-page b{color:var(--ink)}
body.seo-page p,body.seo-page li,body.seo-page label,body.seo-page .section-head p{color:var(--soft)}
body.seo-page .hero{color:var(--ink);background:radial-gradient(circle at 84% 16%,rgba(57,184,255,.18),transparent 30%),linear-gradient(135deg,var(--bg-2),var(--bg-3) 72%,#0b3150)}
body.seo-page .hero .lead{color:var(--soft)}
body.seo-page .eyebrow,body.seo-page .kicker{color:var(--cyan)}
body.seo-page .card,body.seo-page .plan,body.seo-page .calculator,body.seo-page .report-form li,body.seo-page .proof-strip div,body.seo-page .proof-media,body.seo-page .resource-details,body.seo-page .script-box,body.seo-page .script-text,body.seo-page .check-list li,body.seo-page .example,body.seo-page .field input,body.seo-page .formula,body.seo-page .pricing-choice,body.seo-page .pricing-page .pricing-choice,body.seo-page .pricing-table,body.seo-page table{background:var(--panel)!important;border-color:var(--line)!important;color:var(--ink)!important;box-shadow:0 14px 38px rgba(0,0,0,.22)}
body.seo-page .card p,body.seo-page .plan p,body.seo-page .resource-details,body.seo-page .proof-media figcaption,body.seo-page .pricing-choice p{color:var(--soft)}
body.seo-page .card .label,body.seo-page .price,body.seo-page .results h2{color:var(--cyan)}
body.seo-page .plan.featured{border-color:var(--cyan)!important}
body.seo-page .plan .flag,body.seo-page .example-tag{background:var(--panel-2);color:var(--cyan)}
body.seo-page .callout{background:#1f2731;color:#f5e7bd;border-color:#7e6a42}
body.seo-page .callout strong{color:#ffe4a6}
body.seo-page .results,body.seo-page .boundary{background:var(--bg-2);color:var(--ink)}
body.seo-page .results h2,body.seo-page .results output{color:var(--ink)}
body.seo-page .results span,body.seo-page .results p{color:var(--soft)}
body.seo-page .field input,body.seo-page .pricing-choice select{background:var(--bg-2)!important;color:var(--ink)!important;border-color:var(--line-strong)!important}
body.seo-page .pricing-page .plan>.button{min-height:48px}
body.seo-page footer .footer-grid{grid-template-columns:1.1fr 1fr 1fr;gap:38px}
body.business-systems-page{background:var(--bg);color:var(--ink)}
body.business-systems-page .section.light,body.business-systems-page .cta{background:var(--bg-2)!important;color:var(--ink)!important}
body.business-systems-page .service,body.business-systems-page .process{background:var(--panel)!important;border-color:var(--line)!important;color:var(--ink)!important}
body.business-systems-page .service h3,body.business-systems-page .step h3{color:var(--ink)}
body.business-systems-page .service p,body.business-systems-page .step p,body.business-systems-page .section-head p,body.business-systems-page .cta p{color:var(--soft)!important}
body.business-systems-page .deliverables span{background:var(--panel-2);border-color:var(--line);color:var(--soft)}
body.business-systems-page .kicker{color:var(--cyan)}
body.business-systems-page .step{border-color:var(--line)}
body.business-systems-page .cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.business-systems-page .footer-row nav{display:flex;flex-wrap:wrap;gap:16px}
@media(max-width:940px){
  :root{--header:76px}
  .navrow,.head-row{gap:8px}
  .public-header .brand{width:174px}
  .public-header .menu{display:block;flex:0 0 44px}
  .public-header nav.nav,.public-header nav.main-nav,.public-header .navlinks{display:none}
  .public-header nav.nav.open,.public-header nav.main-nav.open,.public-header .navlinks.open{display:flex;position:absolute;inset:100% 0 auto;margin:0;padding:14px 20px 20px;flex-direction:column;align-items:stretch;gap:4px;background:rgba(2,7,14,.98);border-bottom:1px solid var(--line);box-shadow:0 18px 48px rgba(0,0,0,.30)}
  .public-header nav.nav>a,.public-header nav.main-nav>a,.public-header .navlinks>a{justify-content:flex-start;width:100%;min-height:44px;padding:9px 10px}
  .public-header nav.nav .btn,.public-header nav.main-nav .nav-cta{justify-content:center;margin-top:8px}
  .public-header .login{margin:0}
  .site-head.public-header .main-nav.open{position:static;flex-basis:100%;box-shadow:none}
  .head-row{flex-wrap:wrap}
  body.business-systems-page .public-header .menu{display:none}
  body.business-systems-page .public-header nav.nav{display:flex;flex-wrap:wrap;flex-basis:100%;gap:2px;padding:0 0 10px}
  body.business-systems-page .public-header nav.nav>a{width:auto;min-height:40px}
  body.business-systems-page .navrow{flex-wrap:wrap}
}
@media(max-width:680px){
  .shell{width:min(calc(100% - 26px),var(--shell))}
  .navrow>.brand,.head-row>.brand{width:148px;min-width:90px;min-height:44px}
  .navrow>[data-ardaro-language-switch],.head-row>[data-ardaro-language-switch]{max-width:104px}
  .navrow .ardaro-language-label>span,.head-row .ardaro-language-label>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .navrow .ardaro-language-label select,.head-row .ardaro-language-label select{min-width:84px;max-width:104px;min-height:44px}
  .header.public-header .navrow>.menu{margin-left:auto}
  body.seo-page .hero{padding:46px 0 52px}
  body.seo-page h1{font-size:clamp(36px,10vw,48px)}
  body.seo-page main section{padding:52px 0}
  body.seo-page .section-head,body.seo-page footer .footer-grid{grid-template-columns:1fr;gap:28px}
  footer.footer .footer-grid{grid-template-columns:1fr;gap:30px}footer.footer .footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}footer.footer .footer-links>div{min-width:0}footer.footer .bottom{flex-direction:column}
  body.seo-page .grid.two,body.seo-page .grid.three,body.seo-page .grid.four,body.seo-page .boundary-grid,body.seo-page .report-meta,body.seo-page .calculator-grid,body.seo-page .results-grid,body.seo-page .check-list{grid-template-columns:1fr}
  body.seo-page .card,body.seo-page .pricing-page .plan{padding:21px}
  body.seo-page footer ul{columns:1}
  body.business-systems-page .navrow{min-height:76px}
  body.business-systems-page .hero{min-height:0;padding:118px 0 46px}
  body.business-systems-page .hero h1{font-size:clamp(38px,10vw,50px)}
  body.business-systems-page .service-grid,body.business-systems-page .process{grid-template-columns:1fr}
  body.business-systems-page .step{border-right:0;border-bottom:1px solid var(--line)!important}
  body.business-systems-page .footer-row{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.btn{transition:none}}
