/* Fiqrah home — v2, rebuilt section-by-section against clickup.com @1440 */
/* ---------- self-hosted fonts (official OFL builds, same families ClickUp ships) ---------- */
@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/PlusJakartaSans.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("fonts/Inter.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Sometype Mono";src:url("fonts/SometypeMono.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
.fq,body.fq{text-rendering:optimizeSpeed;font-feature-settings:"calt" 0}
.fq h1,.fq h2,.fq h3,.q-xl{font-feature-settings:"calt" 0}

:root{
  --ink:#202020;--onyx:#090c1d;--txt:#292d34;--slate:#646464;--ash:#838383;--fog:#b3b3b3;--bone:#e8e8e8;--line:#ececec;--chip:#f0f0f0;--mist:#f7f7f8;
  --violet:#6647f0;--blue:#0091ff;
  --jak:"Plus Jakarta Sans",Inter,system-ui,sans-serif;--inter:Inter,system-ui,-apple-system,sans-serif;--mono:"Sometype Mono","JetBrains Mono",ui-monospace,monospace;--ar:"IBM Plex Sans Arabic",Inter,sans-serif;
  --ease:cubic-bezier(.33,1,.68,1);
}
.fq *,.fq *::before,.fq *::after{box-sizing:border-box}
body.fq,body.fq-body{margin:0;background:#fff}
.fq{font-family:var(--jak);font-size:16px;line-height:24px;color:var(--txt);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;font-feature-settings:"calt" 0}
.fq a{color:inherit;text-decoration:none}
:where(.fq) :where(img,svg){display:block;max-width:none}
:where(.fq) :where(h1,h2,h3,h4,h5,p,ul,dl,dd){margin:0;padding:0}
:where(.fq) ul{list-style:none}
.fq button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;padding:0;border-radius:0;box-shadow:none;text-transform:none;letter-spacing:inherit}
.q-w{max-width:1120px;margin:0 auto;padding:0 20px;position:relative}
.q-mono{font-family:var(--mono);text-transform:uppercase;font-weight:500}
.q-g{color:var(--ash)}
.q-c{text-align:center}

/* buttons (ClickUp sizes) */
.fq .q-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--inter);font-weight:650;font-size:18px;line-height:24px;letter-spacing:-.36px;padding:14px 20px;border-radius:15px;white-space:nowrap;transition:background-color .15s var(--ease),transform .15s var(--ease),box-shadow .2s var(--ease)}
.fq .q-btn:active{transform:scale(.98)}
.fq .q-dark{background:#202020;color:#fff}.fq .q-dark:hover{background:#3d3d3d}
.fq .q-light{background:#f0f0f0;color:#202020}.fq .q-light:hover{background:#e5e5e5}
.fq .q-white{background:#fff;color:#202020}.fq .q-white:hover{background:#f1f1f1}
.fq .q-md{font-size:16px;font-weight:600;line-height:22px;letter-spacing:-.32px;padding:10px 14px;border-radius:10px}
.fq .q-sm{font-size:14px;font-weight:600;line-height:16px;letter-spacing:-.15px;padding:8px 12px;border-radius:8px}

/* ---------- 1. announcement + nav ---------- */
.fq .q-ann{display:flex;align-items:center;justify-content:center;gap:5px;height:40px;background:#f7f7f8;font-family:var(--inter);font-size:14px;line-height:21px;letter-spacing:-.15px;color:#000;position:relative;z-index:61}
.q-ann b{font-weight:600}.q-ann i{font-style:italic}
.q-ann svg{width:14px;height:14px;transition:transform .2s var(--ease)}.q-ann:hover svg{transform:translateX(2px)}
.q-nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.q-nav__in{height:60px;display:flex;align-items:center}
.fq .q-logo{display:flex;align-items:center;gap:6px;font-family:var(--jak);font-weight:800;font-size:21px;letter-spacing:-.9px;color:#1b1b1f;margin-right:20px}
.q-logo img{width:25px;height:25px}
.q-menu{display:flex;align-items:center;height:100%}
.q-mi{position:relative;height:100%;display:flex;align-items:center}
.q-mi>a,.q-mi>button{display:flex;align-items:center;gap:4px;font-family:var(--inter);font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.15px;color:#646464;padding:8px 10px;border-radius:8px;transition:color .15s,background-color .15s}
.q-mi:hover>a,.q-mi:hover>button{color:#202020;background:rgba(0,0,0,.04)}
.q-mi svg.ch{width:10px;height:10px;transition:transform .25s var(--ease)}
.q-mi:hover svg.ch{transform:rotate(180deg)}
.q-mega{position:absolute;top:54px;left:-12px;min-width:560px;background:#fff;border-radius:16px;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 16px 48px -8px rgba(16,24,40,.18);padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:4px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s var(--ease),transform .25s var(--ease),visibility .2s}
.q-mi:hover .q-mega{opacity:1;visibility:visible;transform:none}
.q-mega a{display:flex;gap:12px;padding:10px 12px;border-radius:10px;transition:background .15s}
.q-mega a:hover{background:#f6f6f7}
.q-mega .ic{width:36px;height:36px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.q-mega .ic svg{width:18px;height:18px}
.q-mega b{display:block;font-family:var(--inter);font-size:14px;font-weight:600;color:#202020;letter-spacing:-.15px}
.q-mega span.d{display:block;font-family:var(--inter);font-size:13px;line-height:18px;color:#838383}
.q-mega .ft{grid-column:1/-1;margin-top:6px;padding:12px;border-radius:10px;background:#f7f7f8;font-family:var(--inter);font-size:13px;color:#646464;display:flex;justify-content:space-between}
.q-mega .ft a{padding:0;font-weight:600;color:#202020}.q-mega .ft a:hover{background:none}
.q-nav__r{margin-left:auto;display:flex;align-items:center;gap:8px}
.fq .q-nav__r .q-link{font-family:var(--inter);font-size:14px;font-weight:500;letter-spacing:-.15px;color:#646464;padding:8px 10px;border-radius:8px}
.fq .q-nav__r .q-link:hover{color:#202020;background:rgba(0,0,0,.04)}
.q-burger{display:none;width:32px;height:32px;align-items:center;justify-content:center}
.q-burger i{display:block;width:16px;height:1.5px;background:#202020;box-shadow:0 5px 0 #202020,0 -5px 0 #202020}

/* ---------- 2. hero ---------- */
.q-hero{padding:80px 0 0}
.fq .q-badge{position:relative;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px 0 12px;border-radius:9999px;font-family:var(--inter);font-size:14px;font-weight:600;letter-spacing:-.15px;color:#202020;background:#fff;isolation:isolate}
.q-badge::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(90deg,#ff3ea5 0%,#e8e8e8 30%,#e8e8e8 70%,#e8e8e8 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}
.q-badge .q-ai{display:inline-flex;align-items:center;gap:3px;font-weight:700}
.q-badge .q-ai svg{width:15px;height:15px}
.q-badge sup{font-size:9px;margin-left:-1px}
.q-badge .ch{width:12px;height:12px;color:#646464}
.q-hero h1{margin-top:18px;font-family:var(--jak);font-size:60px;line-height:66px;font-weight:700;letter-spacing:-2.1px;color:#202020}
.q-hero__sub{max-width:620px;font-family:var(--inter);font-size:22px;line-height:28px;letter-spacing:-.5px;color:#646464;font-weight:400}
.q-hero__cta{display:flex;align-items:center;gap:12px;margin-top:32px}
.q-hero__note{font-family:var(--inter);font-size:12px;line-height:16px;color:#646464;margin-top:8px;width:216px;text-align:center}

/* app mockup (ClickUp-style frame) */
.q-app{margin-top:64px;position:relative;border:1px solid #e6e6e6;border-radius:16px;background:#f5f5f6;padding:0 8px 8px;font-family:var(--inter);box-shadow:0 1px 1px rgba(0,0,0,.02)}
.q-app__top{height:44px;display:flex;align-items:center;padding:0 2px}
.q-ws{display:flex;align-items:center;gap:7px;height:28px;padding:0 8px;border-radius:7px;background:#ececee;font-size:14px;font-weight:600;color:#202020}
.q-ws i{width:16px;height:16px;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center}
.q-ws i img{width:12px;height:12px}
.q-srch{margin:0 auto;width:326px;height:28px;border-radius:8px;background:#fff;border:1px solid #e4e4e6;display:flex;align-items:center;gap:7px;padding:0 9px;font-size:13px;color:#8b8b92}
.q-srch svg{width:13px;height:13px}
.q-srch .ai{margin-left:auto;width:14px;height:14px}
.q-tools{display:flex;align-items:center;gap:10px;color:#77777e}
.q-tools svg{width:15px;height:15px}
.q-tools .me{width:22px;height:22px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1.5px #fff}
.q-app__body{display:grid;grid-template-columns:52px 1fr 360px;gap:8px;height:560px}
.q-rail{background:#111113;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:4px}
.q-rail a{width:44px;padding:7px 0 5px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#9a9ba3;letter-spacing:-.1px}
.q-rail a.on{color:#fff}
.q-rail a.on .ri{background:linear-gradient(135deg,#7b5cff,#c04bf2);}
.q-rail .ri{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.q-rail svg{width:16px;height:16px}
.q-rail .sp{flex:1}
.q-pane{background:#fff;border-radius:10px;border:1px solid #ececee;overflow:hidden;position:relative}
.q-pane__h{padding:12px 16px 0}
.q-crumb{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:#202020}
.q-crumb .sq{width:15px;height:15px;border-radius:4px;background:#f0443a;display:flex;align-items:center;justify-content:center}
.q-crumb .sq svg{width:9px;height:9px}
.q-vtabs{display:flex;gap:16px;margin-top:10px;border-bottom:1px solid #f0f0f0;font-size:12.5px;font-weight:500;color:#6b6b73}
.q-vtabs span{display:flex;align-items:center;gap:5px;padding:6px 0 8px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.q-vtabs span.on{color:#202020;border-color:#202020}
.q-vtabs svg{width:12px;height:12px}
.q-view{position:absolute;inset:78px 0 0 0;padding:4px 16px;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.q-view.off{opacity:0;transform:translateY(8px);pointer-events:none}
.q-th,.q-tr{display:grid;grid-template-columns:1fr 112px 88px 96px;align-items:center;gap:8px}
.q-th{font-size:11.5px;color:#9a9aa2;padding:8px 0 6px 26px}
.q-grp{display:flex;align-items:center;gap:8px;margin:12px 0 4px;font-size:11.5px;color:#9a9aa2}
.q-grp svg.tw{width:10px;height:10px;color:#9a9aa2}
.q-st{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:5px;font-size:11.5px;font-weight:600;color:#fff}
.q-st svg{width:10px;height:10px}
.q-st.gry{background:#f0f0f2;color:#5c5c64}
.q-tr{padding:8px 0 8px 26px;border-bottom:1px solid #f4f4f5;font-size:13px;color:#26262b;position:relative;transition:background .6s}
.q-tr::before{content:"";position:absolute;left:6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;border:1.5px dashed #c4c4cc}
.q-tr.ip::before{border:1.5px solid #0091ff;border-style:solid;background:radial-gradient(circle,#0091ff 0 2px,transparent 2.5px)}
.q-tr.dn::before{border:0;background:#6b6b73 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 6.2l1.7 1.7 3.4-3.6' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.q-tr.flash{background:#eef7ff}
.q-tr .who{display:flex;align-items:center;gap:6px;font-size:12px;color:#55555c}
.q-tr .who .f{width:20px;height:20px;border-radius:50%;overflow:hidden;flex:none}
.q-tr .dt{font-size:12px;color:#55555c}
.q-tr .pr{display:flex;align-items:center;gap:5px;font-size:12px;color:#55555c}
.q-tr .pr svg{width:11px;height:11px}
/* artifact view */
.q-art{border-radius:12px;padding:16px 18px;color:#fff;background:linear-gradient(110deg,#3b2a9e 0%,#5a36d6 55%,#7d54f5 100%);position:relative;overflow:hidden}
.q-art .chips{display:flex;gap:6px}
.q-art .chips span{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.16);display:flex;align-items:center;gap:4px}
.q-art h4{margin-top:10px;font-family:var(--jak);font-size:21px;font-weight:700;letter-spacing:-.6px}
.q-art p{font-size:12px;color:rgba(255,255,255,.75);margin-top:2px}.q-art p b{color:#fff}
.q-art .ship{position:absolute;right:16px;top:34px;background:#28a868;border-radius:9999px;padding:5px 12px;font-size:12.5px;font-weight:600}
.q-tl{margin-top:8px;border:1px solid #ececee;border-radius:12px;padding:12px 16px}
.q-tl .hd{display:grid;grid-template-columns:200px 1fr;font-size:10.5px;color:#8b8b92}
.q-tl .hd>span:first-child{font-family:var(--mono);letter-spacing:.06em;color:#55555c}
.q-tl .dates{display:flex;justify-content:space-between;padding:0 50px 0 0}
.q-tl .r{display:grid;grid-template-columns:200px 1fr;align-items:center;margin-top:7px;font-size:12px;color:#26262b}
.q-tl .r .nm{display:flex;align-items:center;gap:6px}
.q-tl .r .nm span.f{width:16px;height:16px;border-radius:50%;overflow:hidden}
.q-tl .bar{height:8px;border-radius:9999px;background:#eceaff;position:relative;overflow:hidden}
.q-tl .bar i{position:absolute;top:0;bottom:0;border-radius:9999px;background:#2fa86a;transition:width 1.2s var(--ease)}
.q-tl .now{position:absolute;top:22px;bottom:4px;width:1.5px;background:#202020;left:calc(200px + 40%)}
.q-tl .now::before{content:"";position:absolute;top:-3px;left:-2.5px;width:6.5px;height:6.5px;border-radius:50%;background:#202020}
.q-ws2{margin-top:8px;border:1px solid #ececee;border-radius:12px;padding:12px 16px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:#55555c}
.q-ws2 .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;font-family:var(--inter);letter-spacing:0}
.q-ws2 .cards div{border:1px solid #ececee;border-radius:8px;padding:8px;font-size:12px;color:#26262b;font-weight:600}
.q-ws2 .cards div small{display:block;font-weight:400;color:#8b8b92;font-size:11px;margin-top:2px}
/* chat pane */
.q-chat{display:flex;flex-direction:column}
.q-chat__h{display:flex;align-items:center;gap:8px;padding:13px 16px 10px;font-size:14px;font-weight:600;color:#202020}
.q-chat__h .hs{width:15px;height:15px;border-radius:4px;background:#25d366;display:flex;align-items:center;justify-content:center}
.q-chat__h .hs svg{width:10px;height:10px}
.q-chat__h .dots{margin-left:auto;color:#9a9aa2;font-weight:400;letter-spacing:1px}
.q-chat__l{flex:1;padding:4px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;overflow:hidden;mask:linear-gradient(transparent 0,#000 60px)}
.q-m{display:flex;gap:10px;opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.q-m.in{opacity:1;transform:none}
.q-m .f{width:26px;height:26px;border-radius:50%;overflow:hidden;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700}
.q-m .n{font-size:13px;font-weight:600;color:#202020}.q-m .n small{font-weight:400;font-size:11px;color:#9a9aa2;margin-left:5px}
.q-m .t{font-size:13px;line-height:19px;color:#2f2f35;margin-top:1px}
.q-m .t .at{display:inline-block;padding:0 4px;border-radius:4px;background:#efeaff;color:#6647f0;font-weight:600}
.q-m .t[dir=rtl]{font-family:var(--ar)}
.q-type{display:inline-flex;gap:3px;padding:7px 9px;border-radius:10px;background:#f2f2f4;margin-top:2px}
.q-type i{width:5px;height:5px;border-radius:50%;background:#a3a3ab;animation:q-dot 1s infinite}
.q-type i:nth-child(2){animation-delay:.15s}.q-type i:nth-child(3){animation-delay:.3s}
@keyframes q-dot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-2px)}}
.q-chat__in{margin:10px 12px 12px;border:1px solid #e8e8ea;border-radius:10px;padding:9px 11px 8px;font-size:12.5px;color:#a0a0a8}
.q-chat__in .tl{display:flex;align-items:center;gap:9px;margin-top:9px;color:#a6a6ad}
.q-chat__in .tl svg{width:14px;height:14px}
.q-chat__in .tl .snd{margin-left:auto;color:#5b5b62}

/* ---------- 3. trusted ---------- */
.q-trust{display:flex;align-items:center;justify-content:space-between;padding:48px 0 0}
.q-trust .q-mono{font-size:14px;line-height:18px;color:#838383;white-space:nowrap}
.q-trust .lg{display:flex;align-items:center;gap:0;flex:1;justify-content:space-around;padding-left:40px}
.q-trust .lg span{color:#76767c;white-space:nowrap;line-height:1;display:flex;align-items:center;gap:6px;opacity:.85}

/* ---------- 4. context ---------- */
.q-sec{padding:120px 0 0}
.q-h2{font-family:var(--jak);font-size:48px;line-height:60px;font-weight:650;letter-spacing:-1.68px;color:#090c1d}
.q-h2 .q-g{color:#838383}
.q-sub{margin-top:12px;font-family:var(--inter);font-size:18px;line-height:24px;font-weight:500;letter-spacing:-.36px;color:#838383}
.q-ctx{position:relative;margin-top:40px}
.q-rope{position:relative;height:330px;max-width:1440px;margin:0 auto}
.q-rope>.q-app-ic,.q-rope>.q-bub{z-index:2}
.q-rope svg.r{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.q-bub{position:absolute;padding:8px 12px;border-radius:12px;background:#fff;font-family:var(--inter);font-size:15px;color:#202020;box-shadow:0 2px 10px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);white-space:nowrap;animation:q-bob 6s ease-in-out infinite}
.q-bub.fade{color:#9a9aa2;box-shadow:none;background:linear-gradient(90deg,#fff 60%,rgba(255,255,255,0))}
.q-app-ic{position:absolute;width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;animation:q-bob 7s ease-in-out infinite}
.q-app-ic svg{width:20px;height:20px}
.q-app-ic.sq{border-radius:10px}
@keyframes q-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.q-ctx3{display:grid;grid-template-columns:repeat(3,1fr);margin-top:-30px;position:relative}
.q-ctx3>div{padding:40px 28px 0;border-left:1px solid #ececec;position:relative}
.q-ctx3>div:first-child{border-left:0}
.q-ctx3>div::before{content:"";position:absolute;left:-1px;top:-70px;height:70px;width:1px;background:linear-gradient(transparent,#ececec)}
.q-ctx3>div:first-child::before{display:none}
.q-ctx3 h3{font-family:var(--jak);font-size:24px;line-height:30px;font-weight:650;letter-spacing:-.9px;color:#202020}
.q-ctx3 p{margin-top:4px;font-family:var(--inter);font-size:15px;line-height:20px;letter-spacing:-.15px;color:#646464}
.q-ctx3 p b{font-weight:600;color:#202020}

/* ---------- 5. apps grid (ClickUp wall-of-features: 138 x 127 cells) ---------- */
.q-apps{padding-top:160px}
.q-gridw{margin:56px auto 0;position:relative;max-width:1381px;overflow:hidden}
.q-gridw::before,.q-gridw::after{content:"";position:absolute;top:0;bottom:0;width:22%;z-index:3;pointer-events:none}
.q-gridw::before{left:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.7) 35%,rgba(255,255,255,0) 100%)}
.q-gridw::after{right:0;background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,.7) 35%,rgba(255,255,255,0) 100%)}
.q-gridfade{position:absolute;left:0;right:0;z-index:3;height:110px;pointer-events:none}
.q-grid{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:62px repeat(6,127px) 62px;gap:1px;background:#e8e8e8;position:relative}
.q-grid::before,.q-grid::after{content:"";position:absolute;left:0;right:0;height:56px;z-index:2;pointer-events:none}
.q-grid::before{top:0;background:linear-gradient(#fff 0%,rgba(255,255,255,0) 100%)}
.q-grid::after{bottom:0;background:linear-gradient(rgba(255,255,255,0) 0%,#fff 100%)}
.q-cell{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:0 8px;font-family:var(--jak);font-size:14px;line-height:21px;font-weight:500;letter-spacing:-.15px;color:#646464;text-align:center;transition:background-color .2s var(--ease),color .2s;text-decoration:none}
.q-cell.e{pointer-events:none}
.q-cell svg{width:22px;height:22px;stroke:#5c5c5c;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--ease),stroke .2s}
.q-cell:hover{background:#fafafa;color:#202020}
.q-cell:hover svg{stroke:#202020;transform:translateY(-2px) scale(1.06)}
.q-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:26px;cursor:pointer}
.q-tile .nm{display:flex;align-items:center;gap:9px;font-family:var(--jak);font-size:26px;line-height:32px;font-weight:600;letter-spacing:-.8px;color:#202020;position:relative;z-index:1}
.q-tile .ti{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex:none}
.q-tile .ti svg{width:20px;height:20px}
.q-tile .ti.fl{background:none;width:28px}
.q-tile .tart{position:absolute;left:0;right:0;top:44px;height:150px;display:flex;align-items:flex-start;justify-content:center;transition:transform .5s var(--ease)}
.q-tile:hover .tart{transform:translateY(-4px)}
.q-star{width:14px;height:14px;align-self:start;justify-self:start;transform:translate(-7px,-7px);z-index:2;background:radial-gradient(circle,#fff 0 30%,transparent 31%),conic-gradient(from 45deg,#e2e2e6 0 25%,transparent 0 50%,#e2e2e6 0 75%,transparent 0);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#dcdce0}
.tart .mc{width:130px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(16,24,40,.08),0 0 0 1px rgba(0,0,0,.04);padding:8px 8px 10px;margin:0 4px;font-family:var(--inter);position:relative}
.tart .mc+.mc{width:96px;opacity:.85;-webkit-mask:linear-gradient(90deg,#000 50%,transparent);mask:linear-gradient(90deg,#000 50%,transparent)}
.tart .q-st{height:18px;font-size:9px;padding:0 6px;border-radius:5px}
.tart .mc b{position:absolute;right:30px;top:10px;font-size:9px;color:#9a9aa2;font-weight:500}
.tart .ln{height:7px;border-radius:4px;background:#efeff2;margin-top:9px}
.tart .ln.s{width:55%}
.tart .fs{display:flex;margin-top:8px}.tart .fs span{width:16px;height:16px;border-radius:50%;overflow:hidden;margin-right:-4px;box-shadow:0 0 0 1.5px #fff}
.tart.doc{top:30px}
.tart.doc .pg{width:150px;height:140px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(16,24,40,.08),0 0 0 1px rgba(0,0,0,.04);padding:12px;font-family:var(--inter);font-size:10px;color:#202020;position:relative;z-index:2}
.tart.doc .pg.b,.tart.doc .pg.c{position:absolute;width:120px;height:120px;z-index:1;top:22px;opacity:.6}
.tart.doc .pg.b{left:calc(50% - 125px);transform:rotate(-6deg)}.tart.doc .pg.c{left:calc(50% + 10px);transform:rotate(6deg)}
.tart.doc .dots{height:5px;width:60%;margin-top:6px;border-radius:3px;background:linear-gradient(90deg,#3b82f6 0 10px,#e5e7eb 10px 34px,#c4b5fd 34px 70px,#e5e7eb 70px)}
.tart.doc .ln{height:5px;margin-top:8px;background:#e9e7ff}
.tart.ai{flex-direction:column;align-items:center;padding:0 34px;font-family:var(--inter);gap:0}
.tart.ai .q{align-self:flex-end;font-size:11px;background:#fff;border-radius:8px;padding:5px 9px;box-shadow:0 1px 3px rgba(0,0,0,.08);color:#202020}
.tart.ai .s{align-self:flex-start;display:flex;align-items:center;gap:6px;margin-top:12px;font-size:11px;color:#6b6b73}
.tart.ai .s em{font-style:normal;font-size:8px;color:#a1a1aa}
.tart.ai .ln{width:100%;background:#ecebf5}.tart.ai .ln.s{width:70%;align-self:flex-start}
.tart.ai .r{align-self:flex-start;display:flex;align-items:center;gap:5px;margin-top:10px;font-size:10.5px;font-weight:500;color:#202020}
.tart.ai .r .ck{width:12px;height:12px;border-radius:50%;background:#55555c;color:#fff;font-size:8px;display:flex;align-items:center;justify-content:center}
.tart.ai .r .q-st{height:14px;font-size:8px;padding:0 4px;border-radius:3px}
.tart.ai .r .f{width:14px;height:14px;border-radius:50%;overflow:hidden}
.tart.chat{flex-direction:column;gap:12px;padding:6px 40px 0;align-items:stretch}
.tart.chat .row{display:flex;gap:10px;align-items:center}
.tart.chat .row .f{width:26px;height:26px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 2px #fff}
.tart.chat .b{flex:1}.tart.chat .b i{display:block;height:8px;border-radius:5px;background:#b9b2f2}.tart.chat .b i.g{margin-top:6px;width:92%!important;background:#e9e7f5}
.tart.chat .rx{display:flex;gap:6px;justify-content:center;font-family:var(--inter);font-size:9.5px;color:#6b6b73}
.tart.chat .rx span{background:#fff;border-radius:9999px;padding:2px 7px;box-shadow:0 0 0 1px #ececf0}

/* ---------- 6. super agents (pinned, photo) ---------- */
.q-sa{position:relative;height:300vh;margin-top:110px}
.q-sa__pin{position:sticky;top:0;height:100vh;overflow:hidden}
.q-sa__card{position:absolute;inset:0;overflow:hidden;background:#fff}
.q-sa__peach{position:absolute;inset:0;background:linear-gradient(180deg,#fff 0%,#fff3ef 22%,#ffd9cb 60%,#ffb79f 100%);opacity:0}
.q-sa__peach::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .18 0 0 0 0 .08 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.4;mix-blend-mode:multiply}
.q-sa__head{position:absolute;left:0;right:0;top:0;text-align:center;padding-top:96px;z-index:5;will-change:transform,opacity}
.q-xl{font-family:var(--jak);font-size:76px;line-height:80px;font-weight:700;letter-spacing:-3.04px;background:linear-gradient(90deg,#202020,#8f8f8f);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;padding-bottom:8px}
.q-xl sup{font-size:13px;letter-spacing:0;vertical-align:top;position:relative;top:14px;-webkit-text-fill-color:#b3b3b3}
.q-sa__head .q-hero__cta{justify-content:center;margin-top:24px}
.q-mask{position:absolute;left:0;top:0;width:310px;z-index:6;transform-origin:0 0;will-change:transform;filter:drop-shadow(0 24px 22px rgba(90,30,110,.22))}
.q-mask img{width:100%;height:auto;display:block}
.q-mask span{position:absolute;left:14%;top:10%;font-family:var(--inter);font-size:12px;font-weight:600;color:rgba(255,255,255,.55);letter-spacing:-.1px;mix-blend-mode:overlay}
.q-sil,.q-char{position:absolute;left:50%;bottom:-2px;height:78vh;aspect-ratio:1400/1153;transform-origin:50% 100%}
.q-sil{z-index:3;opacity:0;will-change:transform,opacity;margin-left:calc(-78vh * 1400 / 1153 / 2);filter:blur(1.2px) contrast(1.05);-webkit-mask:linear-gradient(to top,#000 30%,rgba(0,0,0,.35) 95%);mask:linear-gradient(to top,#000 30%,rgba(0,0,0,.35) 95%)}
.q-char{z-index:4;opacity:0;margin-left:calc(-78vh * 1400 / 1153 / 2)}
.q-sil img,.q-char img{width:100%;height:100%;display:block;object-fit:contain;object-position:bottom}
.q-sa__tag{position:absolute;z-index:7;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:#5b3b31;opacity:0;white-space:nowrap}
.q-sa__tag.big{font-size:32px;line-height:38px;color:rgba(70,40,32,.42)}
.q-sa__tag svg{position:absolute;overflow:visible}
.q-sa__tag svg path{stroke:#6d4a3e;stroke-width:1;fill:none}
.q-sa__junk{position:absolute;z-index:2;font-family:var(--mono);font-size:22px;color:rgba(80,50,40,.4);opacity:0}
.fq .q-sa__btn{position:absolute;left:50%;bottom:44px;transform:translateX(-50%);z-index:8;opacity:0;font-size:16px;font-weight:600;padding:10px 14px;border-radius:10px}

/* ---------- 7. brain (dark) ---------- */
.q-brain{position:relative;margin:10px 10px 0;border-radius:32px;background:#000;overflow:hidden;z-index:2;color:#fff}
.q-brain__top{position:relative;text-align:center;padding:150px 20px 0}
.q-brain__glow{position:absolute;left:50%;top:330px;width:1000px;height:340px;margin-left:-500px;background:radial-gradient(40% 55% at 30% 60%,rgba(61,72,255,.75),transparent 70%),radial-gradient(40% 60% at 55% 55%,rgba(160,40,255,.7),transparent 70%),radial-gradient(35% 55% at 75% 62%,rgba(255,60,160,.6),transparent 70%);filter:blur(40px);opacity:.9;pointer-events:none}
.q-brain__glow::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:overlay}
.q-ai2{display:inline-flex;align-items:center;gap:12px;font-family:var(--jak);font-size:48px;line-height:56px;font-weight:600;letter-spacing:-1.6px;color:#fff;position:relative}
.q-ai2 svg{width:52px;height:52px}
.q-ai2 sup{font-size:26px;position:relative;top:-14px;margin-left:-6px}
.q-brain h2{margin-top:20px;font-family:var(--jak);font-size:80px;line-height:96px;font-weight:700;letter-spacing:-3.2px;background:linear-gradient(0deg,#8f8f8f -15%,#fff 80%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}
.q-brain h2 em{font-style:italic;padding-right:6px}
.q-brain__sub{margin-top:16px;font-family:var(--inter);font-size:20px;line-height:30px;letter-spacing:-.4px;color:#b4b4b4;position:relative}
.q-avail{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:22px;font-family:var(--mono);font-size:16px;line-height:20px;font-weight:500;color:#646464;position:relative}
.q-avail span{display:flex;align-items:center;gap:7px;font-size:14px}
.q-avail span:first-child{font-size:16px}
.q-avail svg{width:14px;height:14px;fill:#646464}
.q-bgrid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #262626;position:relative;background:#000}
.q-bgrid>div{border-right:1px solid #262626;border-bottom:1px solid #262626;padding:22px 20px 0;min-height:330px;display:flex;flex-direction:column;overflow:hidden;position:relative}
.q-bgrid>div:nth-child(3n){border-right:0}
.q-bgrid.two>div:nth-child(n+4){border-bottom:0}
.q-bgrid.one>div{border-bottom:0}
.q-bl{font-family:var(--mono);font-size:12px;line-height:18px;font-weight:500;letter-spacing:.96px;color:#eee;text-transform:uppercase}
.q-bgrid.two .q-bl{font-size:16px;line-height:20px;letter-spacing:0}
.q-bp{margin-top:10px;font-family:var(--inter);font-size:15px;line-height:22px;font-weight:500;letter-spacing:-.15px;color:#b4b4b4;max-width:310px}
.q-bgrid.two .q-bp{font-size:14px;line-height:20px;margin-top:8px}
.q-viz{margin-top:auto;display:flex;justify-content:center;align-items:flex-end;padding:20px 0 0;position:relative;min-height:170px}
/* cards visuals */
.q-wins{position:relative;width:100%;height:150px}
.q-wins .w{position:absolute;width:190px;height:110px;border-radius:10px;border:1px solid #2c2c30;background:linear-gradient(180deg,#1a1a1d,#0d0d0f);box-shadow:0 -10px 30px rgba(0,0,0,.6)}
.q-wins .w::before{content:"•••";position:absolute;left:10px;top:2px;font-size:14px;letter-spacing:1px;color:#55555c}
.q-wins .w:nth-child(1){left:12%;top:0}.q-wins .w:nth-child(2){left:22%;top:26px}.q-wins .w:nth-child(3){left:32%;top:52px}
.q-wins .orb{position:absolute;left:0;top:10px;width:48px;height:48px;border-radius:50%;background:#141417;border:1px solid #2c2c30;display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px rgba(120,60,255,.35)}
.q-wins .orb svg{width:22px;height:22px}
.q-models{width:250px;border:1px solid #2a2a2e;border-radius:12px 12px 0 0;background:#0f0f11;padding:8px 8px 0;font-family:var(--inter);font-size:13px;color:#d0d0d6}
.q-models small{display:block;font-size:11px;color:#77777e;padding:4px 8px 6px}
.q-models div{display:flex;align-items:center;gap:8px;padding:8px;border-radius:7px}
.q-models div.on{background:#1d1d21;color:#fff}
.q-models div.on::after{content:"";margin-left:auto;width:10px;height:6px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg) translateY(-2px)}
.q-models svg{width:14px;height:14px}
.q-kv{width:100%;margin-right:-20px;border:1px solid #2a2a2e;border-right:0;border-radius:10px 0 0 0;background:#0c0c0e;font-family:var(--mono);font-size:11px;overflow:hidden}
.q-kv div{display:grid;grid-template-columns:110px 1fr;padding:9px 12px;border-bottom:1px solid #1b1b1e;white-space:nowrap}
.q-kv span:first-child{color:#d6d6dc}.q-kv span:last-child{color:#7fd6a7;overflow:hidden}
/* nothing-comes-close visuals */
.q-memo{width:190px;border-radius:12px;border:1px solid #2c2c30;background:linear-gradient(180deg,#1a1a1d,#101012);padding:12px 14px 14px;box-shadow:0 20px 50px rgba(110,60,255,.25)}
.q-memo .t{display:flex;justify-content:space-between;font-family:var(--inter);font-size:11.5px;color:#cfcfd4}
.q-memo .t svg{width:14px;height:14px}
.q-memo .k{margin-top:12px;font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;color:#6e6e74}
.q-memo .v{font-family:var(--inter);font-size:20px;font-weight:500;color:#fff;margin-top:2px;letter-spacing:-.3px}
.q-car{position:relative;width:200px;height:150px;display:flex;align-items:center;justify-content:center}
.q-car .arr{position:absolute;top:50%;margin-top:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent}
.q-car .arr.l{left:6px;border-left:9px solid #fff}.q-car .arr.r{right:6px;border-right:9px solid #fff}
.q-car .it{position:absolute;left:50%;display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:12px;font-family:var(--inter);font-size:13px;color:#cfcfd4;background:#141417;border:1px solid #262629;transform:translate(-50%,-50%);transition:top .6s var(--ease),opacity .6s,transform .6s var(--ease),font-size .6s;white-space:nowrap}
.q-car .it svg{width:14px;height:14px}
.q-car .it.c{font-size:16px;color:#fff;height:40px;border-color:#3a3a40;background:#1b1b1f;box-shadow:0 0 0 1px #2a2a2e,0 8px 30px rgba(120,60,255,.35)}
.q-team{display:flex;flex-direction:column;align-items:center;gap:6px}
.q-team .m{display:flex;align-items:center;gap:10px;width:180px;height:42px;padding:0 12px;border-radius:12px;background:#151518;border:1px solid #2a2a2e;font-family:var(--inter);font-size:14px;color:#e6e6ea;transition:all .6s var(--ease)}
.q-team .m .f{width:24px;height:24px;border-radius:50%;overflow:hidden}
.q-team .m i{margin-left:auto;width:14px;height:14px;border-radius:50%;border:1.5px solid #55555c}
.q-team .m.on{width:200px;height:48px;border-color:#3a3a40;background:#1b1b1f}
.q-team .m.on i{border:0;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.25)}
.q-team .m.fade{opacity:.35;transform:scale(.9)}
.q-hub{position:relative;width:100%;height:170px}
.q-hub svg.ln{position:absolute;inset:0;width:100%;height:100%}
.q-hub svg.ln path{stroke:#2a2a2e;stroke-width:1.2;fill:none}
.q-hub svg.ln path.p{stroke:url(#q-pulse);stroke-dasharray:24 220;animation:q-run 2.6s linear infinite}
@keyframes q-run{to{stroke-dashoffset:-244}}
.q-hub .core{position:absolute;left:50%;top:44%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:14px;border:1px solid #3a3a40;background:#0f0f12;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px rgba(120,60,255,.45)}
.q-hub .core svg{width:40px;height:40px}
.q-hub .n{position:absolute;width:32px;height:32px;border-radius:50%;background:#121215;border:1px solid #2a2a2e;display:flex;align-items:center;justify-content:center}
.q-hub .n svg{width:16px;height:16px}
.q-hub .mcp{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;background:#18181b;border:1px solid #2c2c30;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:#cfcfd4}
.q-hub .mcp i{width:6px;height:6px;border-radius:50%;background:#22c55e}
.q-amb{width:100%;display:flex;flex-direction:column;gap:8px;padding-bottom:20px}
.q-amb .g{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:12px;border:1px solid #2c2c30;background:#121214;font-family:var(--inter);font-size:13px;color:#fff}
.q-amb .g .sp{width:13px;height:13px;border-radius:50%;border:1.6px solid #444;border-top-color:#fff;animation:q-sp .9s linear infinite}
.q-amb .g svg{margin-left:auto;width:16px;height:16px}
@keyframes q-sp{to{transform:rotate(360deg)}}
.q-amb .s{display:flex;align-items:center;gap:7px;font-family:var(--inter);font-size:12px;color:#e4e4ea;padding:3px 0;transition:opacity .5s,transform .5s var(--ease)}
.q-amb .s::before{content:"";width:6px;height:6px;border-radius:2px;background:#6647f0}
.q-amb .s:nth-child(3){padding-left:40px}.q-amb .s:nth-child(3)::before{background:#22c55e}
.q-amb .s:nth-child(4){opacity:.3;filter:blur(1px)}
.q-deep{width:100%;padding-bottom:16px;position:relative}
.q-deep p{font-family:var(--inter);font-size:11.5px;line-height:17px;color:#55555c;font-style:italic}
.q-deep p b{color:#8a8a90;font-style:normal}
.q-deep .rb{display:flex;align-items:center;gap:12px;margin:10px 0 8px;padding:10px 12px;border-radius:9999px 12px 12px 9999px;background:linear-gradient(90deg,#151518,rgba(21,21,24,0));}
.q-deep .rb .o{width:44px;height:44px;border-radius:50%;border:1px solid #2f2f34;background:#0f0f12;display:flex;align-items:center;justify-content:center;flex:none}
.q-deep .rb .o svg{width:24px;height:24px}
.q-deep .rb small{display:block;font-family:var(--inter);font-size:11px;color:#9a9aa2}
.q-deep .rb .bar{margin-top:6px;width:150px;height:4px;border-radius:9999px;background:#26262a;overflow:hidden}
.q-deep .rb .bar i{display:block;height:100%;width:40%;background:#22c55e;border-radius:9999px;animation:q-fill 3s var(--ease) infinite}
@keyframes q-fill{0%{width:5%}80%,100%{width:92%}}
.q-nothing{text-align:center;padding:120px 20px 48px}
.q-nothing h3{font-family:var(--jak);font-size:44px;line-height:48px;font-weight:650;letter-spacing:-1.76px;color:#fff}
.q-nothing h3 sup{font-size:20px;top:-18px;position:relative;line-height:0}
.q-nothing p{margin-top:12px;font-family:var(--inter);font-size:18px;line-height:24px;color:#b4b4b4;letter-spacing:-.3px}
.q-only{position:relative;margin-top:110px;padding:140px 20px 150px;text-align:center;overflow:hidden}
.q-only canvas{position:absolute;inset:0;width:100%;height:100%}
.q-only h3{position:relative;font-family:var(--jak);font-size:56px;line-height:64px;font-weight:700;letter-spacing:-2.24px;color:#fff}
.fq .q-only .q-btn{position:relative;margin-top:28px;font-size:18px;font-weight:650;padding:12px 16px;border-radius:12px}
.q-only a.lm{position:relative;display:block;margin-top:20px;font-family:var(--inter);font-size:16px;color:#fff;font-weight:500}

/* ---------- 8. solutions ---------- */
.q-sol-h{font-family:var(--jak);font-size:42px;line-height:48px;font-weight:800;letter-spacing:-.63px;color:#090c1d}
.q-sol-h .q-g{color:#838383}
.q-stabs{display:flex;justify-content:center;gap:10px;margin-top:28px;flex-wrap:wrap}
.q-stabs button{height:30px;padding:0 13px;border-radius:9999px;border:1px solid #e8e8e8;background:#fff;font-family:var(--inter);font-size:14px;font-weight:500;letter-spacing:-.15px;color:#464646;transition:all .2s var(--ease)}
.q-stabs button:hover{border-color:#cfcfcf;color:#202020}
.q-stabs button.on{border:1.5px solid #0091ff;color:#0078d4;box-shadow:0 0 0 3px rgba(0,145,255,.1);font-weight:600}
.q-scard{margin-top:28px;border-radius:24px;background:#f7f7f8;padding:56px;display:grid;grid-template-columns:1fr 400px;gap:64px;min-height:400px;transition:opacity .35s var(--ease)}
.q-scard.sw{opacity:.0}
.q-scard h3{font-family:var(--jak);font-size:40px;line-height:42px;font-weight:650;letter-spacing:-1.6px;color:#202020}
.q-scard h3 .q-g{display:block;color:#838383}
.q-scard .ds{margin-top:10px;font-family:var(--inter);font-size:16px;line-height:24px;letter-spacing:-.2px;color:#202020;max-width:470px}
.q-rep{display:flex;align-items:center;gap:8px;margin-top:22px;font-family:var(--mono);font-size:14px;font-weight:500;color:#646464}
.q-rep svg{width:16px;height:16px;color:#646464}
.q-chk{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.q-chk li{display:flex;align-items:center;gap:12px;font-family:var(--inter);font-size:15px;line-height:22px;color:#646464}
.q-chk li svg{width:14px;height:14px;stroke:#646464}
.q-sag{display:flex;flex-direction:column;gap:10px;justify-content:center}
.q-sag .a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.06);font-family:var(--inter);font-size:16px;line-height:22px;font-weight:500;letter-spacing:-.32px;color:#202020;opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.q-sag .a.in{opacity:1;transform:none}
.q-sag .a .f{width:26px;height:26px;border-radius:50%;overflow:hidden;flex:none;position:relative}
.q-sag .q-btn{align-self:flex-start;margin-top:12px}

/* ---------- 9. stats ---------- */
.q-emp{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.q-emp p{margin-top:12px;font-family:var(--inter);font-size:18px;line-height:24px;letter-spacing:-.36px;color:#838383;max-width:700px}
.q-roi{display:grid;grid-template-columns:repeat(4,1fr);margin-top:56px;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.q-roi>div{padding:20px 20px 20px 0;min-height:281px;display:flex;flex-direction:column;border-right:1px solid #ececec}
.q-roi>div+div{padding-left:22px}
.q-roi>div:last-child{border-right:0}
.q-roi .q-mono{font-size:14px;line-height:18px;color:#6647f0}
.q-roi .n{margin-top:8px;font-family:var(--jak);font-size:34px;line-height:41px;font-weight:650;letter-spacing:-1.36px;color:#000;font-variant-numeric:tabular-nums}
.q-roi p{margin-top:auto;font-family:var(--inter);font-size:12px;line-height:16px;color:#838383}
.q-fn{margin-top:20px;font-family:var(--inter);font-size:12px;color:#838383}
.q-fn a{color:#0091ff;text-decoration:underline}

/* ---------- 10. loved ---------- */
.q-loved{display:flex;justify-content:space-between;align-items:center}
.q-awards{display:flex;gap:14px}.q-awards>span{width:96px!important;height:112px!important}
.q-vids{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.q-vid{position:relative;height:410px;border-radius:14px;overflow:hidden;cursor:pointer}
.q-vid .bg{position:absolute;inset:0;transition:transform .8s var(--ease)}
.q-vid:hover .bg{transform:scale(1.04)}
.q-vid .bg .fq-av{position:absolute;left:50%;bottom:-12%;width:118%;height:auto;aspect-ratio:1;transform:translateX(-50%)}
.q-vid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.78) 100%)}
.q-vid .play{position:absolute;left:50%;top:40%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(255,255,255,.24);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;transform:scale(.9);transition:all .3s var(--ease)}
.q-vid:hover .play{opacity:1;transform:none}
.q-vid .play::before{content:"";margin-left:4px;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.q-vid .cap{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;color:#fff}
.q-vid .cap q{display:block;font-family:var(--inter);font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.25px}
.q-vid .cap q::before,.q-vid .cap q::after{content:'"'}
.q-vid .cap .by{display:flex;justify-content:space-between;align-items:flex-end;margin-top:22px;font-family:var(--inter);font-size:13px;line-height:17px}
.q-vid .cap .by b{font-weight:500}
.q-vid .cap .lg{font-family:var(--jak);font-weight:800;font-size:20px;letter-spacing:-.5px}

/* ---------- 11/12. ratings + sizes ---------- */
.q-rate{display:grid;grid-template-columns:1fr 1fr;margin-top:140px;border-top:1px solid #ececec}
.q-rate>div{position:relative;border-bottom:1px solid #ececec}
.q-rate>div:nth-child(odd){border-right:1px solid #ececec}
.q-rate .tx{padding:56px 48px 48px;display:flex;flex-direction:column;min-height:332px}
.q-rate .lb{font-family:var(--mono);font-size:14px;line-height:28px;font-weight:500;color:#6647f0;text-transform:uppercase}
.q-rate h2{font-family:var(--jak);font-size:40px;line-height:48px;font-weight:650;letter-spacing:-1.6px;color:#202020}
.fq .q-rate .q-btn{margin-top:auto;align-self:flex-start;font-size:16px;font-weight:600;padding:10px 20px;border-radius:10px}
.q-wall{position:absolute;inset:0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent) , linear-gradient(transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.q-wall__t{display:grid;grid-template-columns:repeat(7,84px);gap:4px 10px;justify-content:center;padding-top:8px;animation:q-up 28s linear infinite}
@keyframes q-up{to{transform:translateY(-50%)}}
.q-shield{width:84px;height:98px;position:relative}
.q-shield svg{width:100%;height:100%}
.q-dots{display:grid;grid-template-columns:repeat(30,6px);gap:5px 4px;justify-content:center;padding:48px 0 18px}
.q-dots i{width:6px;height:6px;border-radius:50%;background:#e3e3e6;transition:background .3s,transform .3s}
.q-dots i.on{background:#7b2ff2}
.q-dots i.big{transform:scale(1.35)}
.q-dcap{text-align:center;font-family:var(--mono);font-size:14px;line-height:18px;color:#838383;text-transform:uppercase;padding-bottom:40px}
.q-sizes{display:flex;gap:28px;margin-top:auto}
.q-sizes dt{font-family:var(--jak);font-size:34px;line-height:40px;font-weight:650;letter-spacing:-1.36px;color:#292d34}
.q-sizes dd{font-family:var(--inter);font-size:14px;line-height:20px;color:#646464}

/* ---------- 13. enterprise ---------- */
.q-ent{display:grid;grid-template-columns:1fr auto;margin-top:120px;align-items:end;border-bottom:1px solid #ececec}
.q-ent h2{font-family:var(--jak);font-size:34px;line-height:40.8px;font-weight:650;letter-spacing:-1.36px;color:#202020}
.q-ent h2 .q-g{display:block}
.q-ent p{font-family:var(--inter);font-size:18px;line-height:24px;letter-spacing:-.36px;color:#838383;padding:20px 30px 30px 0}
.q-certs{display:flex}
.q-certs div{width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-left:1px solid #ececec}
.q-certs svg{width:76px;height:76px}
.q-entb{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-family:var(--mono);font-size:12px;font-weight:500;color:#646464;text-transform:uppercase}
.q-entb .l{display:flex;align-items:center;gap:8px}
.q-entb .l svg{width:14px;height:14px}
.q-entb .r{display:flex}
.q-entb .r span{width:120px;text-align:center}

/* ---------- 14. final ---------- */
.q-fin{margin:100px 10px 0;border-radius:32px;overflow:hidden;position:relative;padding:56px 20px 0;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(40,120,255,.0)),linear-gradient(100deg,#7a3cf0 0%,#c43be0 35%,#ff3d8f 62%,#ff7a3a 100%)}
.q-fin::before{content:"";position:absolute;inset:auto 0 0 0;height:240px;background:linear-gradient(180deg,rgba(60,90,255,0),rgba(70,110,255,.85));pointer-events:none}
.q-fin::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");mix-blend-mode:overlay;pointer-events:none}
.q-fin .ic{width:96px;height:96px;margin:0 auto;border-radius:24px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px rgba(60,0,80,.25),inset 0 -3px 0 rgba(0,0,0,.06);position:relative;z-index:2}
.q-fin .ic img{width:56px;height:56px}
.q-fin h2{position:relative;z-index:2;margin-top:28px;font-family:var(--jak);font-size:60px;line-height:66px;font-weight:700;letter-spacing:-2.1px;color:#fff}
.fq .q-fin .q-btn{position:relative;z-index:2;margin-top:24px;font-size:18px;font-weight:700;letter-spacing:-.25px;padding:12px 16px;border-radius:12px}
.q-fin .dev{position:relative;z-index:1;max-width:1100px;margin:44px auto 0;height:360px}
.q-fin .dev .q-app{margin:0;position:absolute;left:0;right:120px;top:0;height:420px;border-radius:16px 16px 0 0;box-shadow:0 -10px 50px rgba(60,0,90,.25);text-align:left}
.q-fin .dev .q-app .q-app__body{height:376px;grid-template-columns:52px 1fr 300px}
.q-phone{position:absolute;right:20px;top:60px;width:240px;height:420px;border-radius:38px;background:#0d0d0f;border:6px solid #2a2a2e;box-shadow:0 20px 60px rgba(20,0,40,.45);padding:14px 12px;text-align:left;font-family:var(--inter);color:#fff;z-index:3}
.q-phone .tm{display:flex;justify-content:space-between;font-size:12px;font-weight:600;padding:0 8px}
.q-phone .ws{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:14px;font-weight:600}
.q-phone .ws i{width:16px;height:16px;border-radius:5px;background:#3d9a2f}
.q-phone .sr{margin-top:10px;height:28px;border-radius:9px;background:#1d1d21;font-size:11px;color:#77777e;display:flex;align-items:center;padding:0 10px}
.q-phone .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.q-phone .tiles div{height:58px;border-radius:10px;padding:7px;font-size:10px;font-weight:600}
.q-phone .tiles small{display:block;font-weight:400;opacity:.75}
.q-phone .rc{margin-top:12px;font-size:10.5px;color:#9a9aa2}
.q-phone .rc div{display:flex;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid #1d1d21;color:#e6e6ea;font-size:11px}
.q-fnote{max-width:1080px;margin:36px auto 0;padding:0 20px 36px;font-family:var(--inter);font-size:14px;color:#646464;border-bottom:1px solid #ececec}

/* ---------- 15. footer ---------- */
.q-foot{padding:56px 0 0}
.q-foot .q-logo{font-size:18px;margin:0}
.q-foot .q-logo img{width:22px;height:22px}
.q-fcols{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:36px}
.q-fcols h5{font-family:var(--inter);font-size:14px;line-height:21px;font-weight:600;color:#202020;margin-bottom:14px}
.q-fcols li a{display:block;font-family:var(--inter);font-size:14px;line-height:21px;color:#646464;padding:0;margin-bottom:8px}
.q-fcols li a:hover{color:#202020}
.q-fcols h5.mt{margin-top:28px}
.q-fsoc{display:flex;justify-content:space-between;align-items:center;margin-top:110px;padding-bottom:20px;border-bottom:1px solid #ececec}
.q-fsoc .s{display:flex;gap:12px}.q-fsoc .s a{color:#646464}.q-fsoc .s svg{width:18px;height:18px}
.q-fsoc .c{display:flex;gap:30px;font-family:var(--mono);font-size:8px;line-height:9px;color:#838383;text-transform:uppercase}
.q-fsoc .c span{display:flex;align-items:center;gap:6px}
.q-fsoc .c svg{width:22px;height:22px}
.q-fbot{display:flex;justify-content:space-between;padding:16px 0 40px;font-family:var(--inter);font-size:14px;color:#646464}
.q-fbot nav{display:flex;gap:28px}

/* reveal */
.q-rv{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.q-rv.in{opacity:1;transform:none}
.q-rv.d1{transition-delay:.08s}.q-rv.d2{transition-delay:.16s}.q-rv.d3{transition-delay:.24s}
.elementor-editor-active .q-rv{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){.q-rv{opacity:1;transform:none}.q-bub,.q-app-ic,.q-wall__t{animation:none}}

/* WordPress / Elementor integration */
body.fq .e-con,body.fq .e-con-inner{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--content-width:100%;padding:0!important;gap:0!important;max-width:none!important}
body.fq .elementor-widget-html,body.fq .elementor-widget-html>.elementor-widget-container{margin:0!important;padding:0!important;width:100%}
body.fq .elementor-element{--widgets-spacing:0px}
body.fq .e-con:has(.q-sa){overflow:visible}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .q-menu,.q-nav__r .q-link,.q-nav__r .q-light{display:none}
  .q-burger{display:flex}
  .q-app__body{grid-template-columns:52px 1fr}.q-app .q-chat{display:none}
  .q-trust .lg{flex-wrap:wrap;gap:16px}
}
@media (max-width:820px){
  .fq .q-ann{display:none}
  .q-hero{padding-top:36px}
  .q-hero h1{font-size:38px;line-height:44px;letter-spacing:-1.6px}
  .q-hero__sub{font-size:17px;line-height:24px}
  .q-hero__cta{flex-direction:column;align-items:stretch}.q-hero__note{width:auto}
  .q-app{margin-top:36px}.q-app__body{height:420px}.q-srch{display:none}
  .q-th,.q-tr{grid-template-columns:1fr 96px}.q-th>*:nth-child(n+3),.q-tr>*:nth-child(n+3){display:none}
  .q-trust{flex-direction:column;align-items:center;gap:20px}.q-trust .lg{padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px 12px;justify-items:center;width:100%}
  .q-sec{padding-top:80px}
  .q-h2{font-size:32px;line-height:38px;letter-spacing:-1.2px}
  .q-sub{font-size:16px}
  .q-rope{height:220px}
  .q-ctx3{grid-template-columns:1fr;margin-top:0}.q-ctx3>div{border-left:0;padding:24px 0 0}.q-ctx3>div::before{display:none}
  .q-apps{padding-top:80px}
  .q-xl{font-size:40px;line-height:44px;letter-spacing:-1.6px}
  .q-sa__tag{display:none}.q-sa__tag.mob{display:block}
  .q-brain{margin:-40px 0 0;border-radius:24px}
  .q-brain__top{padding-top:90px}
  .q-ai2{font-size:34px}.q-ai2 svg{width:38px;height:38px}
  .q-brain h2{font-size:40px;line-height:44px;letter-spacing:-1.6px}
  .q-brain__sub{font-size:16px;line-height:24px}
  .q-avail{flex-wrap:wrap;gap:10px 16px}
  .q-bgrid{grid-template-columns:1fr}.q-bgrid>div{border-right:0!important;border-bottom:1px solid #262626!important}
  .q-nothing{padding-top:90px}.q-nothing h3{font-size:30px;line-height:34px}
  .q-only{margin-top:80px;padding:120px 20px 80px}.q-only h3{font-size:32px;line-height:38px;letter-spacing:-1.2px}
  .q-sol-h{font-size:30px;line-height:36px}
  .q-scard{grid-template-columns:1fr;padding:28px;gap:28px}.q-scard h3{font-size:30px;line-height:34px}
  .q-emp{flex-direction:column;align-items:flex-start}
  .q-roi{grid-template-columns:1fr}.q-roi>div{border-right:0;border-bottom:1px solid #ececec;min-height:0;padding:20px 0!important}.q-roi p{margin-top:12px}
  .q-loved{flex-direction:column;align-items:flex-start;gap:20px}
  .q-vids{grid-template-columns:1fr}
  .q-rate{grid-template-columns:1fr}.q-rate>div:nth-child(odd){border-right:0}.q-rate .tx{padding:36px 0}
  .q-rate>div.wallc{height:320px}
  .q-rate>div:nth-child(3){order:4}
  .q-ent{grid-template-columns:1fr}.q-certs{display:grid;grid-template-columns:1fr 1fr}.q-certs div{width:auto;border-left:0;border-top:1px solid #ececec}
  .q-entb .r{display:none}
  .q-fin{margin:60px 0 0;border-radius:24px}.q-fin h2{font-size:34px;line-height:40px;letter-spacing:-1.3px}
  .q-fin .dev .q-app{right:-200px}.q-phone{right:auto;left:50%;margin-left:-120px}
  .q-fcols{grid-template-columns:1fr 1fr}
  .q-fsoc{flex-direction:column;gap:20px;align-items:flex-start;margin-top:48px}
  .q-fbot{flex-direction:column;gap:12px}.q-fbot nav{flex-wrap:wrap;gap:16px}
}

/* hero CTA: rotating rainbow edge like ClickUp */
@property --qa{syntax:"<angle>";inherits:false;initial-value:0deg}
.fq .q-hero__cta .q-dark{position:relative;isolation:isolate}
.fq .q-hero__cta .q-dark::before{content:"";position:absolute;inset:-1.5px;border-radius:16px;z-index:-1;background:conic-gradient(from var(--qa),#202020 0 60%,#7d5be7 68%,#fa24ce 76%,#fd9a46 84%,#4fb9fa 92%,#202020 100%);animation:q-rot 3s linear infinite;opacity:.9}
.fq .q-hero__cta .q-dark::after{content:"";position:absolute;inset:0;border-radius:15px;background:inherit;z-index:-1}
@keyframes q-rot{to{--qa:360deg}}

/* logo bar swap */
.q-trust .lg .lgw{display:flex;align-items:center;justify-content:center;transition:opacity .45s var(--ease),filter .45s var(--ease),transform .45s var(--ease);transition-delay:var(--d)}
.q-trust .lg .lgw.out{opacity:0;filter:blur(6px);transform:translateY(-10px)}
.q-trust .lg .lgw.in0{opacity:0;filter:blur(6px);transform:translateY(10px);transition:none}

/* hero app v3 */
.q-main{overflow:hidden}
.q-tr .nm{display:flex;align-items:center;gap:6px;min-width:0}
.q-tr.enter{opacity:0;transform:translateY(-6px)}
.q-tr{transition:opacity .4s var(--ease),transform .4s var(--ease),background .6s}
.q-tr.creating{background:linear-gradient(90deg,rgba(255,95,162,.07),rgba(163,91,255,.07));box-shadow:inset 0 0 0 1.5px rgba(232,51,138,.35);border-radius:8px}
.q-tr.creating em{font-style:normal;font-weight:500;background:linear-gradient(90deg,#ff5fa2,#a35bff,#3f8cff,#ff5fa2);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:q-shim 1.6s linear infinite}
.q-tr.creating .who,.q-tr.creating .dt,.q-tr.creating .pr{opacity:.25}
.q-tr .mk{display:inline-flex}
@keyframes q-shim{to{background-position:-200% 0}}
.q-tr.flash,.q-card.flash{animation:q-flash 1.2s var(--ease)}
@keyframes q-flash{0%{background:#efeaff}100%{background:transparent}}
.q-tr .edit{border-radius:5px;animation:q-ed 1s var(--ease)}
@keyframes q-ed{0%{background:#e9e2ff;box-shadow:0 0 0 3px #e9e2ff}100%{background:transparent;box-shadow:none}}
.q-curs{position:absolute;inset:0;pointer-events:none;z-index:6}
.q-cur{position:absolute;left:0;top:0;opacity:0;transition:transform .9s cubic-bezier(.33,1,.68,1),opacity .3s;display:flex;align-items:flex-start}
.q-cur.on{opacity:1}
.q-cur svg{width:16px;height:16px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.q-cur span{margin:12px 0 0 -2px;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;font-family:var(--inter);font-size:11px;font-weight:600;color:#fff;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.q-cur span svg{width:11px;height:11px;filter:none}
.q-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:6px}
.q-col{background:#f7f7f8;border-radius:10px;padding:8px;min-height:380px}
.q-col .h{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.q-col .ct{font-family:var(--inter);font-size:11.5px;color:#9a9aa2;font-weight:500}
.q-col .cards{display:flex;flex-direction:column;gap:8px}
.q-card{background:#fff;border:1px solid #ececee;border-radius:8px;padding:9px 10px;font-family:var(--inter);font-size:12.5px;color:#26262b;box-shadow:0 1px 1px rgba(0,0,0,.03)}
.q-card b{font-weight:600}
.q-card .m{display:flex;align-items:center;gap:8px;margin-top:8px;color:#77777e;font-size:11px}
.q-card .m .f{width:16px;height:16px;border-radius:50%;overflow:hidden}
.q-card .m span{display:flex;align-items:center;gap:3px}.q-card .m svg{width:11px;height:11px}
.q-card .m .v{margin-left:auto;color:#26262b;font-weight:500}
.q-card.ph{background:repeating-linear-gradient(45deg,#f1effd 0 6px,#f7f6ff 6px 12px);border:1.5px dashed #c9bdfc;box-shadow:none}
.q-card.drag{box-shadow:0 12px 28px rgba(16,24,40,.18),0 0 0 1px rgba(0,0,0,.04)}
.q-col .add{display:block;margin-top:10px;font-family:var(--inter);font-size:11.5px;color:#9a9aa2}
.q-view[data-vv="2"]{padding:8px 16px}
.q-making{position:absolute;inset:8px 16px;border-radius:12px;background:radial-gradient(60% 60% at 50% 45%,#2a1b55 0%,#110c24 60%,#0b0817 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;opacity:0;transition:opacity .5s var(--ease);pointer-events:none}
.q-making .glow{filter:drop-shadow(0 0 22px rgba(255,95,162,.55)) drop-shadow(0 0 40px rgba(163,91,255,.45));animation:q-pulse 1.6s ease-in-out infinite}
.q-making .lb{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:rgba(255,255,255,.55)}
@keyframes q-pulse{0%,100%{transform:scale(.94);opacity:.75}50%{transform:scale(1.04);opacity:1}}
.q-planc{opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.q-main.making .q-making{opacity:1}
.q-main.made .q-planc{opacity:1;transform:none}
.q-main.made .q-tl .bar i{animation:q-grow 1.2s var(--ease) both}
@keyframes q-grow{from{width:0!important}}
.q-vtabs .plan.on{color:#202020}
.q-dec{margin-top:8px;border:1px solid #ececee;border-radius:12px;padding:10px 16px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:#55555c}
.q-dec div{display:flex;align-items:center;gap:6px;margin-top:6px;font-family:var(--inter);letter-spacing:0;font-size:11.5px;color:#55555c}
.q-dec .f{width:16px;height:16px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
.q-dec b{color:#202020;font-weight:600}
.q-m .t .st{color:#8a8a92;font-style:italic}
.q-chat__h .hs{background:#7b44f2}

/* play-video cursor (ClickUp) */
.q-playzone{position:absolute;inset:0 18% 0 18%;z-index:4;cursor:none}
.q-playcur{--cursor-x:0px;--cursor-y:0px;position:fixed;left:0;top:0;z-index:9999;opacity:0;pointer-events:none;transition:opacity .18s;transform:translate3d(var(--cursor-x),var(--cursor-y),0) translate(-50%,-50%);will-change:transform}
.q-playcur .in{display:flex;gap:12px;align-items:center;padding:12px 20px 12px 14px;border-radius:16px;background:#000;color:#fff;font-family:var(--inter);font-size:16px;font-weight:500;transform:scale(.85);transition:transform .16s}
.q-playcur.vis{opacity:1}.q-playcur.vis .in{transform:scale(1)}
.q-playcur .pi{width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.q-playcur .pi svg{width:40px;height:40px}
.q-modal{position:fixed;inset:0;z-index:10000;background:rgba(10,10,14,.72);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.q-modal.on{opacity:1}
.q-modal__in{position:relative;width:min(1180px,92vw)}
.q-modal__in .q-app{margin:0}
.q-modal .x{position:absolute;right:-6px;top:-44px;width:36px;height:36px;border-radius:50%;background:#fff;color:#202020;font-size:22px;line-height:36px;text-align:center;cursor:pointer}

/* bold banner */
.q-band{padding:120px 0 0}
.q-banner{position:relative;height:425px;border-radius:24px;overflow:hidden;background:#000;display:flex;align-items:center}
.q-banner .gl{position:absolute;inset:0;background:radial-gradient(60% 90% at 100% 0%,rgba(236,72,153,.95) 0%,rgba(168,40,180,.55) 30%,rgba(0,0,0,0) 62%),radial-gradient(50% 80% at 90% 100%,rgba(250,130,90,.9) 0%,rgba(0,0,0,0) 55%),linear-gradient(90deg,#000 0 45%,rgba(40,10,60,.6) 70%,rgba(80,20,90,.4))}
.q-banner .tx{position:relative;z-index:2;padding:0 58px;max-width:600px}
.q-banner .bl{display:flex;align-items:center;gap:10px;font-family:var(--jak);font-size:42px;font-weight:800;letter-spacing:-1.6px;color:#fff}
.q-banner .bl img{width:40px;height:40px}
.q-banner h3{margin-top:22px;font-family:var(--jak);font-size:40px;line-height:48px;font-weight:650;letter-spacing:-1.6px;color:#fff}
.q-banner p{margin-top:10px;font-family:var(--inter);font-size:18px;line-height:28px;letter-spacing:-.36px;color:#f2f2f4}
.fq .q-banner .q-btn{margin-top:36px;font-size:18px;padding:14px 18px 14px 24px;border-radius:12px}
.fq .q-banner .q-btn svg{width:20px;height:20px}
.q-bdash{position:absolute;right:0;top:60px;width:545px;height:400px;border-radius:24px 0 0 0;background:#fff;box-shadow:-20px -10px 40px rgba(0,0,0,.35);border:6px solid rgba(255,255,255,.35);border-right:0;border-bottom:0;font-family:var(--inter);z-index:2;overflow:hidden;transition:transform .8s var(--ease)}
.q-banner:hover .q-bdash{transform:translateY(-6px)}
.q-bdash .q-app__top{height:30px;padding:0 10px;transform:scale(.8);transform-origin:0 50%;width:125%}
.q-bdash .bdb{display:grid;grid-template-columns:26px 1fr;height:100%}
.q-bdash .q-rail{border-radius:0;padding:6px 0;background:#111113}
.q-bdash .q-rail a{width:22px;padding:4px 0}.q-bdash .q-rail .ri{width:18px;height:18px}.q-bdash .q-rail svg{width:11px;height:11px}
.q-bdash .dash{padding:6px 10px}
.q-bdash .crumb{font-size:9px;color:#8b8b92}.q-bdash .crumb b{color:#202020;font-weight:600}
.q-bdash .dg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}
.q-bdash .w{border:1px solid #ececee;border-radius:6px;padding:6px;min-height:120px;font-size:7px;color:#55555c;line-height:10px}
.q-bdash .w>b{display:flex;align-items:center;gap:3px;font-size:7.5px;color:#202020;font-weight:600;margin-bottom:4px}
.q-bdash .w p{margin-top:4px}
.q-bdash .w>svg{width:100%;height:auto;margin-top:4px}
.q-bdash .w>b svg{width:9px;height:9px}
.q-bdash .w{overflow:hidden;max-height:150px}
.q-bdash .w.t div{display:flex;align-items:center;gap:5px;padding:3px 0;border-bottom:1px solid #f2f2f4}
.q-bdash .w.t .f{width:12px;height:12px;border-radius:50%;overflow:hidden}.q-bdash .w.t em{margin-left:auto;font-style:normal}

/* testimonials with photos */
.q-vid .bg img{width:100%;height:100%;object-fit:cover;display:block}

@media (max-width:820px){
  .q-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:none;grid-auto-rows:104px}
  .q-grid>*{grid-column:auto!important;grid-row:auto!important}
  .q-grid .q-cell.e,.q-star{display:none}
  .q-tile{grid-column:span 2!important;grid-row:span 2!important}
  .q-tile .nm{font-size:20px}.q-tile .tart{transform:scale(.75);transform-origin:50% 0}
  .q-gridw::before,.q-gridw::after{display:none}
  .q-sil,.q-char{height:62vh;margin-left:calc(-62vh * 1400 / 1153 / 2)}
  .q-mask{width:200px}
  .q-banner{height:auto;flex-direction:column;align-items:stretch;padding-top:40px}
  .q-banner .tx{padding:0 24px}.q-banner .bl{font-size:30px}.q-banner h3{font-size:28px;line-height:34px}
  .q-bdash{position:relative;top:auto;width:auto;margin:30px 0 0 24px;height:280px}
  .q-playzone{display:none}
  .q-board{grid-template-columns:repeat(2,1fr)}.q-col:nth-child(3){display:none}
}

/* ---------- phone menu (EN) ---------- */
@media (max-width:1100px){
  html:not([dir=rtl]) .q-nav.open .q-menu{display:block;position:absolute;top:100%;right:0;left:0;height:calc(100dvh - var(--qnav-b,60px));overflow-y:auto;overscroll-behavior:contain;background:#fff;padding:8px 20px calc(24px + env(safe-area-inset-bottom));z-index:80;box-shadow:0 1px 0 #ececec inset}
  html:not([dir=rtl]) .q-nav.open .q-mi{display:block;height:auto;border-bottom:1px solid #f0f0f2}
  html:not([dir=rtl]) .q-nav.open .q-mi>button,html:not([dir=rtl]) .q-nav.open .q-mi>a{display:flex;width:100%;align-items:center;justify-content:space-between;padding:16px 4px;font-size:17px;font-weight:600;color:#202020;min-height:48px}
  html:not([dir=rtl]) .q-nav.open .q-mega{position:static;display:none;opacity:1;visibility:visible;transform:none;min-width:0;box-shadow:none;padding:0 0 12px;grid-template-columns:1fr}
  html:not([dir=rtl]) .q-nav.open .q-mi.on .q-mega{display:grid}
  html:not([dir=rtl]) .q-nav.open .q-mi.on>button .ch{transform:rotate(180deg)}
  html:not([dir=rtl]) .q-nav.open .q-mob{display:grid}
  html:not([dir=rtl]) .q-mob{display:none;grid-template-columns:1fr 1fr;gap:10px;padding:18px 0 4px}
  html:not([dir=rtl]) .q-mob a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;font-size:16px;font-weight:600;background:#f3f3f5;color:#202020}
  html:not([dir=rtl]) .q-mob a.dk{background:#202020;color:#fff}
  html:not([dir=rtl]) .q-mob a.wide{grid-column:1/-1;background:none;border:1px solid #e6e6ea}
  html:not([dir=rtl]) .q-nav.open .q-burger i{background:transparent;box-shadow:none;position:relative}
  html:not([dir=rtl]) .q-nav.open .q-burger i::before,html:not([dir=rtl]) .q-nav.open .q-burger i::after{content:"";position:absolute;left:0;top:0;width:16px;height:1.5px;background:#202020;transform:rotate(45deg)}
  html:not([dir=rtl]) .q-nav.open .q-burger i::after{transform:rotate(-45deg)}
  html.q-lock{overflow:hidden;overscroll-behavior:none}
}
@media (min-width:1101px){.q-mob{display:none}}

/* live page has no #fq wrapper: clip sideways overflow from the mockups on phones */
@media (max-width:820px){body.fq .elementor{overflow-x:clip}}

/* ---------- v4 (2026-10-30): Apple-like balance + ClickUp heading gradient ---------- */
/* balanced line breaks: no one-word orphans under headlines and intros */
.fq h1,.fq h2,.fq h3,.q-xl{text-wrap:balance}
.q-hero__sub,.q-sub,.q-brain__sub,.q-nothing p,.q-emp p,.q-ent p,.fqt-cap{text-wrap:balance}
.q-bp,.q-ctx3 p,.q-roi p,.q-scard p,.q-vid q{text-wrap:pretty}
/* one vertical rhythm between sections */
.q-sec{padding-top:140px}
.q-sub{margin-top:16px}
/* hero: one centred stack over the centred product shot */
.q-hero .q-badge{display:flex;width:fit-content;margin:0 auto}
.q-hero h1{text-align:center;margin-top:22px}
.q-hero__sub{text-align:center;margin:16px auto 0;max-width:640px;font-size:21px;line-height:30px;letter-spacing:-.35px}
.q-hero__cta{justify-content:center}
.q-hero__note{width:auto;text-align:center;margin-top:12px}
/* headings: one dark-to-grey gradient across the whole line (clickup.com: 97deg, #202020 43% -> #8f8f8f 111%), no black/grey word split */
.q-hero h1,.q-h2,.q-sol-h,.q-scard h3,.q-rate h2,.q-ent h2,.q-loved h2{background-image:linear-gradient(97deg,#202020 43%,#8f8f8f 111%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.q-hero h1{background-image:linear-gradient(98deg,#202020 43%,#8f8f8f 92%)}
:is(.q-hero h1,.q-h2,.q-sol-h,.q-scard h3,.q-rate h2,.q-ent h2,.q-loved h2) .q-g{color:inherit;-webkit-text-fill-color:inherit}
html[dir=rtl] :is(.q-h2,.q-sol-h,.q-scard h3,.q-rate h2,.q-ent h2,.q-loved h2){background-image:linear-gradient(263deg,#202020 43%,#8f8f8f 111%)}
html[dir=rtl] .q-hero h1{background-image:linear-gradient(262deg,#202020 43%,#8f8f8f 92%)}
/* "AI²" superscripts sit on the cap line instead of floating */
.q-ai2 sup{margin-left:-11px}
.q-nothing h3 sup{font-size:.45em;vertical-align:baseline;top:-.95em;margin-left:1px}
/* hero badge: travelling neon edge, same as the selected items inside the app */
.q-badge:has(.q-ring)::before{background:#e8e8e8}
.q-badge .q-ring{position:absolute;inset:0;border-radius:inherit;padding:1.25px;pointer-events:none;z-index:1;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.q-badge .q-ring i{position:absolute;left:0;top:0;width:72px;height:22px;border-radius:12px;background:linear-gradient(90deg,transparent,#f76808 20%,#ff02f0 40%,#6647f0 60%,#0091ff 80%,transparent);filter:blur(5px);offset-path:inset(0 round 15px);offset-rotate:auto;offset-anchor:center;animation:qBadgeRing 5.2s linear infinite}
@keyframes qBadgeRing{from{offset-distance:0%}to{offset-distance:100%}}
@media (prefers-reduced-motion:reduce){.q-badge .q-ring{display:none}.q-badge:has(.q-ring)::before{background:linear-gradient(90deg,#ff3ea5 0%,#e8e8e8 30%)}}
/* AI section: intro kept to a readable measure; OpenAI mark is black, so lift it on the dark cards */
.q-brain__sub{max-width:640px;margin-left:auto;margin-right:auto}
.q-brain svg path[fill="#111"]{fill:#fff}
@media (max-width:820px){.q-sec{padding-top:80px}.q-hero__sub{font-size:17px;line-height:25px}}

/* ---------- phone polish (2026-10-30) ---------- */
@media (max-width:820px){
  .q-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .q-cell{font-size:12.5px;line-height:16px;text-align:center;padding:0 4px;gap:7px;min-width:0}
  .q-cell span{overflow-wrap:anywhere}
  .q-sa__head{padding-left:20px;padding-right:20px}
  .q-sa__head .q-hero__cta{max-width:420px;margin-left:auto;margin-right:auto}
  .q-fcols li a{line-height:20px;padding:6px 0;margin-bottom:0}
  .q-fcols h5{margin-bottom:6px}.q-fcols h5.mt{margin-top:22px}
  .q-fsoc .c{font-size:10.5px;line-height:14px;flex-wrap:wrap;gap:14px 22px}
  .q-brain .lm{display:inline-flex;align-items:center;min-height:40px}
  .q-stabs button{height:36px;padding:0 15px}
  .q-fn a{display:inline-block;padding:8px 0}
}
@media (max-width:380px){
  .q-hero h1{font-size:36px;line-height:42px;letter-spacing:-1.3px}
  .q-cell{font-size:11.5px}
}
@media (max-width:820px){.q-fbot nav a{display:inline-block;padding:8px 0}}

/* ---------- mobile audit fixes (2026-10-30) ---------- */
/* works-with row: real channel marks */
.q-trust .lg .wk{display:inline-flex;align-items:center;gap:7px;font-family:var(--inter);font-size:15px;font-weight:500;letter-spacing:-.2px;color:#55555c;opacity:1}
.q-trust .lg .wk svg{width:20px;height:20px;flex:none}
.q-trust .lg .wk b{font-weight:500}
/* knowledge base windows carry real-looking sources */
.q-wins .w{display:flex;flex-direction:column;gap:6px;padding:24px 12px 0;font-family:var(--inter);overflow:hidden}
.q-wins .w b{font-family:var(--mono);font-size:11px;font-weight:500;color:#d6d6dc;letter-spacing:.02em}
.q-wins .w i{font-style:normal;font-size:12px;line-height:15px;color:#8a8a92;display:flex;justify-content:space-between;gap:8px;white-space:nowrap}
.q-wins .w i em{font-style:normal;color:#7fd6a7}
.q-wins .w i.s{color:#5f5f66}
/* example setups (no fake play buttons) */
.q-ex{cursor:default}
.q-ex .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.72) 78%,rgba(0,0,0,.86))}
.q-ex .cap .kd{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.q-ex .cap .tt{display:block;margin-top:6px;font-family:var(--jak);font-size:24px;line-height:30px;font-weight:700;letter-spacing:-.6px;color:#fff}
.q-ex .cap p{margin-top:8px;font-family:var(--inter);font-size:15px;line-height:22px;color:#f1f1f3;text-wrap:pretty}
.q-ex .cap .by{margin-top:14px;font-size:13px;color:rgba(255,255,255,.8)}
.q-ex .cap .by .lg{font-family:var(--inter);font-size:12px;font-weight:500;letter-spacing:0}
.q-loved__p{font-family:var(--inter);font-size:17px;color:#646464}
/* phone-only "watch the tour" button (desktop keeps the hover cursor) */
.q-playm{display:none}
/* apps grid: "show all" only on phones */
.q-more{display:none}
/* FAQ */
.q-faq__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:64px;align-items:start}
.q-faq__h h2{margin-top:10px}
.q-faq__h p{margin-top:16px;font-family:var(--inter);font-size:16px;line-height:24px;color:#646464}
.q-faq__h p a{color:#202020;text-decoration:underline;text-underline-offset:3px}
.q-faq__q{border-bottom:1px solid #ececec}
.q-faq__q:first-child{border-top:1px solid #ececec}
.q-faq__q summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 0;font-family:var(--inter);font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.3px;color:#202020;cursor:pointer}
.q-faq__q summary::-webkit-details-marker{display:none}
.q-faq__q summary i{position:relative;width:14px;height:14px;flex:none}
.q-faq__q summary i::before,.q-faq__q summary i::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;border-radius:2px;background:#202020;transition:transform .25s var(--ease)}
.q-faq__q summary i::after{transform:rotate(90deg)}
.q-faq__q[open] summary i::after{transform:rotate(0)}
.q-faq__q p{padding:0 32px 20px 0;font-family:var(--inter);font-size:16px;line-height:25px;color:#55555c;text-wrap:pretty}
/* demo booking */
.q-demo__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:56px;align-items:start}
.q-demo__tx h2{margin-top:10px}
.q-demo__tx p{margin-top:16px;font-family:var(--inter);font-size:17px;line-height:26px;color:#55555c}
.q-demo__tx ul{margin:20px 0 0;padding:0;list-style:none}
.q-demo__tx li{position:relative;padding:8px 0 8px 28px;font-family:var(--inter);font-size:16px;line-height:22px;color:#202020}
.q-demo__tx li::before{content:"";position:absolute;left:2px;top:12px;width:14px;height:8px;border-left:2px solid #673de6;border-bottom:2px solid #673de6;transform:rotate(-45deg)}
.q-demo__cal{position:relative;min-height:680px;border:1px solid #ececec;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 40px rgba(16,24,40,.06)}
.q-demo__cal iframe{display:block;width:100%;height:720px;border:0;opacity:0;transition:opacity .4s}
.q-demo__cal.ready iframe{opacity:1}
.q-demo__cal .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--inter);font-size:15px;color:#838383;transition:opacity .3s}
.q-demo__cal.ready .ph{opacity:0;pointer-events:none}
.q-demo__cal .sp{width:18px;height:18px;border-radius:50%;border:2px solid #e3e3e8;border-top-color:#673de6;animation:q-spin .8s linear infinite}
@keyframes q-spin{to{transform:rotate(360deg)}}
/* banner: live demo still instead of a shrunk screenshot */
.q-bdash.q-bdemo{background:#fff;padding:0}
.q-bdash.q-bdemo>div{pointer-events:none}
/* footer: three real columns */
.q-fcols.q-f3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}
.q-fcols .fc h5 button{all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;font:inherit;color:inherit;cursor:default}
.q-fcols .fc h5 button i{display:none}
.q-fsoc .s:empty{display:none}
/* super agents: no layout work while scrolling */
.q-sa__card{will-change:clip-path}
@supports (height:100svh){.q-sa__pin{height:100svh}}

@media (min-width:821px){.q-ann{min-height:0}}
@media (max-width:820px){
  /* tap targets >= 44px */
  .q-nav__r .q-btn.q-sm{min-height:40px;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center}
  .q-burger{width:44px;height:44px;margin-right:-6px}
  .q-badge{height:36px;padding:0 12px 0 14px}
  .q-stabs{gap:8px}.q-stabs button{height:44px;padding:0 16px;font-size:15px}
  .q-scard .q-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center}
  .q-brain .lm{min-height:44px}
  /* readable small text */
  .q-avail span,.q-avail span:first-child{font-size:13px}
  .q-deep p{font-size:13px;line-height:19px}
  .q-deep .rb small{font-size:12px}
  .q-fsoc .c{font-size:12px;line-height:15px}
  .q-trust .q-mono{font-size:13px}
  /* instructions table: wrap instead of cutting */
  .q-kv{font-size:12px}
  .q-kv div{grid-template-columns:84px 1fr;white-space:normal;gap:8px;line-height:17px}
  .q-kv span:last-child{overflow:visible}
  /* context bubbles stay inside the screen */
  .q-rope .q-bub{left:auto!important;right:3%;max-width:44vw;white-space:normal;font-size:13px;line-height:17px;padding:7px 10px}
  /* works-with: wrap, nothing cut, no blur */
  .q-trust .lg{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 22px}
  .q-trust .lg .wk{font-size:14px}
  .q-trust .lg .lgw.out,.q-trust .lg .lgw.in0{filter:none}
  /* apps grid: 4 tiles + 8 tools, then "Show all" */
  .q-gridw:not(.all) .q-cell.xtra{display:none}
  .q-more{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:18px;padding:0 22px;border-radius:12px;border:1px solid #e3e3e8;background:#fff;font-family:var(--inter);font-size:16px;font-weight:600;color:#202020}
  .q-playm{display:inline-flex;align-items:center;gap:10px;margin:18px auto 0;min-height:48px;padding:0 20px 0 8px;border-radius:9999px;background:#000;color:#fff;font-family:var(--inter);font-size:16px;font-weight:600}
  .q-playm .pi{width:32px;height:32px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center}
  .q-playm .pi svg{width:18px;height:18px}
  .q-ctx3+.q-playm,.q-c>.q-playm{display:flex;width:fit-content}
  /* super agents: shorter pin, sized to the small viewport */
  .q-sa{height:230vh;margin-top:70px}
  @supports (height:100svh){.q-sa{height:230svh}.q-sil,.q-char{height:62svh;margin-left:calc(-62svh * 1400 / 1153 / 2)}}
  /* example setups */
  .q-vid.q-ex{height:380px}
  /* FAQ + demo stack */
  .q-faq__in,.q-demo__in{grid-template-columns:1fr;gap:28px}
  .q-faq__q summary{font-size:17px;min-height:56px}
  .q-faq__q p{padding-right:8px;font-size:15.5px}
  .q-demo__cal{min-height:640px;border-radius:16px;margin:0 -4px}
  .q-demo__cal iframe{height:780px}
  /* banner demo */
  .q-bdash.q-bdemo{height:auto;max-height:430px;margin:28px 16px 0;border-radius:18px 18px 0 0;border:5px solid rgba(255,255,255,.35);border-bottom:0}
  /* footer accordion */
  .q-fcols.q-f3{grid-template-columns:1fr;gap:0;margin-top:20px}
  .q-fcols .fc{border-bottom:1px solid #ececec}
  .q-fcols .fc h5{margin:0}
  .q-fcols .fc h5 button{min-height:52px;cursor:pointer;font-size:16px}
  .q-fcols .fc h5 button i{display:block;position:relative;width:12px;height:12px}
  .q-fcols .fc h5 button i::before,.q-fcols .fc h5 button i::after{content:"";position:absolute;left:0;top:5px;width:12px;height:2px;background:#646464;transition:transform .25s}
  .q-fcols .fc h5 button i::after{transform:rotate(90deg)}
  .q-fcols .fc.open h5 button i::after{transform:rotate(0)}
  .q-fcols .fc ul{display:none;padding-bottom:12px}
  .q-fcols .fc.open ul{display:block}
  .q-fcols .fc li a{display:flex;align-items:center;min-height:44px;padding:0}
  .q-fsoc{margin-top:28px}
}
/* phone landscape: keep the first screen and the tour usable */
@media (orientation:landscape) and (max-height:500px){
  .q-hero{padding-top:16px}
  .q-hero h1{font-size:30px;line-height:36px;letter-spacing:-1px;margin-top:14px}
  .q-hero__sub{font-size:16px;line-height:23px}
  .q-hero__cta{flex-direction:row;justify-content:center}
  .fqt-free .fqt-app{max-width:620px;margin-left:auto;margin-right:auto}
  .q-sa{height:200vh}
}
@media (max-width:820px){
  .q-hero .q-badge{height:40px}
  .q-wins .w b{font-size:12px}
  .q-faq__h p a{display:inline-block;padding:10px 0}
}
.q-off,.q-off *{animation-play-state:paused!important}
.q-fsoc{margin-top:64px}
.q-fsoc .c{font-size:11px;line-height:14px}
/* touch screens of any width (phone landscape, tablets): finger-sized targets */
@media (pointer:coarse){
  .q-nav__r .q-btn.q-sm{min-height:40px;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center}
  .q-hero .q-badge{height:40px}
  .q-stabs button{height:44px;padding:0 16px}
  .q-brain .lm{display:inline-flex;align-items:center;min-height:44px}
  .q-fcols li a{display:inline-flex;align-items:center;min-height:40px}
  .q-fcols .fc h5 button{min-height:44px}
  .q-faq__h p a{display:inline-block;padding:10px 0}
  .q-fbot nav a{display:inline-block;padding:10px 0}
}
@media (min-width:821px){.q-bdash.q-bdemo{width:580px}}
@media (pointer:coarse){.q-scard .q-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center}}
@media (min-width:821px){.q-banner .tx{max-width:500px;padding-right:12px}.q-banner p{font-size:17px;line-height:26px}}
@media (min-width:821px) and (max-width:1100px){.q-bdash.q-bdemo{width:46%}.q-banner .tx{max-width:52%}}
@media (pointer:coarse){.fqx .fqx-plans button,.fqx .fqx-cycle button{min-height:44px}}
@media (max-width:420px){
  .q-nav__r{gap:6px}
  .q-nav__r .q-btn.q-sm{padding-left:12px;padding-right:12px}
  .q-logo img{height:28px!important}
  html[dir=rtl] .q-burger{margin-right:0;margin-left:0}
}

/* ===================== v5 phone system (2026-10-30) =====================
   One type scale, one section rhythm, centred intros, real icons. Phones + small tablets only. */
@media (max-width:820px){
  /* --- rhythm: every section opens 88px below the previous one --- */
  .fq:not(.fq-x) .q-sec,.fq:not(.fq-x) .q-sec[style]{padding-top:88px!important}
  .fq:not(.fq-x) .q-apps{padding-top:88px}
  .fq:not(.fq-x) .q-band{padding-top:88px}
  .fq:not(.fq-x) .fqt{padding-top:88px}
  /* --- type scale --- */
  .fq:not(.fq-x) .q-hero h1{font-size:40px;line-height:44px;letter-spacing:-1.6px}
  .fq:not(.fq-x) .q-h2,.fq:not(.fq-x) .q-sol-h,.fq:not(.fq-x) .q-ent h2,.fq:not(.fq-x) .q-loved h2,.fq:not(.fq-x) .q-emp h2,.fq:not(.fq-x) .fqx-h2{font-family:var(--jak);font-size:32px;line-height:38px;font-weight:700;letter-spacing:-1.2px}
  .fq:not(.fq-x) .q-xl,.fq:not(.fq-x) .q-brain h2{font-size:36px;line-height:40px;letter-spacing:-1.4px}
  .fq:not(.fq-x) .q-nothing h3,.fq:not(.fq-x) .q-only h3,.fq:not(.fq-x) .q-fin h2{font-size:32px;line-height:38px;letter-spacing:-1.2px;font-weight:700}
  .fq:not(.fq-x) .q-scard h3,.fq:not(.fq-x) .q-banner h3{font-size:26px;line-height:32px;letter-spacing:-.9px}
  .fq:not(.fq-x) .q-sub,.fq:not(.fq-x) .q-emp p,.fq:not(.fq-x) .q-ent p,.fq:not(.fq-x) .q-loved__p,.fq:not(.fq-x) .q-faq__h p,.fq:not(.fq-x) .q-demo__tx p,.fq:not(.fq-x) .q-brain__sub,.fq:not(.fq-x) .q-nothing p,.fq:not(.fq-x) .q-hero__sub{font-family:var(--inter);font-size:16px;line-height:24px;font-weight:400;letter-spacing:-.2px;color:#646464;max-width:340px;margin-left:auto;margin-right:auto}
  .fq:not(.fq-x) .q-brain__sub,.fq:not(.fq-x) .q-nothing p{color:#b4b4b4}
  .fq:not(.fq-x) .q-hero__sub{font-size:17px;line-height:25px;max-width:350px}
  /* headings: a vertical tone (no grey right-hand words on narrow lines) */
  .fq:not(.fq-x) :is(.q-hero h1,.q-h2,.q-sol-h,.q-scard h3,.q-ent h2,.q-loved h2){background-image:linear-gradient(180deg,#151515 0%,#3a3a3a 100%)}
  html[dir=rtl] .fq:not(.fq-x) :is(.q-hero h1,.q-h2,.q-sol-h,.q-scard h3,.q-ent h2,.q-loved h2){background-image:linear-gradient(180deg,#151515 0%,#3a3a3a 100%)}
  .fq:not(.fq-x) .q-xl{background:linear-gradient(180deg,#151515,#3a3a3a);-webkit-background-clip:text;background-clip:text}
  .fq:not(.fq-x) .q-scard h3 .q-g{color:inherit}
  /* eyebrows: one style (purple pill, as on the cost comparison) */
  .fq:not(.fq-x) .q-faq__h .q-mono,.fq:not(.fq-x) .q-demo__tx .q-mono{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:9999px;background:#f2f0ff;color:#673de6;font-size:12px;letter-spacing:.08em}
  .fq:not(.fq-x) .q-faq__h .q-mono::before,.fq:not(.fq-x) .q-demo__tx .q-mono::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(103,61,230,.15)}
  .fq:not(.fq-x) .fqx-eyebrow{font-size:12px}
  /* --- centred intros everywhere --- */
  .fq:not(.fq-x) .q-emp,.fq:not(.fq-x) .q-loved{align-items:center;text-align:center}
  .fq:not(.fq-x) .q-emp>div{width:100%}
  .fq:not(.fq-x) .q-emp .q-btn{align-self:center;margin-top:4px}
  .fq:not(.fq-x) .q-ent>div:first-child,.fq:not(.fq-x) .q-faq__h,.fq:not(.fq-x) .q-demo__tx{text-align:center}
  .fq:not(.fq-x) .q-ent p{padding:16px 0 28px}
  .fq:not(.fq-x) .q-faq__h h2,.fq:not(.fq-x) .q-demo__tx h2{margin-top:14px}
  .fq:not(.fq-x) .q-demo__tx ul{display:inline-flex;flex-direction:column;align-items:flex-start;text-align:left;margin-top:18px}
  .fq:not(.fq-x) .q-faq__h p a{padding:0}

  /* --- hero --- */
  .fq:not(.fq-x) .q-hero{padding-top:28px}
  .fq:not(.fq-x) .q-hero h1{margin-top:20px}
  .fq:not(.fq-x) .q-hero__cta{gap:10px;margin-top:24px}
  .fq:not(.fq-x) .q-hero__note{font-size:13px;margin-top:12px}
  .fq:not(.fq-x) .fqd-back{display:none}
  .fq:not(.fq-x) .q-trust{padding-top:40px;gap:16px}
  .fq:not(.fq-x) .q-trust .lg{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:14px 20px}
  .fq:not(.fq-x) .q-trust .lg .wk{font-size:14px;gap:8px}
  .fq:not(.fq-x) .q-trust .lg .wk svg{width:20px;height:20px}

  /* --- context: centred icon cloud, bubbles inside the screen, problem cards --- */
  .fq:not(.fq-x) .q-rope{height:300px;margin-top:12px}
  .fq:not(.fq-x) .q-rope svg.r{top:28px;height:150px;opacity:.9}
  .fq:not(.fq-x) .q-rope .q-app-ic{width:44px;height:44px}
  .fq:not(.fq-x) .q-rope .q-app-ic svg{width:22px;height:22px}
  .fq:not(.fq-x) .q-rope .q-app-ic.p1{left:calc(33% - 22px)!important;top:4%!important}
  .fq:not(.fq-x) .q-rope .q-app-ic.p4{left:calc(50% - 22px)!important;top:0!important}
  .fq:not(.fq-x) .q-rope .q-app-ic.p6{left:calc(67% - 22px)!important;top:4%!important}
  .fq:not(.fq-x) .q-rope .q-app-ic.p0{left:calc(17% - 22px)!important;top:22%!important}
  .fq:not(.fq-x) .q-rope .q-app-ic.p3{left:calc(39% - 22px)!important;top:23%!important}
  .fq:not(.fq-x) .q-rope .q-app-ic.p7{left:calc(61% - 22px)!important;top:23%!important}
  .fq:not(.fq-x) .q-rope .q-app-ic.p5{left:calc(83% - 22px)!important;top:22%!important}
  .fq:not(.fq-x) .q-rope .q-app-ic.p2{left:calc(28% - 22px)!important;top:42%!important}
  .fq:not(.fq-x) .q-rope .q-app-ic.p9{left:calc(50% - 22px)!important;top:44%!important}
  .fq:not(.fq-x) .q-rope .q-app-ic.p8{left:calc(72% - 22px)!important;top:42%!important}
  .fq:not(.fq-x) .q-rope .q-bub{max-width:none;white-space:nowrap;font-size:14px;line-height:18px;padding:8px 12px}
  .fq:not(.fq-x) .q-rope .q-bub.b0{left:4%!important;right:auto!important;top:68%!important}
  .fq:not(.fq-x) .q-rope .q-bub.b2{left:auto!important;right:4%!important;top:68%!important}
  .fq:not(.fq-x) .q-rope .q-bub.b1{left:50%!important;right:auto!important;top:86%!important;transform:translateX(-50%);animation:none}
  .fq:not(.fq-x) .q-ctx3{gap:12px;margin-top:28px}
  .fq:not(.fq-x) .q-ctx3>div{padding:20px 20px 22px!important;border-radius:16px;background:#f7f7f8;text-align:center}
  .fq:not(.fq-x) .q-ctx3 h3{font-size:20px;line-height:26px;letter-spacing:-.6px}
  .fq:not(.fq-x) .q-ctx3 p{margin-top:6px;font-size:15px;line-height:22px}
  .fq:not(.fq-x) .q-ctx3 p br{display:none}
  .fq:not(.fq-x) .q-ctx3 p b{font-weight:500;color:#202020}
  .fq:not(.fq-x) button.q-playm{display:flex;width:fit-content;margin:24px auto 0;min-height:48px;padding:0 20px 0 8px;border-radius:9999px;background:#202020;color:#fff;font-family:var(--inter);font-size:16px;font-weight:600;gap:10px;align-items:center}
  .fq:not(.fq-x) button.q-playm .pi{width:32px;height:32px;border-radius:50%;background:#fff;color:#202020;display:flex;align-items:center;justify-content:center}

  /* --- product tour (auto-plays on phones; chips in a 3 x 2 grid, nothing scrolls sideways) --- */
  .fq:not(.fq-x) .fqt-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;margin:24px 0 0;padding:0;-webkit-mask-image:none;mask-image:none}
  .fq:not(.fq-x) .fqt-steps li{justify-content:center;height:40px;padding:0 6px;font-size:13.5px;min-width:0;white-space:nowrap}
  .fq:not(.fq-x) .fqt-steps li .n{display:none}
  .fq:not(.fq-x) .fqt-free .fqt-pin{gap:14px;padding:0}
  .fq:not(.fq-x) .fqt-cap{min-height:66px;font-size:15px;line-height:22px;max-width:340px}
  .fq:not(.fq-x) .fqt-free .fqt-app{max-width:100%}

  /* --- all apps: tools above, the 4 big tiles in the middle, tools below --- */
  .fq:not(.fq-x) .q-gridw{margin-top:36px}
  .fq:not(.fq-x) .q-grid{grid-auto-rows:96px}
  .fq:not(.fq-x) .q-grid>.q-cell.top{order:0}
  .fq:not(.fq-x) .q-grid>.q-tile{order:1}
  .fq:not(.fq-x) .q-grid>.q-cell.bot{order:2}
  .fq:not(.fq-x) .q-grid>.q-cell.xtra{order:3}
  .fq:not(.fq-x) .q-grid::before,.fq:not(.fq-x) .q-grid::after{display:none}
  .fq:not(.fq-x) .q-cell{font-size:12.5px;line-height:16px;color:#55555c;gap:8px}
  .fq:not(.fq-x) .q-cell svg{width:22px;height:22px;stroke:#3a3a40;stroke-width:1.6}
  .fq:not(.fq-x) .q-tile{padding-bottom:18px}
  .fq:not(.fq-x) .q-tile .tart{top:20px;transform:scale(.8)}
  .fq:not(.fq-x) .q-tile .nm{font-size:19px;line-height:24px;gap:8px;letter-spacing:-.5px}
  .fq:not(.fq-x) .q-tile .ti{width:24px;height:24px}
  .fq:not(.fq-x) .q-more{margin-top:24px}

  /* --- super agents --- */
  .fq:not(.fq-x) .q-mask span{display:none}
  .fq:not(.fq-x) .q-sa__head{padding-top:72px}
  .fq:not(.fq-x) .q-sa__head .q-hero__cta{margin-top:22px}

  /* --- Fiqrah AI cards --- */
  .fq:not(.fq-x) .q-brain__top{padding-top:80px}
  .fq:not(.fq-x) .q-ai2{font-size:30px;line-height:36px}
  .fq:not(.fq-x) .q-avail{gap:10px 18px;margin-top:20px}
  .fq:not(.fq-x) .q-bgrid>div{padding:24px 20px 0;min-height:0}
  .fq:not(.fq-x) .q-bl{font-size:12px;letter-spacing:.08em}
  .fq:not(.fq-x) .q-bgrid.two .q-bl{font-size:12px;line-height:18px;letter-spacing:.08em}
  .fq:not(.fq-x) .q-bp,.fq:not(.fq-x) .q-bgrid.two .q-bp{font-size:15px;line-height:22px;max-width:none;color:#b4b4b4}
  .fq:not(.fq-x) .q-viz{min-height:190px;padding-top:24px}
  /* knowledge base: three source windows fanned inside the card */
  .fq:not(.fq-x) .q-wins{height:176px;max-width:300px;margin:0 auto}
  .fq:not(.fq-x) .q-wins .orb{display:none!important}
  .fq:not(.fq-x) .q-wins .w{width:210px;height:118px;padding:24px 14px 0}
  .fq:not(.fq-x) .q-wins .w:nth-child(2){left:0;top:0}
  .fq:not(.fq-x) .q-wins .w:nth-child(3){left:44px;top:28px}
  .fq:not(.fq-x) .q-wins .w:nth-child(4){left:88px;top:56px}
  .fq:not(.fq-x) .q-wins .w:not(:last-child) i{visibility:hidden}
  /* model picker: whole list visible */
  .fq:not(.fq-x) .q-models{width:100%;max-width:280px;border-radius:12px;padding:8px;margin-bottom:24px}
  .fq:not(.fq-x) .q-models div{padding:10px 8px}
  /* instructions: table sits inside the card */
  .fq:not(.fq-x) .q-kv{margin-right:0;border-right:1px solid #2a2a2e;border-radius:10px 10px 0 0}
  .fq:not(.fq-x) .q-kv div{grid-template-columns:78px minmax(0,1fr);padding:9px 12px}
  /* channel hub: status pill above the core, no overlap with the bottom icons */
  .fq:not(.fq-x) .q-hub{height:200px}
  .fq:not(.fq-x) .q-hub .mcp{top:0;bottom:auto}
  .fq:not(.fq-x) .q-hub .core{top:52%}
  .fq:not(.fq-x) .q-hub .n{width:36px;height:36px}
  .fq:not(.fq-x) .q-hub .n svg{width:18px;height:18px}
  .fq:not(.fq-x) .q-only{padding:96px 20px 88px}

  /* --- solutions --- */
  .fq:not(.fq-x) .q-stabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px}
  .fq:not(.fq-x) .q-stabs button{height:44px;padding:0 6px;font-size:15px}
  .fq:not(.fq-x) .q-stabs button.on{border:1.5px solid #673de6;color:#673de6;background:#f2f0ff;box-shadow:none}
  .fq:not(.fq-x) .q-scard{padding:24px 20px;gap:24px;border-radius:20px;margin-top:20px}
  .fq:not(.fq-x) .q-scard .ds{font-size:15px;line-height:22px;color:#55555c}
  .fq:not(.fq-x) .q-rep{flex-wrap:wrap;gap:6px;margin-top:18px;font-size:12px}
  .fq:not(.fq-x) .q-rep .lb{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#838383;margin-right:2px}
  .fq:not(.fq-x) .q-rep .ch{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:7px;background:#fff;border:1px solid #e8e8ec;font-family:var(--inter);font-size:13px;font-weight:500;color:#3a3a40}
  .fq:not(.fq-x) .q-chk li{font-size:15px;color:#3a3a40}
  .fq:not(.fq-x) .q-sag .a{padding:14px;font-size:15px;line-height:21px}
  .fq:not(.fq-x) .q-sag .q-btn{align-self:stretch;justify-content:center}

  /* --- what every plan includes --- */
  .fq:not(.fq-x) .q-emp{gap:20px}
  .fq:not(.fq-x) .q-roi{margin-top:36px;grid-template-columns:1fr 1fr}
  .fq:not(.fq-x) .q-roi>div{padding:22px 8px!important;text-align:center;align-items:center;border-right:0;border-bottom:1px solid #ececec}
  .fq:not(.fq-x) .q-roi>div:nth-child(odd){border-right:1px solid #ececec}
  .fq:not(.fq-x) .q-roi>div:nth-child(n+3){border-bottom:0}
  .fq:not(.fq-x) .q-roi .q-mono{font-size:11px;letter-spacing:.06em}
  .fq:not(.fq-x) .q-roi .n{font-size:30px;line-height:36px;margin-top:6px}
  .fq:not(.fq-x) .q-roi p{margin-top:8px;font-size:13px;line-height:18px;color:#838383}
  .fq:not(.fq-x) .q-fn{text-align:center;font-size:13px;line-height:19px;max-width:330px;margin:20px auto 0}

  /* --- banner --- */
  .fq:not(.fq-x) .q-banner{padding-top:36px;border-radius:24px}
  .fq:not(.fq-x) .q-banner .bl img{height:40px!important}
  .fq:not(.fq-x) .q-banner h3{margin-top:18px}
  .fq:not(.fq-x) .q-banner p{font-size:16px;line-height:24px}
  .fq:not(.fq-x) .q-banner .q-btn{margin-top:24px;font-size:16px}

  /* --- example setups: faces in the clear upper part, caption below --- */
  .fq:not(.fq-x) .q-vids{gap:14px;margin-top:32px}
  .fq:not(.fq-x) .q-vid.q-ex{height:460px;border-radius:20px}
  .fq:not(.fq-x) .q-ex .bg img{object-position:50% 12%}
  .fq:not(.fq-x) .q-ex .bg::after{background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.66) 70%,rgba(0,0,0,.88) 100%)}
  .fq:not(.fq-x) .q-vid .cap{left:20px;right:20px;bottom:20px}
  .fq:not(.fq-x) .q-ex .cap .tt{font-size:24px;line-height:30px}
  .fq:not(.fq-x) .q-ex .cap p{font-size:15px;line-height:22px}
  .fq:not(.fq-x) .q-ex .cap .by{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.18)}

  /* --- security --- */
  .fq:not(.fq-x) .q-ent{margin-top:0;border-bottom:0}
  .fq:not(.fq-x) .q-certs{grid-template-columns:1fr 1fr;border-top:1px solid #ececec}
  .fq:not(.fq-x) .q-certs .q-cert{height:auto;padding:22px 8px;flex-direction:column;gap:6px;border-top:0;border-bottom:1px solid #ececec}
  .fq:not(.fq-x) .q-certs .q-cert:nth-child(odd){border-right:1px solid #ececec}
  .fq:not(.fq-x) .q-entb{justify-content:center;text-align:center;padding:18px 0 0;font-size:11px;letter-spacing:.04em}
  .fq:not(.fq-x) .q-entb .l{flex-wrap:wrap;justify-content:center}

  /* --- FAQ / demo --- */
  .fq:not(.fq-x) .q-faq__in,.fq:not(.fq-x) .q-demo__in{gap:32px}
  .fq:not(.fq-x) .q-demo__cal{margin:0;min-height:0;height:720px}
  .fq:not(.fq-x) .q-demo__cal iframe{height:720px}

  /* --- pricing teaser --- */
  .fq:not(.fq-x) .fq-hp__grid{margin-top:32px}

  /* --- final CTA --- */
  .fq:not(.fq-x) .q-fin{margin-top:88px;padding-top:48px}
  .fq:not(.fq-x) .q-fin .ic{width:80px;height:80px;border-radius:20px}
  .fq:not(.fq-x) .q-fin .ic img{width:46px;height:46px}
  .fq:not(.fq-x) .q-fin h2{margin-top:24px}
}
/* security tiles (all widths): real icons + real text labels */
.q-certs .q-cert{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:var(--inter);text-align:center}
.q-certs .q-cert i{display:flex;width:40px;height:40px;border-radius:12px;background:#f3f3f5;align-items:center;justify-content:center;margin-bottom:4px}
.q-certs .q-cert svg{width:22px;height:22px;color:#202020;stroke-width:1.7}
.q-certs .q-cert b{font-size:15px;line-height:20px;font-weight:600;color:#202020}
.q-certs .q-cert span{font-size:13px;line-height:18px;color:#838383}
/* solutions "Replaces" chips (all widths) */
.q-rep .lb{margin-right:2px}
.q-rep .ch{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:7px;background:#fff;border:1px solid #e8e8ec;font-family:var(--inter);font-size:13px;font-weight:500;color:#3a3a40;text-transform:none}
.q-stabs button.on{border:1.5px solid #673de6;color:#673de6;box-shadow:0 0 0 3px rgba(103,61,230,.1)}
/* context problems: emphasis on its own line on wide screens (markup is one sentence) */
@media (min-width:821px){body:not(.fq-ar) .q-ctx3 p b{display:block}}
@media (max-width:820px){
  /* works-with: centred rows */
  .fq:not(.fq-x) .q-trust .lg{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;max-width:350px;margin:0 auto}
  /* "show all" is a real button */
  .fq:not(.fq-x) button.q-more{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:24px;padding:0 22px;border-radius:12px;border:1px solid #e3e3e8;background:#fff;font-family:var(--inter);font-size:15px;font-weight:600;color:#202020;box-shadow:0 1px 2px rgba(16,24,40,.05)}
  /* knowledge base: stacked source windows, every title readable */
  .fq:not(.fq-x) .q-wins{height:186px;max-width:300px}
  .fq:not(.fq-x) .q-wins .w{height:126px;padding:38px 14px 0}
  .fq:not(.fq-x) .q-wins .w::before{top:5px}
  .fq:not(.fq-x) .q-wins .w b{position:absolute;left:44px;top:8px;font-size:12px;line-height:16px}
  .fq:not(.fq-x) .q-wins .w:nth-child(2){left:30px;width:240px;top:0}
  .fq:not(.fq-x) .q-wins .w:nth-child(3){left:15px;width:270px;top:30px}
  .fq:not(.fq-x) .q-wins .w:nth-child(4){left:0;width:300px;top:60px}
  /* follow-ups list: one left edge */
  .fq:not(.fq-x) .q-amb .s{margin-left:0!important;left:auto!important;transform:none}
  /* FAQ + demo intros */
  .fq:not(.fq-x) .q-faq__h p{text-wrap:balance}
  .fq:not(.fq-x) .q-demo__tx ul{display:flex;flex-direction:column;align-items:center;margin:18px 0 0}
  .fq:not(.fq-x) .q-demo__tx li{display:inline-flex;align-items:center;gap:10px;padding:5px 0;font-size:15px;line-height:21px;text-align:center}
  .fq:not(.fq-x) .q-demo__tx li::before{position:static;flex:none;width:12px;height:7px;margin-top:-4px}
  .fq:not(.fq-x) .q-demo__cal,.fq:not(.fq-x) .q-demo__cal iframe{height:650px}
  /* compare extras: one tidy list instead of ragged pills */
  .fq:not(.fq-x) .fqx-also ul{display:block;margin:14px auto 0;padding:4px 18px;border-radius:16px;background:#f7f7f8;max-width:none}
  .fq:not(.fq-x) .fqx-also li{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0;padding:12px 0;border:0;border-bottom:1px solid #ececec;border-radius:0;background:none;text-align:left;font-size:15px;line-height:21px}
  .fq:not(.fq-x) .fqx-also li:last-child{border-bottom:0}
  .fq:not(.fq-x) .fqx-also li svg{flex:none;width:16px;height:16px}
  /* footer trust row: readable text */
  .fq:not(.fq-x) .q-fsoc .c{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;font-family:var(--inter);font-size:13px;line-height:17px;text-transform:none;letter-spacing:0;color:#646464}
  .fq:not(.fq-x) .q-fsoc .c span{display:flex;align-items:flex-start;gap:8px}
  .fq:not(.fq-x) .q-fsoc .c svg{width:16px;height:16px;flex:none;margin-top:1px}
}
@media (max-width:820px){
  .fq:not(.fq-x) .q-amb{gap:6px}
  .fq:not(.fq-x) .q-amb .s{padding:4px 2px!important;font-size:13px;color:#d6d6dc}
  .fq:not(.fq-x) .q-amb .g{font-size:14px}
}
@media (max-width:820px){.fq:not(.fq-x) .q-amb .s:nth-child(4){opacity:.45;filter:none}}
@media (max-width:820px){
  /* super agents: the portrait fills the frame (no empty band above the head) */
  .fq:not(.fq-x) .q-sil,.fq:not(.fq-x) .q-char{height:74vh;margin-left:calc(-74vh * 1400 / 1153 / 2)}
  @supports (height:100svh){.fq:not(.fq-x) .q-sil,.fq:not(.fq-x) .q-char{height:74svh;margin-left:calc(-74svh * 1400 / 1153 / 2)}}
}
@media (max-width:820px){.fq:not(.fq-x) .q-ctx3 p{text-wrap:balance}}
@media (max-width:820px){
  .fq:not(.fq-x) .q-hub{height:212px;margin-bottom:20px}
  .fq:not(.fq-x) .q-memo .k{font-size:10.5px;letter-spacing:.08em}
  /* demo facts: one left-aligned box under the centred intro */
  .fq:not(.fq-x) .q-demo__tx ul{display:block;margin:20px 0 0;padding:6px 18px;border-radius:16px;background:#f7f7f8;text-align:left}
  .fq:not(.fq-x) .q-demo__tx li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;font-size:15px;line-height:21px;text-align:left;border-bottom:1px solid #ececec}
  .fq:not(.fq-x) .q-demo__tx li:last-child{border-bottom:0}
  .fq:not(.fq-x) .q-demo__tx li::before{position:static;flex:none;width:12px;height:7px;margin-top:5px}
}
@media (max-width:820px){.fq:not(.fq-x) .q-vids .q-vid:nth-child(2) .bg img{transform:scale(1.12);transform-origin:52% 16%}}
/* knowledge base windows (all widths): a tidy stack, every file name readable, no text under text */
body:not(.fq-ar) .q-wins{height:186px;max-width:300px;margin:0 auto}
body:not(.fq-ar) .q-wins .orb{display:none!important}
body:not(.fq-ar) .q-wins .w{height:126px;padding:38px 14px 0}
body:not(.fq-ar) .q-wins .w::before{top:5px}
body:not(.fq-ar) .q-wins .w b{position:absolute;left:44px;top:8px;font-size:12px;line-height:16px}
body:not(.fq-ar) .q-wins .w:nth-child(2){left:30px;width:240px;top:0}
body:not(.fq-ar) .q-wins .w:nth-child(3){left:15px;width:270px;top:30px}
body:not(.fq-ar) .q-wins .w:nth-child(4){left:0;width:300px;top:60px}
body:not(.fq-ar) .q-wins .w:not(:last-child) i{visibility:hidden}
@media (max-width:820px){
  .fq:not(.fq-x) .q-roi .q-mono{font-size:12px}
  .fq:not(.fq-x) .q-entb{font-size:12px}
  .fq:not(.fq-x) .q-faq__h p a{padding:10px 0}
  .fq:not(.fq-x) .fqx-link{display:inline-flex;align-items:center;min-height:44px}
}
@media (max-width:820px){
  /* tile mock-ups: text stays >= 10px after the 0.8 scale */
  .fq:not(.fq-x) .tart .q-st{height:22px;font-size:12px;padding:0 7px}
  .fq:not(.fq-x) .tart .mc b{font-size:12px;top:12px}
  .fq:not(.fq-x) .tart.doc .pg{font-size:13px}
  .fq:not(.fq-x) .tart.ai .q{font-size:13px;padding:6px 10px}
  .fq:not(.fq-x) .tart.ai .s{font-size:13px}.fq:not(.fq-x) .tart.ai .s em{font-size:11px}
  .fq:not(.fq-x) .tart.ai .r{font-size:12.5px}
  .fq:not(.fq-x) .tart.ai .r .q-st{height:17px;font-size:10px}
  .fq:not(.fq-x) .tart.chat .rx{font-size:12px}
  .fq:not(.fq-x) .tart.ai{padding:0 22px}
  .fq:not(.fq-x) .tart.chat{padding:6px 28px 0}
}
@media (max-width:820px){
  .fq:not(.fq-x) .tart .mc b{display:none}
  .fq:not(.fq-x) .tart .q-st{white-space:nowrap;display:inline-flex;align-items:center}
  .fq:not(.fq-x) .tart.ai .r{white-space:nowrap}
  .fq:not(.fq-x) .tart.ai .r .q-st,.fq:not(.fq-x) .tart.ai .r .f{display:none}
}
@media (max-width:820px){
  .fq:not(.fq-x) .q-rep{gap:5px}
  .fq:not(.fq-x) .q-rep .lb{font-size:11px;letter-spacing:.06em}
  .fq:not(.fq-x) .q-rep .ch{height:26px;padding:0 8px;font-size:12.5px}
}

/* ---------- demo booking (native picker, 2026-10-31) ---------- */
.q-demo__cal{min-height:420px}
.q-demo__cal.ready{min-height:0}
.bk{padding:26px 26px 28px}
.bk-h{font-family:var(--inter);font-size:15px;font-weight:600;color:#202020;margin:0 0 12px}
.bk-h span{font-weight:400;color:#838383}
.bk-days{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -26px 22px;padding:2px 26px;scroll-padding:0 26px}
.bk-days::-webkit-scrollbar{display:none}
.bk-days button{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:64px;height:76px;border-radius:14px;border:1px solid #e6e6ea;background:#fff;font-family:var(--inter);color:#202020;transition:border-color .2s,background .2s,box-shadow .2s}
.bk-days button small{font-size:12px;color:#838383;line-height:16px}
.bk-days button b{font-size:21px;line-height:26px;font-weight:650}
.bk-days button.on{border-color:#673de6;background:#f2f0ff;box-shadow:0 0 0 1px #673de6 inset}
.bk-days button.on small{color:#673de6}
.bk-times{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bk-times button{height:46px;border-radius:12px;border:1px solid #e6e6ea;background:#fff;font-family:var(--inter);font-size:15px;font-weight:500;color:#202020;transition:border-color .2s,background .2s}
.bk-times button:hover,.bk-days button:hover{border-color:#b9a8f5}
.bk-times button.on{border-color:#673de6;background:#673de6;color:#fff}
.bk-form{display:flex;flex-direction:column;gap:14px}
.bk-form[hidden],.bk-pick[hidden]{display:none}
.bk-sum{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:14px;background:#f2f0ff;font-family:var(--inter);font-size:15px;font-weight:600;color:#3d2a99}
.bk-chg,.bk-again{min-height:44px;padding:0 6px;font-family:var(--inter);font-size:14px;font-weight:600;color:#673de6;text-decoration:underline;text-underline-offset:3px;background:none;border:0}
.bk-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--inter);font-size:14px;font-weight:500;color:#464646}
.bk-form input{height:50px;padding:0 14px;border-radius:12px;border:1px solid #dcdce2;background:#fff;font-family:var(--inter);font-size:16px;color:#202020;outline:0;transition:border-color .2s,box-shadow .2s}
.bk-form input:focus{border-color:#673de6;box-shadow:0 0 0 3px rgba(103,61,230,.15)}
.bk-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.bk-err{min-height:0;margin:0;font-family:var(--inter);font-size:14px;color:#d92d20}
.bk-err:empty{display:none}
.fq .bk-go{width:100%;height:52px;justify-content:center;font-size:16px}
.bk-go:disabled{opacity:.6}
.bk-msg{padding:40px 28px;text-align:center;font-family:var(--inter)}
.bk-msg p{font-size:16px;line-height:24px;color:#55555c;margin:0 0 18px}
.bk-msg h3{font-family:var(--jak);font-size:24px;font-weight:700;letter-spacing:-.5px;color:#202020;margin:12px 0 6px}
.bk-msg .bk-when{font-weight:600;color:#3d2a99;margin-bottom:10px}
.bk-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#e9f9ef;color:#16a34a;font-size:26px;font-weight:700}
html[dir=rtl] .bk-h,html[dir=rtl] .bk-form label,html[dir=rtl] .bk-sum{letter-spacing:0}
@media (max-width:820px){
  .bk{padding:20px 18px 22px}
  .bk-days{margin:0 -18px 20px;padding:2px 18px;scroll-padding:0 18px}
  .bk-times{grid-template-columns:repeat(3,minmax(0,1fr))}
  .q-demo__cal{margin:0}
}
.fq .q-demo__cal.ready,.fq:not(.fq-x) .q-demo__cal.ready{height:auto;min-height:0}
.bk-days{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent)}
/* Arabic nav labels are longer: on narrow phones keep Sign up + menu (Log in is inside the menu) */
@media (max-width:440px){html[dir=rtl] .q-nav__r .q-btn.q-light{display:none}}