:root{--bg: #f6f7f9;--surface: #ffffff;--surface2: #fafbfc;--ink: #0b1220;--ink2: #3b4556;--muted: #5e6878;--accent: #3f79ff;--accent2: #2b5fe0;--chip: #1e3a8a;--onaccent: #ffffff;--accent-rgb: 63, 121, 255;--fg-rgb: 15, 23, 42;--line: rgba(15, 23, 42, .08);--line2: rgba(15, 23, 42, .1);--sans: "Geist", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;--maxw: 1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0;text-wrap:pretty}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent2)}img{max-width:100%}input,select,textarea{font-family:inherit}.mono{font-family:var(--mono)}html.cc-dark{filter:invert(1) hue-rotate(180deg);background:#fff}html.cc-dark img,html.cc-dark video,html.cc-dark footer,html.cc-dark [data-cc-keep]{filter:invert(1) hue-rotate(180deg)}html.cc-dark footer img{filter:none}html.cc-dark img[src$="codecubica-logo.png"]{content:url(/assets/codecubica-logo-white.png)}html.cc-dark:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#e2ecfe;mix-blend-mode:darken;pointer-events:none;z-index:2147483647}.wrap{max-width:var(--maxw);margin:0 auto;padding-left:24px;padding-right:24px}.dotgrid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(43,95,224,.16) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 70% 20%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse 70% 70% at 70% 20%,#000 20%,transparent 70%);pointer-events:none}.eyebrow{font-family:var(--mono);font-size:12.5px;color:var(--accent2);letter-spacing:.04em}.btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:16px;font-weight:600;padding:15px 24px;border-radius:12px;cursor:pointer;border:none;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 12px 32px #3f79ff66}.btn-primary:hover{background:var(--accent2);color:#fff}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid rgba(15,23,42,.12)}.btn-ghost:hover{border-color:var(--accent);color:var(--ink)}.card{border-radius:20px;background:var(--surface);border:1px solid var(--line)}.card-lift{transition:border-color .2s,box-shadow .2s,transform .2s}.card-lift:hover{border-color:#3f79ff66;box-shadow:0 20px 50px #0f172a14;transform:translateY(-3px)}.chip{white-space:nowrap;font-family:var(--mono);font-size:12px;padding:5px 9px;border-radius:6px;background:#3f79ff14;color:var(--chip)}.pill{white-space:nowrap;font-size:14px;font-weight:500;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line2);color:var(--ink);cursor:pointer;transition:border-color .2s,color .2s,background .2s}.pill:hover{border-color:var(--accent);color:var(--accent)}.h1{font-size:clamp(44px,6vw,76px);line-height:1;font-weight:600;letter-spacing:-.04em}.h2{font-size:clamp(34px,4.2vw,52px);line-height:1.05;font-weight:600;letter-spacing:-.035em}.lead{font-size:19px;line-height:1.55;color:var(--ink2)}.section{max-width:var(--maxw);margin:0 auto;padding:120px 24px 0}.topbtn{display:flex;align-items:center;justify-content:center;gap:6px;height:38px;border-radius:10px;cursor:pointer;color:var(--ink2);border:1px solid transparent;background:transparent;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s}.topbtn:hover{background:#0f172a0d;color:#0b1220}.mega-item{transition:background .14s,color .14s}.mega-item:hover{background:#3f79ff14;color:#0b1220}.mega-preview:hover .mega-cube{transform:translateY(-5px) scale(1.07) rotate(-4deg)}.nav-link{white-space:nowrap;padding:6px 10px;border-radius:8px;color:var(--ink2);font-weight:500}.nav-link:hover{color:#0b1220}.nav-link.active{color:var(--accent)}.roll-wrap{display:inline-block;overflow:hidden;line-height:1.25;height:1.25em;vertical-align:bottom}.roll-inner{display:flex;flex-direction:column;transition:transform .38s cubic-bezier(.5,0,.1,1)}.roll-inner>span{display:block;white-space:nowrap}.roll-inner>span:nth-child(2){color:var(--accent)}.nav-link:hover .roll-inner{transform:translateY(-50%)}@media (prefers-reduced-motion: reduce){.roll-inner{transition:none}}@keyframes cc-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes cc-marquee-r{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes cc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes cc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.svc-nav{transition:transform .2s,border-color .2s,box-shadow .2s}.svc-nav:hover{transform:translateY(-3px);border-color:#3f79ff73;box-shadow:0 16px 40px #3f79ff24;color:#0b1220}.svc-step{transition:transform .2s,border-color .2s}.svc-step:hover{transform:translateY(-3px);border-color:#3f79ff73}.cs-filter{transition:transform .18s,box-shadow .18s,border-color .18s}.cs-filter:hover{transform:translateY(-2px);border-color:#3f79ff;box-shadow:0 8px 20px #3f79ff2e}.marquee-mask{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}html.cc-dark .mq-pill{border-color:#0f172a52!important;box-shadow:0 0 0 1px #3f79ff47,0 6px 18px #3f79ff1a!important}.marquee-mask:hover .mq-row{animation-play-state:paused!important}.tech-card{transition:border-color .18s,transform .18s,box-shadow .18s}.tech-card:hover{border-color:#3f79ff66;transform:translateY(-2px);box-shadow:0 12px 30px #0f172a12}html{overflow-x:clip}@media (max-width: 960px){.hero-cube{display:none}}@media (max-width: 900px){.scope-intro{position:static!important;top:auto!important}}@media (max-width: 560px){.svc-grid{grid-template-columns:1fr!important}.svc-featured{grid-column:auto!important}}@media (max-width: 640px){.case-row{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:6px!important;padding:20px 4px!important}}.cc-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cc-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;border:none;font-family:inherit;font-size:13.5px;font-weight:600;padding:11px 20px;border-radius:10px;background:var(--accent);color:#fff;transition:background .2s}.cc-btn:hover{background:var(--accent2)}@media (max-width: 640px){.cc-actions{flex-direction:column;align-items:stretch;width:100%}.cc-btn{width:100%}.cc-accept{order:-1}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}