.cpx-section{--cpx-accent:#6246d9;--cpx-accent-2:#a594eb;background:#f1f1ef;color:#101112;font-family:var(--font-heading--family);font-weight:400}.cpx-section *{box-sizing:border-box}.cpx-wrap{width:min(1480px,calc(100% - 32px));margin:0 auto}.cpx-card{background:#fff;border:1px solid rgba(16,17,18,.08);border-radius:28px;overflow:hidden}.cpx-dark{background:#101112;color:#fff;border-color:#101112}.cpx-kicker{font-size:12px;letter-spacing:.16em;font-weight:600;margin:0 0 20px;opacity:.68}.cpx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border:0;border-radius:999px;padding:0 26px;text-decoration:none;font-family:var(--font-heading--family);font-size:16px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.cpx-btn:hover{transform:translateY(-2px)}.cpx-btn-accent{background:var(--cpx-accent);color:#fff;box-shadow:0 10px 30px #6246d938}.cpx-btn-accent:hover{background:#5236c2;box-shadow:0 14px 38px #6246d94d}.cpx-btn-light{background:#fff;color:#101112}.cpx-home-hero{padding:28px 0 0}.cpx-hero{min-height:720px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.cpx-hero-copy{padding:clamp(34px,5vw,76px);display:flex;flex-direction:column;justify-content:center}.cpx-hero h1{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(54px,6.8vw,104px);line-height:.91;letter-spacing:-.055em;margin:0;max-width:780px}.cpx-lede{font-size:clamp(18px,1.5vw,23px);font-weight:400;line-height:1.5;max-width:620px;color:#ffffffb8;margin:30px 0 0}.cpx-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:38px}.cpx-meta{font-size:14px;color:#fff9}.cpx-hero-media{background:#18191b;display:flex;align-items:center;justify-content:center;min-height:560px}.cpx-hero-media img{width:100%;height:100%;object-fit:contain;padding:clamp(20px,3.5vw,54px)}.cpx-statement{padding:clamp(72px,9vw,138px) 0 40px}.cpx-statement-inner{max-width:1080px;padding:0 12px}.cpx-statement h2,.cpx-hardware h2,.cpx-engineering h2,.cpx-builder h2,.cpx-form-card h2,.cpx-lab-head h2{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(42px,5vw,76px);line-height:1;letter-spacing:-.045em;margin:0}.cpx-grid{display:grid;gap:16px}.cpx-grid-3{grid-template-columns:repeat(3,1fr)}.cpx-mini-card{padding:34px;min-height:300px;display:grid;grid-template-rows:auto 1fr auto;position:relative;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.cpx-number{font-size:12px;opacity:.48}.cpx-mini-copy{align-self:end}.cpx-mini-card h3{font-size:25px;font-weight:550;letter-spacing:-.025em;margin:44px 0 8px}.cpx-mini-card p,.cpx-engineering p,.cpx-builder p,.cpx-form-card p{font-size:16px;font-weight:400;line-height:1.65;color:#65676b;margin:0}.cpx-hardware-section,.cpx-project-section,.cpx-engineering-section,.cpx-builder-section,.cpx-lab-section,.cpx-form-section{padding-top:16px}.cpx-hardware-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cpx-hardware{padding:42px;min-height:600px;display:flex;flex-direction:column;justify-content:space-between}.cpx-hardware .cpx-kicker{color:#fff}.cpx-specs{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.16);margin-top:36px}.cpx-specs div{padding:22px 12px 12px 0;display:flex;flex-direction:column;gap:5px}.cpx-specs strong{font-size:29px;font-weight:500;letter-spacing:-.025em}.cpx-specs span{font-size:14px;font-weight:400;color:#ffffff9e}.cpx-image-card{background:#e9e9e6;min-height:600px}.cpx-image-card img,.cpx-engineering-media img{width:100%;height:100%;object-fit:contain;padding:38px}.cpx-project-intro,.cpx-lab-head{padding:clamp(42px,5vw,72px);margin-bottom:16px}.cpx-project-intro h2{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(40px,4.8vw,72px);line-height:1;letter-spacing:-.04em;margin:0;max-width:950px}.cpx-project-card{padding:34px;min-height:410px;display:flex;flex-direction:column}.cpx-project-card h3{font-size:25px;font-weight:550;margin:22px 0 8px;letter-spacing:-.02em}.cpx-project-card>p{color:#65676b;font-weight:400;line-height:1.6;margin:0}.cpx-flow{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:auto;padding-top:34px}.cpx-origin{width:52px;height:52px;border-radius:16px;background:#101112;color:#fff;display:grid;place-items:center;font-size:21px}.cpx-arrow{font-size:24px;opacity:.38}.cpx-brand{height:50px;min-width:50px;padding:9px 12px;border-radius:14px;background:#f3f3f1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:550;flex:0 0 auto}.cpx-brand img{width:27px;height:27px;display:block;object-fit:contain}.cpx-brand-wide img{width:74px;height:27px;max-width:none}.cpx-app-marquee{position:relative;overflow:hidden;margin:auto -34px -4px;padding-top:30px;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}.cpx-app-track{display:flex;width:max-content;animation:cpxAppScroll 30s linear infinite}.cpx-app-group{display:flex;gap:10px;padding-right:10px}.cpx-app-marquee:hover .cpx-app-track{animation-play-state:paused}@keyframes cpxAppScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.cpx-game-pair{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:28px}.cpx-game-screen{width:92px;height:92px;border-radius:50%;background:#16171a;border:8px solid #2b2c31;display:grid;place-items:center;box-shadow:0 0 0 2px #6246d93d,0 0 25px #6246d92e}.cpx-game-screen svg{width:55px;height:55px}.cpx-lab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.cpx-face-card{padding:28px;text-align:center;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.cpx-face{width:min(180px,80%);aspect-ratio:1;border-radius:50%;margin:0 auto 24px;background:#15161a;border:13px solid #2b2c30;position:relative;display:grid;place-items:center;color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--cpx-accent) 24%,transparent),0 0 38px color-mix(in srgb,var(--cpx-accent) 22%,transparent)}.cpx-face:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;border:4px dotted var(--cpx-accent)}.cpx-face-ui{font-weight:500;line-height:1.08;display:grid;place-items:center;gap:5px}.cpx-face-ui small{display:block;font-size:10px;font-weight:500;letter-spacing:.12em;opacity:.66;margin-bottom:5px}.cpx-face-ui b{font-size:24px;font-weight:500;letter-spacing:-.02em}.cpx-face-ui svg{width:48px;height:48px;display:block}.cpx-face-ui .cpx-face-sub{font-size:10px;opacity:.58;max-width:100px}.cpx-face-card h3{font-size:20px;font-weight:550;margin:0 0 7px}.cpx-face-card p{font-size:14px;font-weight:400;line-height:1.55;color:#65676b;margin:0}.cpx-engineering{display:grid;grid-template-columns:.9fr 1.1fr;min-height:620px}.cpx-engineering-copy{padding:clamp(36px,5vw,72px);display:flex;flex-direction:column;justify-content:center}.cpx-engineering-copy>p:not(.cpx-kicker){margin-top:24px;max-width:580px}.cpx-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:34px}.cpx-feature-pill{padding:17px 18px;border-radius:16px;background:#f4f4f2;font-size:15px;line-height:1.3;font-weight:500;letter-spacing:-.01em}.cpx-engineering-media{background:#e5e5e2;min-height:460px}.cpx-builder{padding:clamp(48px,7vw,90px);display:grid;grid-template-columns:.72fr 1.28fr;gap:40px;align-items:end}.cpx-builder p{margin-top:24px;max-width:720px}.cpx-builder-mark{font-size:clamp(44px,6vw,92px);font-weight:400;line-height:.8;opacity:.07;font-family:var(--font-heading--family);text-align:right}.cpx-form-card{padding:clamp(46px,6vw,84px)}.cpx-form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.cpx-form-card p.cpx-form-lede{margin-top:20px;max-width:560px}.cpx-form-card .cpx-lede{font-size:clamp(18px,1.4vw,21px);line-height:1.55}.cpx-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cpx-form .cpx-field-full{grid-column:1/-1}.cpx-form input{width:100%;min-height:56px;border:1px solid rgba(16,17,18,.15);border-radius:14px;padding:0 17px;background:#fff;color:#101112;font-family:var(--font-heading--family);font-size:16px;font-weight:400}.cpx-form button{grid-column:1/-1}.cpx-form .cpx-btn{min-height:62px;font-size:19px;font-weight:600}.cpx-form-note{font-size:14px!important;line-height:1.55!important;color:#777!important;margin-top:14px!important;grid-column:1/-1}.cpx-success{padding:16px;border-radius:14px;background:#f0edff;color:#3b2c89;margin-bottom:14px}.cpx-error{color:#a12929;margin-bottom:12px}.cpx-footer{background:#0e0f11;color:#fff;padding:58px 0 34px;margin-top:16px;font-family:var(--font-heading--family)}.cpx-footer-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.cpx-footer-logo-img{display:block;width:min(300px,65vw);height:auto}.cpx-footer-quote{color:#ffffff9e;margin:18px 0 0;font-size:15px}.cpx-footer-meta{text-align:right;font-size:12px;color:#ffffff7a}@media(hover:hover)and (pointer:fine){.cpx-mini-card:hover,.cpx-project-card:hover,.cpx-face-card:hover{transform:translateY(-6px);border-color:#6246d985;box-shadow:0 18px 46px #4930a729,0 0 32px #6246d91c}}@media(max-width:989px){.cpx-hero,.cpx-engineering,.cpx-builder,.cpx-form-layout,.cpx-grid-3,.cpx-hardware-row{grid-template-columns:1fr}.cpx-hero{min-height:auto}.cpx-hero-media{min-height:430px}.cpx-mini-card{min-height:240px}.cpx-hardware,.cpx-image-card{min-height:480px}.cpx-builder-mark{text-align:left}.cpx-footer-inner{align-items:flex-start;flex-direction:column}.cpx-footer-meta{text-align:left}}@media(max-width:620px){.cpx-wrap{width:calc(100% - 20px)}.cpx-home-hero{padding-top:10px}.cpx-card{border-radius:22px}.cpx-hero-copy{padding:38px 24px}.cpx-hero h1{font-size:52px}.cpx-hero-media{min-height:340px}.cpx-statement{padding-top:72px}.cpx-mini-card,.cpx-project-card{padding:26px}.cpx-app-marquee{margin-left:-26px;margin-right:-26px}.cpx-hardware{padding:30px 24px;min-height:500px}.cpx-feature-list,.cpx-form{grid-template-columns:1fr}.cpx-form .cpx-field-full,.cpx-form button{grid-column:1}.cpx-specs strong{font-size:25px}}@media(prefers-reduced-motion:reduce){.cpx-app-track{animation:none;transform:none}.cpx-app-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/cirkix-sections.css.map */