:root {--qi-blue:#c4ccd5;--qi-ink:#0b0f12;--qi-paper:#f4f6f7;--qi-orange:#ff6118;--qi-mint:#45f0c0;--qi-muted:rgba(11,15,18,.61);--qi-line:rgba(11,15,18,.13);}
html {scroll-behavior:smooth;}
body,.main-page-wrapper {background:var(--qi-blue);color:var(--qi-ink);}
.main-page-wrapper {overflow:hidden;}
.theme-main-menu .logo img {width:48px;}
.theme-main-menu .logo .brand-name {display:block;margin-left:12px;font-family:"Obviously Narrow",sans-serif;font-size:26px;font-weight:700;line-height:1.05;letter-spacing:1px;text-transform:uppercase;color:#000;}
.theme-main-menu .logo .brand-sub {display:block;margin:3px 0 0 12px;font-size:10px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;color:#000;opacity:.6;}
.theme-main-menu.menu-style-one.menu-overlay,.theme-main-menu.menu-style-one.menu-overlay.sticky-menu {background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08);}
.theme-main-menu .navbar-toggler {background:var(--qi-orange);}
.footer-one .logo img {width:56px;}

.qi-field {position:relative;isolation:isolate;overflow:hidden;}
.qi-grid {position:absolute;inset:0;z-index:-2;background:repeating-linear-gradient(0deg,transparent 0 119px,rgba(0,0,0,.055) 119px 120px),repeating-linear-gradient(90deg,transparent 0 119px,rgba(0,0,0,.055) 119px 120px);pointer-events:none;}
.qi-ring {position:absolute;z-index:-1;border:1px solid rgba(0,0,0,.1);border-radius:50%;pointer-events:none;animation:qiPulse 7s ease-in-out infinite;}
.qi-ring.one {width:670px;height:670px;top:-250px;right:-170px;}
.qi-ring.two {width:980px;height:980px;top:-405px;right:-330px;animation-delay:-3.5s;}
@keyframes qiPulse {0%,100%{transform:scale(.98);opacity:.5}50%{transform:scale(1.02);opacity:1}}

.qi-hero {min-height:730px;padding:180px 0 100px;display:flex;align-items:center;}
.qi-kicker {display:flex;align-items:center;gap:13px;font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(0,0,0,.5);}
.qi-kicker::before {content:"";width:34px;height:2px;background:var(--qi-orange);}
.qi-title {margin:4px 0 0;font-family:"Obviously Narrow",sans-serif;font-size:clamp(72px,15vw,290px);font-weight:700;line-height:1;letter-spacing:-1px;text-align:center;text-transform:uppercase;color:transparent;background:linear-gradient(.53deg,#c4ccd5 25%,#fff 113.21%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.qi-intro {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-top:32px;}
.qi-intro h2 {max-width:720px;margin:0;font-family:"Clash Display",sans-serif;font-size:clamp(38px,4.7vw,72px);font-weight:600;line-height:.96;text-transform:uppercase;}
.qi-intro p {max-width:560px;margin:0;font-size:19px;line-height:1.7;color:var(--qi-muted);}
.qi-lanes {display:flex;flex-wrap:wrap;gap:9px;margin-top:26px;}
.qi-lanes span {padding:8px 12px;border:1px solid rgba(0,0,0,.2);border-radius:40px;font-family:ui-monospace,Menlo,monospace;font-size:9px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;}

.qi-software {padding:15px 0 120px;}
.qi-conquer {position:relative;overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;min-height:460px;border-radius:30px;padding:clamp(34px,5vw,76px);background:#111719;color:#fff;}
.qi-conquer::before {content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 49px,rgba(255,255,255,.05) 49px 50px),repeating-linear-gradient(90deg,transparent 0 49px,rgba(255,255,255,.05) 49px 50px);}
.qi-conquer > * {position:relative;z-index:1;}
.qi-conquer-mark {display:flex;flex-direction:column;justify-content:space-between;}
.qi-program {font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:700;letter-spacing:2.3px;text-transform:uppercase;color:var(--qi-mint);}
.qi-code {font-family:"Obviously Narrow",sans-serif;font-size:clamp(105px,13vw,190px);font-weight:700;line-height:.7;color:rgba(255,255,255,.08);}
.qi-conquer-copy {display:flex;flex-direction:column;justify-content:center;}
.qi-conquer h2 {margin:0;font-family:"Clash Display",sans-serif;font-size:clamp(56px,8vw,118px);font-weight:600;line-height:.8;text-transform:uppercase;color:#fff;}
.qi-conquer h2 em {display:block;font-style:normal;color:var(--qi-orange);}
.qi-conquer p {max-width:650px;margin:28px 0 0;font-size:18px;line-height:1.7;color:rgba(255,255,255,.64);}
.qi-status {display:flex;flex-wrap:wrap;gap:9px;margin-top:33px;}
.qi-status span {padding:9px 13px;border:1px solid rgba(255,255,255,.2);border-radius:40px;font-family:ui-monospace,Menlo,monospace;font-size:9px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.65);}
.qi-status span:first-child {border-color:var(--qi-mint);color:var(--qi-mint);}

.qi-files {padding:120px 0 145px;background:var(--qi-paper);}
.qi-head {display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:48px;}
.qi-head h2 {margin:0;font-family:"Clash Display",sans-serif;font-size:clamp(50px,7vw,104px);font-weight:600;line-height:.88;text-transform:uppercase;}
.qi-head h2 em {font-style:normal;color:transparent;-webkit-text-stroke:1.5px #000;}
.qi-head p {max-width:390px;margin:0;font-size:16px;line-height:1.6;color:var(--qi-muted);}
.qi-feature {display:grid;grid-template-columns:1.08fr .92fr;min-height:570px;overflow:hidden;border-radius:29px;background:#fff;color:#000;transition:transform .3s,box-shadow .3s;}
.qi-feature:hover {transform:translateY(-6px);box-shadow:0 35px 75px -42px rgba(11,15,18,.55);}
.qi-feature-art {position:relative;overflow:hidden;background:#111719;color:#fff;}
.qi-feature-art::before {content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 59px,rgba(255,255,255,.06) 59px 60px),repeating-linear-gradient(90deg,transparent 0 59px,rgba(255,255,255,.06) 59px 60px);}
.qi-feature-art::after {content:"";position:absolute;left:8%;right:8%;top:48%;height:2px;background:linear-gradient(90deg,var(--qi-mint),var(--qi-orange));transform:rotate(-8deg);box-shadow:260px -38px 0 -1px var(--qi-orange);}
.qi-art-label {position:absolute;z-index:2;top:25px;left:27px;font-family:ui-monospace,Menlo,monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.55);}
.qi-art-number {position:absolute;z-index:2;right:25px;bottom:14px;font-family:"Obviously Narrow",sans-serif;font-size:clamp(120px,17vw,250px);font-weight:700;line-height:.7;color:#fff;}
.qi-feature-copy {display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,5vw,75px);}
.qi-fileline {display:flex;flex-wrap:wrap;gap:10px 18px;font-family:ui-monospace,Menlo,monospace;font-size:9px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--qi-orange);}
.qi-feature h3 {margin:24px 0 19px;font-family:"Clash Display",sans-serif;font-size:clamp(39px,4.8vw,72px);font-weight:600;line-height:.9;text-transform:uppercase;}
.qi-feature p {margin:0;font-size:17px;line-height:1.7;color:var(--qi-muted);}
.qi-open {display:flex;align-items:center;justify-content:space-between;margin-top:35px;padding-top:20px;border-top:1px solid var(--qi-line);font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;}
.qi-open i {display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--qi-orange);color:#fff;font-style:normal;transition:transform .25s;}
.qi-feature:hover .qi-open i,.qi-card:hover .qi-open i {transform:rotate(45deg);}
.qi-grid-cards {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;}
.qi-card {display:flex;min-height:460px;flex-direction:column;justify-content:space-between;border-radius:24px;padding:27px;background:#fff;color:#000;transition:transform .3s,box-shadow .3s;}
.qi-card:nth-child(2) {background:var(--qi-blue);}
.qi-card:hover {transform:translateY(-6px);box-shadow:0 30px 65px -42px rgba(11,15,18,.55);}
.qi-card-no {font-family:"Obviously Narrow",sans-serif;font-size:83px;font-weight:700;line-height:.74;color:rgba(0,0,0,.09);}
.qi-card h3 {margin:0;font-family:"Clash Display",sans-serif;font-size:clamp(28px,2.8vw,41px);font-weight:600;line-height:.98;text-transform:uppercase;}
.qi-card p {margin:17px 0 0;font-size:14px;line-height:1.6;color:var(--qi-muted);}
.qi-card .qi-open {margin-top:25px;}

.qi-enlist {padding:120px 0 130px;background:var(--qi-blue);}
.qi-enlist-box {display:flex;justify-content:space-between;align-items:center;gap:30px;border-radius:28px;padding:clamp(36px,5vw,72px);background:#fff;}
.qi-enlist h2 {margin:0;font-family:"Clash Display",sans-serif;font-size:clamp(40px,5vw,72px);font-weight:600;line-height:.9;text-transform:uppercase;}
.qi-btn {display:inline-flex;align-items:center;gap:18px;padding:17px 23px;border-radius:8px;background:#111719;color:#fff;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;}
.qi-btn:hover {background:var(--qi-orange);color:#fff;}

@media(max-width:991px){.qi-intro,.qi-conquer,.qi-feature{grid-template-columns:1fr}.qi-conquer{min-height:0}.qi-code{margin-top:70px}.qi-feature-art{min-height:400px}.qi-grid-cards{grid-template-columns:1fr 1fr}.qi-card:last-child{grid-column:1/-1}.qi-head{align-items:start;flex-direction:column}}
@media(max-width:767px){.qi-hero{min-height:650px;padding:155px 0 80px}.qi-title{font-size:clamp(72px,24vw,150px)}.qi-software{padding-bottom:85px}.qi-files{padding:85px 0 95px}.qi-grid-cards{grid-template-columns:1fr}.qi-card:last-child{grid-column:auto}.qi-card{min-height:370px}.qi-enlist{padding:85px 0 95px}.qi-enlist-box{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.qi-ring{animation:none}.qi-feature,.qi-card,.qi-open i{transition:none}}