/* Additions to the existing Aurel system. Existing typography, artwork and cards remain authoritative. */
/* Compact navigation with a continuous pointer path into each dropdown. */
.header-inner{padding-block:10px;gap:24px}
.site-header nav{gap:18px}
.site-header .button-small{min-height:40px;padding:9px 15px;line-height:20px;white-space:nowrap}
.aq-nav-dropdown{position:relative;flex-shrink:0}
.aq-nav-dropdown>summary{display:flex;align-items:center;gap:5px;min-height:40px;list-style:none;cursor:pointer;white-space:nowrap;font-size:inherit}
.aq-nav-dropdown>summary::-webkit-details-marker{display:none}
.aq-nav-dropdown>summary>svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .18s ease}
.aq-nav-dropdown[open]>summary>svg{transform:rotate(180deg)}
.aq-nav-dropdown[open]>summary,.aq-nav-dropdown>summary:hover{color:#008369}
.aq-nav-panel{position:absolute;top:calc(100% + 10px);inset-inline-end:-16px;width:min(470px,calc(100vw - 40px));padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px #123f3120;z-index:45}
.aq-nav-panel:before,.aq-site-languages>div:before{content:"";position:absolute;inset-inline:0;top:-14px;height:14px}
.aq-nav-dropdown:nth-child(-n+2) .aq-nav-panel{width:350px;inset-inline-start:-16px;inset-inline-end:auto}
.aq-nav-all{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 12px;margin-bottom:5px;border-bottom:1px solid var(--line);font-weight:600;font-size:13px}
.aq-nav-items{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.aq-nav-dropdown:nth-child(-n+2) .aq-nav-items{grid-template-columns:1fr}
.aq-nav-items>a{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:5px;font-size:12px;line-height:1.45;min-height:48px}
.aq-nav-items small{font-size:10px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}
.aq-nav-link-arrow{margin-inline-start:auto;color:#008369;opacity:0}
.aq-nav-items>a:hover,.aq-nav-items>a:focus-visible,.aq-nav-items>a[aria-current]{background:#eff6ee;color:var(--ink)}
.aq-nav-items>a:hover .aq-nav-link-arrow,.aq-nav-items>a:focus-visible .aq-nav-link-arrow{opacity:1}
.site-header .aq-site-languages summary{min-height:40px;padding-block:8px}
.site-header .aq-site-languages>div{top:calc(100% + 10px);inset-inline-start:auto;inset-inline-end:-10px;max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
@media(min-width:851px) and (max-width:1100px){.site-header nav{gap:12px}.site-header .aq-nav-dropdown>summary{font-size:12px}.header-inner{gap:18px}}
@media(max-width:850px){
 .header-inner{padding-block:8px}.menu-toggle{padding:9px}.site-header nav{max-height:calc(100dvh - 65px);overflow-y:auto;overscroll-behavior:contain}
 .aq-nav-dropdown>summary{justify-content:space-between;min-height:46px;padding:10px 12px}
 .aq-nav-dropdown>summary>svg{width:14px;height:14px}
 .aq-nav-panel,.aq-nav-dropdown:nth-child(-n+2) .aq-nav-panel,.site-header .aq-site-languages>div{position:static;width:100%;max-height:none;box-shadow:none;margin-block:2px 8px;padding:7px;background:#f7faf6}
 .aq-nav-panel:before,.aq-site-languages>div:before{display:none}.aq-nav-items{grid-template-columns:1fr}.aq-nav-items>a{min-height:44px}.aq-nav-link-arrow{opacity:1}
 .site-header .aq-site-languages summary{padding:12px}.reading-track>svg{width:24px;height:16px}
}
@media(prefers-reduced-motion:reduce){.reading-track{display:block}.aq-nav-dropdown>summary>svg{transition:none}}
html[lang=ar]{font-family:"Segoe UI",Tahoma,Arial,sans-serif}html[lang=hi]{font-family:"Nirmala UI","Noto Sans Devanagari",sans-serif}html[lang=zh]{font-family:"Microsoft YaHei","PingFang SC",sans-serif}html[lang=ja]{font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}html[lang=ko]{font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif}html:is([lang=ar],[lang=hi],[lang=zh],[lang=ja],[lang=ko]) :is(h1,h2,h3){font-family:inherit}html:is([lang=ar],[lang=hi]) .eyebrow{letter-spacing:0}
.aq-site-languages{position:relative;font-size:12px;flex-shrink:0}.aq-site-languages summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;padding:10px 0}.aq-site-languages summary::-webkit-details-marker{display:none}.aq-site-languages>div{position:absolute;top:100%;inset-inline-end:-10px;width:315px;padding:12px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 18px 40px #123f3120;z-index:40}.aq-site-languages a{display:flex;justify-content:space-between;padding:12px;border-radius:4px;gap:8px;line-height:1.4}.aq-site-languages a:hover,.aq-site-languages a[aria-current]{background:var(--soft)}.aq-site-languages small{font-size:9px;opacity:.5}.aq-product-film-section{padding-block:65px}.aq-product-film-section .section-heading p:last-child{margin-top:18px;max-width:650px;color:var(--muted)}.aq-film-placeholder{position:relative;border-radius:10px;overflow:hidden;max-height:500px}.aq-film-placeholder img{width:100%;height:500px;object-fit:cover}.aq-film-placeholder .button{position:absolute;bottom:35px;inset-inline-start:35px}.aq-product-film-frame{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#103d2e}.aq-product-film-frame video{display:block;width:100%;aspect-ratio:16/9}.aq-film-caption{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);margin-top:14px}.aq-product-screens{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.aq-product-screens figure{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--soft)}.aq-product-screens img{display:block;width:100%;height:auto}.aq-product-screens figcaption{padding:15px;font-size:12px}.aq-product-screens a{display:block}.site-header nav{gap:22px}#try-a-demo{scroll-margin-top:110px}#try-a-demo .page-intro{padding-bottom:24px}#try-a-demo>.page-intro h2{font-size:clamp(2.2rem,3.7vw,3.6rem)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.5}[dir=rtl] .gallery-chart,[dir=rtl] .reader-table-scroll{direction:ltr}[lang=zh] h1,[lang=ja] h1,[lang=ko] h1,[lang=hi] h1{line-height:1.3}
@media(max-width:1100px){.site-header nav{gap:15px}.aq-site-languages{font-size:11px}.site-header nav>a{font-size:12px}}
@media(max-width:900px){.aq-site-languages>div{inset-inline:0;width:min(315px,80vw)}.aq-site-languages summary{padding-block:12px}.aq-product-film-section{padding-block:40px}.aq-product-screens{grid-template-columns:1fr}.aq-film-caption{flex-direction:column;gap:5px}.aq-film-placeholder img{height:330px}.aq-film-placeholder .button{bottom:22px;inset-inline-start:22px}}
.aq-screen-section{padding-block:70px;scroll-margin-top:110px}.aq-screen-section .section-heading>p:last-child{max-width:640px;margin-top:18px;color:var(--muted)}.aq-screen-section .aq-product-screens{align-items:stretch}.aq-screen-preview{position:relative;padding:14px;background:#edf3eb;overflow:hidden}.aq-screen-preview img{aspect-ratio:16/11;object-fit:contain;background:#f5f6f3;border:1px solid var(--line);border-radius:3px}.aq-screen-expand{position:absolute;inset-inline-end:24px;bottom:24px;display:flex;align-items:center;gap:8px;padding:9px 12px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:4px;font-size:11px;box-shadow:0 3px 12px #123f3110}.aq-screen-preview:hover .aq-screen-expand{background:var(--soft)}.aq-screen-preview:focus-visible{outline:3px solid #008369;outline-offset:-3px}.aq-screen-section figcaption{padding:22px;background:#fff}.aq-screen-section figcaption h3{font-size:20px;margin:0 0 8px}.aq-screen-section figcaption p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.aq-screen-note{font-size:12px;color:var(--muted);margin-top:16px}.aq-screen-dialog{width:min(1300px,96vw);max-width:96vw;max-height:94dvh;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f5f6f3;color:var(--ink);box-shadow:0 20px 90px #061f2750}.aq-screen-dialog::backdrop{background:#06291ccc;backdrop-filter:blur(4px)}.aq-screen-dialog form{display:flex;justify-content:flex-end;margin-bottom:12px}.aq-screen-dialog form button{gap:18px}.aq-screen-dialog>img{display:block;width:100%;max-height:calc(94dvh - 100px);object-fit:contain}.aq-screen-dialog[open]{animation:aq-screen-open .2s ease-out}@keyframes aq-screen-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.aq-screen-section{padding-block:45px}.aq-screen-preview{padding:8px}.aq-screen-expand{inset-inline-end:16px;bottom:16px}.aq-screen-section figcaption{padding:18px}.aq-screen-dialog{padding:10px}}@media(prefers-reduced-motion:reduce){.aq-screen-dialog[open]{animation:none}}
/* Keep dropdowns inside the viewport and navigation on one line. */
.site-header nav>a:not(.button){white-space:nowrap}
.aq-nav-panel,.site-header .aq-site-languages>div{transform:translateX(var(--menu-shift,0px))}
@media(min-width:851px) and (max-width:1100px){
 .header-inner{padding-inline:24px;gap:16px}.site-header nav{gap:11px}
 .site-header .brand.has-logo{gap:8px}.site-header .brand .brand-name{font-size:1.45rem}.site-header .brand-mark{width:42px}
 .site-header .brand-mark img{width:46px;height:46px;top:-9px}
}
@media(max-width:850px){.site-header nav{gap:8px}.aq-nav-panel,.site-header .aq-site-languages>div{transform:none}}
/* The logo sits in an angled pocket joined to the thin navigation bar. */
.site-header{--header-drop:18px;--header-slope:26px;--header-cut:calc(max(0px,(100vw - 1280px)/2) + 254px);background:transparent;border-bottom:0;backdrop-filter:none}
.site-header:before{content:"";position:absolute;inset:0 0 -18px;z-index:-1;background:#fffffff7;backdrop-filter:blur(16px);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(var(--header-cut) + 26px) calc(100% - 18px),var(--header-cut) 100%,0 100%);filter:drop-shadow(0 1px 0 #d5dfd9)}
[dir=rtl] .site-header:before{clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - var(--header-cut)) 100%,calc(100% - var(--header-cut) - 26px) calc(100% - 18px),0 calc(100% - 18px))}
@media(max-width:1100px){.site-header{--header-cut:218px}}
@media(max-width:850px){.site-header{--header-cut:220px;--header-drop:12px;--header-slope:18px}.site-header:before{bottom:-12px;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(var(--header-cut) + 18px) calc(100% - 12px),var(--header-cut) 100%,0 100%)}[dir=rtl] .site-header:before{clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - var(--header-cut)) 100%,calc(100% - var(--header-cut) - 18px) calc(100% - 12px),0 calc(100% - 12px))}}
/* Progress follows the complete lower edge, beginning under the logo pocket. */
.site-header .reading-track{display:block;position:absolute;inset-inline:0;left:0;top:auto;bottom:calc(-1 * var(--header-drop) - 5px);width:100%;height:calc(var(--header-drop) + 12px);overflow:visible;pointer-events:none;opacity:1;--reading-position:0%}
.reading-cut{position:absolute;width:var(--header-cut);height:0;visibility:hidden}
.site-header .reading-track>svg{display:block;position:static;width:100%;height:100%;overflow:visible;fill:none;stroke:#197a5d;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round;filter:none;transform:none}
.reading-rail{opacity:.12}.reading-progress{opacity:.55;stroke-dasharray:1;stroke-dashoffset:1}.reading-arrow{stroke-width:1;opacity:.85}

/* A discreet trapezoid at the page edge, shared by every localized route. */
.aq-webinar-badge{position:fixed;z-index:24;inset-inline-end:0;top:50%;transform:translateY(-50%);width:40px;height:156px;display:flex;align-items:center;justify-content:center;gap:14px;flex-direction:column;color:#f1f5e8;padding:19px 7px;text-decoration:none;font-family:Manrope,Arial,sans-serif;isolation:isolate;filter:drop-shadow(-2px 2px 5px #0b2a1e18)}
.aq-webinar-badge::before{content:"";position:absolute;inset:0;z-index:-1;background:#133e2e;clip-path:polygon(100% 0,100% 100%,0 calc(100% - 10px),0 10px);transition:background .2s}
.aq-webinar-badge::after{content:"";position:absolute;inset-inline-start:4px;top:19px;bottom:19px;width:1px;background:#d3e4b52b;pointer-events:none}
.aq-webinar-badge:hover::before{background:#245c43}
.aq-webinar-badge:focus-visible{outline:2px solid #729a43;outline-offset:3px}
.aq-badge-title{writing-mode:vertical-rl;letter-spacing:1.8px;font-size:10px;font-weight:600;text-transform:uppercase;line-height:1}
.aq-badge-dot{width:4px;height:4px;border-radius:50%;background:#d7e9b0}
.aq-webinar-badge svg{width:13px;height:13px;flex-shrink:0}
html[dir=rtl] .aq-webinar-badge::before{clip-path:polygon(0 0,100% 10px,100% calc(100% - 10px),0 100%)}
body:has(dialog[open],#main-nav.is-open) .aq-webinar-badge{visibility:hidden}
@media(max-width:700px){.aq-webinar-badge{width:32px;height:136px;padding:17px 6px;gap:11px;top:auto;bottom:92px;transform:none}.aq-badge-title{font-size:9px;letter-spacing:1.3px}.aq-webinar-badge svg{width:11px;height:11px}.aq-webinar-badge::after{inset-inline-start:3px}}
@media(prefers-reduced-motion:reduce){.aq-webinar-badge::before{transition:none}}