@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/archivo-FAU44YVK.woff2") format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url("/assets/spacegrotesk-LIGEH75C.woff2") format("woff2")}:root{--qc-bg: #29282d;--qc-bg-deep: #222126;--qc-card: #34333a;--qc-card-2: #3d3c44;--qc-line: #45444c;--qc-ink: #f5f5f3;--qc-ink-2: #b9b7bd;--qc-red: #db0b1a;--qc-red-soft: #f03a44;--qc-paper: #fcfcfb;--qc-paper-ink: #17161a;--qc-paper-2: #55535c}html,body,#root{margin:0;height:100%}html,body{overflow:hidden}html{scroll-behavior:auto}body{background:var(--qc-bg)}.qc{background:var(--qc-bg);color:var(--qc-ink);font-family:Archivo,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.qc *,.qc *:before,.qc *:after{box-sizing:border-box}.qc a{color:inherit}.qc h1,.qc h2,.qc h3,.qc h4{font-weight:800;letter-spacing:-.02em;line-height:1.06;margin:0}.qc :where(p){margin:0}.qc em{font-style:normal;color:var(--qc-red-soft)}.qc-dot{color:var(--qc-red)}.qc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:6px;font-weight:700;font-size:15px;text-decoration:none;letter-spacing:.01em;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .22s ease;cursor:pointer;border:1.5px solid transparent;position:relative;overflow:hidden}.qc-btn:hover{transform:translateY(-2px)}.qc-btn:active{transform:scale(.97)}.qc-btn-red{background:var(--qc-red);color:#fff}.qc-btn-red:hover{background:var(--qc-red-soft);box-shadow:0 10px 26px #db0b1a61}.qc-btn-red:after{content:"";position:absolute;top:0;left:-90%;width:45%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.38),transparent);transform:skew(-20deg);transition:left .55s ease;pointer-events:none}.qc-btn-red:hover:after{left:135%}.qc-btn-ghost{border-color:var(--qc-line);color:var(--qc-ink);background:transparent}.qc-btn-ghost:hover{border-color:var(--qc-ink);box-shadow:0 10px 24px #00000059;background:#f5f5f30a}.qc-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:14px 20px;background:#222126d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--qc-line)}.qc-nav-brand{text-decoration:none;display:inline-flex}.qc-nav-links{display:none;gap:26px;margin-left:auto}.qc-nav-links a{color:var(--qc-ink-2);text-decoration:none;font-size:14.5px;font-weight:600;padding:8px 0;transition:color .15s ease}.qc-nav-links a:hover{color:var(--qc-ink)}.qc-nav-cta{margin-left:auto;min-height:42px;padding:0 20px;font-size:14px}@media (min-width: 900px){.qc-nav{padding:16px 40px}.qc-nav-links{display:flex}.qc-nav-cta{margin-left:0}}.qc-logo{display:inline-flex;align-items:center}.qc-logo-img{height:48px;width:auto;display:block}.qc-logo.stacked .qc-logo-img{height:84px}@media (max-width: 899px){.qc-logo-img{height:42px}}.qc-hero{padding:84px 20px 72px;max-width:1040px;margin:0 auto;text-align:center;position:relative}.qc-eyebrow{font-family:Space Grotesk,monospace;text-transform:uppercase;letter-spacing:.28em;font-size:11.5px;color:var(--qc-red-soft);font-weight:500;margin-bottom:22px}.qc-hero h1{font-size:clamp(38px,8.4vw,84px);max-width:16ch;margin:0 auto}.qc-hero-sub{max-width:56ch;margin:26px auto 0;color:var(--qc-ink-2);font-size:clamp(15.5px,2.4vw,18px)}.qc-hero-ctas{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;position:relative}.qc-wordwall{position:absolute;inset:0;pointer-events:none;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:64px;-webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,transparent 30%,#000 90%);mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,transparent 30%,#000 90%)}.qc-wordwall-row{display:inline-flex;white-space:nowrap;gap:56px;font-family:Space Grotesk,monospace;text-transform:uppercase;letter-spacing:.34em;font-size:13px;font-weight:500;color:#f5f5f31a;will-change:transform;animation:qc-scroll 38s linear infinite}.qc-wordwall-row.rev{animation:qc-scroll-r 44s linear infinite}.qc-wordwall-row span{pointer-events:auto;transition:transform .3s cubic-bezier(.25,1.4,.4,1),color .25s ease}.qc-wordwall-row span:hover{transform:scale(1.8);color:#f5f5f380}.qc-rotate{display:inline-block;height:1.15em;overflow:hidden;vertical-align:bottom;text-align:center}.qc-rotate-col{display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.65,0,.25,1);will-change:transform}.qc-rotate-col span{display:block;height:1.15em;line-height:1.15;color:var(--qc-red-soft);white-space:nowrap;overflow:hidden}.qc-rotate-col span.main{color:var(--qc-ink);text-decoration:underline solid var(--qc-red) .08em;text-underline-offset:.12em}@media (max-width: 640px){.qc-rotate{display:block;width:100%;margin-top:4px;font-size:clamp(20px,7.4vw,34px);height:1.35em}.qc-rotate-col span{font-size:inherit;height:1.35em;line-height:1.35}}@keyframes qc-rot{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-20%)}50%,70%{transform:translateY(-40%)}75%,95%{transform:translateY(-60%)}to{transform:translateY(-80%)}}.qc-marquee{border-top:1px solid var(--qc-line);border-bottom:1px solid var(--qc-line);padding:14px 0;overflow:hidden;background:var(--qc-bg-deep)}.qc-marquee-track{display:inline-flex;white-space:nowrap;gap:34px;will-change:transform;animation:qc-scroll 26s linear infinite}.qc-marquee-track.rev{animation:qc-scroll-r 30s linear infinite}.qc-marquee-track span{font-family:Space Grotesk,monospace;text-transform:uppercase;letter-spacing:.18em;font-size:12.5px;color:var(--qc-ink-2);font-weight:500}.qc-marquee-track em{color:var(--qc-red);margin-left:34px}@keyframes qc-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.qc-section{scroll-margin-top:70px;max-width:1040px;margin:0 auto;padding:88px 20px 8px}.qc-section,.qc-contact,.qc-hero{scroll-margin-top:76px}@media (max-width: 899px){.qc-section,.qc-contact,.qc-hero{scroll-margin-top:110px}}.qc-kicker{font-family:Space Grotesk,monospace;text-transform:uppercase;letter-spacing:.24em;font-size:11.5px;color:var(--qc-red-soft);font-weight:600;margin-bottom:16px}.qc-kicker.dark{color:var(--qc-red)}.qc-section h2{font-size:clamp(28px,5vw,46px);max-width:22ch}.qc-lead{color:var(--qc-ink-2);margin-top:20px;max-width:58ch;font-size:16.5px}.qc-section-tail{margin-top:30px;color:var(--qc-ink-2);font-size:16px}.qc-section-tail a{color:var(--qc-red-soft);font-weight:700}.qc-problem-grid{margin-top:44px;display:grid;gap:14px}.qc-problem{background:var(--qc-card);border:1px solid var(--qc-line);border-radius:14px;padding:26px 24px;transition:transform .2s ease,border-color .2s ease}.qc-problem:hover{transform:translateY(-3px);border-color:var(--qc-red)}.qc-problem h3{font-size:20px;margin-bottom:10px}.qc-problem p{color:var(--qc-ink-2);font-size:15px}@media (min-width: 760px){.qc-problem-grid{grid-template-columns:1fr 1fr;gap:18px}}@keyframes qc-in-l{0%{opacity:0;transform:translate(-56px) rotate(-1.2deg)}to{opacity:1;transform:none}}@keyframes qc-in-r{0%{opacity:0;transform:translate(56px) rotate(1.2deg)}to{opacity:1;transform:none}}.qc-service-hint{margin-top:14px;color:var(--qc-ink-2);font-size:14.5px}.qc-svc-grid{margin-top:36px;display:grid;gap:14px}@media (min-width: 700px){.qc-svc-grid{grid-template-columns:1fr 1fr;gap:16px}}@media (min-width: 1000px){.qc-svc-grid{grid-template-columns:repeat(3,1fr)}}.qc-service{appearance:none;-webkit-appearance:none;font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer;background:var(--qc-card);border:1px solid var(--qc-line);border-radius:14px;padding:16px;display:flex;gap:16px;align-items:center;transition:transform .25s ease,border-color .2s ease,box-shadow .25s ease}.qc-service:hover{transform:translateY(-3px);border-color:var(--qc-red);box-shadow:0 12px 28px #00000059}.qc-service-thumb{flex:none;width:86px;height:86px;object-fit:cover;border-radius:9px;border:1.5px solid var(--qc-line);background:var(--qc-bg-deep)}.qc-service-meta{display:flex;flex-direction:column;gap:6px;min-width:0}.qc-service-n{font-family:Space Grotesk,monospace;color:var(--qc-red-soft);font-weight:600;font-size:12px;letter-spacing:.16em}.qc-service-title{font-size:16.5px;font-weight:800;letter-spacing:-.01em;line-height:1.2}.qc-service-open{font-family:Space Grotesk,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--qc-ink-2)}.qc-service:hover .qc-service-open{color:var(--qc-red-soft)}.qc-modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:18px;color:var(--qc-ink);font-family:Archivo,Helvetica Neue,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}.qc-modal-backdrop{position:absolute;inset:0;background:#0c0b0ecc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.qc-modal-card{position:relative;background:var(--qc-card);border:1px solid var(--qc-line);border-radius:18px;max-width:880px;width:100%;overflow-y:auto;max-height:calc(100vh - 44px);max-height:calc(100dvh - 44px);padding:26px 22px;display:grid;gap:26px;align-items:center;animation:qc-modal-in .45s cubic-bezier(.2,.9,.3,1.12)}@keyframes qc-modal-in{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}@media (min-width: 760px){.qc-modal-card{grid-template-columns:330px 1fr;gap:40px;padding:40px}}.qc-modal-close{position:absolute;top:12px;right:12px;z-index:2;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--qc-line);background:var(--qc-bg-deep);color:var(--qc-ink);font-size:22px;line-height:1;cursor:pointer;transition:border-color .15s ease,background .15s ease}.qc-modal-close:hover{border-color:var(--qc-red);background:var(--qc-red)}.qc-modal-text h3{font-size:clamp(22px,4vw,30px);margin-bottom:12px;color:var(--qc-ink);font-weight:800;letter-spacing:-.02em;line-height:1.06}.qc-modal-nav{margin-top:24px;display:flex;gap:12px}.qc-sketch{margin:0 auto;position:relative;border-radius:10px;background:var(--qc-bg-deep);border:2px solid var(--qc-ink);box-shadow:6px 6px #db0b1ad9;max-width:360px;width:100%}.qc-sketch img{display:block;width:100%;height:auto;border-radius:8px}.qc-modal .qc-sketch .qc-draw{clip-path:inset(0 100% 0 0);animation:qc-wipe .9s .1s cubic-bezier(.6,.05,.3,1) forwards}@keyframes qc-wipe{to{clip-path:inset(0 0 0 0)}}.qc-scrawl{position:absolute;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);stroke:var(--qc-red);pointer-events:none}.qc-scrawl path{animation:qc-scrawl 1.1s .5s ease forwards}@keyframes qc-scrawl{to{stroke-dashoffset:0}}.qc-tape{position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-3deg);width:92px;height:26px;background:#db0b1ad1;border-left:2px dashed rgba(255,255,255,.5);border-right:2px dashed rgba(255,255,255,.5)}.qc-slide-n{font-family:Space Grotesk,monospace;color:var(--qc-red-soft);font-weight:600;font-size:12.5px;letter-spacing:.16em;margin-bottom:10px}.qc-slide-blurb{color:var(--qc-ink-2);font-size:15.5px;max-width:56ch}.qc-tags{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.qc-tags span{font-family:Space Grotesk,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--qc-line);border-radius:999px;padding:6px 12px;color:var(--qc-ink-2)}.qc-arrow{flex:none;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--qc-line);background:transparent;color:var(--qc-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.qc-arrow svg{width:20px;height:20px;stroke:currentColor}.qc-arrow:hover{border-color:var(--qc-red);background:var(--qc-red);color:#fff}.qc-arrow:active{transform:scale(.94)}.qc-steps{margin-top:44px;display:grid;gap:14px}.qc-step{border:1px solid var(--qc-line);border-radius:14px;padding:26px 24px;background:var(--qc-bg-deep);position:relative}.qc-step-n{font-family:Space Grotesk,monospace;color:var(--qc-red);font-weight:700;font-size:13px;letter-spacing:.14em;display:block;margin-bottom:14px}.qc-step h3{font-size:21px;margin-bottom:10px}.qc-step p{color:var(--qc-ink-2);font-size:15px}.qc-step{transition:transform .3s ease,border-color .25s ease}@media (min-width: 760px){.qc-steps{grid-template-columns:1fr 1fr;gap:18px}}@media (min-width: 1000px){.qc-steps{grid-template-columns:1fr 1fr}}.qc-chips{margin-top:34px;display:flex;flex-wrap:wrap;gap:10px}.qc-chips span{border:1px solid var(--qc-line);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;color:var(--qc-ink);transition:border-color .15s ease,color .15s ease}.qc-chips span:hover,.qc-chips span.qc-chip-on{border-color:var(--qc-red);color:var(--qc-red-soft)}.qc-chips .qc-chip-more{background:var(--qc-red);border-color:var(--qc-red);color:#fff}.qc-chips .qc-chip-more:hover{color:#fff}.qc-working-grid{margin-top:44px;display:grid;gap:14px}.qc-working{background:var(--qc-card);border-radius:14px;padding:26px 24px;border:1px solid var(--qc-line);transition:transform .3s ease,border-color .25s ease}.qc-working:hover{border-color:var(--qc-red)}.qc-working h3{font-size:19px;margin-bottom:10px}.qc-working p{color:var(--qc-ink-2);font-size:15px}@media (min-width: 760px){.qc-working-grid{grid-template-columns:1fr 1fr;gap:18px}}.qc-soon{position:relative;margin-top:44px;padding:36px 24px 32px;text-align:left;background:var(--qc-card);border:2px dashed var(--qc-line);border-radius:14px}.qc-soon .qc-tape{top:-13px;left:24px;width:70px;height:22px}.qc-soon-tag{font-family:Space Grotesk,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--qc-red-soft);font-weight:600;display:block}.qc-soon-title{font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:12px 0 8px;max-width:30ch}.qc-soon-body{color:var(--qc-ink-2);font-size:15px;margin:0 0 18px}.qc-soon-dots{display:inline-flex;gap:6px}.qc-soon-dots i{width:9px;height:9px;border-radius:50%;background:var(--qc-red);display:block;animation:qc-bounce 1.2s ease-in-out infinite}.qc-soon-dots i:nth-child(2){animation-delay:.15s}.qc-soon-dots i:nth-child(3){animation-delay:.3s}@keyframes qc-bounce{0%,60%,to{transform:none;opacity:.5}30%{transform:translateY(-7px);opacity:1}}.qc-contact{margin-top:96px;background:var(--qc-paper);color:var(--qc-paper-ink);border-radius:28px 28px 0 0;padding:72px 20px 80px;display:grid;gap:48px}.qc-contact h2{font-size:clamp(30px,5.4vw,48px);max-width:20ch}.qc-contact-left{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.qc-mail{font-size:clamp(19px,3.6vw,26px);font-weight:800;letter-spacing:-.015em;text-decoration:none;border-bottom:3px solid var(--qc-red)}.qc-mail:hover{color:var(--qc-red)}.qc-site-link{color:var(--qc-paper-2);text-decoration:none;font-size:14.5px}.qc-site-link:hover{color:var(--qc-paper-ink)}.qc-socials{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:8px}.qc-socials a{color:var(--qc-paper-2);font-size:13.5px;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-family:Space Grotesk,monospace;transition:color .15s ease}.qc-socials a:hover{color:var(--qc-red)}.qc-form{display:grid;gap:18px}.qc-form label{display:grid;gap:8px;font-family:Space Grotesk,monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--qc-paper-2);font-weight:600}.qc-form input,.qc-form textarea{font-family:Archivo,sans-serif;font-size:16px;color:var(--qc-paper-ink);background:#fff;border:1px solid #e6e6e4;border-radius:8px;padding:14px 16px;width:100%;outline:none;transition:border-color .15s ease,box-shadow .15s ease;resize:vertical}.qc-form input:focus,.qc-form textarea:focus{border-color:var(--qc-red);box-shadow:0 0 0 3px #db0b1a1f}.qc-toast{position:fixed;top:76px;left:50%;transform:translate(-50%);z-index:50;width:min(560px,calc(100vw - 28px));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-radius:14px;background:var(--qc-paper);color:var(--qc-paper-ink);border:2px solid var(--qc-paper-ink);box-shadow:0 10px 30px #00000059;font-size:15px;line-height:1.4}.qc-toast.unconfirmed{border-color:var(--qc-red)}.qc-toast.pending{border-style:dashed}.qc-toast button{background:none;border:0;font-size:24px;line-height:1;cursor:pointer;color:inherit;padding:0 2px}.qc-form-btn:disabled{opacity:.7;cursor:default}.qc-form-btn{border:0;width:100%;font-size:16px;min-height:56px}@media (min-width: 900px){.qc-contact{grid-template-columns:1fr 1fr;gap:60px;padding:72px 28px}}.qc-footer{background:var(--qc-paper);color:var(--qc-paper-ink);padding:0 20px}.qc-footer-top{max-width:1240px;margin:0 auto;border-top:1px solid #e6e6e4;padding:56px 0 44px;display:grid;gap:36px}.qc-footer-brand{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.qc-footer-brand p{color:var(--qc-paper-2);font-size:14.5px;max-width:30ch}.qc-footer-brand a{color:var(--qc-paper-ink);font-weight:700;text-decoration:none;font-size:14.5px}.qc-footer-brand a:hover{color:var(--qc-red)}.qc-footer .qc-logo{color:var(--qc-paper-ink)}.qc-footer-col{display:flex;flex-direction:column;gap:10px}.qc-footer-col h4{font-family:Space Grotesk,monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--qc-paper-2);font-weight:600;margin-bottom:6px}.qc-footer-col a{color:var(--qc-paper-ink);text-decoration:none;font-size:14.5px}.qc-footer-col a:hover{color:var(--qc-red)}.qc-footer-cta{font-weight:800;color:var(--qc-red)!important;font-size:18px!important}.qc-footer-bar{max-width:1240px;margin:0 auto;border-top:1px solid #e6e6e4;padding:22px 0 30px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;color:var(--qc-paper-2);font-size:12.5px}@media (min-width: 900px){.qc-footer{padding:0 48px}.qc-footer-top{grid-template-columns:1.4fr 1fr .7fr .6fr}}.qc-btn{white-space:nowrap}@media (max-width: 899px){.qc-nav{padding:12px 16px 0;gap:12px;flex-wrap:wrap}.qc-nav-cta{min-height:40px;padding:0 16px;margin-bottom:10px}.qc-nav-links{display:flex;order:3;width:100%;gap:20px;margin:0;overflow-x:auto;padding:10px 0 12px;scrollbar-width:none;border-top:1px solid var(--qc-line)}.qc-nav-links::-webkit-scrollbar{display:none}.qc-nav-links a{white-space:nowrap;font-size:12.5px;padding:2px 0}}.pop{animation:qc-pop .7s cubic-bezier(.2,.9,.3,1.12) backwards}.pop.d-1{animation-delay:.1s}.pop.d-2{animation-delay:.22s}.pop.d-3{animation-delay:.36s}.pop.d-4{animation-delay:.5s}@keyframes qc-pop{0%{opacity:0;transform:translateY(24px) rotate(.4deg)}to{opacity:1;transform:none}}.qc-scribble{position:relative;display:inline-block;white-space:nowrap;color:var(--qc-red-soft);padding:.3em .45em .36em;margin:0 -.45em}.qc-scribble svg{position:absolute;left:0;top:0;width:100%;height:100%;stroke:var(--qc-red);overflow:visible}.qc-scribble svg path{stroke-dasharray:700;stroke-dashoffset:700}@keyframes qc-draw{to{stroke-dashoffset:0}}.tilt-l{transform:rotate(-.7deg)}.tilt-r{transform:rotate(.7deg)}.qc-problem.tilt-l:hover,.qc-problem.tilt-r:hover{transform:rotate(0) translateY(-4px)}.qc-sketch.tilt-l{transform:rotate(-.9deg)}.qc-sketch.tilt-r{transform:rotate(.9deg)}.qc-marquee-red{background:var(--qc-red);border:0;transform:rotate(-1.2deg) scale(1.02);margin:80px 0 -20px}.qc-marquee-red span{color:#fff;font-weight:700}.qc-marquee-red em{color:#fff9}@keyframes qc-scroll-r{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.pop,.qc-note-pop-0,.qc-note-pop-1,.qc-note-pop-2,.qc-slide .qc-sketch .qc-draw,.qc-scrawl path,.qc-in-l,.qc-in-r,.qc-step,.qc-working,.qc-chips span,.qc-rotate-col,.qc-wordwall-row,.qc-scribble svg path,.qc-marquee-track{animation:none!important}.qc-rotate-col span:first-child~span{display:none}.qc-slide .qc-sketch .qc-draw{clip-path:none}.qc-scribble svg path,.qc-scrawl path{stroke-dashoffset:0}.qc-slider-track{transition:none}}@media (max-width: 480px){.qc-sketch{max-width:100%}.qc-scrawl{inset:-7px;width:calc(100% + 14px);height:calc(100% + 14px)}}.qc-contact,.qc-hero{scroll-margin-top:62px}.qc-problem.tilt-l,.qc-problem.tilt-r{transform:none}@media (max-width: 899px){.qc-nav-links{flex-wrap:wrap;overflow:visible;gap:6px 18px;justify-content:space-between}.qc-nav-links a{padding:4px 0}}@keyframes qc-slap{0%{opacity:0;transform:scale(.35) rotate(-9deg)}60%{opacity:1;transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.qc-section{position:relative;isolation:isolate;clip-path:inset(0 -100vmax);max-width:1240px;padding:56px 28px 60px}.qc-section:before{content:"";position:absolute;inset:0;box-shadow:0 0 0 100vmax var(--band);background:var(--band);z-index:-1}#problems{--band: #29282d;z-index:0}#services{--band: #202024}#approach{--band: #29282d}#industries{--band: #202024}#working{--band: #29282d}#notes{--band: #202024}#services,#industries,#notes{--qc-card: #2c2b32}.qc-problem-grid,.qc-working-grid,.qc-steps{margin-top:28px}@media (max-width: 899px){.qc-section{padding:40px 20px 44px}}.qc-section{scroll-margin-top:78px}.qc-section h2{max-width:none;font-size:clamp(22px,4.4vw,42px)}#problems h2{font-size:clamp(20px,5.6vw,42px);line-height:1.18}.qc-scribble{display:inline-block;white-space:nowrap;padding:0;margin:0;position:relative}.qc-scribble svg{left:-.3em;top:-.12em;width:calc(100% + .6em);height:calc(100% + .24em)}@media (max-width: 899px){.qc-nav-links a{font-size:14px;padding:12px 4px;min-height:44px;display:inline-flex;align-items:center}.qc-nav-links{gap:2px 14px}}.qc-section .pop{animation:none}.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.3,1)}.rv.rv-in{opacity:1;transform:none}.rv-done{transition-delay:0s!important}.qc-problem.qc-in-l.rv:not(.rv-in){transform:translate(-56px) rotate(-1.2deg)}.qc-problem.qc-in-r.rv:not(.rv-in){transform:translate(56px) rotate(1.2deg)}.qc-step.rv{transition:opacity .5s ease,transform .55s cubic-bezier(.25,1.5,.35,1),border-color .25s ease}.qc-step.rv:not(.rv-in){transform:translateY(26px) scale(.9)}.qc-working.rv{transition:opacity .6s ease,transform .65s cubic-bezier(.2,.9,.3,1.12),border-color .25s ease}.qc-working.rv:not(.rv-in){transform:translateY(24px) rotate(.6deg)}.qc-service.rv{transition:opacity .5s ease,transform .55s cubic-bezier(.25,1.4,.35,1),border-color .2s ease,box-shadow .25s ease}.qc-service.rv:not(.rv-in){transform:translateY(26px) scale(.94)}.qc-in-1.rv{transition-delay:.1s}.qc-in-2.rv{transition-delay:.2s}.qc-in-3.rv{transition-delay:.3s}.qc-step:nth-child(2).rv,.qc-working:nth-child(2).rv{transition-delay:.1s}.qc-step:nth-child(3).rv,.qc-working:nth-child(3).rv{transition-delay:.2s}.qc-step:nth-child(4).rv,.qc-working:nth-child(4).rv{transition-delay:.3s}.qc-service:nth-child(2).rv{transition-delay:.08s}.qc-service:nth-child(3).rv{transition-delay:.16s}.qc-service:nth-child(4).rv{transition-delay:.24s}.qc-service:nth-child(5).rv{transition-delay:.32s}.qc-service:nth-child(6).rv{transition-delay:.4s}.qc-scribble svg path{transition:stroke-dashoffset 1.1s ease .2s}.rv-in .qc-scribble svg path{stroke-dashoffset:0}.qc-step.qc-lit,.qc-working.qc-lit,.qc-problem.qc-lit,.qc-service.qc-lit{border-color:var(--qc-red)}.qc-step.qc-lit,.qc-working.qc-lit{transform:translateY(-4px)}.qc-problem.rv-in:hover,.qc-service.rv-in:hover{transform:translateY(-3px);border-color:var(--qc-red)}#problems h2{font-size:clamp(17px,5.4vw,42px);letter-spacing:-.03em}.qc-section:focus{outline:none}@media (prefers-reduced-motion: reduce){.rv{opacity:1;transform:none;transition:none}.qc-rotate-col{animation:none}.qc-rotate-col span:first-child~span{display:none}.qc-chips span:not(.qc-chip-more),.qc-soon-dots i{animation:none}.qc-scribble svg path,.qc-scrawl path{stroke-dashoffset:0;transition:none;animation:none}.qc-modal .qc-sketch .qc-draw{clip-path:none;animation:none}.qc-modal-card{animation:none}}@media (prefers-reduced-motion: reduce){.qc-wordwall-row,.qc-marquee-track{animation:none}}.qc-nav-links{align-items:center}.qc-login-nav{position:relative;display:flex;align-items:center}.qc-login-toggle{border:0;background:none;color:var(--qc-ink-2);font:600 14.5px Archivo,Arial,sans-serif;line-height:inherit;padding:8px 0;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px}.qc-login-toggle:hover,.qc-login-toggle:focus-visible{color:var(--qc-ink)}.qc-login-options{position:absolute;top:100%;right:-12px;width:190px;padding:7px;background:var(--qc-card);border:1px solid var(--qc-line);border-radius:8px;box-shadow:0 18px 40px #0005;z-index:40}.qc-login-options a{display:flex!important;align-items:center;justify-content:space-between;min-height:44px;padding:12px!important;color:var(--qc-ink)!important}.qc-login-options a+a{border-top:1px solid var(--qc-line)}.qc-login-options a:hover{background:var(--qc-card-2)}.qc-login-options span{color:var(--qc-ink-2)}@media (max-width:899px){.qc-nav-links{overflow:visible;flex-wrap:wrap}.qc-login-toggle{font-size:12.5px;padding:2px 0;min-height:44px}.qc-login-options{right:0}}:root{--qc-bg: #29282d;--qc-bg-deep: #222126;--qc-card: #34333a;--qc-card-2: #3d3c44;--qc-line: #45444c;--qc-ink: #f5f5f3;--qc-ink-2: #b9b7bd;--qc-red: #db0b1a;--qc-red-soft: #f03a44;--qc-paper: #fcfcfb;--qc-paper-ink: #17161a;--qc-paper-2: #55535c}.qc-nav{background:#222126d1}.qc-demo-bar{position:fixed;top:0;left:0;right:0;z-index:100;background:#1d1c20;color:#f03a44;font:600 12px/1 Archivo,Arial,sans-serif;text-align:center;padding:8px 10px;letter-spacing:.02em}.qc{padding-top:0}#problems{--band: #29282d}#services{--band: #202024}#approach{--band: #29282d}#industries{--band: #202024}#working{--band: #29282d}#notes{--band: #202024}#services,#industries,#notes{--qc-card: #2c2b32}.qc-modal-backdrop{background:#0c0b0ecc}.qc-wordwall{display:none}/* 20261107 light-demo revision: HD graphics, red interactions, ribbon, hero */
.qc-service-thumb,.qc-sketch img{filter:none}
.qc a.qc-btn-red{color:#fff}
.qc a.qc-btn-red:hover,.qc a.qc-btn-red:active,.qc a.qc-btn-red:focus-visible{color:#fff}
.qc .qc-modal-close:hover,.qc .qc-modal-close:active{color:#fff}
.qc-marquee{background:var(--qc-red);border-color:var(--qc-red)}
.qc-marquee .qc-marquee-track span{color:#fff;font-weight:700}
.qc-marquee .qc-marquee-track em{color:#fff9}
.qc-hero h1{max-width:none}
@media (max-width: 899px){.qc-hero h1{font-size:clamp(27px,7.6vw,38px)}.qc-rotate{font-size:clamp(17px,6.4vw,24px)}}
/* 20261107 how-we-think: same illustrated treatment as what-we-do */
.qc-step-thumb{display:block;width:86px;height:86px;object-fit:cover;border-radius:9px;border:1.5px solid var(--qc-line);background:var(--qc-bg-deep);margin-bottom:16px}
.qc-step.rv-in:hover{transform:translateY(-3px);border-color:var(--qc-red);box-shadow:0 12px 28px #00000059}
/* 20261107 remove numbers from all cards (what we do + how we think) */
.qc-service-n,.qc-step-n{display:none}
/* 20261107 social links: real platform glyphs */
.qc-socials{gap:12px 14px;align-items:center}
.qc-socials a.qc-social{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:9px;color:var(--qc-paper-2);transition:color .15s ease,transform .15s ease}
.qc-socials a.qc-social svg{width:20px;height:20px;display:block}
.qc-socials a.qc-social:hover,.qc-socials a.qc-social:focus-visible{color:var(--qc-red);transform:translateY(-2px)}
/* 20261107 brand-mark compliance: permitted monochrome treatment, no recolor */
.qc-socials a.qc-social{color:#000}
.qc-socials a.qc-social:hover,.qc-socials a.qc-social:focus-visible{color:#000;transform:translateY(-2px)}
.qc-socials a.qc-social .qc-social-img{display:block;height:20px;width:auto}

/* 20261107 working-with-us: same illustrated treatment as what-we-do */
.qc-working-thumb{display:block;width:86px;height:86px;object-fit:cover;border-radius:9px;border:1.5px solid var(--qc-line);background:var(--qc-bg-deep);margin-bottom:16px}
.qc-working.rv-in:hover{transform:translateY(-3px);border-color:var(--qc-red);box-shadow:0 12px 28px #00000059}
/* 20261107 user correction: whole tile goes red on hover/click, text white, illustrations keep original colours */
.qc-service.rv{transition:opacity .5s ease,transform .55s cubic-bezier(.25,1.4,.35,1),border-color .2s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease}
.qc-step.rv{transition:opacity .5s ease,transform .55s cubic-bezier(.25,1.5,.35,1),border-color .25s ease,background-color .25s ease,color .25s ease}
.qc-working.rv{transition:opacity .6s ease,transform .65s cubic-bezier(.2,.9,.3,1.12),border-color .25s ease,background-color .25s ease,color .25s ease}
.qc-service.rv-in:hover,.qc-service.rv-in:focus-visible,.qc-service.rv-in:active,.qc-step.rv-in:hover,.qc-step.rv-in:active,.qc-working.rv-in:hover,.qc-working.rv-in:active{background:var(--qc-red);border-color:var(--qc-red);transform:translateY(-3px);box-shadow:0 12px 28px #db0b1a40}
.qc-service:hover .qc-service-title,.qc-service:active .qc-service-title,.qc-service:focus-visible .qc-service-title,.qc-service:hover .qc-service-open,.qc-service:active .qc-service-open,.qc-step:hover h3,.qc-step:active h3,.qc-step:hover p,.qc-step:active p,.qc-working:hover h3,.qc-working:active h3,.qc-working:hover p,.qc-working:active p{color:#fff}
/* 20261107 mobile tap feedback: red tile while pressed (JS class toggle, pairs with hover/active) */
.qc-service.qc-tap,.qc-step.qc-tap,.qc-working.qc-tap{background:var(--qc-red);border-color:var(--qc-red);transform:translateY(-3px);box-shadow:0 12px 28px #db0b1a40}
.qc-service.qc-tap .qc-service-title,.qc-service.qc-tap .qc-service-open,.qc-step.qc-tap h3,.qc-step.qc-tap p,.qc-working.qc-tap h3,.qc-working.qc-tap p{color:#fff}

/* 20261107 working-with-us: double-size illustration with heading beside it */
.qc-working-head{display:flex;align-items:center;gap:20px;margin-bottom:16px}
.qc-working-thumb{width:172px;height:172px;margin-bottom:0;flex:none}
.qc-working-head h3{margin-bottom:0}
@media (max-width: 480px){.qc-working-head{gap:16px}.qc-working-thumb{width:132px;height:132px}}

/* 20261107 how-we-think: double-size illustration with heading beside it */
.qc-step-head{display:flex;align-items:center;gap:20px;margin-bottom:16px}
.qc-step-thumb{width:172px;height:172px;margin-bottom:0;flex:none}
.qc-step-head h3{margin-bottom:0}
@media (max-width: 480px){.qc-step-head{gap:16px}.qc-step-thumb{width:132px;height:132px}}

/* 20261107 card headings +25% (working 19->23.75, step 21->26.25) */
.qc-working-head h3{font-size:23.75px}
.qc-step-head h3{font-size:26.25px}

/* 20261107 ribbon fix: keep the tilted band's lower edge above the following section (was clipping text after position swap) */
.qc-marquee{position:relative;z-index:2}

/* 20261107 concept preview: Sounds familiar red-pen markup treatment */
.qc-problem-grid-v2{gap:26px}
.qc-problem-v2{position:relative;background:var(--qc-card);border:1px solid var(--qc-line);border-radius:16px;padding:34px 30px 30px;box-shadow:0 12px 34px #00000038}
.qc-problem-v2 h3{font-size:21px;line-height:1.25}
.qc-problem-v2 p{margin-top:12px}
.qc-mark-circle{position:relative;display:inline-block;white-space:nowrap;padding:.08em .3em .1em;margin:0 -.3em}
.qc-mark-circle svg{position:absolute;left:-.12em;top:-.34em;width:calc(100% + .24em);height:calc(100% + .68em);stroke:var(--qc-red);overflow:visible;pointer-events:none}
.qc-mark-strike{position:relative;display:inline-block}
.qc-mark-strike svg{position:absolute;left:-3%;top:6%;width:106%;height:88%;stroke:var(--qc-red);overflow:visible;pointer-events:none}
.qc-mark-under{position:relative;display:inline-block;white-space:nowrap}
.qc-mark-under svg{position:absolute;left:-1%;top:86%;width:102%;height:.36em;stroke:var(--qc-red);overflow:visible;pointer-events:none}
@media (min-width:900px){
.qc-problem-grid-v2{margin-top:58px;margin-bottom:26px;gap:34px 26px}
.qc-problem.qc-problem-v2:nth-child(1){transform:rotate(-.7deg)}
.qc-problem.qc-problem-v2:nth-child(2){transform:rotate(.55deg) translateY(38px)}
.qc-problem.qc-problem-v2:nth-child(3){transform:rotate(.5deg)}
.qc-problem.qc-problem-v2:nth-child(4){transform:rotate(-.6deg) translateY(38px)}
.qc-problem.qc-problem-v2.rv-in:hover{transform:rotate(0) translateY(-5px);border-color:var(--qc-red);box-shadow:0 18px 44px #00000059}
}
@media (max-width:899px){
.qc-problem-grid-v2{margin-top:40px}
.qc-problem.qc-problem-v2:nth-child(odd){transform:rotate(-.5deg)}
.qc-problem.qc-problem-v2:nth-child(even){transform:rotate(.5deg)}
}
@media (prefers-reduced-motion:reduce){.qc-problem.qc-problem-v2{transition:none}}

/* 20261107 pack heading+body beside illustration, justified, top-aligned */
.qc-working-head,.qc-step-head{align-items:flex-start;margin-bottom:0}
.qc-working-text,.qc-step-text{flex:1;min-width:0}
.qc-working-text h3,.qc-step-text h3{margin-bottom:0}
.qc-working-text p,.qc-step-text p{margin-top:10px;text-align:justify;hyphens:auto}

/* APPROVED 2026-11-07: centred text block beside illustration (desktop+mobile); mobile-only smaller sizes (13px card headings both sections, 10.5px body). Desktop sizes unchanged. */
.qc-working-head,.qc-step-head{align-items:center}
@media (max-width:899px){
.qc-working-head h3{font-size:13px}
.qc-step-head h3{font-size:13px}
.qc-working-text p,.qc-step-text p{font-size:10.5px}
}

/* APPROVED 2026-11-07: hero fills first screen with Strategy/Content ribbon pinned to its bottom; industry ribbon removed */
.qc-hero{min-height:calc(100vh - 68px);min-height:calc(100svh - 68px);display:flex;flex-direction:column;justify-content:center;max-width:none;padding-bottom:0}
.qc-hero .qc-marquee-red{margin:64px -20px 0;transform:rotate(-1.2deg) scale(1.05)}

/* APPROVED 2026-11-07: keep "No mysteries" unbroken so it sits together on the second line on phones */
.qc-nb{white-space:nowrap}

/* APPROVED 2026-11-07: mobile-only horizontal centering of the working-section tagline */
@media (max-width:899px){ #working > h2{text-align:center} }

/* APPROVED 2026-11-07: mobile hero content starts nearer the top (ribbon still pinned to hero bottom) */
@media (max-width:899px){
.qc-hero{justify-content:flex-start;padding-top:48px}
}

/* APPROVED 2026-11-07 (rev2): hero fills first screen; ribbon pinned to its bottom via auto margin; balanced top gap on both breakpoints */
.qc-hero{min-height:calc(100vh - 113px);min-height:calc(100svh - 113px);justify-content:flex-start;padding-top:64px}
.qc-hero .qc-marquee-red{margin:auto -20px 0}
@media (max-width:899px){
.qc-hero{min-height:calc(100vh - 191px);min-height:calc(100svh - 191px);padding-top:48px}
}

/* APPROVED 2026-11-07 (rev3): balanced hero - content lowered to split free space ~40/60 top/bottom, ribbon still flush at first-screen bottom */
.qc-hero{padding-top:128px}
@media (max-width:899px){
.qc-hero{padding-top:108px}
}

/* APPROVED 2026-11-07 (rev3b): desktop hero content slightly lower for optical balance */
@media (min-width:900px){
.qc-hero{padding-top:160px}
}

/* APPROVED 2026-11-07 (rev4): desktop hero truly centred (equal space top/bottom at any viewport height); mobile unchanged (approved) */
@media (min-width:900px){
.qc-hero{justify-content:center;padding-top:0}
}

/* APPROVED 2026-11-07 (rev5): desktop hero balanced via flexible spacers (slightly more space below, optical centre); mobile unchanged (approved) */
@media (min-width:900px){
.qc-hero{padding-top:0}
.qc-hero::before{content:"";flex:0.85;min-height:48px}
.qc-hero::after{content:"";flex:1.15;min-height:48px}
.qc-hero .qc-marquee-red{margin-top:0}
}

/* APPROVED 2026-11-07 (rev6): desktop hero balance - auto margins split free space equally, fixed 56px extra below buttons; spacers removed; ribbon flush at bottom */
@media (min-width:900px){
.qc-hero::before,.qc-hero::after{content:none}
.qc-hero .qc-eyebrow{margin-top:auto}
.qc-hero .qc-hero-ctas{margin-bottom:56px}
}

/* APPROVED 2026-11-07 (rev7): desktop hero - ribbon absolutely pinned to hero bottom; content optically centred (slight upward bias so bottom space reads larger); mobile unchanged (approved) */
@media (min-width:900px){
.qc-hero{padding-top:0;padding-bottom:9vh;justify-content:center}
.qc-hero .qc-eyebrow{margin-top:0}
.qc-hero .qc-hero-ctas{margin-bottom:36px}
.qc-hero .qc-marquee-red{position:absolute;left:0;right:0;bottom:0;margin:0 -20px;z-index:2}
}

/* APPROVED 2026-11-07 (rev8): ribbon level fix - user noticed hero ribbon tilted up on the right; remove the marquee rotation inside hero (both breakpoints) */
.qc-hero .qc-marquee-red{transform:none}

/* APPROVED 2026-11-07 (rev9): user correction - rotating hero phrase ("refuse to blend in." etc.) should be red, not black */
.qc-rotate-col span.main{color:var(--qc-red)}

/* 20261107 white-tile fix: untouched original artwork on soft white tiles inside dark cards */
.qc-service-thumb,.qc-step-thumb,.qc-working-thumb{background:#fefefe;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.qc-sketch{background:#fefefe}
.qc-sketch img{background:#fefefe}