@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--navy:#071526;--navy2:#0d2238;--blue:#0369a1;--sky:#38bdf8;--ink:#102033;--muted:#5f7184;--line:#e4ebf2;--pale:#f4f8fc;--white:#fff;--radius:24px;--shadow:0 24px 70px rgba(11,36,62,.12);--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Poppins",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #38bdf8;outline-offset:4px}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:760;letter-spacing:-.04em;font-size:1.2rem}.brand img{width:42px;height:42px}.brand small{display:block;color:#718195;font-size:.63rem;letter-spacing:.16em;font-weight:700;margin-top:-4px}.nav{display:flex;align-items:center;gap:30px;color:#536477;font-size:.92rem}.nav a:hover,.footer-links a:hover{color:var(--blue)}.nav .nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 19px;border-radius:13px;background:var(--blue);color:white;font-weight:650;box-shadow:0 8px 20px #0369a123;transition:transform .2s,background .2s}.nav .nav-cta:hover,.button:hover{background:#075985;transform:translateY(-1px);color:white}.menu-toggle{display:none;border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px 12px;font-size:1.2rem}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}.eyebrow:before{content:"";width:22px;height:2px;background:var(--sky);border-radius:2px}.hero{position:relative;overflow:hidden;padding:80px 0 84px;background:radial-gradient(ellipse at 83% 12%,#dff5ff 0,transparent 34%),linear-gradient(135deg,#f7fbff 0%,#fff 58%,#f4f8ff 100%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:66px;align-items:center}.hero h1{font-size:clamp(2.8rem,5.2vw,4.65rem);line-height:1.04;letter-spacing:-.065em;margin:22px 0 22px;max-width:670px}.hero h1 span{background:linear-gradient(100deg,#0369a1,#38bdf8);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:1.14rem;line-height:1.8;color:#5b6d80;max-width:570px}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}.button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #d8e3ed;border-radius:13px;font-weight:650;color:#24384d;background:#ffffffb8}.button-secondary:hover{border-color:#9bc9e2;background:#fff}.microcopy{margin-top:19px;color:#7b8a99;font-size:.8rem}.visual{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center}.orb{position:absolute;width:390px;height:390px;border-radius:50%;background:linear-gradient(140deg,#d8f3ff,#eff0ff 65%,#f7e9f5);filter:blur(1px)}.dashboard{position:relative;width:min(100%,470px);border:1px solid #ffffffd9;border-radius:23px;background:#ffffffed;box-shadow:0 35px 90px #0d3c6420;backdrop-filter:blur(18px);padding:25px;transform:rotate(-1.2deg)}.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dash-label{font-size:.7rem;letter-spacing:.13em;font-weight:800;color:#7b8b9a}.dash-title{font-size:1.25rem;font-weight:750;letter-spacing:-.04em}.pill{font-size:.72rem;color:#067647;background:#e8faf1;padding:6px 10px;border-radius:999px;font-weight:700}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{background:#f6f9fc;border:1px solid #edf2f6;padding:17px;border-radius:15px}.metric small{display:block;color:#718195;font-size:.76rem}.metric strong{display:block;font-size:1.35rem;letter-spacing:-.04em;margin-top:6px}.metric .positive{color:#16a05b}.metric .blue{color:#0284c7}.chart{margin-top:16px;border-radius:16px;padding:17px;background:linear-gradient(180deg,#f7fbff,#fff);border:1px solid #edf2f6}.chart-head{display:flex;justify-content:space-between;color:#607387;font-size:.75rem;font-weight:650}.bars{height:105px;display:flex;align-items:end;gap:10px;padding:12px 8px 0;border-bottom:1px solid #dfe8ef}.bars i{display:block;flex:1;max-width:34px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#38bdf8,#0369a1);opacity:.9}.chart-legend{display:flex;gap:15px;margin-top:13px;color:#778697;font-size:.7rem}.chart-legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#38bdf8;margin-right:6px}.chart-legend span+span:before{background:#a720e5}.float-note{position:absolute;right:-5px;bottom:24px;background:#fff;border:1px solid #e5edf4;box-shadow:var(--shadow);border-radius:15px;padding:13px 16px;font-size:.78rem;color:#64758a}.float-note strong{display:block;color:#152c42;font-size:.95rem}.section{padding:92px 0}.section-tint{background:var(--pale)}.section-head{max-width:680px;margin-bottom:42px}.section h2,.page-hero h1{font-size:clamp(2rem,3.7vw,3.1rem);line-height:1.13;letter-spacing:-.055em;margin:15px 0}.section-head p,.section-copy{color:var(--muted);font-size:1.05rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid var(--line);border-radius:19px;padding:27px;background:#fff;min-height:220px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #0b24420c}.iconbox{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eaf7ff;color:var(--blue);font-size:1.25rem}.feature-card h3{margin:20px 0 8px;font-size:1.08rem;letter-spacing:-.025em}.feature-card p{margin:0;color:var(--muted);font-size:.93rem}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.split-panel{border-radius:24px;background:var(--navy);color:white;padding:35px;position:relative;overflow:hidden}.split-panel:after{content:"";position:absolute;width:300px;height:300px;right:-100px;top:-100px;background:radial-gradient(circle,#0369a1aa,transparent 68%)}.split-panel>*{position:relative;z-index:1}.split-panel h3{font-size:1.8rem;line-height:1.2;letter-spacing:-.04em;margin:12px 0}.split-panel p{color:#b9cbd9}.check-list{list-style:none;padding:0;margin:22px 0 0}.check-list li{display:flex;gap:12px;margin:13px 0;color:#d7e6f2}.check-list li:before{content:"✓";display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:#123f5c;color:#7dd3fc;font-weight:800}.cta-band{border-radius:26px;padding:48px;background:linear-gradient(115deg,#071526,#0c3454 68%,#075985);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px;overflow:hidden;position:relative}.cta-band:after{content:"";position:absolute;width:360px;height:360px;right:12%;top:-230px;background:#38bdf833;border-radius:50%;filter:blur(4px)}.cta-band>*{position:relative;z-index:1}.cta-band h2{margin:0 0 10px;font-size:clamp(1.8rem,3vw,2.5rem)}.cta-band p{color:#bfd0df;margin:0;max-width:610px}.cta-band .button{white-space:nowrap;background:#38bdf8;color:#062038}.site-footer{padding:42px 0 25px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:36px;padding-bottom:32px}.footer-intro{max-width:340px;color:#718195;font-size:.9rem;margin-top:14px}.footer-links{display:flex;flex-wrap:wrap;gap:22px;color:#5c6d7f;font-size:.86rem}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#8492a0;font-size:.78rem}.page-hero{padding:76px 0 66px;background:radial-gradient(ellipse at 85% 0%,#e0f5ff,transparent 40%),#f7fbff}.page-hero .lead{max-width:750px}.content{max-width:820px;padding:62px 0 90px}.content h2{margin-top:38px;font-size:1.45rem;letter-spacing:-.03em}.content h3{margin-top:28px}.content p,.content li{color:#526579}.content a{text-decoration:underline;text-underline-offset:3px;color:var(--blue)}.notice{padding:16px 18px;background:#fff8e7;border:1px solid #f1dfad;border-radius:12px;color:#775c1a;font-size:.9rem;margin:22px 0}.contact-panel{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}.contact-panel p{color:var(--muted)}.site-footer .brand{font-size:1.12rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.hero-grid,.split{grid-template-columns:1fr;gap:34px}.hero{padding:62px 0}.visual{min-height:400px}.feature-grid{grid-template-columns:repeat(2,1fr)}.split{gap:30px}.cta-band{padding:36px;align-items:flex-start;flex-direction:column}.hero h1{max-width:760px}.lead{max-width:700px}}
@media(max-width:640px){.wrap{width:min(var(--max),calc(100% - 34px))}.site-header{height:72px}.brand img{width:38px;height:38px}.menu-toggle{display:block}.nav{display:none;position:absolute;z-index:20;left:17px;right:17px;top:68px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);align-items:stretch;gap:6px;flex-direction:column}.nav.open{display:flex}.nav a{padding:11px 12px}.nav .nav-cta{justify-content:center;margin-top:4px}.hero{padding:52px 0 45px}.hero h1{font-size:clamp(2.55rem,12vw,3.7rem)}.lead{font-size:1.02rem}.visual{min-height:350px;margin-inline:-4px}.orb{width:300px;height:300px}.dashboard{padding:18px;border-radius:19px}.metric{padding:13px}.metric strong{font-size:1.15rem}.float-note{right:0;bottom:4px}.section{padding:66px 0}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:unset}.section h2,.page-hero h1{font-size:2.25rem}.split-panel{padding:26px}.cta-band{padding:29px 24px}.footer-top,.footer-bottom{flex-direction:column}.footer-links{gap:13px 19px}.page-hero{padding:55px 0 45px}.content{padding:42px 0 65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* HaychQueue brand system: brand gradient for the Suite, Quant blue for product UI. */
:root{--brand-purple:#a720e5;--brand-blush:#edb4b5;--quant-sky:#2fafea;--quant-blue:#0369a1;--brand-gradient:linear-gradient(105deg,#a720e5 0%,#c86bd5 48%,#edb4b5 100%);--quant-gradient:linear-gradient(110deg,#2fafea 0%,#0369a1 100%)}
.brand-eyebrow{color:#8d1fc1}.brand-eyebrow:before{background:var(--brand-gradient)}.brand-gradient{background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.brand-button{background:var(--brand-gradient);box-shadow:0 10px 25px #a720e526}.brand-button:hover{background:linear-gradient(105deg,#8619ba,#d99aaf);color:#fff}.quant-eyebrow{color:var(--quant-blue)}.quant-eyebrow:before{background:var(--quant-gradient)}
.suite-section{background:linear-gradient(180deg,#fff 0%,#fcf8ff 52%,#f5faff 100%)}.suite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.suite-card{min-height:340px;position:relative;overflow:hidden;padding:30px;border:1px solid #e8e3ee;border-radius:25px;background:#fff;box-shadow:0 16px 46px #17233a08}.suite-card:after{content:"";position:absolute;width:270px;height:270px;right:-105px;bottom:-135px;border-radius:50%;pointer-events:none}.suite-quant:after{background:radial-gradient(circle,#2fafea2e,transparent 68%)}.suite-guard:after{background:radial-gradient(circle,#ea332f2e,transparent 68%)}.suite-card>*{position:relative;z-index:1}.suite-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.product-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#fff;font-size:1.35rem;font-weight:800;letter-spacing:-.06em}.quant-mark{background:var(--quant-gradient)}.guard-mark{background:linear-gradient(110deg,#ea332f 0%,#880e15 100%)}.product-status{font-size:.72rem;font-weight:750;padding:7px 10px;border-radius:999px}.status-live{color:#075985;background:#e6f6fd}.status-planned{color:#880e15;background:#fff0ef}.suite-kicker{font-size:.69rem;letter-spacing:.15em;font-weight:800;color:#778395}.suite-card h3{font-size:2rem;letter-spacing:-.055em;margin:5px 0 10px}.suite-card p{color:#637386;max-width:440px;margin:0 0 19px}.suite-link{display:inline-flex;gap:10px;align-items:center;font-weight:750;color:var(--quant-blue)}.suite-guard .suite-link{color:#880e15}.suite-link-muted{font-size:.9rem;color:#8b6b98!important}.suite-mini-chart{height:74px;display:flex;align-items:end;gap:9px;margin-top:21px;padding:0 10px;border-bottom:1px solid #e6edf3;max-width:290px}.suite-mini-chart i{flex:1;border-radius:6px 6px 0 0;background:var(--quant-gradient);opacity:.82}.guard-orbit{position:absolute;right:26px;bottom:16px;width:130px;height:130px;border:1px solid #f0c0bf;border-radius:50%;opacity:.78}.guard-orbit:before,.guard-orbit:after{content:"";position:absolute;inset:16px;border:1px solid #f0c0bf;border-radius:50%}.guard-orbit:after{inset:34px}.guard-orbit span{position:absolute;width:9px;height:9px;border-radius:50%;background:#a720e5}.guard-orbit span:nth-child(1){left:12px;top:36px}.guard-orbit span:nth-child(2){right:15px;top:24px;background:#edb4b5}.guard-orbit span:nth-child(3){right:25px;bottom:12px;background:#d77ce0}.guard-orbit b{position:absolute;inset:0;display:grid;place-items:center;color:#a720e5;font-size:1.6rem}.suite-footnote{font-size:.8rem;color:#7d8795;margin-top:20px}.hero{background:radial-gradient(ellipse at 82% 15%,#f3d9f6 0,transparent 32%),radial-gradient(ellipse at 65% 88%,#e0f5ff 0,transparent 35%),linear-gradient(135deg,#fcf8ff 0%,#fff 55%,#f7fbff 100%)}.orb{background:linear-gradient(140deg,#f1dafa,#e5f6ff 54%,#f6dfe4)}.dashboard{box-shadow:0 35px 90px #6e238f15}.hero .dash-label{color:#8e5c9d}.hero .bars i{background:var(--quant-gradient)}.hero .chart-legend span:before{background:#2fafea}.hero .chart-legend span+span:before{background:#a720e5}.suite-quant .iconbox{background:#e6f6fd}
@media(max-width:700px){.suite-grid{grid-template-columns:1fr}.suite-card{padding:24px;min-height:320px}.guard-orbit{right:16px;bottom:12px;opacity:.5}.suite-card p{max-width:95%}}

/* Product-family colour tokens: Suite uses purple/blush; each product keeps its own identity. */
:root{--guard-red:#ea332f;--guard-deep:#880e15;--guard-gradient:linear-gradient(110deg,#ea332f 0%,#880e15 100%)}
.guard-mark{background:var(--guard-gradient)}
.suite-guard:after{background:radial-gradient(circle,#ea332f2e,transparent 68%)}
.suite-guard .suite-link{color:var(--guard-deep)}
.guard-orbit{border-color:#f0c0bf}
.guard-orbit:before,.guard-orbit:after{border-color:#f0c0bf}
.guard-orbit span:nth-child(1){background:var(--guard-red)}
.guard-orbit span:nth-child(2){background:var(--guard-deep)}
.guard-orbit span:nth-child(3){background:var(--guard-red)}
.guard-orbit b{color:var(--guard-deep)}

/* HaychQueue v1 public-site polish: Poppins typography, animated reveals and interactive sample chart. */
:root{--income:#22C85F;--spending:#EF4444;--quant-sky:#2FAFEA;--quant-blue:#0369A1;--brand-purple:#A720E5;--brand-blush:#EDB4B5}
html,body,button,input,textarea,select{font-family:'Poppins',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{font-weight:400;letter-spacing:-.008em}
.brand small{letter-spacing:.13em}
.hero .brand-gradient{background:linear-gradient(105deg,#a720e5 0%,#c86bd5 48%,#edb4b5 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.brand-eyebrow{color:#8d36ad}
.brand-eyebrow:before{background:linear-gradient(90deg,#a720e5,#edb4b5)}
.brand-button{background:linear-gradient(110deg,#a720e5,#c86bd5 55%,#edb4b5);box-shadow:0 10px 24px #a720e52b}
.brand-button:hover{background:linear-gradient(110deg,#8c16c6,#b85bc6 55%,#e5a4b0)}
.analytics-showcase{background:linear-gradient(180deg,#f7fbff 0%,#fff 100%)}
.analytics-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:52px;align-items:center}
.analytics-copy h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.055em;margin:15px 0}
.analytics-points,.interactive-legend{display:flex;flex-wrap:wrap;gap:22px;color:#617286;font-size:.82rem;margin-top:23px}
.analytics-points span,.interactive-legend span{display:inline-flex;align-items:center;gap:8px}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}
.dot-income{background:#22C85F}.dot-spend{background:#EF4444}
.chart-disclaimer{font-size:.75rem;color:#8a98a8;margin-top:26px}
.interactive-chart-card{background:#fff;border:1px solid #e3ebf2;border-radius:24px;padding:25px;box-shadow:0 28px 75px #0c34540f;min-width:0}
.interactive-chart-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.chart-overline{font-size:.65rem;font-weight:700;letter-spacing:.11em;color:#7a8a9a}
.interactive-chart-head h3{font-size:1.2rem;letter-spacing:-.035em;margin:5px 0 0}
.period-tabs{display:flex;gap:4px;padding:4px;background:#f2f6fa;border-radius:11px}
.period-tab{border:0;background:transparent;color:#6d7c8d;border-radius:8px;padding:8px 10px;font-size:.7rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.period-tab.is-active{background:#fff;color:#0369a1;box-shadow:0 2px 8px #10203312}
.chart-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 7px}
.chart-summary>div{padding:12px 13px;background:#f7fafc;border-radius:12px;min-width:0}
.chart-summary small{display:block;color:#7a8999;font-size:.68rem}
.chart-summary strong{display:block;font-size:clamp(.95rem,1.5vw,1.2rem);letter-spacing:-.045em;margin-top:4px;white-space:nowrap}
.sum-income{color:#16a34a}.sum-spend{color:#EF4444}.sum-net{color:#0369a1}
.line-chart-wrap{width:100%;overflow:hidden}
.line-chart{display:block;width:100%;height:auto;overflow:visible}
.chart-gridlines path{fill:none;stroke:#e9eff4;stroke-width:1;stroke-dasharray:3 5}
.income-area{fill:url(#incomeFill)}.income-line,.spend-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5;transition:d .45s ease}
.income-line{stroke:#22C85F}.spend-line{stroke:#EF4444;stroke-width:3}
.chart-xlabels text{font-family:'Poppins',sans-serif;font-size:11px;fill:#8997a5;text-anchor:middle}
.interactive-legend{margin-top:0;gap:18px;font-size:.72rem}
.js-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.js-reveal.is-visible{opacity:1;transform:translateY(0)}
.suite-card,.feature-card,.interactive-chart-card,.dashboard{transition:transform .28s ease,box-shadow .28s ease}
.suite-card:hover{transform:translateY(-4px)}
@media(max-width:900px){.analytics-grid{grid-template-columns:1fr;gap:30px}.analytics-copy{max-width:680px}.interactive-chart-card{padding:22px}}
@media(max-width:520px){.interactive-chart-card{padding:17px;border-radius:19px}.interactive-chart-head{align-items:flex-start;flex-direction:column}.period-tabs{width:100%}.period-tab{flex:1}.chart-summary{gap:7px}.chart-summary>div{padding:10px 8px}.chart-summary small{font-size:.62rem}.chart-summary strong{font-size:.9rem}.chart-xlabels text{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js-reveal{opacity:1;transform:none}}


/* User-requested refinements — 20 October 2026 */
.brand-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;gap:2px}
.brand .wordmark{display:block;width:clamp(116px, 10vw, 150px);height:auto;max-height:30px;object-fit:contain;object-position:left center}
.brand-copy small{font-family:"Poppins",ui-sans-serif,system-ui,sans-serif;font-size:.68rem;font-weight:400;letter-spacing:0;text-transform:none;color:#718195;margin-top:2px;line-height:1.35}
.nav .nav-cta{background:linear-gradient(105deg,#a720e5 0%,#edb4b5 100%);box-shadow:0 8px 22px #a720e52b}
.nav .nav-cta:hover{background:linear-gradient(105deg,#8f1ac4 0%,#d99da5 100%);color:#fff}
.metric .spending{color:#ef4444}
.chart-legend span:before{background:#22c85f}
.chart-legend .legend-spending:before{background:#ef4444}
.product-mark-image{display:block;width:48px;height:48px;flex:0 0 48px;object-fit:contain;border-radius:16px}
.quant-mark-image{background:var(--quant-gradient)}
.guard-mark-image{background:linear-gradient(110deg,#ea332f 0%,#880e15 100%)}
.analytics-points .dot-income,.interactive-legend .dot-income{background:#22c85f}
.analytics-points .dot-spend,.interactive-legend .dot-spend{background:#ef4444}