/* Qhost public landing page */
.marketing-site{max-width:1540px;margin:0 auto;padding:0 42px;color:#edf2fa;overflow:hidden}
.marketing-site a{color:inherit;text-decoration:none}
.marketing-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #202735}
.marketing-brand{display:inline-flex;align-items:center;gap:10px;flex:none;font-size:23px;font-weight:780;letter-spacing:-.7px}
.marketing-nav{display:flex;align-items:center;gap:28px;color:#bac5d5;font-size:13px;font-weight:550}
.marketing-nav>a:not(.marketing-cta):hover,.marketing-footer a:hover{color:#c4b5fd}
.marketing-login{margin-left:4px}
.marketing-cta{padding:10px 15px;border-radius:8px}
.marketing-nav-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.marketing-nav-button{display:none}
.marketing-hero{min-height:570px;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);align-items:center;gap:42px;padding:64px 0 72px}
.marketing-hero-copy{max-width:650px;position:relative;z-index:1}
.marketing-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#bcaaff;font-size:10px;line-height:1.4;font-weight:750;letter-spacing:.13em}
.marketing-eyebrow i,.server-led{width:7px;height:7px;display:inline-block;border-radius:50%;background:#20d890;box-shadow:0 0 13px #20d89099}
.marketing-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-.055em;margin:20px 0 18px;font-weight:780}
.marketing-hero h1 em,.marketing-section-head h2 em,.why-copy h2 em{font-style:normal;color:#b6a1ff}
.marketing-hero-copy>p{max-width:600px;color:#aab6c8;font-size:15px;line-height:1.75;margin:0}
.marketing-actions{display:flex;align-items:center;gap:20px;margin-top:27px}
.marketing-actions .button-primary,.why-copy>.button-primary,.marketing-bottom-cta>.button-primary{padding:12px 17px;border-radius:8px}
.marketing-secondary{font-size:13px;color:#d7deea}
.marketing-secondary:hover{color:#c4b5fd}
.marketing-trust{display:flex;flex-wrap:wrap;gap:24px;margin-top:36px;color:#8997ab;font-size:11px}
.marketing-trust span{display:flex;gap:4px;align-items:baseline}
.marketing-trust b{color:#eef2fa;font-size:14px}
.marketing-hero-art{min-height:405px;position:relative;display:grid;place-items:center;isolation:isolate}
.hero-glow{position:absolute;width:300px;height:300px;z-index:-2;border-radius:50%;background:#6849db33;filter:blur(60px)}
.orbit{position:absolute;z-index:-1;width:370px;height:210px;border:1px solid #7463b533;border-radius:50%;transform:rotate(-28deg)}
.orbit-two{width:440px;height:260px;transform:rotate(30deg);border-color:#64799624}
.server-stack{width:min(360px,74%);display:grid;gap:12px;transform:perspective(700px) rotateY(-13deg) rotateX(4deg);filter:drop-shadow(0 28px 32px #0008)}
.server-unit{height:72px;display:flex;align-items:center;gap:13px;padding:0 18px;border:1px solid #465267;border-radius:12px;background:linear-gradient(110deg,#1d2736,#111824 72%);box-shadow:inset 0 1px #ffffff0c,0 8px 18px #0005}
.server-unit>span:not(.server-led){width:9px;height:9px;border-radius:3px;background:#28364a;border:1px solid #52647c}
.server-unit b{margin-left:auto;color:#bbc6d6;font:700 10px ui-monospace,monospace;letter-spacing:.1em}
.server-unit:nth-child(2){transform:translateX(18px)}.server-unit:nth-child(3){transform:translateX(-8px)}
.floating-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #3a4557;border-radius:10px;background:#111824ef;box-shadow:0 14px 35px #0006}
.chip-top{top:46px;right:0}.chip-bottom{bottom:40px;left:0}
.chip-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#123328;color:#39dda0;font-size:17px}
.chip-icon.violet{background:#251e40;color:#b9a6ff}
.floating-chip small,.floating-chip b{display:block}.floating-chip small{color:#8795aa;font-size:8px;letter-spacing:.11em}.floating-chip b{font-size:11px;margin-top:2px}
.marketing-services{padding:72px 0 78px;border-top:1px solid #202735}
.marketing-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:27px}
.marketing-section-head h2,.why-copy h2{font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-.04em;margin:12px 0 0}
.marketing-section-head>p{max-width:380px;margin:0 0 4px;color:#98a6ba;font-size:13px;line-height:1.7}
.marketing-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.marketing-service-card{position:relative;min-height:226px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;padding:22px;border:1px solid #273242;border-radius:13px;background:linear-gradient(145deg,#121a27,#0e141e);transition:transform .2s,border-color .2s,background .2s}
.marketing-service-card:hover{transform:translateY(-3px);border-color:#64549a;background:linear-gradient(145deg,#191a2b,#101722)}
.marketing-service-card.service-featured{border-color:#51447e;background:radial-gradient(ellipse at 100% 0,#35276466,transparent 55%),linear-gradient(145deg,#151a28,#0e141e)}
.service-card-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#211c38;color:#b8a4ff;font-size:20px}
.service-index{position:absolute;right:20px;top:31px;color:#79879b;font-size:9px;font-weight:700;letter-spacing:.09em}
.marketing-service-card h3{font-size:18px;letter-spacing:-.02em;margin:22px 0 7px}
.marketing-service-card p{max-width:340px;color:#9eabbd;font-size:12px;line-height:1.65;margin:0 0 18px}
.service-link{display:flex;align-items:center;gap:8px;margin-top:auto;color:#b8a4ff;font-size:12px;font-weight:650}.service-link b{font-size:15px}
.service-card-glow{position:absolute;width:180px;height:130px;right:-80px;bottom:-90px;border-radius:50%;background:#8b68f633;filter:blur(28px);pointer-events:none}
.service-wide{grid-column:span 1}
.marketing-why{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center;padding:76px 0;border-top:1px solid #202735;border-bottom:1px solid #202735}
.why-copy>p{max-width:490px;color:#9eabbd;line-height:1.75;font-size:13px;margin:16px 0 22px}
.why-steps{display:grid;gap:10px}.why-steps article{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:12px;padding:16px;border:1px solid #273242;border-radius:10px;background:#101722}
.why-steps article>span{color:#ae9aff;font:700 11px ui-monospace,monospace}.why-steps article h3{font-size:13px;margin:0 0 4px}.why-steps article p{font-size:11px;color:#8f9db1;margin:0;line-height:1.55}.why-steps article>b{color:#9f8af2}
.marketing-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;padding:75px 0}
.marketing-faq h2{font-size:32px;letter-spacing:-.04em;margin:12px 0}.faq-list{border-top:1px solid #273242}.faq-list details{border-bottom:1px solid #273242;padding:17px 2px}
.faq-list summary{display:flex;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;font-size:13px;font-weight:650}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#b8a4ff;font-size:18px}
.faq-list details p{max-width:650px;margin:12px 24px 0 0;color:#98a6ba;font-size:12px;line-height:1.7}
.marketing-bottom-cta{text-align:center;margin:0 0 64px;padding:49px 25px;border:1px solid #393251;border-radius:15px;background:radial-gradient(ellipse at 50% 0,#38296577,transparent 68%),#101620}
.marketing-bottom-cta h2{font-size:30px;letter-spacing:-.04em;margin:12px 0 8px}.marketing-bottom-cta p{color:#a0adbf;font-size:13px;margin:0 0 20px}
.marketing-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:20px 0 25px;border-top:1px solid #202735;color:#8d9aae;font-size:11px}
.marketing-footer>span{justify-self:center}.marketing-footer>div{display:flex;gap:17px}.marketing-footer small{grid-column:1/-1;padding-top:12px;border-top:1px solid #1c2531;color:#758298}
@media(max-width:1050px){.marketing-site{padding:0 28px}.marketing-hero{gap:18px;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}.marketing-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-wide{grid-column:auto}.marketing-why{gap:38px}}
@media(max-width:760px){.marketing-site{padding:0 20px}.marketing-header{min-height:68px;position:relative}.marketing-brand{font-size:21px}.marketing-nav-button{display:flex;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #344052;border-radius:9px;background:#121925;cursor:pointer}.marketing-nav-button span{width:17px;height:2px;border-radius:2px;background:#dce4ef}.marketing-nav{display:none;position:absolute;top:60px;left:0;right:0;z-index:5;align-items:stretch;gap:0;padding:10px;border:1px solid #303b4b;border-radius:11px;background:#101722;box-shadow:0 18px 35px #0009}.marketing-nav-toggle:checked~.marketing-nav{display:flex;flex-direction:column}.marketing-nav>a{padding:12px 10px}.marketing-nav .marketing-cta{margin-top:5px;text-align:center}.marketing-hero{grid-template-columns:1fr;gap:0;padding:53px 0 45px}.marketing-hero h1{font-size:clamp(40px,10vw,58px)}.marketing-hero-copy>p{font-size:14px}.marketing-hero-art{min-height:330px;margin-top:4px}.server-stack{width:min(340px,75%)}.marketing-services{padding:53px 0}.marketing-section-head{display:block}.marketing-section-head>p{margin-top:13px}.marketing-service-grid{gap:10px}.marketing-service-card{min-height:220px;padding:17px}.service-index{right:14px;top:27px;font-size:8px}.marketing-service-card h3{font-size:16px}.marketing-why{grid-template-columns:1fr;gap:28px;padding:55px 0}.marketing-faq{grid-template-columns:1fr;gap:20px;padding:55px 0}.marketing-bottom-cta{margin-bottom:45px;padding:39px 20px}.marketing-footer{grid-template-columns:1fr auto;gap:12px}.marketing-footer>span{grid-column:1/-1;grid-row:2;justify-self:start}.marketing-footer>div{grid-column:1/-1;grid-row:3}.marketing-footer small{grid-column:1/-1}}
@media(max-width:480px){.marketing-site{padding:0 16px}.marketing-hero{padding-top:43px}.marketing-trust{gap:12px 17px}.marketing-hero-art{min-height:280px}.server-unit{height:61px;padding:0 12px;gap:9px}.server-unit b{font-size:8px}.chip-top{right:-3px;top:20px}.chip-bottom{left:-3px;bottom:20px}.floating-chip{padding:8px 10px}.marketing-service-grid{grid-template-columns:1fr}.marketing-service-card{min-height:200px}.marketing-actions{gap:13px;flex-wrap:wrap}.marketing-section-head h2,.why-copy h2{font-size:30px}.marketing-bottom-cta h2{font-size:25px}}