/* AIREST home (F62): hero (one image, strong centre fading to clear edges, mirrored in Arabic; channel icons in their own colours orbiting the character),
   Super Sales band, the dodge loop and its example, the live demo with Solution Bank lookup, the weekly report, quality, bank flow, steps, rules, plans. */
.views .hero{position:relative;padding-block:48px 64px;background:var(--ar-hero);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(42% 60% at 74% 44%,rgba(47,91,255,.14),transparent 70%),radial-gradient(30% 40% at 96% 72%,rgba(255,138,61,.16),transparent 70%)}
html[lang="ar"] .hero::before{transform:scaleX(-1)}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(180deg,transparent,var(--ar-bg));pointer-events:none}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:center}
#site .hero .pre{display:inline-flex;align-items:flex-start;gap:10px;max-width:540px;padding:9px 15px;border-radius:14px;background:color-mix(in srgb,var(--ar-card) 78%,transparent);border:1px solid var(--ar-border);font-size:15px;font-weight:560;line-height:1.45;letter-spacing:0;text-transform:none;color:var(--ar-text)}
.hero .pre .i{color:var(--ar-accent);margin-top:1px}
#site .hero h1{margin-top:6px}.hero h1 .l1,.hero h1 .l2{display:block}
#site .hero .sub{font-size:18.5px}
.micro{margin-top:14px;font-size:14px;color:var(--ar-text-3)}
.hero-vis{position:relative;margin-inline-end:calc(-1 * clamp(16px,(100vw - 1180px) / 2,64px))} /* F69: always leaves a gutter at the screen edge */
@media (min-width:901px) and (max-width:1180px){.hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.scene{position:relative;width:100%;aspect-ratio:1134/760}
.scene::before{content:"";position:absolute;inset:4% 20% 2%;border-radius:50%;background:radial-gradient(closest-side,rgba(47,91,255,.20),rgba(255,138,61,.10) 62%,transparent);filter:blur(12px)}
.scene-img{position:relative;display:block;width:100%;height:100%;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse 58% 64% at 57% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 58% 64% at 57% 50%,#000 62%,transparent 100%)}
html[lang="ar"] .scene-img{transform:scaleX(-1)}
.orbit{position:absolute;width:56%;aspect-ratio:1;inset-inline-start:29%;top:50%;transform:translateY(-50%);pointer-events:none}
.orbit .ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orbit .ring circle{fill:none;stroke:color-mix(in srgb,var(--ar-brand) 42%,transparent);stroke-width:1.6;stroke-dasharray:3 9;stroke-linecap:round;vector-effect:non-scaling-stroke}
.orbit .spin{position:absolute;inset:0;animation:orb 80s linear infinite}
.ch{position:absolute;width:58px;height:58px;margin:-29px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;pointer-events:auto;box-shadow:0 12px 26px -10px rgba(16,24,40,.35),0 0 0 1px rgba(16,24,40,.06);animation:orb 80s linear infinite reverse}
.ch svg{width:31px;height:31px;overflow:visible}
.ch.c1{left:85.36%;top:14.64%}.ch.c2{left:14.64%;top:14.64%}.ch.c3{left:14.64%;top:85.36%}.ch.c4{left:85.36%;top:85.36%}
.orbit:hover .spin,.orbit:hover .ch{animation-play-state:paused}
@keyframes orb{to{transform:rotate(360deg)}}
/* strip under the hero pointing to Super Sales (F67), and the Super Sales band (after the demo) */
#site .ss-strip{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:9px 18px;padding-inline-start:9px;border-radius:999px;background:var(--ar-card);border:1px solid color-mix(in srgb,var(--ar-accent) 45%,var(--ar-border));box-shadow:var(--ar-shadow);color:var(--ar-text);font-size:15px;font-weight:620}
.ss-strip b{padding:3px 11px;border-radius:999px;background:var(--ar-accent);color:#fff;font-size:12.5px;font-weight:750}.ss-strip .go{color:var(--ar-link);font-weight:700}#site .ss-strip:hover{border-color:var(--ar-accent)}
.ss-sec{scroll-margin-top:66px}#site .sprice{margin-top:16px;font-size:14.5px;font-weight:620;color:var(--ar-text-2)}.pr-note.sp{font-weight:650;color:var(--ar-text)}
.ss-card{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:40px;align-items:center;padding:56px;border-radius:34px;background:radial-gradient(55% 75% at 100% 0%,rgba(255,138,61,.16),transparent 62%),radial-gradient(60% 80% at 0% 100%,rgba(47,91,255,.12),transparent 62%),var(--ar-card);box-shadow:var(--ar-shadow-lg)}
.ss-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--ar-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
#site .ss-txt h2{font-size:clamp(30px,.54vw + 34px,48px)}html[lang="ar"] #site .ss-txt h2{font-size:clamp(27px,.45vw + 28.5px,41px)}
#site .fear{margin-top:22px;font-weight:500;line-height:1.6}html[lang="ar"] #site .fear{line-height:1.85}
/* loop */
.loopvis{position:relative;width:100%;max-width:450px;aspect-ratio:1;margin-inline:auto}
.loopring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.loopring path{fill:none;stroke:url(#g-br);stroke-width:3.5;stroke-dasharray:2 10;stroke-linecap:round}
html[lang="ar"] .loopring{transform:scaleX(-1)}
.lchip{position:absolute;transform:translate(-50%,-50%);max-width:58%;padding:9px 14px;border-radius:16px;border-end-start-radius:5px;background:var(--ar-card);border:1px solid var(--ar-border);box-shadow:var(--ar-shadow);font-size:14.5px;font-weight:650;color:var(--ar-bad-text);text-align:center;white-space:nowrap}
.lc1{left:50%;top:12.5%}.lc2{left:80%;top:70%}.lc3{left:20%;top:70%}
html[lang="ar"] .lc2{left:20%}html[lang="ar"] .lc3{left:80%}
.lcore{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:50%;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-weight:700;font-size:16px;line-height:1.4}
.lav{width:66px;height:66px;border-radius:50%;background:var(--ar-card);box-shadow:var(--ar-shadow-lg);display:flex;align-items:center;justify-content:center;color:var(--ar-text-2)}.lav .i{width:30px;height:30px}
.lexit{position:absolute;left:50%;bottom:-2%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 18px;border-radius:999px;background:var(--ar-brand);color:#fff;font-weight:700;font-size:15px;box-shadow:0 14px 28px -12px rgba(47,91,255,.75)}
.lexit .ln{display:none}.lexit .i{width:18px;height:18px;stroke-width:3}
.okline{margin-top:24px;padding:16px 18px;border-radius:16px;background:var(--ar-brand-faint);border-inline-start:4px solid var(--ar-brand);font-weight:640;color:var(--ar-text)}
/* the repeat-chat example (F69: one plain sentence replaces the calculator) */
.calc{max-width:880px;margin:56px auto 0;padding:28px 36px;border-radius:26px;background:var(--ar-card);border:1px solid var(--ar-border);box-shadow:var(--ar-shadow);text-align:center}
.cex{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--ar-accent-soft);color:var(--ar-accent-text);font-size:13px;font-weight:700}
#site .calc .cs{margin-top:14px;font-size:21px;line-height:1.5;font-weight:560;color:var(--ar-text);text-wrap:balance}html[lang="ar"] #site .calc .cs{font-size:20px;line-height:1.8}
.calc .cs b{font-weight:700;color:var(--ar-brand)}
#site .calc .cnote{margin-top:12px;font-size:14.5px;color:var(--ar-text-2)}
/* demo */
.head-c{max-width:800px;margin:0 auto 40px;text-align:center}#site .head-c .sub{margin-inline:auto}
.demo{border-radius:28px;background:var(--ar-card);border:1px solid var(--ar-border);box-shadow:var(--ar-shadow-lg);overflow:hidden;text-align:start}
.dm-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:14px 22px;border-bottom:1px solid var(--ar-border);background:var(--ar-surface);font-size:13.5px;color:var(--ar-text-2)}
.dm-top .chn{display:inline-flex;align-items:center;gap:6px;font-weight:680;color:var(--ar-text)}.dm-top .chn svg{width:18px;height:18px}
.dm-top .prob{margin-inline-start:auto;padding:3px 11px;border-radius:999px;background:var(--ar-bad-soft);color:var(--ar-bad-text);font-weight:680}
.dm-body{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);background:var(--ar-bg)}
.dm-chat{position:sticky;top:76px;align-self:start;display:flex;flex-direction:column;gap:18px;padding:30px 24px 24px}
.dm-chat .bub{padding-top:24px;outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s,box-shadow .2s}
.dm-chat .bub em{position:absolute;top:-10px;inset-inline-start:12px;width:22px;height:22px;border-radius:50%;background:var(--ar-text);color:var(--ar-card);font-size:11.5px;font-style:normal;font-weight:750;display:flex;align-items:center;justify-content:center}
.dm-chat .bub b{position:absolute;top:5px;inset-inline-start:42px;font-size:11.5px;font-weight:650;color:var(--ar-text-3)}
.dm-chat .bub.hl{outline-color:var(--ar-bad);box-shadow:0 0 0 7px color-mix(in srgb,var(--ar-bad) 13%,transparent)}.dm-chat .bub.hl em{background:var(--ar-bad);color:#fff}
.mood{margin-top:6px;padding:10px 12px;border-radius:12px;border:1px dashed var(--ar-border-strong);background:var(--ar-card);font-size:13.5px;color:var(--ar-text-2);cursor:pointer}
.dm-panel{display:flex;flex-direction:column;gap:14px;min-width:0;padding:22px 24px;background:var(--ar-card);border-inline-start:1px solid var(--ar-border)}
.tg{display:inline-flex;align-self:flex-start;padding:4px;border-radius:12px;background:var(--ar-input-bg)}
.tg button{border:0;background:none;padding:7px 14px;border-radius:9px;font-size:13.5px;font-weight:640;color:var(--ar-text-2);cursor:pointer}
.tg button.on{background:var(--ar-card);color:var(--ar-text);box-shadow:0 1px 3px rgba(16,24,40,.14)}
.scv{display:flex;align-items:baseline;gap:8px;margin-top:2px}.scv .big{font-size:60px;line-height:1;font-weight:800;color:var(--ar-bad-text);font-variant-numeric:tabular-nums}.scv span{font-size:18px;font-weight:650;color:var(--ar-text-3)}
.sbar{height:8px;margin-top:10px;border-radius:8px;background:var(--ar-input-bg);overflow:hidden}.sbar i{display:block;height:100%;width:8%;border-radius:8px;background:var(--ar-bad);transition:width .4s}
.demo.fixed .sbar i{width:0}
.redban{display:none;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--ar-bad-soft);color:var(--ar-bad-text);font-size:14px}.redban b{display:block;font-weight:780}.demo.fixed .redban{display:flex}
.finds{display:flex;flex-direction:column;gap:8px}
.finds li{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:var(--ar-bad-soft);font-size:14px;cursor:pointer}
.finds .pen{flex:none;font-weight:780;color:var(--ar-bad-text)}.finds .rlt{display:none;flex:none;padding:2px 8px;border-radius:999px;background:var(--ar-bad);color:#fff;font-size:12px;font-weight:750}.demo.fixed .finds .rlt{display:inline-block}
.lights{display:flex;flex-wrap:wrap;gap:8px}
.lt{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid var(--ar-border);font-size:13px}
.lt i{width:10px;height:10px;border-radius:50%;background:var(--ar-bad)}.lt small{font-size:12.5px;font-weight:700;color:var(--ar-bad-text)}
.lt.k i{background:var(--ar-brand)}.lt.k .s-ok{color:var(--ar-brand)}.lt.k .s-red,.demo.fixed .lt.k .s-ok{display:none}.demo.fixed .lt.k .s-red{display:inline}.demo.fixed .lt.k i{background:var(--ar-bad)}
.crit li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 4px;border-top:1px solid var(--ar-border);cursor:pointer}
.crit b{font-size:14.5px;font-weight:660}.crit .pts{font-size:14px;font-weight:750;font-variant-numeric:tabular-nums}
.crit .cb,.crit .ce{grid-column:1/-1}.crit .ce{font-size:13.5px;color:var(--ar-text-2)}
.crit li.na{cursor:default;opacity:.65}
.crit:not(.all) li:not(.tp){display:none}
.crit-more{align-self:flex-start;margin-top:-6px;padding:6px 0;border:0;background:none;color:var(--ar-link);font-size:14px;font-weight:680;cursor:pointer}
.crit-more .m2,.crit-more[aria-expanded="true"] .m1{display:none}.crit-more[aria-expanded="true"] .m2{display:inline}
.crit li:hover,.crit li:focus-visible,.finds li:hover,.mood:hover{background-color:color-mix(in srgb,var(--ar-brand) 6%,var(--ar-card));outline:none}
.dm-more{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:16px;padding:22px;border-top:1px solid var(--ar-border);background:var(--ar-surface)}
.dm-more .tile{padding:20px;box-shadow:none}
.bank .look{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;border-radius:12px;background:var(--ar-input-bg);font-size:13.5px;color:var(--ar-text-2)}
#site .bank h3{margin-top:12px}.bank .st{margin-top:8px}.bank .st span{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:720}
.bank .s-wait{background:var(--ar-accent-soft);color:var(--ar-accent-text)}.bank .s-ok{background:var(--ar-brand);color:#fff}
.bank .st .s-ok,.demo.fixed .bank .st .s-wait{display:none}.demo.fixed .bank .st .s-ok{display:inline-block}
.bank .from{font-size:13.5px}.bank .meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.bank .meta span{padding:3px 9px;border-radius:8px;background:var(--ar-brand-faint);color:var(--ar-link);font-size:12.5px;font-weight:650}
.steps{counter-reset:s;display:flex;flex-direction:column;gap:8px;margin-top:14px}.steps li{counter-increment:s;position:relative;padding-inline-start:31px;font-size:14px}
.steps li::before{content:counter(s);position:absolute;inset-inline-start:0;top:.1em;width:21px;height:21px;border-radius:50%;background:var(--ar-brand);color:#fff;font-size:12px;font-weight:750;display:flex;align-items:center;justify-content:center}
.bank .no,.bank .lim{margin-top:10px;padding-inline-start:12px;border-inline-start:3px solid var(--ar-bad);font-size:13.5px;color:var(--ar-text)}.bank .lim{border-color:var(--ar-accent)}
.better blockquote{margin:10px 0 16px;padding:14px 16px;border-radius:16px;background:var(--ar-brand-faint);font-size:15px;line-height:1.6;color:var(--ar-text)}
.better .adv{font-weight:640;color:var(--ar-text)}
.nx{display:flex;flex-direction:column;gap:14px;margin-top:12px}.nx li{display:flex;gap:10px;font-size:14px;color:var(--ar-text-2)}.nx .i{color:var(--ar-brand);margin-top:2px}
.owner{display:flex;flex-wrap:wrap;gap:10px;padding:16px 22px;border-top:1px solid var(--ar-border)}
/* blind spot + weekly report */
.big-line{margin-top:28px;font-size:25px;line-height:1.4;font-weight:700;background:var(--ar-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.report{padding:26px;border-radius:26px;background:var(--ar-card);border:1px solid var(--ar-border);box-shadow:var(--ar-shadow-lg)}
.rp-top{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--ar-border);font-size:16.5px}
.rp-ic{width:42px;height:42px;border-radius:13px;background:var(--ar-grad);color:#fff;display:flex;align-items:center;justify-content:center}
.rp li{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--ar-border);font-size:15px}.rp li:last-child{border-bottom:0}
.rp .i{width:34px;height:34px;padding:7px;border-radius:10px;background:var(--ar-brand-faint);color:var(--ar-brand)}
.rp .k2 .i{background:var(--ar-accent-soft);color:var(--ar-accent-text)}.rp .k4 .i{background:var(--ar-warn-soft);color:var(--ar-warn-text)}
.report .cap{text-align:start}
/* quality, bank, steps, rules, plans, faq */
.q-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}
.q-head .fig{height:290px;width:auto;margin-bottom:-24px;filter:drop-shadow(0 16px 20px rgba(16,24,40,.18))}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.qfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-top:26px;padding:20px 24px;border-radius:20px;background:var(--ar-brand-faint)}
.q-ind{font-weight:640}
.flow{counter-reset:f;display:flex;flex-direction:column;gap:16px}
.flow li{counter-increment:f;position:relative;display:flex;flex-direction:column;gap:2px;padding:16px 18px;padding-inline-start:70px;border-radius:18px;background:var(--ar-card);border:1px solid var(--ar-border);box-shadow:var(--ar-shadow)}
.flow li::before{content:counter(f);position:absolute;inset-inline-start:18px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--ar-grad);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.flow li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:35px;bottom:-17px;width:2px;height:18px;background:var(--ar-border-strong)}
.flow b{font-size:16.5px}.flow span{font-size:14px;color:var(--ar-text-2)}
.steps4{counter-reset:h;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}
.steps4 li{counter-increment:h;padding:24px;border-radius:20px;background:var(--ar-card);border:1px solid var(--ar-border);box-shadow:var(--ar-shadow)}
.steps4 li::before{content:counter(h);display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:14px;border-radius:12px;background:var(--ar-brand-faint);color:var(--ar-brand);font-weight:800}
.steps4 p{margin-top:8px;font-size:14.5px;color:var(--ar-text-2)}
.rl{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rl li{display:flex;gap:12px;padding:18px;border-radius:18px;background:var(--ar-card);border:1px solid var(--ar-border);font-size:15px}.rl .i{margin-top:2px;color:var(--ar-brand)}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan{display:flex;flex-direction:column;text-align:center}.plan .price{justify-content:center}#site .plan .ticks{align-self:center;max-width:100%;text-align:start}.plan .btn-p{align-self:stretch}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:10px}.price b{color:var(--ar-head);font-size:46px;line-height:1.1;font-weight:800;letter-spacing:-.02em}html[lang="ar"] .price b{font-size:34px;letter-spacing:0}.price small{font-size:15px;color:var(--ar-text-3)}
.plim{font-size:14px}.plan .ticks{flex:1;margin:18px 0 22px}.ticks.sm li{font-size:14.5px}
.pr-note{margin-top:16px;text-align:center;font-size:14.5px;color:var(--ar-text-2)}
#site .faq h2{margin-bottom:22px;text-align:center}
@media (prefers-reduced-motion:reduce){.orbit .spin,.ch{animation:none}}
@media (max-width:900px){
.hero .wrap,.ss-card,.dm-body,.dm-more,.q-head,.grid3,.steps4,.rl,.plans{grid-template-columns:minmax(0,1fr)}
.views .hero{padding-block:28px 40px}.hero-vis{margin-inline:-16px}.ch{width:44px;height:44px;margin:-22px}.ch svg{width:24px;height:24px}
.ss-card{padding:28px 18px;gap:24px;border-radius:26px}#site .ss-txt h2{font-size:30px}html[lang="ar"] #site .ss-txt h2{font-size:27px}#site .ss-strip{border-radius:18px}
.calc{padding:22px 18px}#site .calc .cs{font-size:18px}html[lang="ar"] #site .calc .cs{font-size:17.5px}.dm-chat{position:static}.dm-panel{border-inline-start:0;border-top:1px solid var(--ar-border)}.q-head .fig{display:none}
.lchip{font-size:13px;padding:7px 11px}.lcore{font-size:14px}.big-line{font-size:21px}
}
@media (max-width:400px){.lchip{font-size:12.5px;padding:6px 10px}.lc2{left:75%}.lc3{left:25%}html[lang="ar"] .lc2{left:25%}html[lang="ar"] .lc3{left:75%}}