@font-face{font-family:Rajdhani;src:url('/assets/qitqode/fonts/rajdhani-600-latin.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Rajdhani;src:url('/assets/qitqode/fonts/rajdhani-700-latin.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url('/assets/qitqode/fonts/jetbrainsmono-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
.offsite-page{--offsite-orange:#ff6a00;--offsite-gold:#ffb000;--offsite-teal:#1cc7bb;--offsite-teal-light:#73e8df;--offsite-line:rgba(138,143,152,.24);background:radial-gradient(circle at 72% 5%,rgba(255,106,0,.13),transparent 32rem),radial-gradient(circle at 15% 38%,rgba(28,199,187,.05),transparent 28rem),linear-gradient(180deg,#08090b,#050608);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.offsite-page .site-header{background:rgba(8,9,11,.84);backdrop-filter:blur(14px)}.offsite-page .site-nav .nav-cta{background:linear-gradient(90deg,var(--offsite-orange),var(--offsite-gold));color:#160b02;box-shadow:0 0 24px rgba(255,106,0,.22)}.offsite-page h1,.offsite-page h2,.offsite-page h3{font-family:Rajdhani,Inter,sans-serif}.offsite-page .section{border-top:1px solid var(--offsite-line)}
.offsite-hero{overflow:hidden;padding:clamp(5rem,10vw,8rem) 0 clamp(4rem,8vw,7rem);position:relative}.offsite-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(244,240,232,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(244,240,232,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 82%);pointer-events:none}.offsite-hero-grid{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);gap:clamp(2rem,6vw,7rem);position:relative}.offsite-hero-copy{position:relative;z-index:1}.offsite-eyebrow,.offsite-card-index,.offsite-proof,.offsite-architecture span,.offsite-use-grid span{color:var(--offsite-gold);font:700 .7rem/1.2 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase}.offsite-eyebrow:before{background:var(--offsite-orange);content:"";display:inline-block;height:1px;margin:0 .7rem .22rem 0;width:1.8rem}.offsite-hero h1{font-size:clamp(3.5rem,8vw,7.1rem);line-height:.88;margin:1rem 0 1.6rem;max-width:780px;letter-spacing:-.045em}.offsite-hero h1 span{color:var(--offsite-orange)}.offsite-lede{color:#c9cdd5;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.7;max-width:650px}.offsite-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.offsite-button{align-items:center;border:1px solid transparent;border-radius:.35rem;display:inline-flex;font-weight:700;gap:.55rem;justify-content:center;min-height:2.9rem;padding:.75rem 1.15rem;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.offsite-button:hover,.offsite-button:focus-visible{transform:translateY(-1px)}.offsite-button-primary{background:linear-gradient(135deg,var(--offsite-orange),var(--offsite-gold));color:#160b02;box-shadow:0 0 25px rgba(255,106,0,.24)}.offsite-button-secondary{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.2);color:var(--bone)}.offsite-proof{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.4rem;color:var(--ash);font-size:.68rem;letter-spacing:.04em}.offsite-proof span{border-left:1px solid var(--offsite-line);padding-left:.8rem}.offsite-proof b{color:var(--bone);display:block;font:600 1rem Rajdhani,Inter,sans-serif;letter-spacing:0;text-transform:none}
.offsite-hero-visual{min-height:440px;position:relative}.offsite-network{height:100%;min-height:440px;position:relative}.offsite-ring{border:1px solid rgba(255,176,0,.28);border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-20deg)}.offsite-ring-one{height:350px;width:350px}.offsite-ring-two{border-color:rgba(28,199,187,.28);height:260px;transform:translate(-50%,-50%) rotate(35deg);width:440px}.offsite-mark{align-items:center;background:rgba(8,9,11,.94);border:1px solid rgba(255,106,0,.55);border-radius:50%;box-shadow:0 18px 60px rgba(0,0,0,.45),0 0 42px rgba(255,106,0,.1);display:flex;flex-direction:column;height:190px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:190px}.offsite-mark img{filter:drop-shadow(0 0 18px rgba(255,106,0,.28));width:76%}.offsite-mark small{color:var(--offsite-gold);font:700 .55rem 'JetBrains Mono',monospace;letter-spacing:.12em}.offsite-line{background:linear-gradient(90deg,transparent,var(--offsite-orange),transparent);height:1px;position:absolute;transform-origin:left center;width:210px}.offsite-line-one{left:50%;top:50%;transform:rotate(24deg)}.offsite-line-two{left:50%;top:50%;transform:rotate(153deg)}.offsite-line-three{left:50%;top:50%;transform:rotate(-67deg)}.offsite-network-node{background:#08090b;border:1px solid rgba(255,255,255,.18);border-radius:.35rem;display:grid;gap:.12rem;padding:.7rem .85rem;position:absolute;width:130px}.offsite-network-node i{background:var(--offsite-orange);border-radius:50%;box-shadow:0 0 10px var(--offsite-orange);height:.45rem;width:.45rem}.offsite-network-node b{font:700 1rem Rajdhani,Inter,sans-serif}.offsite-network-node small{color:var(--ash);font-size:.68rem}.offsite-network-node-one{right:0;top:12%}.offsite-network-node-two{left:0;top:49%}.offsite-network-node-three{bottom:9%;right:8%}
.offsite-role-strip{background:linear-gradient(180deg,rgba(255,106,0,.055),transparent);border-top:1px solid var(--offsite-line)}.offsite-role-grid{display:grid;grid-template-columns:repeat(3,1fr)}.offsite-role-grid article{min-height:180px;padding:2rem 1.5rem}.offsite-role-grid article+article{border-left:1px solid var(--offsite-line)}.offsite-role-grid span{color:var(--offsite-teal-light);font:700 .68rem 'JetBrains Mono',monospace;letter-spacing:.12em}.offsite-role-grid h2{font-size:2rem;margin:.7rem 0 .2rem}.offsite-role-grid p,.offsite-section-heading>p,.offsite-card p,.offsite-flow p,.offsite-use-grid p{color:var(--ash);line-height:1.65;margin:0}
.offsite-section{padding:clamp(4.5rem,8vw,7rem) 0}.offsite-section-dark{background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}.offsite-section-heading{max-width:780px;margin-bottom:3rem}.offsite-section-heading h2,.offsite-system-grid h2{font-size:clamp(2.3rem,5vw,4.2rem);line-height:.98;margin:.6rem 0 1rem;letter-spacing:-.04em}.offsite-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;list-style:none;margin:0;padding:0}.offsite-flow li{border-top:1px solid rgba(255,106,0,.48);min-height:190px;padding:1.2rem 1rem 0 0;position:relative}.offsite-flow li:not(:last-child):after{color:var(--offsite-orange);content:'→';font:700 1.1rem 'JetBrains Mono',monospace;position:absolute;right:.65rem;top:-.8rem}.offsite-flow b{color:var(--offsite-orange);font:700 .7rem 'JetBrains Mono',monospace}.offsite-flow h3{font-size:1.4rem;margin:2.1rem 0 .45rem}
.offsite-card-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.offsite-card{background:linear-gradient(145deg,rgba(23,27,34,.92),rgba(12,14,18,.9));border:1px solid var(--offsite-line);border-radius:.55rem;min-height:220px;padding:1.4rem}.offsite-card-accent{border-color:rgba(28,199,187,.38)}.offsite-card-index{display:block;margin-bottom:2rem}.offsite-card h3{font-size:1.45rem;margin:0}.offsite-card code{color:var(--offsite-teal-light);display:block;font:.68rem/1.5 'JetBrains Mono',monospace;margin-top:1.2rem}
.offsite-system-grid{align-items:center;display:grid;gap:clamp(2rem,7vw,7rem);grid-template-columns:.82fr 1.18fr}.offsite-lede-small{color:#c9cdd5;line-height:1.7;max-width:35rem}.offsite-text-link{color:var(--offsite-gold);display:inline-flex;font-weight:700;gap:.5rem;margin-top:1.3rem}.offsite-code-panel{background:#050608;border:1px solid rgba(255,106,0,.42);box-shadow:0 24px 70px rgba(0,0,0,.34);padding:1rem;overflow:auto}.offsite-code-header{align-items:center;border-bottom:1px solid var(--offsite-line);display:flex;gap:.35rem;padding-bottom:1rem}.offsite-code-header span{background:#454b54;border-radius:50%;height:.45rem;width:.45rem}.offsite-code-header span:first-child{background:var(--offsite-orange)}.offsite-code-header b{color:var(--ash);font:700 .62rem 'JetBrains Mono',monospace;margin-left:.5rem}.offsite-code-panel pre{color:#dce2ea;font:.78rem/1.75 'JetBrains Mono',monospace;margin:1.2rem 0 0;white-space:pre}.code-muted{color:var(--ash)}.code-hot{color:var(--offsite-orange)}.code-teal{color:var(--offsite-teal-light)}
.offsite-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.offsite-use-grid article{border-top:1px solid var(--offsite-line);padding:1.2rem 1rem 0 0}.offsite-use-grid h3{font-size:1.55rem;line-height:1.05;margin:1.8rem 0 .6rem}.offsite-use-grid span{color:var(--offsite-teal-light)}.offsite-faq-list{border-top:1px solid var(--offsite-line);max-width:820px}.offsite-faq-list details{border-bottom:1px solid var(--offsite-line);padding:1.15rem 0}.offsite-faq-list summary{cursor:pointer;font:700 1.25rem Rajdhani,Inter,sans-serif;list-style:none;padding-right:2rem;position:relative}.offsite-faq-list summary::-webkit-details-marker{display:none}.offsite-faq-list summary:after{color:var(--offsite-orange);content:'+';font:700 1.2rem 'JetBrains Mono',monospace;position:absolute;right:0}.offsite-faq-list details[open] summary:after{content:'−'}.offsite-faq-list details p{color:var(--ash);line-height:1.7;margin:1rem 2rem 0 0;max-width:680px}
.offsite-waitlist-section{background:radial-gradient(circle at 78% 20%,rgba(255,106,0,.1),transparent 30rem);padding-top:clamp(4rem,8vw,7rem)}.offsite-waitlist-card{align-items:start;display:grid;gap:2.5rem;grid-template-columns:.8fr 1.2fr;margin:0 auto;max-width:1040px;padding:clamp(1.5rem,4vw,3rem)}.offsite-waitlist-intro h2{font-size:clamp(2.5rem,5vw,4.3rem);line-height:.95;margin:.6rem 0 1rem}.offsite-waitlist-intro p:not(.offsite-eyebrow){color:var(--ash);line-height:1.7}.offsite-waitlist-card .waitlist-form{margin:0}.offsite-waitlist-card .waitlist-form .form-row{grid-template-columns:1fr 1fr}.offsite-waitlist-card .offsite-button{border:0;width:100%}.offsite-privacy{color:var(--muted);font-size:.78rem;grid-column:1/-1;margin:0}.offsite-page .site-footer{background:#050608}
@media(max-width:900px){.offsite-hero-grid,.offsite-system-grid,.offsite-waitlist-card{grid-template-columns:1fr}.offsite-hero-visual{min-height:360px;order:-1}.offsite-card-grid{grid-template-columns:repeat(2,1fr)}.offsite-waitlist-card .waitlist-form .form-row{grid-template-columns:1fr}}
@media(max-width:640px){.offsite-hero{padding-top:4rem}.offsite-hero h1{font-size:clamp(3.4rem,15vw,5.3rem)}.offsite-role-grid,.offsite-flow,.offsite-card-grid,.offsite-use-grid{grid-template-columns:1fr}.offsite-role-grid article{min-height:auto;padding:1.5rem 0}.offsite-role-grid article+article{border-left:0;border-top:1px solid var(--offsite-line)}.offsite-flow li{min-height:auto;padding-bottom:1.5rem}.offsite-flow li:not(:last-child):after{display:none}.offsite-flow h3{margin-top:1rem}.offsite-network{min-height:320px;transform:scale(.9);transform-origin:center}.offsite-ring-one{height:270px;width:270px}.offsite-ring-two{height:210px;width:330px}.offsite-mark{height:160px;width:160px}.offsite-waitlist-card{padding:1.4rem}}
@media(prefers-reduced-motion:reduce){.offsite-page *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}