/* CODUM.TR — Immersive Central Experience V4 */
.codum-home-v4{background:#020403;color:#f7fbf9;overflow-x:hidden}
.codum-central-hero{position:relative;width:100%;height:calc(100vh - 74px);min-height:680px;max-height:none;overflow:hidden;background:#020403;isolation:isolate}
.codum-human-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.codum-central-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 67% 48%,rgba(0,255,156,.10),rgba(0,229,255,.035) 27%,rgba(2,4,3,.58) 61%,#010202 100%)}
.codum-central-grid-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.12;background-size:55px 55px;background-image:linear-gradient(to right,rgba(0,255,156,.10) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,255,156,.10) 1px,transparent 1px);mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}
.codum-central-orbit{position:absolute;width:min(55vw,720px);height:min(55vw,720px);right:7%;top:50%;transform:translateY(-50%);border:1px solid rgba(0,255,156,.08);border-radius:50%;z-index:0;box-shadow:0 0 100px rgba(0,255,156,.035)}
.codum-central-orbit:before,.codum-central-orbit:after{content:"";position:absolute;border-radius:50%;inset:11%;border:1px solid rgba(0,229,255,.07);transform:rotate(26deg) scaleX(.55)}
.codum-central-orbit:after{inset:22%;transform:rotate(-38deg) scaleX(.72);border-color:rgba(139,92,246,.06)}
.codum-central-noise{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.codum-central-editorial{position:absolute;left:clamp(28px,7vw,110px);top:50%;transform:translateY(-50%);z-index:10;width:min(39vw,520px);pointer-events:auto}
.codum-editorial-index{font:700 10px/1 'JetBrains Mono',monospace;letter-spacing:.22em;color:rgba(255,255,255,.28);margin-bottom:30px}
.codum-state-cards-wrapper{position:relative;min-height:330px}
.codum-state-card{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);filter:blur(4px);transition:opacity .45s ease,transform .45s ease,filter .45s ease}
.codum-state-card.is-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;transform:none;filter:none}
.codum-eyebrow{display:inline-flex;align-items:center;gap:9px;font:700 10px/1.2 'JetBrains Mono',monospace;letter-spacing:.22em;color:#00ff9c;margin-bottom:20px;text-transform:uppercase}
.codum-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#00ff9c;box-shadow:0 0 14px #00ff9c}
.codum-central-title{margin:0;color:#f7fbf9;font:750 clamp(48px,5.2vw,78px)/.96 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 5px 35px rgba(0,0,0,.65)}
.codum-central-title em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(0,255,156,.55);text-shadow:0 0 26px rgba(0,255,156,.10)}
.codum-central-desc{max-width:440px;margin:25px 0 29px;color:rgba(240,249,245,.64);font:400 15px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.codum-central-actions{display:flex;gap:10px;align-items:center}
.codum-btn-primary-glow,.codum-btn-secondary-ghost{display:inline-flex;align-items:center;gap:14px;text-decoration:none;border-radius:5px;padding:12px 17px;font:700 12px/1 system-ui,sans-serif;transition:.25s ease}
.codum-btn-primary-glow{background:#00ff9c;color:#020403!important;box-shadow:0 0 28px rgba(0,255,156,.20)}
.codum-btn-primary-glow:hover{transform:translateY(-2px);box-shadow:0 0 35px rgba(0,255,156,.38)}
.codum-btn-secondary-ghost{border:1px solid rgba(255,255,255,.13);color:#eef8f3!important;background:rgba(255,255,255,.025);backdrop-filter:blur(10px)}
.codum-btn-secondary-ghost:hover{border-color:rgba(0,255,156,.4);background:rgba(0,255,156,.05)}
.codum-human-caption{position:absolute;right:30%;top:18%;z-index:6;display:flex;align-items:center;gap:9px;font:700 9px/1 'JetBrains Mono',monospace;letter-spacing:.18em;color:rgba(255,255,255,.30)}
.codum-human-caption i{display:block;width:22px;height:1px;background:#00ff9c;box-shadow:0 0 8px #00ff9c}
.codum-central-right-nav{position:absolute;right:clamp(22px,3.4vw,55px);top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:17px}
.codum-right-nav-item{display:flex;align-items:center;gap:10px;padding:5px 0;border:0;background:transparent;color:rgba(255,255,255,.25);font:700 9px/1 'JetBrains Mono',monospace;letter-spacing:.16em;cursor:pointer;transition:.25s}
.codum-right-nav-item b{font-weight:500}.codum-right-nav-item:after{content:"";width:20px;height:1px;background:rgba(255,255,255,.15);transition:.25s}.codum-right-nav-item.is-active{color:#00ff9c}.codum-right-nav-item.is-active:after{width:42px;background:#00ff9c;box-shadow:0 0 8px #00ff9c}
.codum-hero-bottom{position:absolute;left:clamp(28px,7vw,110px);right:clamp(22px,3.4vw,55px);bottom:24px;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.codum-scroll-cue{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;color:rgba(255,255,255,.34);font:700 9px/1 'JetBrains Mono',monospace;letter-spacing:.17em;cursor:pointer;text-align:left}.codum-scroll-wheel{width:16px;height:25px;border:1px solid rgba(0,255,156,.45);border-radius:10px;position:relative}.codum-scroll-wheel:after{content:"";position:absolute;width:2px;height:5px;background:#00ff9c;left:50%;top:5px;transform:translateX(-50%);animation:codumWheel 1.7s infinite}@keyframes codumWheel{0%{opacity:1;transform:translate(-50%,0)}70%{opacity:0;transform:translate(-50%,8px)}100%{opacity:0}}
.codum-hero-meta{justify-self:center;color:rgba(255,255,255,.20);font:700 8px/1 'JetBrains Mono',monospace;letter-spacing:.18em}.codum-hero-meta span{margin:0 5px}
.codum-central-micro-ui{justify-self:end;display:flex;align-items:center;gap:13px;padding:7px 9px;border:1px solid rgba(0,255,156,.11);background:rgba(2,4,3,.56);backdrop-filter:blur(15px);border-radius:5px}.codum-zoom-pills{display:flex;gap:3px}.codum-zoom-pill{border:1px solid transparent;background:transparent;color:rgba(255,255,255,.28);border-radius:3px;padding:5px 7px;font:700 8px/1 'JetBrains Mono',monospace;cursor:pointer}.codum-zoom-pill.is-active{color:#00ff9c;background:rgba(0,255,156,.08);border-color:rgba(0,255,156,.2)}.codum-zoom-meter{display:flex;align-items:center;gap:7px}.codum-zoom-progress-track{width:45px;height:2px;background:rgba(255,255,255,.13)}.codum-zoom-progress-fill{width:0;height:100%;background:#00ff9c;box-shadow:0 0 7px #00ff9c}.codum-zoom-readout{min-width:25px;color:#00ff9c;font:700 8px/1 'JetBrains Mono',monospace}
.codum-ecosystem-dock{min-height:390px;padding:62px clamp(28px,7vw,110px) 35px;background:linear-gradient(180deg,#020403 0%,#030807 100%);border-top:1px solid rgba(255,255,255,.055)}
.codum-dock-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.codum-dock-kicker{display:block;margin-bottom:10px;color:#00ff9c;font:700 9px/1 'JetBrains Mono',monospace;letter-spacing:.2em}.codum-dock-head h2{margin:0;color:#eef8f3;font:700 clamp(24px,2.4vw,34px)/1 system-ui,sans-serif;letter-spacing:-.04em}.codum-dock-head>a{color:rgba(255,255,255,.48);text-decoration:none;font:600 11px/1 system-ui,sans-serif}.codum-dock-head>a:hover{color:#00ff9c}
.codum-product-rail{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr 1fr;gap:8px}.codum-rail-card{position:relative;min-height:150px;padding:19px;text-decoration:none;color:#eef8f3;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);overflow:hidden;transition:.28s ease}.codum-rail-card:before{content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(0,255,156,.15);transform:scaleX(0);transform-origin:left;transition:.3s}.codum-rail-card:hover{transform:translateY(-4px);border-color:rgba(0,255,156,.25);background:rgba(0,255,156,.035)}.codum-rail-card:hover:before{transform:scaleX(1)}.codum-rail-card.is-primary{background:linear-gradient(135deg,rgba(0,255,156,.075),rgba(0,229,255,.025));border-color:rgba(0,255,156,.19)}.rail-num{position:absolute;top:14px;right:16px;color:rgba(255,255,255,.22);font:700 8px 'JetBrains Mono',monospace}.rail-icon{display:block;color:#00ff9c;font:700 24px/1 'JetBrains Mono',monospace;margin-bottom:42px;text-shadow:0 0 20px rgba(0,255,156,.28)}.codum-rail-card strong{display:block;font:700 14px/1 system-ui,sans-serif}.codum-rail-card small{display:block;margin-top:7px;color:rgba(255,255,255,.35);font:400 10px/1.3 system-ui,sans-serif}.codum-rail-card i{position:absolute;bottom:17px;right:17px;color:rgba(255,255,255,.28);font-style:normal}.codum-dock-footer{display:flex;gap:9px;align-items:center;margin-top:28px;color:rgba(255,255,255,.25);font:700 8px/1 'JetBrains Mono',monospace;letter-spacing:.15em}.codum-dock-footer:first-child{color:#00ff9c}.codum-dock-footer a{color:inherit;text-decoration:none}.codum-dock-footer a:hover{color:#00ff9c}
@media(max-width:1000px){.codum-central-editorial{width:min(48vw,480px)}.codum-human-caption{right:23%}.codum-product-rail{grid-template-columns:repeat(3,1fr)}.codum-rail-card:nth-child(n+4){display:none}.codum-central-right-nav{display:none}.codum-hero-meta{display:none}.codum-hero-bottom{grid-template-columns:1fr 1fr}.codum-central-micro-ui{grid-column:2}}
@media(max-width:700px){.codum-central-hero{height:calc(100svh - 64px);min-height:650px}.codum-central-editorial{left:22px;right:22px;top:auto;bottom:105px;transform:none;width:auto}.codum-editorial-index{margin-bottom:17px}.codum-state-cards-wrapper{min-height:265px}.codum-central-title{font-size:clamp(39px,11vw,58px)}.codum-central-desc{font-size:13px;max-width:330px;margin:17px 0 19px}.codum-central-actions{gap:7px}.codum-btn-primary-glow,.codum-btn-secondary-ghost{padding:11px 13px}.codum-human-caption{right:22px;top:13%;font-size:7px}.codum-central-orbit{width:100vw;height:100vw;right:-17%;top:40%}.codum-hero-bottom{left:22px;right:22px;bottom:19px;display:flex;justify-content:space-between;gap:8px}.codum-scroll-cue span:last-child{display:none}.codum-central-micro-ui{padding:6px;gap:5px}.codum-ecosystem-dock{padding:45px 22px 30px;min-height:0}.codum-dock-head{align-items:start;flex-direction:column;gap:14px;margin-bottom:18px}.codum-product-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.codum-rail-card{min-width:225px;scroll-snap-align:start}.codum-dock-footer{flex-wrap:wrap;line-height:1.7}.codum-rail-card:nth-child(n+4){display:block}}
@media(prefers-reduced-motion:reduce){.codum-scroll-wheel:after{animation:none}.codum-rail-card,.codum-btn-primary-glow{transition:none}}
/* CODUM V5 viewport lock: hero itself stays within the visible desktop frame. */
.codum-central-hero{height:calc(100svh - 112px);min-height:620px;max-height:900px}
.codum-ecosystem-dock{min-height:0;padding-top:34px;padding-bottom:28px}
.codum-ecosystem-dock .codum-dock-head{margin-bottom:16px}
@media(max-width:700px){.codum-central-hero{height:calc(100svh - 105px);min-height:590px}.codum-ecosystem-dock{padding-top:30px}}
/* CODUM V6 real-human presentation */
.codum-human-canvas{filter:drop-shadow(0 0 18px rgba(0,255,156,.08));}
.codum-central-hero:after{content:"";position:absolute;inset:auto 20% 2%;height:24%;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,255,156,.075),transparent 68%);filter:blur(22px)}
@media(max-width:700px){.codum-human-canvas{opacity:.78}.codum-central-hero:after{inset:auto 8% 12%;height:20%}}

/* CODUM V8 HUMAN VISIBILITY FIX */
.codum-human-canvas{z-index:4!important;display:block!important;opacity:1!important;}