/* Shared Petro Amoot Pouya navigation and footer. The same shell is used everywhere. */
.topbar { position:fixed; z-index:100; top:20px; left:30px; right:30px; width:auto; display:grid; grid-template-columns:minmax(0,1fr) 44px 154px 86px; gap:10px; align-items:center; height:48px; color:#fff; background:transparent; border:0; border-radius:0; overflow:visible; -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none; pointer-events:none; isolation:isolate; }
.topbar::before { display:none; }
.desktop-nav { display:none; }
.topbar .desktop-nav a[aria-current="page"] { color:#fff; background:rgba(192,221,240,.12); }
.menu-cards a[aria-current="page"] { color:#fff; border-bottom-color:rgba(142,211,244,.5); }
.process-nav-anchor { position:absolute; width:1px; height:1px; pointer-events:none; }
.process-nav-anchor--quality { top:calc(50% - 50svh); }
.process-nav-anchor--formulation { top:calc(72.25% - 72.25svh); }
.process-nav-anchor--terminal { top:calc(94.5% - 94.5svh); }
.topbar button,.brand,.header-project { position:relative; z-index:1; display:flex; align-items:center; color:inherit; pointer-events:auto; }
.topbar button,.header-project { min-height:42px; justify-content:center; color:rgba(244,249,252,.9); background:rgba(3,16,29,.9); border:1px solid rgba(218,237,248,.2); border-radius:999px; -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none; transition:color .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease); }
.topbar button:hover,.topbar button:focus-visible,.topbar button[aria-expanded="true"],.header-project:hover,.header-project:focus-visible { color:#fff; background:#071b2d; border-color:rgba(218,237,248,.38); outline:none; transform:none; }
.brand { justify-self:start; gap:8px; min-height:44px; padding:3px 13px 3px 4px; justify-content:flex-start; overflow:hidden; background:rgba(3,16,29,.88); border:1px solid rgba(218,237,248,.17); border-radius:999px; -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none; }
.brand-mark { flex:0 0 auto; display:grid; place-items:center; width:42px; height:38px; background:transparent; border:0; box-shadow:none; }
.brand-mark img { display:block; width:40px; height:30px; object-fit:contain; }
.brand-copy { min-width:0; display:grid; gap:0; color:#fff; white-space:nowrap; }
.brand-copy b { overflow:hidden; text-overflow:ellipsis; font-size:14px; line-height:1; letter-spacing:0; text-shadow:0 1px 12px rgba(0,9,20,.35); }
.brand-copy small { display:none; }
.header-project { padding:0 17px; font-size:12px; font-weight:600; line-height:1; white-space:nowrap; }
.header-project>span,.menu-toggle>span { display:block; line-height:1; }
.menu-toggle { justify-self:end; width:86px; gap:10px; font-size:12px; line-height:1; }
.menu-toggle i { position:relative; display:block; flex:0 0 18px; width:18px; height:12px; }
.menu-toggle i::before,.menu-toggle i::after { content:""; position:absolute; left:0; width:18px; height:1px; background:currentColor; transition:top .35s var(--ease),bottom .35s var(--ease),transform .35s var(--ease); }
.menu-toggle i::before { top:2px; }.menu-toggle i::after { bottom:2px; }
.menu-toggle[aria-expanded="true"] i::before { top:50%; transform:translateY(-50%) rotate(45deg); }
.menu-toggle[aria-expanded="true"] i::after { bottom:50%; transform:translateY(50%) rotate(-45deg); }
.header-energy { position:fixed; z-index:102; left:0; top:0; width:var(--read-progress,var(--site-progress,0%)); height:2px; background:linear-gradient(90deg,#e95418,#ff8b3c,#ffd8b9); box-shadow:none; transition:width .12s linear; pointer-events:none; }
.menu-overlay { position:fixed; z-index:95; inset:0; visibility:hidden; pointer-events:none; }
.menu-overlay.is-open { visibility:visible; pointer-events:auto; }
.menu-dimmer { position:absolute; inset:0; background:rgba(3,9,15,.54); opacity:0; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); transition:opacity .4s var(--ease); }
.menu-overlay.is-open .menu-dimmer { opacity:1; }
.menu-cards { position:absolute; top:82px; right:14px; bottom:14px; left:auto; display:flex; flex-direction:column; width:min(360px,calc(100vw - 28px)); padding:18px 24px 22px; overflow-y:auto; overscroll-behavior:contain; color:#fff; background:rgba(7,24,39,.97); border:1px solid rgba(219,237,248,.14); border-radius:24px; box-shadow:-22px 24px 64px rgba(0,8,18,.22); transform:translateX(calc(100% + 18px)); transition:transform .46s var(--ease); scrollbar-width:none; }
.menu-overlay.is-open .menu-cards { transform:none; }
.menu-cards a { display:flex; flex-direction:row; align-items:center; justify-content:space-between; flex:0 0 auto; width:auto; height:auto; min-height:40px; padding:0 3px; color:rgba(238,247,252,.78); background:transparent; border:0; border-bottom:1px solid rgba(219,237,248,.09); border-radius:0; opacity:1; transform:none; text-align:left; transition:color .25s,padding .3s var(--ease),border-color .25s; }
.menu-cards a:hover,.menu-cards a:focus-visible { color:#fff; padding-inline:10px 2px; background:transparent; border-bottom-color:rgba(142,211,244,.42); transform:none!important; outline:none; }
.menu-cards span { min-width:0; font-size:14px; font-weight:500; line-height:1.25; }
.menu-cards .menu-email { min-height:auto; margin-top:auto; padding:18px 3px 1px; color:#9fd9f4; border-top:1px solid rgba(219,237,248,.14); border-bottom:0; }
.menu-cards .menu-email:hover,.menu-cards .menu-email:focus-visible { padding-inline:4px; border-top-color:rgba(219,237,248,.28); }
.menu-email span { font-size:12px; font-weight:500; }.menu-email i{font-style:normal;font-size:15px;opacity:.7}

@media(min-width:981px){
  .topbar { grid-template-columns:minmax(154px,1fr) 44px 154px; gap:12px; }
  .topbar .menu-toggle,.menu-overlay { display:none; }
  .topbar .desktop-nav { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; align-items:center; justify-self:center; gap:2px; height:46px; padding:4px; color:#e8f3fa; background:rgba(3,16,29,.9); border:1px solid rgba(218,237,248,.17); border-radius:999px; pointer-events:auto; }
  .topbar .desktop-nav>a,.topbar .header-nav-trigger { display:flex; align-items:center; justify-content:center; gap:7px; min-width:0; min-height:36px; padding:0 14px; color:rgba(244,249,252,.82); font-family:inherit; font-size:12px; font-weight:500; line-height:1.25; text-decoration:none; white-space:nowrap; border:0; border-radius:999px; background:transparent; box-shadow:none; transform:none; transition:background .18s,color .18s; }
  .topbar .desktop-nav a::after { display:none; }
  .topbar .desktop-nav>a:hover,.topbar .desktop-nav>a:focus-visible,.topbar .header-nav-trigger:hover,.topbar .header-nav-trigger[aria-expanded="true"] { color:#fff; background:rgba(192,221,240,.09); }
  .topbar .desktop-nav a:focus-visible,.topbar .header-nav-trigger:focus-visible { outline:2px solid #91d3f6; outline-offset:-2px; }
  .header-nav-group { position:relative; }
  .header-nav-trigger i { width:5px; height:5px; margin-top:-3px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg); transition:transform .18s; }
  .header-nav-group.is-open .header-nav-trigger i { transform:translateY(2px) rotate(225deg); }
  .header-submenu { position:absolute; inset-inline-start:0; top:100%; min-width:205px; padding-top:12px; visibility:hidden; opacity:0; pointer-events:none; transform:translateY(5px); transition:opacity .18s,transform .18s,visibility .18s; }
  .header-nav-group.is-open .header-submenu { visibility:visible; opacity:1; pointer-events:auto; transform:none; }
  .header-submenu-surface { padding:7px; background:rgba(3,16,29,.98); border:1px solid rgba(218,237,248,.18); border-radius:18px; box-shadow:0 16px 32px rgba(0,8,18,.18); }
  .topbar .header-submenu a { display:flex; align-items:center; justify-content:flex-start; min-width:0; min-height:39px; padding:8px 12px; color:rgba(244,249,252,.82); font-size:12px; font-weight:400; line-height:1.4; text-align:start; text-decoration:none; border:0; border-radius:11px; background:transparent; transform:none; transition:background .18s,color .18s; }
  .topbar .header-submenu a:hover,.topbar .header-submenu a:focus-visible { color:#fff; background:rgba(192,221,240,.09); }
}
@media(min-width:981px) and (max-width:1150px){
  .topbar { left:20px; right:20px; gap:8px; }
  .topbar .desktop-nav>a,.topbar .header-nav-trigger { padding-inline:10px; }
}
@media(prefers-reduced-motion:reduce){.header-submenu,.header-nav-trigger i{transition:none}}

.section-edge-marker { position:absolute; z-index:22; left:50%; width:10px; height:10px; pointer-events:none; background:#07131f; border:1px solid #218fc9; box-shadow:0 0 0 2px #07131f,0 0 13px rgba(52,190,240,.42); transform:translateX(-50%) rotate(45deg); }
.section-edge-marker::after { content:''; position:absolute; inset:3px; background:#f36d27; box-shadow:0 0 8px rgba(243,109,39,.72); }
.site-footer.contact-panel { position:relative; inset:auto; z-index:15; display:block; padding:75px 6vw 28px; color:#fff; background:#07131f; opacity:1; visibility:visible; pointer-events:auto; transform:none; }
.site-footer.contact-panel::before { content:''; position:absolute; z-index:0; left:0; right:0; top:-29px; height:30px; pointer-events:none; background:#07131f; clip-path:polygon(0 100%,0 52%,12% 52%,15% 0,85% 0,88% 52%,100% 52%,100% 100%); filter:drop-shadow(0 -1px 0 rgba(75,190,235,.72)) drop-shadow(0 -3px 8px rgba(61,181,232,.16)); }
.site-footer>.section-edge-marker--footer { top:-25px; }
.site-footer .contact-heading h2 { max-width:760px; margin:0; color:#fff; font-size:clamp(48px,5.1vw,78px); font-weight:400; line-height:.98; letter-spacing:-.06em; text-wrap:balance; }
.site-footer .contact-heading h2 em { color:#ff741f; font-style:normal; text-shadow:0 0 34px rgba(255,95,15,.22); }
.site-footer .contact-grid { display:grid; grid-template-columns:1.6fr repeat(3,minmax(0,1fr)); margin-top:28px; padding:20px 22px; background:linear-gradient(135deg,rgba(5,23,42,.72),rgba(5,30,52,.5)); border:1px solid rgba(194,226,242,.18); border-radius:24px; -webkit-backdrop-filter:blur(24px) saturate(1.15); backdrop-filter:blur(24px) saturate(1.15); box-shadow:0 24px 70px rgba(0,9,24,.22),inset 0 1px 0 rgba(255,255,255,.08); }
.site-footer .contact-grid>* { min-width:0; padding:2px 22px; }.site-footer .contact-grid>:first-child{padding-left:0}.site-footer .contact-grid>:last-child{padding-right:0}
.site-footer .contact-grid div { border-left:1px solid rgba(255,255,255,.14); }.site-footer .contact-grid small { color:rgba(173,203,221,.68); font-size:12px; }.site-footer .contact-grid p { margin:10px 0 0; color:rgba(241,248,252,.86); font-size:14px; line-height:1.34; }
.site-footer .contact-mail { display:flex; gap:10px; align-items:center; align-self:stretch; color:#fff; font-size:clamp(14px,1.1vw,18px); white-space:nowrap; overflow-wrap:anywhere; }
.site-footer>footer { display:flex; justify-content:space-between; margin-top:clamp(22px,3.2vh,36px); color:rgba(216,230,239,.68); font-size:13px; }.site-footer>footer a{color:#fff}

@media(max-width:980px){
  .topbar{left:12px;right:12px;top:12px;height:44px;grid-template-columns:minmax(0,1fr) 40px 116px 42px;gap:8px}.topbar button,.topbar .header-project{min-height:40px}.brand{gap:6px;min-height:42px;padding:2px 10px 2px 3px}.brand-mark{width:38px;height:36px}.brand-mark img{width:38px;height:29px}.brand-copy b{font-size:13px}.menu-toggle{width:42px;gap:0}.menu-toggle>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.header-project{width:116px;padding:0 10px;font-size:11px}.header-project>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.menu-cards{top:66px;right:9px;bottom:9px;left:auto;width:min(340px,calc(100vw - 18px));padding:14px 18px 18px;border-radius:20px}.menu-cards a{width:auto;height:auto;min-height:38px;padding:0 3px}.menu-cards span{font-size:13px}.menu-cards .menu-email{margin-top:auto;padding:16px 3px 1px}.menu-email span{font-size:11px}
  .site-footer.contact-panel{padding:52px 20px 22px}.site-footer .contact-heading h2{font-size:clamp(38px,9vw,52px);line-height:1}.site-footer .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;padding:14px 16px;border-radius:20px}.site-footer .contact-grid>*{padding:12px 14px}.site-footer .contact-grid>:first-child{padding-left:14px}.site-footer .contact-grid>:last-child{padding-right:14px}.site-footer .contact-grid>:nth-child(odd){border-left:0}.site-footer .contact-grid>:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}
}
@media(max-width:620px){
  .brand-copy b { max-width:90px; white-space:normal; line-height:1.15; text-wrap:balance; text-overflow:clip; }
  .site-footer.contact-panel{padding:46px 12px 14px}.site-footer.contact-panel::before{top:-21px;height:22px}.site-footer>.section-edge-marker--footer{top:-19px}.site-footer .contact-grid{grid-template-columns:1fr;margin-top:16px;padding:8px 14px;border-radius:18px}.site-footer .contact-grid>*,.site-footer .contact-grid>div,.site-footer .contact-grid>:first-child,.site-footer .contact-grid>:last-child{padding:9px 0;border-left:0}.site-footer .contact-grid>:not(:first-child){display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:start;border-top:1px solid rgba(255,255,255,.1)}.site-footer .contact-grid p{margin:0;font-size:12px;line-height:1.25}.site-footer .contact-grid small{font-size:10px;line-height:1.25}.site-footer .contact-mail{min-height:34px;font-size:15px;white-space:normal}.site-footer>footer{margin-top:12px;padding-top:10px;font-size:11px}
}
@media(max-width:360px){.topbar{left:9px;right:9px;grid-template-columns:minmax(0,1fr) 38px 100px 38px;gap:8px}.topbar .language-toggle,.topbar .menu-toggle{width:38px}.topbar .header-project{width:100px;padding:0 6px;font-size:10px}.topbar .brand{gap:4px;padding-right:8px}.topbar .brand-mark{width:35px}.topbar .brand-mark img{width:35px;height:27px}.topbar .brand-copy b{font-size:12px}}
@media(max-width:330px){.topbar .brand-copy{display:none}.topbar .brand{padding-right:4px}}