@font-face{font-family:'CQ Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(cq-inter.woff2) format('woff2')}
@font-face{font-family:'CQ Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url(cq-grotesk.woff2) format('woff2')}
:root{--blue:#1192EE;--green:#7BD433;--blue-d:#0a74c4;--green-d:#3f8f0a;--ink:#0b1b2e;--body:#4a5b70;--muted:#7388a0;--bg:#fff;--soft:#f2f8fd;--line:#e1ebf4;--link:#0a74c4;
--grad:linear-gradient(110deg,#1192EE 0%,#52b9a0 55%,#7BD433 100%);--hdr:rgba(255,255,255,.88);--hover:#eef6fc;--btn:#0a78cc;--btnsh:rgba(10,120,204,.6);--gline:#c8d8e6;
--shadow:0 1px 2px rgba(11,27,46,.04),0 18px 46px -22px rgba(11,60,110,.28);--ctabg:#08213f;
--font:"CQ Inter","Inter","Segoe UI",system-ui,sans-serif;--head:"CQ Inter","Inter","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:var(--font);color:var(--body);background:var(--bg);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;height:auto}
.wrap{max-width:1260px;margin:0 auto;padding:0 28px;position:relative}
h1,h2,h3,h4{font-family:var(--head);color:var(--ink);line-height:1.1;margin:0 0 .5em;font-weight:600;letter-spacing:-.03em}
h1{font-size:clamp(2.3rem,4.6vw,4rem);letter-spacing:-.04em;line-height:1.04}
h2{font-size:clamp(1.8rem,3.4vw,2.8rem)}h3{font-size:1.25rem;letter-spacing:-.02em;line-height:1.25}h4{font-size:1rem}
p{margin:0 0 1em}a{color:var(--link);text-decoration:none}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:10px 14px;z-index:100}.skip:focus{left:10px}
.kick,.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--head);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--blue-d);margin-bottom:16px}
.kick:before,.eyebrow:before{content:"";width:24px;height:2px;background:var(--grad);border-radius:2px}
/* header */
.site-header{position:sticky;top:0;z-index:60;background:var(--hdr);backdrop-filter:saturate(1.5) blur(14px);-webkit-backdrop-filter:saturate(1.5) blur(14px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;height:78px;gap:18px}
.brand{display:block}.logo{height:42px;width:auto;display:block}
nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
nav li{position:relative}
nav>ul>li>a{display:block;padding:10px 13px;border-radius:10px;color:var(--ink);font-size:.93rem;font-weight:500;white-space:nowrap}
nav>ul>li>a:hover{background:var(--hover)}
nav>ul>li>a[aria-current]{color:var(--blue-d);font-weight:600}
nav>ul>li.nav-cta>a{background:var(--btn);color:#fff;padding:11px 22px;border-radius:999px;margin-left:8px;font-weight:600;font-size:.9rem;box-shadow:0 12px 30px -12px var(--btnsh)}
nav>ul>li.nav-cta>a:hover{background:var(--btn);transform:translateY(-2px)}
.has-sub>a:after{content:"\25BE";font-size:.7rem;margin-left:6px;opacity:.6}
.sub{position:absolute;top:calc(100% + 8px);left:-120px;width:560px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px -20px rgba(0,0,0,.4);padding:14px;display:none;grid-template-columns:1fr 1fr;gap:2px 10px}
nav>ul>li:nth-last-child(-n+4) .sub{left:auto;right:0}
.sub:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.has-sub:hover>.sub,.has-sub:focus-within>.sub{display:grid}
.sub a{display:block;padding:9px 12px;border-radius:10px;font-size:.9rem;color:var(--ink)}
.sub a:hover{background:var(--hover);color:var(--blue-d)}
.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:9px 10px;cursor:pointer}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:4px 0}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;padding:15px 28px;border-radius:999px;font-family:var(--head);font-weight:600;font-size:.98rem;border:1.5px solid transparent;cursor:pointer;transition:.2s;letter-spacing:-.005em}
.btn.primary{background:var(--btn);color:#fff;box-shadow:0 12px 30px -12px var(--btnsh)}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 0 4px rgba(17,146,238,.18),0 0 34px 2px rgba(17,146,238,.45),0 16px 30px -12px rgba(10,120,204,.7)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--gline)}
.btn.ghost:hover{border-color:var(--blue);background:var(--hover)}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.cta-row.center{justify-content:center}
/* hero */
.hero{position:relative;overflow:hidden;padding:64px 0 76px;background:#fff}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(720px 440px at 92% 6%,rgba(17,146,238,.14),transparent 62%),radial-gradient(640px 420px at 62% 100%,rgba(123,212,51,.16),transparent 62%),radial-gradient(520px 360px at -4% 0,rgba(17,146,238,.08),transparent 60%)}
.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(11,60,110,.13) 1px,transparent 1.2px);background-size:26px 26px;mask-image:radial-gradient(ellipse 80% 70% at 60% 35%,#000,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 35%,#000,transparent 78%);opacity:.6}
.hero .wrap{z-index:2}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero h1{margin:0 0 22px;font-size:clamp(2.2rem,4.2vw,3.6rem)}
.hero p{font-size:1.2rem;max-width:640px;line-height:1.6}
.hero-art .art{display:block;width:100%;border-radius:28px;border:1px solid var(--line);box-shadow:var(--shadow);animation:float 7s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-9px)}}
.crumbs{font-size:.84rem;color:var(--muted);margin-bottom:22px}.crumbs a{color:var(--blue-d)}.crumbs a:hover{text-decoration:underline}.crumbs span{color:var(--ink)}
/* sections */
.sec{padding:100px 0;position:relative}.sec.alt{background:var(--soft)}
.sec-head{max-width:820px;margin-bottom:40px}.sec-head:has(+ .split){margin-bottom:24px}
.sec-head h2{margin:0 0 14px}.sec-head p{font-size:1.15rem;margin:0}
.lead{font-size:1.2rem;max-width:860px;line-height:1.6;margin:0}
.center-p{text-align:center;max-width:780px;margin:30px auto 0}
.split,.split2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split2{align-items:stretch;gap:26px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}
.grid.g3{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px 28px 28px;color:inherit;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:transform .25s,border-color .25s,box-shadow .3s}
.card:hover{transform:translateY(-5px);border-color:#4aaef5}
a.card:hover{box-shadow:0 0 0 1px rgba(17,146,238,.45),0 0 28px 2px rgba(17,146,238,.28),0 0 64px 4px rgba(123,212,51,.22),0 28px 50px -22px rgba(17,100,190,.45)}
.card h3{margin:6px 0 10px;color:var(--ink)}
.card p{margin:0;font-size:.97rem;color:var(--body)}
.card .more{margin-top:auto;padding-top:18px;font-family:var(--head);font-weight:600;color:var(--ink)}
.card .more{transition:letter-spacing .2s}.card:hover .more{color:var(--blue-d)}
.card-art{margin:-26px -28px 22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f2f8fd,#f3fbea)}
.card-art .thumb,.card-art .art{display:block;width:100%}
.card .num{position:absolute;top:16px;right:20px;font-family:var(--head);font-size:.74rem;letter-spacing:.16em;color:var(--muted);font-weight:600}
.card-art + .num{color:var(--muted)}
.tag{display:block;font-family:var(--head);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-d);font-weight:600}
.card[hidden]{display:none}
/* flow */
.flow{list-style:none;display:flex;flex-wrap:wrap;gap:14px;padding:0;margin:0;justify-content:center}
.flow li{flex:1 1 150px;max-width:220px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 16px;font-family:var(--head);font-weight:600;color:var(--ink);font-size:.95rem;box-shadow:var(--shadow);transition:.25s}
.flow li:hover{border-color:#4aaef5;transform:translateY(-3px)}
.flow li span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--grad);color:#04121f;font-size:.82rem;font-weight:700;margin-bottom:10px}
.ticks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.ticks li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 22px 18px 54px;position:relative;font-family:var(--head);font-weight:600;color:var(--ink);font-size:.96rem}
.ticks li:before{content:"\2713";position:absolute;left:18px;top:17px;width:24px;height:24px;border-radius:50%;background:var(--grad);color:#04121f;display:grid;place-items:center;font-weight:800;font-size:.8rem}
/* faq */
.faq{max-width:880px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 24px;margin-bottom:12px;box-shadow:var(--shadow)}
.faq summary{cursor:pointer;font-family:var(--head);font-weight:600;color:var(--ink)}
.faq p{margin:12px 0 0}
/* cta */
.cta-sec{padding:20px 0 100px}
.cta{position:relative;border-radius:34px;padding:92px 48px;text-align:center;overflow:hidden;background:var(--ctabg);color:#fff}
.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 90% 0,rgba(17,146,238,.35),transparent 65%),radial-gradient(520px 300px at 5% 100%,rgba(123,212,51,.22),transparent 65%)}
.cta>*{position:relative}
.cta h2{color:#fff;max-width:820px;margin:0 auto 16px}.cta p{max-width:640px;margin:0 auto;color:#c9daf0;font-size:1.15rem}
.cta .btn.primary{background:linear-gradient(110deg,#52b9a0 0%,#7BD433 100%);color:#04121f;box-shadow:0 12px 30px -12px rgba(95,184,28,.6)}
.cta .btn.ghost{color:#fff;border-color:rgba(255,255,255,.4)}.cta .btn.ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
/* demo/form */
.frame{margin-top:24px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.frame iframe{width:100%;height:640px;border:0;display:block}
.form{max-width:780px;display:grid;gap:16px;background:#fff;padding:34px;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form label{display:grid;gap:6px;font-family:var(--head);font-weight:600;font-size:.88rem;color:var(--ink)}
.form input,.form select,.form textarea{font:inherit;font-weight:400;padding:13px 15px;border:1px solid var(--gline);border-radius:12px;background:#fff;color:var(--ink)}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--blue);border-color:var(--blue)}
.form .check{display:flex;gap:10px;align-items:flex-start;font-weight:400}.form .check input{margin-top:5px}
.form button{justify-self:start}
.note{background:#fff8e1;border:1px solid #f5d98a;border-radius:12px;padding:12px;font-size:.88rem;margin:0}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.filter{cursor:pointer;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);padding:10px 18px;font:inherit;font-family:var(--head);font-size:.9rem;font-weight:600;transition:.2s}
.filter:hover{border-color:var(--blue)}.filter.active{background:linear-gradient(110deg,#0a78cc,#2f9fb8);border-color:transparent;color:#fff}
/* footer */
.site-footer{background:#06101f;color:#9fb3cc;padding:84px 0 28px;font-size:.95rem}
.flogo{height:56px;width:auto;display:block;margin-bottom:18px}
.fgrid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:36px}
.site-footer h4{color:#fff;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px;font-weight:600}
.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin-bottom:9px}
.site-footer a{color:#9fb3cc}.site-footer a:hover{color:#fff}
.fbrand p{max-width:34ch}.fbrand strong{color:#fff}
.fbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding-top:22px;font-size:.84rem}
/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero-art .art{animation:none}html{scroll-behavior:auto}}
@media(max-width:1180px){.fgrid{grid-template-columns:repeat(3,1fr)}.fbrand{grid-column:1/-1}
 .nav-toggle{display:block}
 #nav{position:absolute;left:0;right:0;top:78px;background:#fff;border-bottom:1px solid var(--line);display:none;max-height:80vh;overflow:auto}
 #nav.open{display:block}
 nav ul{flex-direction:column;align-items:stretch;padding:14px 24px 22px}
 .sub,nav>ul>li:nth-last-child(-n+4) .sub{position:static;display:none;width:auto;border:0;box-shadow:none;grid-template-columns:1fr;padding:0 0 0 8px}
 .has-sub:hover>.sub{display:none}.has-sub.sub-open>.sub{display:grid}
 nav>ul>li.nav-cta>a{margin:10px 0 0;text-align:center}}
@media(max-width:900px){.hero-grid,.split,.split2{grid-template-columns:1fr;gap:36px}.hero{padding:44px 0 52px}.sec{padding:64px 0}.cta{padding:56px 24px}.form .row{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}.frame iframe{height:520px}.wrap{padding:0 20px}}