/* AIREST site — base (F62): tokens (electric blue #2F5BFF with orange #FF8A3D, soft rounded corners, no green/teal), type, header, buttons, shared parts, footer.
   Components: home.css (home sections), pages.css (Quality, Super Sales, Pricing, Security, Sources). Assistant: chars.css, chat.css. Class names avoid Bootstrap's (.btn .card .row .badge) because the page lives inside Odoo. */
/* Fonts are self-hosted (F78, no Google link): Inter latin + Noto Sans Arabic arabic, variable 400–800, OFL. pages_preview.py uploads fonts/*.woff2 to Odoo and rewrites these urls. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/noto-sans-arabic-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
:root{--ar-bg:#F6F7FB;--ar-surface:#FBFBFE;--ar-card:#FFFFFF;--ar-input-bg:rgba(20,24,38,.05);--ar-border:#E6E8F1;--ar-border-strong:#D5D9E6;--ar-text:#131726;--ar-head:#1A1F2E;--ar-text-2:#4F566B;--ar-text-3:#7A8094;--ar-brand:#2F5BFF;--ar-brand-2:#5B7BFF;--ar-brand-active:#1E47E6;--ar-link:#1F4FE0;--ar-brand-soft:#DCE4FF;--ar-brand-faint:#EEF2FF;--ar-accent:#FF8A3D;--ar-accent-soft:#FFEBDD;--ar-accent-text:#B4500F;--ar-warn:#FFB224;--ar-warn-soft:#FFF4D6;--ar-warn-text:#8F5A00;--ar-bad:#E5484D;--ar-bad-soft:#FFEDED;--ar-bad-text:#C42A33;--ar-hover:rgba(47,91,255,.07);--ar-overlay:rgba(16,24,40,.12);--ar-grad:linear-gradient(120deg,#2F5BFF 0%,#5A5CFF 48%,#FF8A3D 100%);--ar-hero:linear-gradient(165deg,#EDF1FF 0%,#F7F8FF 46%,#FFF1E6 100%);--ar-shadow:0 1px 2px rgba(16,24,40,.05),0 12px 30px -16px rgba(47,91,255,.24);--ar-shadow-lg:0 2px 6px rgba(16,24,40,.05),0 32px 64px -28px rgba(47,91,255,.38);--ar-font:"Inter",-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ar-font-ar:"Noto Sans Arabic","Inter",Tahoma,Arial,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ar-bg:#14161C;--ar-surface:#181A21;--ar-card:#1C1F27;--ar-input-bg:rgba(255,255,255,.06);--ar-border:#272B36;--ar-border-strong:#343947;--ar-text:#EDEFF4;--ar-head:#E3E6EE;--ar-text-2:#B3B8C6;--ar-text-3:#80869A;--ar-link:#8FA8FF;--ar-brand-soft:#1B2A63;--ar-brand-faint:#1A2350;--ar-accent-soft:#3A2414;--ar-accent-text:#FFB37F;--ar-warn-soft:#3A2E10;--ar-warn-text:#FFC85C;--ar-bad-soft:#3A1A1D;--ar-bad-text:#FF8F95;--ar-hover:rgba(143,168,255,.10);--ar-hero:linear-gradient(165deg,#171C33 0%,#14161C 50%,#2A1D14 100%);--ar-shadow:0 1px 2px rgba(0,0,0,.4),0 12px 30px -16px rgba(47,91,255,.35);--ar-shadow-lg:0 2px 6px rgba(0,0,0,.4),0 32px 64px -28px rgba(47,91,255,.45);color-scheme:dark}}
:root[data-theme="dark"]{--ar-bg:#14161C;--ar-surface:#181A21;--ar-card:#1C1F27;--ar-input-bg:rgba(255,255,255,.06);--ar-border:#272B36;--ar-border-strong:#343947;--ar-text:#EDEFF4;--ar-head:#E3E6EE;--ar-text-2:#B3B8C6;--ar-text-3:#80869A;--ar-link:#8FA8FF;--ar-brand-soft:#1B2A63;--ar-brand-faint:#1A2350;--ar-accent-soft:#3A2414;--ar-accent-text:#FFB37F;--ar-warn-soft:#3A2E10;--ar-warn-text:#FFC85C;--ar-bad-soft:#3A1A1D;--ar-bad-text:#FF8F95;--ar-hover:rgba(143,168,255,.10);--ar-hero:linear-gradient(165deg,#171C33 0%,#14161C 50%,#2A1D14 100%);color-scheme:dark}
body{margin:0;background:var(--ar-bg)}
#site,#site *{box-sizing:border-box}
#site{background:var(--ar-bg);color:var(--ar-text);font-family:var(--ar-font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;text-align:start}
html[lang="ar"] #site{font-family:var(--ar-font-ar);font-size:17px;line-height:1.75}
:where(#site) a{color:var(--ar-link)}#site a{text-decoration:none}
#site h1,#site h2,#site h3{margin-top:0;margin-bottom:0;color:var(--ar-head);font-family:inherit;text-wrap:balance;letter-spacing:-.015em}
#site h1{font-size:clamp(40px,.7vw + 48px,68px);line-height:1.12;font-weight:700}
#site h2{font-size:clamp(30px,.54vw + 32px,48px);line-height:1.2;font-weight:700}
#site h3{font-size:19px;line-height:1.38;font-weight:650;letter-spacing:-.008em}
html[lang="ar"] #site h1,html[lang="ar"] #site h2,html[lang="ar"] #site h3{letter-spacing:0}
html[lang="ar"] #site h1{font-size:clamp(33px,.62vw + 39px,56px);line-height:1.45;font-weight:680}
html[lang="ar"] #site h2{font-size:clamp(27px,.45vw + 27.5px,40px);line-height:1.55;font-weight:680}
:where(#site) p,:where(#site) figure,:where(#site) blockquote,:where(#site) dl,:where(#site) dd{margin:0}
#site p{margin-bottom:0}
:where(#site) ul,:where(#site) ol{margin:0;padding:0;list-style:none}
:where(#site) img{max-width:100%;height:auto}
:where(#site) button,:where(#site) input{font:inherit}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:24px}
@media (min-width:1600px){.wrap{max-width:1320px}.narrow{max-width:840px}#site{font-size:16.5px}#site .sub{font-size:19px}}
@media (min-width:2200px){.wrap{max-width:1440px}.narrow{max-width:880px}#site{font-size:17px}#site .sub{font-size:20px}}
.narrow{max-width:780px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.views section{padding-block:56px}
.view{display:none}.view.on{display:block}
#site .sub{margin-top:18px;font-size:18px;line-height:1.65;color:var(--ar-text-2);max-width:620px}
html[lang="ar"] .sub{line-height:1.85}
#site .pre{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ar-brand)}
html[lang="ar"] #site .pre{letter-spacing:0;text-transform:none;font-size:15px}
.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.gt{background:var(--ar-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lbl{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ar-text-3)}
html[lang="ar"] .lbl{letter-spacing:0;text-transform:none;font-size:13.5px}
.cap{margin-top:14px;font-size:13px;color:var(--ar-text-3);text-align:center}
.center{text-align:center;margin-top:20px}
.more{display:inline-flex;margin-top:18px;font-weight:650}
.hint{margin-top:10px;font-size:14px;color:var(--ar-text-3)}
#site sup{position:static;top:auto;font-size:.62em;line-height:0;vertical-align:super;margin-inline:1px 4px}
#site sup a.fn{font-weight:750;padding-inline:2px;color:var(--ar-link)}
/* header */
header.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--ar-bg) 80%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid color-mix(in srgb,var(--ar-border) 85%,transparent)}
header.top .wrap{min-height:66px;display:flex;align-items:center;gap:6px}
#site .brand{font-family:var(--ar-font);font-weight:800;font-size:21px;letter-spacing:.05em;background:var(--ar-grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-inline-end:18px}
nav.main{display:flex;gap:2px}
#site nav.main a{color:var(--ar-text-2);font-size:14.5px;font-weight:560;padding:8px 12px;border-radius:10px;white-space:nowrap}
#site nav.main a:hover{background:var(--ar-hover);color:var(--ar-text)}
#site nav.main a.on{color:var(--ar-brand);background:var(--ar-brand-faint)}
nav.main a.hot::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ar-accent);margin-inline-start:7px;vertical-align:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--ar-accent) 22%,transparent)}
.spacer{flex:1}
.langt{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--ar-text-2);font-size:14.5px;font-weight:560;padding:8px 10px;border-radius:10px;cursor:pointer}
.langt:hover{background:var(--ar-hover);color:var(--ar-text)}
.langt .i{width:17px;height:17px}
#site .signin{font-size:14.5px;font-weight:600;padding:8px 12px}#site nav.main a.mlogin{display:none}
/* buttons */
.btn-p,.btn-g,.btn-w{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 18px;border-radius:12px;font-size:15px;font-weight:640;line-height:1.3;cursor:pointer;border:1px solid transparent;text-align:center;text-decoration:none!important;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}
#site .btn-p{background:linear-gradient(135deg,#2F5BFF 0%,#4565FF 55%,#5B6BFF 100%);color:#fff;box-shadow:0 10px 22px -10px rgba(47,91,255,.65)}
#site .btn-p:hover{transform:translateY(-1px);box-shadow:0 16px 30px -12px rgba(47,91,255,.75);color:#fff}
#site .btn-g{background:var(--ar-card);color:var(--ar-text);border-color:var(--ar-border-strong)}
#site .btn-g:hover{border-color:var(--ar-brand);color:var(--ar-brand)}
#site .btn-w{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.5)}
#site .btn-w:hover{background:rgba(255,255,255,.22);color:#fff}
#site .lg{min-height:52px;padding:12px 24px;font-size:16px;border-radius:14px}
#site .bsm{min-height:32px;padding:5px 12px;font-size:13px;border-radius:9px;box-shadow:none}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
/* shared parts */
.tile{background:var(--ar-card);border:1px solid var(--ar-border);border-radius:20px;padding:24px;box-shadow:var(--ar-shadow);min-width:0}
.tile p{margin-top:8px;color:var(--ar-text-2);font-size:15px}
.ico{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--ar-brand-faint);color:var(--ar-brand);margin-bottom:14px}
.ico.o{background:var(--ar-accent-soft);color:var(--ar-accent-text)}.ico.r{background:var(--ar-bad-soft);color:var(--ar-bad-text)}
#site .pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.pill{display:inline-flex;align-items:center;font-size:13px;font-weight:700;padding:5px 12px;border-radius:999px}
.pill.b{background:var(--ar-brand-faint);color:var(--ar-brand)}.pill.o{background:var(--ar-accent);color:#fff;box-shadow:0 8px 18px -8px rgba(255,138,61,.8)}
.ticks,.xs{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.ticks li,.xs li{position:relative;padding-inline-start:32px}
.ticks li::before,.xs li::before{content:"";position:absolute;inset-inline-start:0;top:.22em;width:21px;height:21px;border-radius:50%;background:var(--ar-brand-faint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F5BFF' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.xs li::before{background:var(--ar-bad-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E5484D' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center/11px no-repeat}
.bub{position:relative;max-width:86%;padding:10px 14px;border-radius:18px;border-end-start-radius:6px;background:var(--ar-card);border:1px solid var(--ar-border);font-size:15px;line-height:1.55;align-self:flex-start}
.bub.out{align-self:flex-end;background:var(--ar-brand-faint);border-color:transparent;border-end-start-radius:18px;border-end-end-radius:6px}
.bub time{display:block;margin-top:3px;font-size:11px;color:var(--ar-text-3);text-align:end}
.cb{display:block;height:6px;border-radius:6px;background:var(--ar-input-bg);overflow:hidden}
.cb i{display:block;height:100%;width:0;border-radius:6px}
.cb.half i{background:linear-gradient(90deg,var(--ar-warn),var(--ar-accent))}.cb.full i{background:var(--ar-brand)}
.apps{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:22px}
.okb{display:inline-flex;align-items:center;gap:9px;padding:5px 14px 5px 6px;padding-inline:6px 14px;border-radius:999px;background:var(--ar-card);border:1px solid var(--ar-border);font-size:13.5px;font-weight:600;line-height:1.3;color:var(--ar-text);box-shadow:var(--ar-shadow);white-space:nowrap}
.okb .bi{display:inline-flex;flex:none}.okb .bi svg{width:24px;height:24px;padding:3.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--ar-card),0 1px 3px rgba(16,24,40,.18);overflow:visible}.okb .bi svg+svg{margin-inline-start:-6px}
#site details{border-bottom:1px solid var(--ar-border);padding:18px 4px}
#site details:first-of-type{border-top:1px solid var(--ar-border)}
#site summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-size:17px;font-weight:640}
#site summary::-webkit-details-marker{display:none}
#site summary::after{content:"+";flex:none;color:var(--ar-brand);font-size:24px;line-height:1}
#site details[open] summary::after{content:"–"}
#site details p{margin-top:10px;color:var(--ar-text-2);max-width:760px}
.cta{padding-block:40px 104px!important}
.cta-card{position:relative;overflow:hidden;border-radius:32px;padding:64px;color:#fff;background:radial-gradient(70% 120% at 100% 0%,rgba(255,138,61,.75),transparent 62%),linear-gradient(135deg,#1B3FE6 0%,#2F5BFF 52%,#4D63FF 100%);box-shadow:var(--ar-shadow-lg)}
html[lang="ar"] .cta-card{background:radial-gradient(70% 120% at 0% 0%,rgba(255,138,61,.75),transparent 62%),linear-gradient(225deg,#1B3FE6 0%,#2F5BFF 52%,#4D63FF 100%)}
#site .cta-card h2{color:#FAFBFF;max-width:780px}
#site .cta-card .sub{color:rgba(255,255,255,.88)}
#site .cta-card .btn-p{background:#fff;color:var(--ar-brand);box-shadow:0 14px 28px -14px rgba(0,0,0,.45)}
/* footer */
footer.foot{border-top:1px solid var(--ar-border);padding-block:56px 40px;background:var(--ar-surface);font-size:14px;color:var(--ar-text-2)}
footer.foot .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
#site footer.foot a{display:block;color:var(--ar-text-2);padding:4px 0}
#site footer.foot a:hover{color:var(--ar-text)}
#site footer.foot .brand{display:inline-block;color:transparent;padding:0}
footer.foot .apps{flex-direction:column;align-items:flex-start;margin-top:16px}footer.foot .okb{box-shadow:none}
#site footer.foot .fl{font-weight:700;color:var(--ar-text);margin-bottom:8px}
footer.foot .cp{margin-top:40px;color:var(--ar-text-3)}
/* reveal */
.rise{opacity:0;transform:translateY(14px);transition:opacity .5s ease-out,transform .5s ease-out}.rise.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rise{opacity:1;transform:none;transition:none}#site *{scroll-behavior:auto!important}}
@media (max-width:900px){
.wrap{padding-inline:16px}.two{grid-template-columns:minmax(0,1fr);gap:36px}.views section{padding-block:64px}
#site h1{font-size:38px;line-height:1.15}#site h2{font-size:30px;line-height:1.22}html[lang="ar"] #site h1{font-size:33px;line-height:1.45}html[lang="ar"] #site h2{font-size:27px;line-height:1.5}
header.top .wrap{flex-wrap:wrap;min-height:0;padding-block:8px;row-gap:2px}#site .brand{margin-inline-end:auto}.spacer,#site .signin{display:none}#site nav.main a.mlogin{display:block}
nav.main{order:9;width:calc(100% + 32px);margin-inline:-16px;padding-inline:10px;overflow-x:auto;scrollbar-width:none}nav.main::-webkit-scrollbar{display:none}
.cta-card{padding:36px 22px;border-radius:24px}footer.foot .cols{grid-template-columns:1fr 1fr}.sub{font-size:17px}
}
/* phone header (F67): one row (logo, language, Start free, menu); the menu button opens the nav under the header */
.menut{display:none;align-items:center;justify-content:center;flex:none;width:40px;height:40px;padding:0;border:1px solid var(--ar-border-strong);border-radius:12px;background:var(--ar-card);color:var(--ar-text);cursor:pointer}
@media (max-width:700px){
header.top .wrap{flex-wrap:nowrap;padding-block:10px;gap:6px}.menut{display:inline-flex}#site header.top .btn-p{min-height:40px;padding:8px 13px;font-size:14px;white-space:nowrap}.langt{padding:8px 6px;white-space:nowrap}
nav.main{display:none;position:absolute;top:100%;inset-inline:0;width:auto;margin:0;padding:8px 12px 14px;flex-direction:column;gap:2px;overflow:visible;background:var(--ar-card);border-bottom:1px solid var(--ar-border);box-shadow:var(--ar-shadow)}
header.top.open nav.main{display:flex}#site nav.main a{padding:12px 14px;font-size:16px}#site nav.main a.mlogin{border-top:1px solid var(--ar-border);border-radius:0;margin-top:6px}
}

/* F79 logo (owner pick 2026-10-05): full-gradient A; the i is white on dark and site ink #1A1F2E on light */
#site .brand.logo{display:inline-block;width:105px;height:32px;font-size:0;line-height:0;color:transparent;background:url(brand/airest-a-gradient-light.svg) center/contain no-repeat;-webkit-background-clip:border-box;background-clip:border-box}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #site .brand.logo{background-image:url(brand/airest-a-gradient-dark.svg)}}
:root[data-theme="dark"] #site .brand.logo{background-image:url(brand/airest-a-gradient-dark.svg)}
#site footer.foot .brand.logo{width:118px;height:36px}
@media (max-width:640px){#site header.top .brand.logo{width:92px;height:28px}}