/* Página de servicio: home
   Generado por _trabajo/construir-css.js — no editar a mano.
   Todo el CSS cuelga de .ksrv para no tocar el header/footer de Elementor. */
.ksrv{--orange:#FF5B00;
    --orange-dark:#e64f00;
    --peach:#FFF1E6;
    --black:#0B0C0E;
    --carbon:#21272A;
    --card-dark:#21272A;
    --gray:#6B7280;
    --gray-light:#9CA3AF;
    --bg:#F5F6F8;
    --bg2:#F1F2F5;
    --border:#E7E8EC;
    --plomo:#6B7280;
    --plomo-light:#9CA3AF;
    --plomo-dark:#21272A;
    --mono:'KsrvSans',-apple-system,BlinkMacSystemFont,sans-serif;}
.ksrv svg{display:block;}
.ksrv .hero{position:relative; color:#fff; padding:0; overflow:hidden; min-height:680px; display:flex; align-items:center;}
.ksrv .hero .wrap{position:relative; z-index:2; padding-top:120px; padding-bottom:120px; width:100%;}
.ksrv .hero-text{max-width:640px;}
.ksrv .hero-video-bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}
.ksrv h1{font-size:52px; font-weight:800; letter-spacing:-.02em; line-height:1.06; margin-bottom:18px; color:var(--black); max-width:640px;}
.ksrv h1 .accent{color:var(--orange);}
.ksrv .hero-links{font-size:17px; color:var(--black); margin-bottom:30px; max-width:520px;}
.ksrv .hero-links a{text-decoration:underline; text-decoration-color:var(--border); text-underline-offset:3px; color:inherit;}
.ksrv .hero-links a:hover{color:var(--orange); text-decoration-color:var(--orange);}
.ksrv .hero p.lead{font-size:16.5px; color:var(--gray); max-width:500px; margin-bottom:30px;}
.ksrv .hero-ctas{display:flex; gap:14px; margin-bottom:44px;}
.ksrv .mini-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; border-top:1px solid var(--border); padding-top:24px; max-width:640px;}
.ksrv .mini-stats .m{position:relative; padding-right:22px; display:flex; align-items:center; gap:12px; transition:transform .2s ease;}
.ksrv .mini-stats .m:hover{transform:translateY(-3px);}
.ksrv .mini-stats .m::after{content:''; position:absolute; top:2px; bottom:2px; right:-11px; width:1px; background:var(--border);}
.ksrv .mini-stats .m:last-child{padding-right:0;}
.ksrv .mini-stats .m:last-child::after{display:none;}
.ksrv .mini-stats .mic{width:40px; height:40px; border-radius:11px; background:rgba(255,91,0,.12); border:1px solid rgba(255,91,0,.28); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:background .2s ease, transform .2s ease;}
.ksrv .mini-stats .mic svg{width:20px; height:20px; color:var(--orange);}
.ksrv .mini-stats .m:hover .mic{background:var(--orange); transform:scale(1.06);}
.ksrv .mini-stats .m:hover .mic svg{color:#fff;}
.ksrv .mini-stats .num{font-size:28px; font-weight:800; color:var(--black); white-space:nowrap; line-height:1.1; font-variant-numeric:tabular-nums; font-feature-settings:"tnum";}
.ksrv .mini-stats .num .plus{color:var(--orange);}
.ksrv .mini-stats .label{font-size:12.5px; color:var(--orange); font-weight:600; margin-top:4px; line-height:1.3;}
.ksrv .infinity-wrap{position:relative; width:100%; min-height:280px; display:flex; align-items:center; justify-content:center;}
.ksrv .infinity-mark{font-size:230px; font-weight:800; line-height:1; font-family:'KsrvSans',sans-serif;
    background:linear-gradient(135deg,#FFD9BC 0%, var(--orange) 45%, #B33900 100%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
    filter:drop-shadow(0 20px 40px rgba(255,91,0,.25));}
.ksrv .radar-wrap{position:relative; width:100%; aspect-ratio:1/1; max-width:440px; margin:0 auto;}
.ksrv .radar-tag{position:absolute; top:-6%; left:50%; transform:translateX(-50%); z-index:4; display:inline-flex; align-items:center; gap:7px; font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--orange-dark); background:#fff; border:1px solid #FFD9BC; padding:6px 14px; border-radius:20px; box-shadow:0 8px 18px rgba(255,91,0,.14); white-space:nowrap;}
.ksrv .radar-tag .dot-live{width:6px;height:6px;border-radius:50%;background:var(--orange); animation:ks-pulse 1.8s infinite;}
.ksrv .radar-ring{position:absolute; border:1px solid rgba(255,91,0,.22); border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%); transition:border-color .3s ease;}
.ksrv .radar-ring.r1{width:100%; height:100%;}
.ksrv .radar-ring.r2{width:70%; height:70%;}
.ksrv .radar-ring.r3{width:40%; height:40%;}
.ksrv .radar-wrap:hover .radar-ring{border-color:rgba(255,91,0,.4);}
.ksrv .radar-sweep{position:absolute; inset:0; border-radius:50%; overflow:hidden; animation:ks-spin 6s linear infinite;}
.ksrv .radar-sweep::before{content:''; position:absolute; inset:0; background:conic-gradient(from 0deg, rgba(255,91,0,.55), transparent 32%);}
.ksrv .radar-link{position:absolute; top:50%; left:50%; height:1px; background:repeating-linear-gradient(90deg, rgba(255,91,0,.35) 0 5px, transparent 5px 9px); transform-origin:left center; z-index:1;}
.ksrv .radar-core{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:78px; height:78px; border-radius:50%; background:radial-gradient(circle at 32% 28%, #FF8A3D, var(--orange) 60%, var(--orange-dark) 100%); display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 10px rgba(255,91,0,.12), 0 0 0 20px rgba(255,91,0,.07); z-index:3; animation:ks-ks-corePulse 3.2s ease-in-out infinite; cursor:pointer; transition:transform .25s ease;}
.ksrv .radar-core:hover{transform:translate(-50%,-50%) scale(1.08);}
.ksrv .radar-core svg{width:36px; height:36px; color:#fff;}
.ksrv .radar-node{position:absolute; width:82px; display:flex; flex-direction:column; align-items:center; gap:6px; z-index:3; animation:ks-orbitfloat 4.2s ease-in-out infinite; cursor:pointer;}
.ksrv .radar-node .nic{width:46px; height:46px; border-radius:12px; background:var(--carbon); border:1px solid #34383e; display:flex; align-items:center; justify-content:center; transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;}
.ksrv .radar-node .nic svg{width:21px;height:21px; color:var(--orange); transition:color .25s ease;}
.ksrv .radar-node .nlabel{font-size:11px; font-weight:700; color:#5C6066; text-align:center; line-height:1.2; transition:color .25s ease;}
.ksrv .radar-node:hover .nic{transform:translateY(-4px) scale(1.08); border-color:var(--orange); box-shadow:0 10px 20px rgba(255,91,0,.24);}
.ksrv .radar-node:hover .nlabel{color:var(--black);}
.ksrv .radar-node.n-top{top:-6%; left:50%; transform:translateX(-50%); animation-delay:0s;}
.ksrv .radar-node.n-right{top:50%; right:-10%; transform:translateY(-50%); animation-delay:1.05s;}
.ksrv .radar-node.n-bottom{bottom:-6%; left:50%; transform:translateX(-50%); animation-delay:2.1s;}
.ksrv .radar-node.n-left{top:50%; left:-10%; transform:translateY(-50%); animation-delay:3.15s;}
.ksrv .section{padding:88px 0; position:relative;}
.ksrv .section-divider{height:1px; background:linear-gradient(90deg, transparent 0%, var(--border) 15%, var(--border) 85%, transparent 100%); position:relative;}
.ksrv .section-divider::before{content:''; position:absolute; top:-2.5px; left:50%; transform:translateX(-50%); width:6px; height:6px; border-radius:50%; background:var(--orange);}
.ksrv .kicker{display:inline-flex; align-items:center; gap:8px; font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.08em; color:var(--orange); text-transform:uppercase; margin-bottom:16px;}
.ksrv .kicker::before{content:''; width:18px; height:1.5px; background:var(--orange);}
.ksrv .section-sub.line2{margin-bottom:48px;}
.ksrv .timeline-compare{display:flex; flex-direction:column; gap:18px;}
.ksrv .timeline-row{background:#fff; border:1px solid var(--border); border-radius:20px; padding:28px 32px 32px; position:relative; opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease;}
.ksrv .timeline-row.in-view{opacity:1; transform:translateY(0);}
.ksrv .timeline-row.good{background:var(--carbon); color:#fff; overflow:hidden; transition-delay:.12s;}
.ksrv .timeline-row.good .dots{top:-30px; right:-30px; width:160px; height:160px; color:rgba(255,91,0,.32); -webkit-mask-image:radial-gradient(circle,#000 0%,transparent 70%); mask-image:radial-gradient(circle,#000 0%,transparent 70%);}
.ksrv .trow-top{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:30px; position:relative; z-index:2;}
.ksrv .trow-label{font-size:12.5px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; display:flex; align-items:center; gap:8px;}
.ksrv .timeline-row.bad .trow-label{color:var(--plomo);}
.ksrv .timeline-row.good .trow-label{color:var(--orange);}
.ksrv .trow-label svg{width:19px;height:19px;}
.ksrv .timeline-row.bad .trow-label svg{animation:ks-flicker 2.6s ease-in-out infinite;}
.ksrv .trow-duration{font-family:var(--mono); font-weight:800; font-size:26px; line-height:1; text-align:right;}
.ksrv .timeline-row.bad .trow-duration{color:var(--black);}
.ksrv .timeline-row.good .trow-duration{color:var(--orange);}
.ksrv .trow-duration span{display:block; font-family:'KsrvSans',sans-serif; font-size:12px; font-weight:600; color:var(--gray); margin-top:3px; text-transform:none; letter-spacing:0;}
.ksrv .timeline-row.good .trow-duration span{color:#B8BAC2;}
.ksrv .ttrack-bar{height:8px; border-radius:8px; background:var(--bg2); position:relative; z-index:2;}
.ksrv .timeline-row.good .ttrack-bar{background:rgba(255,255,255,.1);}
.ksrv .ttrack-fill{height:100%; border-radius:8px; background:var(--plomo-light); position:relative;}
.ksrv .timeline-row.good .ttrack-fill{background:var(--orange);}
.ksrv .ttrack-points{display:flex; justify-content:space-between; position:relative; z-index:2;}
.ksrv .tpoint{display:flex; flex-direction:column; align-items:center; gap:8px; transform:translateY(-17px);}
.ksrv .tpoint:first-child{align-items:flex-start;}
.ksrv .tpoint:last-child{align-items:flex-end;}
.ksrv .tpoint .tdot{width:34px; height:34px; border-radius:50%; background:#fff; border:2px solid var(--border); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.ksrv .timeline-row.good .tpoint .tdot{background:var(--carbon); border-color:var(--orange);}
.ksrv .tpoint .tdot svg{width:19px;height:19px;}
.ksrv .tpoint .tlabel{font-size:11px; font-weight:700; color:var(--gray); white-space:nowrap;}
.ksrv .timeline-row.good .tpoint .tlabel{color:#B8BAC2;}
.ksrv .tresult-chip{display:inline-flex; align-items:center; gap:7px; font-family:var(--mono); font-size:11.5px; font-weight:700; letter-spacing:.03em; padding:6px 13px; border-radius:20px; margin-top:22px; position:relative; z-index:2;}
.ksrv .timeline-row.bad .tresult-chip{color:var(--plomo); background:var(--bg2); border:1px solid var(--border);}
.ksrv .timeline-row.good .tresult-chip{color:var(--orange); background:rgba(255,91,0,.12); border:1px solid rgba(255,91,0,.3);}
.ksrv .sim-card{background:var(--carbon); border-radius:20px; overflow:hidden; color:#fff; box-shadow:0 24px 50px rgba(20,20,30,.16); transform:translateX(-10%); position:relative; z-index:2;}
.ksrv .sim-term-bar{display:flex; align-items:center; gap:8px; padding:14px 20px; border-bottom:1px solid rgba(255,255,255,.08);}
.ksrv .sim-term-bar .stdot{width:10px; height:10px; border-radius:50%;}
.ksrv .sim-term-bar .stdot:nth-child(1){background:var(--orange);}
.ksrv .sim-term-bar .stdot:nth-child(2){background:var(--plomo-light);}
.ksrv .sim-term-bar .stdot:nth-child(3){background:var(--plomo);}
.ksrv .sim-term-bar .term-title{margin-left:auto; font-family:var(--mono); font-size:11.5px; color:#8C8E96;}
.ksrv .sim-body{padding:32px 32px 28px;}
.ksrv .sim-toggle{position:relative; display:flex; background:rgba(255,255,255,.06); border-radius:12px; padding:4px; margin-bottom:30px;}
.ksrv .sim-toggle-indicator{position:absolute; top:4px; left:4px; width:calc(50% - 4px); height:calc(100% - 8px); background:rgba(255,255,255,.08); border:1px solid transparent; border-radius:9px; transition:transform .35s cubic-bezier(.4,0,.2,1), background .3s, border-color .3s; z-index:1;}
.ksrv .sim-toggle-opt{flex:1; position:relative; z-index:2; background:none; border:none; font-family:inherit; font-size:13px; font-weight:700; padding:12px 8px; color:#9A9DA5; cursor:pointer; border-radius:9px; transition:color .3s;}
.ksrv .sim-toggle-opt.active{color:#fff;}
.ksrv .sim-toggle-opt[data-mode="good"]:not(.active){animation:ks-toggleGlow 1.8s ease-in-out infinite;}
.ksrv .sim-counter{text-align:center; margin-bottom:28px;}
.ksrv .sim-counter-num{font-family:var(--mono); font-size:64px; font-weight:800; line-height:1; color:#D7D8DD; transition:color .3s;}
.ksrv .sim-counter-unit{font-size:13.5px; color:#B8BAC2; margin-top:6px; font-weight:600;}
.ksrv .sim-milestones{display:flex; justify-content:space-between; margin:28px 0 26px; gap:6px;}
.ksrv .sim-milestone{display:flex; flex-direction:column; align-items:center; gap:9px; flex:1; text-align:center;}
.ksrv .sim-mile-ic{width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.06); border:2px solid var(--border); display:flex; align-items:center; justify-content:center; transition:border-color .3s;}
.ksrv .sim-mile-ic svg{width:20px;height:20px; color:var(--orange);}
.ksrv .sim-milestone-label{font-size:10.5px; font-weight:700; color:#B8BAC2; line-height:1.25; min-height:26px;}
.ksrv .sim-output{font-family:var(--mono); font-size:12.5px; color:#C7C9CF; background:rgba(0,0,0,.22); border-radius:10px; padding:14px 16px; min-height:20px;}
.ksrv .sim-output .out{color:var(--orange); font-weight:700; margin-right:6px;}
.ksrv .sim-output .cursor-blink{display:inline-block; width:7px; height:13px; background:var(--orange); margin-left:2px; vertical-align:middle; animation:ks-blink 1s step-end infinite;}
.ksrv .divide-wrap{display:flex; flex-direction:column; gap:0;}
.ksrv .divide-block{border-radius:20px; padding:28px 32px; position:relative; overflow:hidden; opacity:0; transform:translateY(28px); transition:opacity .65s ease, transform .65s ease, box-shadow .3s ease;}
.ksrv .divide-block.in-view{opacity:1; transform:translateY(0);}
.ksrv .divide-block.bad{background:#fff; border:1px solid var(--border);}
.ksrv .divide-block.bad:hover{box-shadow:0 14px 30px rgba(20,20,30,.06);}
.ksrv .divide-block.good{background:var(--carbon); color:#fff; transition-delay:.12s;}
.ksrv .divide-block.good:hover{box-shadow:0 20px 44px rgba(255,91,0,.14);}
.ksrv .divide-block.good .dots{top:-40px; right:-40px; width:200px; height:200px; color:rgba(255,91,0,.35); -webkit-mask-image:radial-gradient(circle,#000 0%,transparent 70%); mask-image:radial-gradient(circle,#000 0%,transparent 70%);}
.ksrv .divide-inner{display:grid; grid-template-columns:auto 1fr; gap:34px; align-items:center; position:relative; z-index:2;}
.ksrv .divide-label{font-size:12.5px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; margin-bottom:14px; display:flex; align-items:center; gap:8px;}
.ksrv .divide-block.bad .divide-label{color:var(--plomo);}
.ksrv .divide-block.bad .divide-label svg{animation:ks-flicker 2.6s ease-in-out infinite;}
.ksrv .divide-block.good .divide-label{color:var(--orange);}
.ksrv .icon-chain{display:flex; align-items:center; gap:0; flex-wrap:wrap;}
.ksrv .problem-grid{display:grid; grid-template-columns:2fr .4fr; gap:40px; align-items:stretch;}
.ksrv .problem-photo-slot{position:relative; height:100%; min-height:180px;}
.ksrv .problem-photo-slot img{position:absolute; bottom:-30%; right:-40%; height:830px; width:auto; max-width:none; object-fit:contain; display:block; z-index:10; transition:transform .4s cubic-bezier(.25,.46,.45,.94);}
.ksrv .problem-photo-slot:hover img{transform:scale(1.12);}
.ksrv .problem-photo-slot .ptxt{font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;}
.ksrv .problem-photo-slot .psub{font-size:12.5px; color:var(--orange-dark); opacity:.75; max-width:180px;}
.ksrv .problem-photo-slot svg{width:34px; height:34px; opacity:.7;}
.ksrv .zoom-hover{transition:transform .5s cubic-bezier(.25,.46,.45,.94);}
.ksrv .problem-photo-slot:hover .zoom-hover, .ksrv .services-photo-slot:hover .zoom-hover, .ksrv .photo-bg-slot:hover .zoom-hover{transform:scale(1.08);}
.ksrv .chain-node{width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; transition:transform .2s ease;}
.ksrv .divide-block.bad .chain-node{background:var(--bg2); border:1.5px dashed var(--plomo-light); animation:ks-jitter 3.4s ease-in-out infinite;}
.ksrv .divide-block.bad .chain-node:nth-child(3){animation-delay:.4s;}
.ksrv .divide-block.bad .chain-node:nth-child(5){animation-delay:.8s;}
.ksrv .divide-block.bad .chain-node svg{width:20px;height:20px;}
.ksrv .divide-block.good .chain-node{background:rgba(255,91,0,.15); border:1.5px solid var(--orange);}
.ksrv .divide-block.good .chain-node:hover{transform:scale(1.1);}
.ksrv .divide-block.good .chain-node svg{width:20px;height:20px;}
.ksrv .divide-block.good .chain-node::after{content:''; position:absolute; inset:-6px; border-radius:16px; border:1.5px solid rgba(255,91,0,.35); animation:ks-ringpulse 2.4s ease-out infinite;}
.ksrv .divide-block.good .chain-node:nth-child(3)::after{animation-delay:.6s;}
.ksrv .divide-block.good .chain-node:nth-child(5)::after{animation-delay:1.2s;}
.ksrv .chain-gap{width:22px; height:2px; border-top:2px dashed var(--plomo-light); margin:0 -2px;}
.ksrv .chain-link-line{width:22px; height:2px; background:var(--orange); margin:0 -2px; position:relative; overflow:visible;}
.ksrv .chain-link-line::after{content:''; position:absolute; top:50%; left:0; width:6px; height:6px; border-radius:50%; background:#fff; box-shadow:0 0 6px 1px rgba(255,91,0,.8); transform:translateY(-50%); animation:ks-flow 1.8s linear infinite;}
.ksrv .divide-block h3{font-size:19px; font-weight:800; margin-bottom:8px;}
.ksrv .divide-block.good h3{color:#fff;}
.ksrv .divide-block p{font-size:15px; position:relative; z-index:2; max-width:520px;}
.ksrv .divide-block.bad p{color:var(--gray);}
.ksrv .divide-block.good p{color:#C7C9CF;}
.ksrv .divide-connector{display:flex; align-items:center; justify-content:center; gap:14px; padding:4px 0;}
.ksrv .divide-connector .line{width:80px; height:1px; background:repeating-linear-gradient(90deg, var(--border) 0 6px, transparent 6px 11px);}
.ksrv .divide-connector .badge{width:40px;height:40px; border-radius:50%; background:var(--orange); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; animation:ks-bounce 1.8s ease-in-out infinite;}
.ksrv .divide-connector .badge svg{width:22px;height:22px;}
.ksrv .services-grid{display:grid; grid-template-columns:1.5fr .5fr; gap:40px; align-items:stretch;}
.ksrv .services-photo-slot{border-radius:20px; border:2px dashed #FF5B00; background:#FF5B00; position:relative; width:100%; height:100%; min-height:300px; overflow:visible;}
.ksrv .services-photo-slot img{position:absolute; left:50%; bottom:-20%; transform:translateX(-50%) scale(1.26); transform-origin:bottom center; max-width:none; height:100%; width:auto; object-fit:contain; z-index:2; transition:transform .4s cubic-bezier(.25,.46,.45,.94);}
.ksrv .services-photo-slot:hover img{transform:translateX(-50%) scale(1.4);}
.ksrv .faq-grid{display:grid; grid-template-columns:1.5fr .5fr; gap:40px; align-items:stretch;}
.ksrv .photo-bg-slot{border-radius:20px; border:2px dashed #FF5B00; background:#FF5B00; position:relative; min-height:280px; overflow:visible;}
.ksrv .photo-bg-slot img{position:absolute; left:50%; bottom:-10%; transform:translateX(-50%) scale(1.2); transform-origin:bottom center; max-width:none; height:100%; width:auto; object-fit:contain; z-index:2; transition:transform .4s cubic-bezier(.25,.46,.45,.94), bottom .4s;}
.ksrv .photo-bg-slot:hover img{transform:translateX(-50%) scale(1.32);}
.ksrv .flip-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:20px;}
.ksrv .flip-card{position:relative; height:190px; border-radius:16px; overflow:hidden; cursor:pointer;
    background:var(--card-dark); border-top:3px solid var(--card-accent, var(--orange));}
.ksrv .flip-face{position:absolute; inset:0; padding:20px 20px; display:flex; flex-direction:column;
    transition:opacity .25s ease; align-items:flex-start;}
.ksrv .flip-front{opacity:1;}
.ksrv .flip-front .code{font-family:var(--mono); font-size:11px; font-weight:700; color:var(--card-accent, var(--orange)); letter-spacing:.06em; margin-bottom:8px;}
.ksrv .flip-front .ic{width:42px; height:42px; border-radius:10px; background:rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; margin-bottom:10px;}
.ksrv .flip-front .ic svg{width:22px; height:22px;}
.ksrv .flip-front h3{color:#fff; font-size:16px; font-weight:800; margin-bottom:6px;}
.ksrv .flip-front p{color:#9A9DA5; font-size:12.5px; line-height:1.4;}
.ksrv .flip-front .tap-hint{position:absolute; bottom:14px; left:20px; font-size:10.5px; color:#6C6F78; font-family:var(--mono);}
.ksrv .flip-back{opacity:0; background:var(--card-accent, var(--orange)); justify-content:center; pointer-events:none;}
.ksrv .flip-back h3{color:#fff; font-size:15px; font-weight:800; margin-bottom:10px;}
.ksrv .flip-back ul{list-style:none;}
.ksrv .flip-back li{display:flex; gap:8px; align-items:flex-start; color:#fff; font-size:12px; margin-bottom:7px; font-weight:500; line-height:1.3;}
.ksrv .flip-back li svg{flex-shrink:0; width:13px; height:13px; margin-top:1px;}
.ksrv .flip-card:hover .flip-front, .ksrv .flip-card.active .flip-front{opacity:0;}
.ksrv .flip-card:hover .flip-back, .ksrv .flip-card.active .flip-back{opacity:1; pointer-events:auto;}
.ksrv .grid-cta{text-align:center; margin-top:4px;}
.ksrv .diagnostic-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center;}
.ksrv .diagnostic-left .kicker{justify-content:flex-start;}
.ksrv .diagnostic-left p{color:var(--gray); font-size:16px; margin-bottom:24px; max-width:480px;}
.ksrv .diag-stats{display:flex; gap:22px; margin-bottom:30px; flex-wrap:wrap;}
.ksrv .diag-stat{display:flex; align-items:center; gap:9px;}
.ksrv .diag-stat .dsic{width:40px; height:40px; border-radius:10px; background:#FF5B00; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.ksrv .diag-stat .dsic svg{width:20px;height:20px;}
.ksrv .diag-stat .dstxt{font-size:13px; font-weight:700; color:var(--black); line-height:1.2;}
.ksrv .diag-stat .dstxt span{display:block; font-weight:500; color:var(--gray); font-size:11.5px;}
.ksrv .diagnostic-panel{position:relative; background:var(--carbon); border-radius:24px; padding:38px 30px 30px; color:#fff; overflow:hidden;}
.ksrv .diagnostic-panel .dots{top:-30px; right:-30px; width:170px; height:170px; color:rgba(255,91,0,.32); -webkit-mask-image:radial-gradient(circle,#000 0%,transparent 70%); mask-image:radial-gradient(circle,#000 0%,transparent 70%);}
.ksrv .panel-label{position:relative; z-index:2; font-family:var(--mono); font-size:11px; letter-spacing:.07em; color:var(--orange); text-transform:uppercase; text-align:center; margin-bottom:24px;}
.ksrv .gauge-radial{position:relative; width:230px; height:118px; margin:0 auto 4px; z-index:2;}
.ksrv .gauge-arc-svg{width:100%; height:100%; overflow:visible;}
.ksrv .gauge-needle{position:absolute; left:50%; bottom:4px; width:3px; height:82px; background:#fff; border-radius:3px; transform-origin:bottom center; transform:translateX(-50%) rotate(-62deg); animation:ks-needlesweep 3.6s ease-in-out infinite alternate; box-shadow:0 0 8px rgba(255,255,255,.5);}
.ksrv .gauge-pivot{position:absolute; left:50%; bottom:0; width:16px; height:16px; margin-left:-8px; border-radius:50%; background:var(--orange); border:3px solid var(--carbon); z-index:3;}
.ksrv .gauge-labels{display:flex; justify-content:space-between; font-family:var(--mono); font-size:10.5px; color:#9A9DA5; text-transform:uppercase; letter-spacing:.03em; padding:0 4px; position:relative; z-index:2;}
.ksrv .panel-foot{text-align:center; font-size:13.5px; color:#C7C9CF; margin-top:22px; position:relative; z-index:2;}
.ksrv .panel-foot b{color:#fff;}
.ksrv .factory-grid{display:grid; grid-template-columns:1.7fr 1fr; gap:28px; align-items:start;}
.ksrv .tech-base{align-content:start;}
.ksrv .factory-photo{position:relative; height:100%; min-height:300px;}
.ksrv .factory-photo img{position:absolute; top:-150%; left:50%; transform:translateX(-50%); height:auto; width:130%; max-width:none; object-fit:contain; display:block; z-index:0; transition:transform .4s cubic-bezier(.25,.46,.45,.94);}
.ksrv .factory-photo:hover img{transform:translateX(-50%) scale(1.12);}
.ksrv .tech-soc{position:relative; background:var(--carbon); color:#fff; border-radius:20px; padding:26px 30px; display:flex; align-items:center; gap:20px; overflow:hidden; z-index:2;}
.ksrv .tech-soc .dots{top:-30px; right:-20px; width:150px; height:150px; color:rgba(255,91,0,.3); -webkit-mask-image:radial-gradient(circle,#000 0%,transparent 70%); mask-image:radial-gradient(circle,#000 0%,transparent 70%);}
.ksrv .tech-soc .ic{width:60px; height:60px; border-radius:14px; background:rgba(255,91,0,.16); border:1px solid rgba(255,91,0,.4); display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; z-index:2;}
.ksrv .tech-soc .ic svg{width:30px;height:30px;}
.ksrv .tech-soc .soc-body{position:relative; z-index:2; flex:1;}
.ksrv .tech-soc .cat{font-weight:800; font-size:17px; display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.ksrv .tech-soc .cat .live{display:inline-flex; align-items:center; gap:5px; font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:.04em; color:var(--orange); background:rgba(255,91,0,.12); border:1px solid rgba(255,91,0,.3); padding:3px 8px; border-radius:20px;}
.ksrv .tech-soc .cat .live span{width:6px;height:6px;border-radius:50%;background:var(--orange); animation:ks-pulse 1.8s infinite;}
.ksrv .tech-soc .desc{font-size:13.5px; color:#B8BAC2; margin:6px 0 10px;}
.ksrv .tech-connectors{position:relative; height:56px; width:100%; z-index:1; margin:-2px 0;}
.ksrv .tech-connectors svg{width:100%; height:100%; display:block; overflow:visible;}
.ksrv .prod-layout{display:grid; grid-template-columns:.6fr 1.3fr; gap:44px; align-items:start;}
.ksrv .prod-photo-wrap{position:sticky; top:100px;}
.ksrv .prod-photo{position:relative; border-radius:24px; overflow:hidden; height:583px; background:var(--orange); box-shadow:0 20px 44px rgba(20,20,30,.2);}
.ksrv .prod-photo img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s cubic-bezier(.25,.46,.45,.94);}
.ksrv .prod-photo:hover img{transform:scale(1.08);}
.ksrv .prod-bento{display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:auto; gap:18px;}
.ksrv .prod-card{position:relative; background:#fff; border:1px solid var(--border); border-radius:18px; padding:20px 22px; overflow:hidden; transition:transform .25s cubic-bezier(.25,.46,.45,.94), box-shadow .25s ease;}
.ksrv .prod-card::before{content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--orange); transform:scaleX(0); transform-origin:left; transition:transform .35s ease;}
.ksrv .prod-card:hover::before{transform:scaleX(1);}
.ksrv .prod-card:hover{transform:translateY(-5px); box-shadow:0 20px 40px rgba(20,20,30,.08);}
.ksrv .prod-kaiman{grid-column:span 1;}
.ksrv .prod-small{grid-column:span 1;}
.ksrv .prod-infra{grid-column:span 3;}
.ksrv .prod-head{display:flex; align-items:center; gap:10px; margin-bottom:10px;}
.ksrv .prod-card .ic{width:38px; height:38px; border-radius:10px; background:rgba(255,91,0,.14); border:1px solid rgba(255,91,0,.35); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
.ksrv .prod-card:hover .ic{transform:rotate(-8deg) scale(1.08);}
.ksrv .prod-card .ic svg{width:21px; height:21px; color:var(--orange);}
.ksrv .prod-card .cat{font-weight:800; font-size:16px;}
.ksrv .prod-card p{font-size:12.5px; color:var(--gray); margin-bottom:10px; line-height:1.45;}
.ksrv .prod-soon{display:flex; flex-direction:column;}
.ksrv .prod-more{color:var(--orange-dark); font-weight:700; font-size:14px; display:inline-flex; align-items:center; gap:6px;
    margin-top:16px; position:relative; z-index:2; background:var(--peach); border:1px solid #FFD9BC;
    border-radius:10px; padding:10px 16px; width:fit-content; transition:background .2s ease, gap .2s ease;}
.ksrv .prod-more:hover{background:#FFE3CE; gap:9px;}
.ksrv .prod-more svg{width:14px; height:14px;}
.ksrv .prod-soon .prod-more{margin-top:auto;}
.ksrv .prod-badge{align-self:flex-start; font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#fff; background:var(--orange); padding:4px 10px; border-radius:20px; margin-bottom:12px;}
.ksrv .prod-toggle{display:flex; gap:6px; margin-bottom:12px; flex-wrap:wrap;}
.ksrv .pt-btn{font-family:inherit; font-size:10.5px; font-weight:700; color:var(--gray); background:var(--bg2); border:1px solid var(--border); padding:5px 10px; border-radius:20px; cursor:pointer; transition:background .2s ease, color .2s ease; white-space:nowrap;}
.ksrv .pt-btn.active{background:var(--carbon); color:#fff; border-color:var(--carbon);}
.ksrv .prod-chipgroup{display:none;}
.ksrv .prod-chipgroup.active{display:block; animation:ks-solSlideUp .35s ease;}
.ksrv .prod-chipgroup.static-chips{display:flex; flex-wrap:wrap; gap:6px;}
.ksrv .kaiman-bars{display:flex; align-items:flex-end; gap:8px; height:72px;}
.ksrv .k-step{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:6px; height:100%;}
.ksrv .k-bar{width:100%; max-width:26px; height:var(--h); background:linear-gradient(180deg, #FF8A3D, var(--orange) 60%, var(--orange-dark)); border-radius:6px 6px 2px 2px; transform:scaleY(0); transform-origin:bottom; animation:ks-growBar .55s cubic-bezier(.25,.46,.45,.94) forwards; animation-delay:var(--bd,0s); box-shadow:0 4px 10px rgba(255,91,0,.18);}
.ksrv .k-lbl{font-size:9.5px; font-weight:700; color:var(--gray); text-align:center;}
.ksrv .tech-chip{font-size:10px; font-weight:600; color:var(--carbon); background:var(--bg2); border:1px solid var(--border); padding:3px 8px; border-radius:20px;}
.ksrv .kblock-chain{display:flex; flex-direction:column; align-items:flex-start; gap:2px;}
.ksrv .edu-feature-list{display:flex; flex-direction:column; gap:12px; margin-top:14px;}
.ksrv .edu-feature-item{display:flex; align-items:center; gap:11px; font-size:13.5px; font-weight:700; color:var(--black);}
.ksrv .edu-feature-item .mic{width:30px; height:30px; border-radius:9px; background:rgba(255,91,0,.14); border:1px solid rgba(255,91,0,.35); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.ksrv .edu-feature-item .mic svg{width:16px; height:16px; color:var(--orange);}
.ksrv .chain-link{width:16px; height:26px; margin-left:16px; color:var(--orange); opacity:.55;}
.ksrv .chain-link svg{width:100%; height:100%;}
.ksrv .prod-float-chips{display:flex; flex-wrap:wrap; gap:10px;}
.ksrv .avatar-chip{display:inline-flex; align-items:center; gap:7px; font-size:12px; padding:5px 14px 5px 5px; animation:ks-chipFloat 3.2s ease-in-out infinite; animation-delay:var(--d,0s); transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; cursor:default;}
.ksrv .chip-avatar{width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; color:#fff; flex-shrink:0;}
.ksrv .avatar-chip:hover{animation-play-state:paused; background:var(--orange); color:#fff; border-color:var(--orange); transform:translateY(-4px) scale(1.05);}
.ksrv .prod-eduflix-ic{width:52px; height:52px; border-radius:14px; background:rgba(255,91,0,.14); border:1px solid rgba(255,91,0,.35); display:flex; align-items:center; justify-content:center; margin-bottom:10px; animation:ks-eduPulse 2.6s ease-in-out infinite;}
.ksrv .prod-eduflix-ic svg{width:30px; height:30px; color:var(--orange);}
.ksrv .case-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.ksrv .case-card{background:#fff; border-radius:22px; padding:0; overflow:hidden; border:1px solid var(--border); transition:transform .25s ease, box-shadow .25s ease;}
.ksrv .case-card:hover{transform:translateY(-5px); box-shadow:0 24px 46px rgba(20,20,30,.1);}
.ksrv .case-banner{position:relative; background:var(--carbon); color:#fff; padding:28px 30px 26px; overflow:hidden;}
.ksrv .case-banner .dots{top:-30px; right:-24px; width:150px; height:150px; color:rgba(255,91,0,.32); -webkit-mask-image:radial-gradient(circle,#000 0%,transparent 70%); mask-image:radial-gradient(circle,#000 0%,transparent 70%);}
.ksrv .case-top{display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2; margin-bottom:22px;}
.ksrv .case-top-left{display:flex; align-items:center; gap:12px;}
.ksrv .case-banner .ic{width:50px; height:50px; border-radius:12px; background:rgba(255,91,0,.16); border:1px solid rgba(255,91,0,.4); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:transform .25s ease;}
.ksrv .case-card:hover .case-banner .ic{transform:rotate(-6deg) scale(1.06);}
.ksrv .case-banner .ic svg{width:27px;height:27px;}
.ksrv .case-banner .kicker2{font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--gray-light); margin-bottom:2px;}
.ksrv .case-banner .industry{font-weight:800; font-size:16px;}
.ksrv .verified-tag{display:flex; align-items:center; gap:5px; font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:.03em; color:var(--orange); background:rgba(255,91,0,.12); border:1px solid rgba(255,91,0,.3); padding:4px 9px; border-radius:20px;}
.ksrv .verified-tag svg{width:13px;height:13px;}
.ksrv .case-hero-stat{position:relative; z-index:2;}
.ksrv .case-hero-stat .num{font-family:var(--mono); font-weight:800; font-size:38px; color:#fff; line-height:1; letter-spacing:-.01em;}
.ksrv .case-hero-stat .num .accent-num{color:var(--orange);}
.ksrv .case-hero-stat .lbl{font-size:13.5px; color:#B8BAC2; margin-top:6px;}
.ksrv .case-body{padding:24px 30px 28px;}
.ksrv .case-body .desc{font-size:14.5px; color:var(--gray); margin-bottom:20px;}
.ksrv .case-mini-list{display:flex; flex-direction:column; gap:12px;}
.ksrv .case-mini-item{display:flex; align-items:center; gap:11px; font-size:14px; font-weight:700; color:var(--black);}
.ksrv .case-mini-item .mic{width:34px;height:34px; border-radius:8px; background:#FF5B00; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.ksrv .case-mini-item .mic svg{width:18px;height:18px;}
.ksrv .faq-terminal{background:var(--carbon); border-radius:20px; overflow:hidden; color:#fff; box-shadow:0 24px 50px rgba(20,20,30,.16);}
.ksrv .faq-q{display:flex; align-items:flex-start; gap:12px; padding:18px 24px; cursor:pointer; font-family:var(--mono);}
.ksrv .faq-q .prompt{color:var(--orange); font-weight:700; flex-shrink:0;}
.ksrv .faq-q .qtxt{flex:1; font-weight:600; font-size:15px; color:#fff; font-family:'KsrvSans',sans-serif;}
.ksrv .faq-q .chev svg{width:15px; height:15px; color:#8C8E96; transition:transform .2s ease; flex-shrink:0; margin-top:2px;}
.ksrv .faq-line.open .faq-q .chev svg{transform:rotate(180deg); color:var(--orange);}
.ksrv .faq-line.open .faq-q .prompt{color:var(--orange);}
.ksrv .faq-line.open .faq-a{max-height:160px;}
.ksrv .faq-a-inner p .cursor-blink{display:inline-block; width:7px; height:14px; background:var(--orange); margin-left:3px; vertical-align:middle; animation:ks-blink 1s step-end infinite;}
.ksrv .cta-final{position:relative; text-align:center; padding:90px 0; background:var(--bg2);}
.ksrv .cta-card{position:relative; max-width:1000px; margin:0 auto; border-radius:32px; background:var(--carbon); color:#fff; overflow:hidden; padding:80px 40px 70px; box-shadow:0 40px 80px rgba(20,20,30,.28); animation:ks-cardFloat 5s ease-in-out infinite;}
.ksrv .cta-card::before{content:''; position:absolute; inset:-2px; border-radius:34px; background:conic-gradient(from 0deg, var(--orange), transparent 22%, transparent 78%, var(--orange)); animation:ks-spin 6s linear infinite; z-index:0;}
.ksrv .cta-card::after{content:''; position:absolute; inset:2px; border-radius:31px; background:var(--carbon); z-index:1;}
.ksrv .cta-blob{position:absolute; border-radius:50%; filter:blur(70px); z-index:2; animation:ks-blobFloat 16s ease-in-out infinite;}
.ksrv .cta-blob.b1{width:340px; height:340px; background:rgba(255,91,0,.35); top:-140px; left:-100px;}
.ksrv .cta-blob.b2{width:300px; height:300px; background:rgba(255,91,0,.22); bottom:-140px; right:-100px; animation-delay:4s;}
.ksrv .cta-icons-bg{position:absolute; inset:0; z-index:2; pointer-events:none;}
.ksrv .cta-icons-bg svg{position:absolute; color:rgba(255,255,255,.07); animation:ks-iconDrift ease-in-out infinite;}
.ksrv .cta-final .dots{top:-50px; right:-60px; width:280px; height:280px; color:rgba(255,91,0,.28); -webkit-mask-image:radial-gradient(circle,#000 0%,transparent 70%); mask-image:radial-gradient(circle,#000 0%,transparent 70%); z-index:2;}
.ksrv .cta-card .wrap{position:relative; z-index:3; padding:0; max-width:none;}
.ksrv .cta-final h2{font-size:44px; font-weight:800; max-width:none; white-space:nowrap; margin:0 auto 16px; letter-spacing:-.015em; line-height:1.12; color:#fff;}
.ksrv .cta-final h2 .accent{background:linear-gradient(90deg, var(--orange) 0%, #FFD9BC 50%, var(--orange) 100%); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; animation:ks-gradientShift 4s linear infinite;}
.ksrv .cta-final p{color:#B8BAC2; font-size:16px; margin-bottom:34px; max-width:460px; margin-left:auto; margin-right:auto;}
.ksrv .cta-final .btns{display:flex; gap:16px; justify-content:center; align-items:center; flex-wrap:wrap; margin-bottom:28px;}
.ksrv .btn-outline-white{display:inline-flex; align-items:center; gap:8px; border:1.5px solid rgba(255,255,255,.32); color:#fff; font-weight:700; font-size:15px; padding:14.5px 26px; border-radius:10px; transition:background .25s ease, border-color .25s ease, transform .25s ease;}
.ksrv .btn-outline-white:hover{background:rgba(255,255,255,.08); border-color:#fff; transform:translateY(-3px);}
.ksrv .btn-outline-white svg{width:18px; height:18px; color:var(--orange);}
.ksrv .cta-trust-line{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; color:#B8BAC2; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); padding:8px 18px; border-radius:20px;}
.ksrv .cta-trust-line svg{width:14px; height:14px; color:var(--orange);}
.ksrv .cta-trust{display:flex; justify-content:center; gap:36px; border-top:1px solid rgba(255,255,255,.1); padding-top:30px; max-width:600px; margin:0 auto;}
.ksrv .cta-trust .t{flex:1; padding:0; display:flex; flex-direction:column; align-items:center; transition:transform .2s ease;}
.ksrv .cta-trust .t .t-ic{width:62px; height:62px; border-radius:50%; background:rgba(255,91,0,.14); border:1px solid rgba(255,91,0,.32); display:flex; align-items:center; justify-content:center; margin-bottom:10px;}
.ksrv .cta-trust .t .t-ic svg{width:31px; height:31px;}
.ksrv .cta-trust .t .tnum{font-family:var(--mono); font-weight:700; font-size:19px; color:#fff;}
.ksrv .cta-trust .t .tlbl{font-size:11.5px; color:#8C8E96; margin-top:3px;}
.ksrv .footer-logo{font-size:20px; font-weight:800; margin-bottom:18px;}
.ksrv .foot-bottom{border-top:1px solid #232326; margin-top:50px; padding-top:22px; font-size:13px; color:#7C7E86; display:flex; justify-content:space-between;}
.ksrv .quiz-card{background:var(--carbon); color:#fff; border-radius:22px; box-shadow:0 25px 55px rgba(20,20,30,.2); padding:44px 46px; max-width:720px; margin:34px auto 0; text-align:left; display:none; position:relative; overflow:hidden;}
.ksrv .quiz-card.visible{display:block;}
.ksrv .quiz-progress{height:6px; background:#33383E; border-radius:10px; overflow:hidden; margin-bottom:30px;}
.ksrv .quiz-progress-fill{height:100%; background:var(--orange); width:0%; transition:width .3s ease;}
.ksrv .quiz-step{font-family:var(--mono); font-size:12px; font-weight:700; color:var(--gray-light); text-transform:uppercase; letter-spacing:.05em; margin-bottom:10px;}
.ksrv .quiz-q{font-size:21px; font-weight:800; margin-bottom:22px; line-height:1.3; color:#fff;}
.ksrv .quiz-options{display:flex; flex-direction:column; gap:10px; margin-bottom:30px;}
.ksrv .quiz-opt{border:2px solid #33383E; border-radius:12px; padding:16px 18px; font-size:15px; font-weight:600; cursor:pointer; transition:all .15s ease; color:#D7D8DD;}
.ksrv .quiz-opt:hover{border-color:var(--orange);}
.ksrv .quiz-opt.selected{border-color:var(--orange); background:rgba(255,91,0,.12); color:#fff;}
.ksrv .quiz-nav{display:flex; justify-content:space-between; align-items:center;}
.ksrv .quiz-nav button:disabled{opacity:.35; cursor:not-allowed;}
.ksrv .quiz-result{text-align:center;}
.ksrv .quiz-result .score{font-family:var(--mono); font-size:56px; font-weight:800; margin-bottom:4px;}
.ksrv .quiz-result .tier{font-size:22px; font-weight:800; margin-bottom:14px; color:#fff;}
.ksrv .quiz-result p{color:#B8BAC2; font-size:15.5px; max-width:480px; margin:0 auto 26px;}
.ksrv .quiz-teaser{text-align:center; max-width:640px; margin:0 auto;}
.ksrv .quiz-teaser p{color:var(--gray); font-size:16px; margin-bottom:26px;}
.ksrv .about-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:60px; align-items:center;}
.ksrv .about-grid p{color:var(--gray); font-size:16px; margin-bottom:0; max-width:560px;}
.ksrv .about-lead{border-left:3px solid var(--orange); padding-left:22px;}
.ksrv .about-lead .accent-text{color:var(--orange); font-weight:700;}
.ksrv .kt-stack{position:relative; height:auto;}
.ksrv .kt-card{position:relative; border-radius:24px; padding:44px 42px 38px; display:flex; flex-direction:column;}
.ksrv .kt-card-back{background:var(--carbon); color:#fff; overflow:hidden; box-shadow:0 26px 50px rgba(20,20,30,.3);}
.ksrv .kt-card-back .dots{top:-30px; right:-30px; width:170px; height:170px; color:rgba(255,91,0,.3); -webkit-mask-image:radial-gradient(circle,#000 0%,transparent 70%); mask-image:radial-gradient(circle,#000 0%,transparent 70%);}
.ksrv .kt-swap-btn{position:absolute; bottom:-16px; right:30px; width:46px; height:46px; border-radius:50%; background:var(--carbon); color:#fff; border:3px solid #fff; display:flex; align-items:center; justify-content:center; font-size:18px; box-shadow:0 12px 22px rgba(20,20,30,.28); cursor:pointer; z-index:6; transition:transform .3s ease;}
.ksrv .kt-swap-btn:hover{transform:rotate(160deg);}
.ksrv .kt-swap-btn:active{transform:scale(.92) rotate(160deg);}
.ksrv .kt-swap-btn svg{width:19px; height:19px; transition:transform .3s ease;}
.ksrv .kt-card .corp-kicker{font-family:var(--mono); font-size:12.5px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--gray-light); position:relative; z-index:2;}
.ksrv .corp-logo{height:26px; width:auto; max-width:150px; display:block; align-self:flex-start; flex-shrink:0; position:relative; z-index:2; margin-bottom:4px;}
.ksrv .kt-card h3{font-size:30px; font-weight:800; margin:8px 0 16px; position:relative; z-index:2;}
.ksrv .kt-card p{color:#B8BAC2; font-size:16.5px; line-height:1.5; margin-bottom:26px; position:relative; z-index:2; max-width:400px;}
.ksrv .kt-card-front p{color:rgba(255,255,255,.9);}
.ksrv .corp-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:auto; position:relative; z-index:2;}
.ksrv .corp-stats .cs-item{display:flex; flex-direction:column; align-items:flex-start; gap:10px; transition:transform .2s ease;}
.ksrv .corp-stats .cs-item:hover{transform:translateY(-3px);}
.ksrv .corp-stats .cs-ic{width:44px; height:44px; border-radius:11px; background:rgba(255,91,0,.16); border:1px solid rgba(255,91,0,.38); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.ksrv .corp-stats .cs-ic svg{width:22px; height:22px; color:var(--orange);}
.ksrv .corp-stats .cs-num{font-family:var(--mono); font-size:30px; font-weight:800; color:var(--orange); line-height:1.1; font-variant-numeric:tabular-nums;}
.ksrv .corp-stats .cs-lbl{font-size:13px; color:var(--gray-light); margin-top:3px;}
.ksrv .kt-front-badge{width:58px; height:58px; border-radius:14px; background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.3); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:19px; letter-spacing:.02em; margin-bottom:22px; position:relative; z-index:2;}
.ksrv .kt-chips{display:flex; flex-wrap:wrap; gap:9px; margin-bottom:26px; position:relative; z-index:2;}
.ksrv .kt-chip{font-size:13px; font-weight:700; color:#fff; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.3); padding:7px 15px; border-radius:20px; white-space:nowrap;}
.ksrv .kt-card-front a{color:#fff; font-weight:800; font-size:16px; display:inline-flex; align-items:center; gap:7px; margin-top:auto; position:relative; z-index:2;}
.ksrv .kt-card-front a svg{width:16px; height:16px;}
.ksrv .kt-card-back a{color:#fff; font-weight:700; font-size:14.5px; display:inline-flex; align-items:center; gap:8px;
    margin-top:24px; position:relative; z-index:2; background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.35); border-radius:10px; padding:12px 18px;
    width:fit-content; transition:background .2s ease;}
.ksrv .kt-card-back a:hover{background:rgba(255,255,255,.22);}
.ksrv .kt-card-back a svg{width:16px; height:16px;}
.ksrv .sol-layout{display:grid; grid-template-columns:1.15fr .85fr; gap:56px; align-items:start;}
.ksrv .sol-photo-wrap{position:relative; align-self:stretch;}
.ksrv .sol-photo-wrap::before{content:''; position:absolute; top:20px; left:-20px; right:-20px; bottom:-20px; border:2px solid var(--orange); border-radius:28px; z-index:0;}
.ksrv .sol-photo{position:relative; z-index:1; border-radius:24px; overflow:hidden; box-shadow:0 24px 50px rgba(20,20,30,.16); height:100%; min-height:480px;}
.ksrv .sol-photo img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s cubic-bezier(.25,.46,.45,.94);}
.ksrv .sol-photo:hover img{transform:scale(1.08);}
.ksrv .sol-tabs{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:26px;}
.ksrv .sol-tab{display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border-radius:30px; border:1px solid var(--border); background:#fff; font-family:inherit; font-weight:700; font-size:13.5px; color:var(--gray); cursor:pointer; transition:background .25s ease, color .25s ease, border-color .25s ease, transform .2s ease;}
.ksrv .sol-tab svg{width:16px; height:16px; flex-shrink:0;}
.ksrv .sol-tab:hover:not(.active){border-color:var(--orange); color:var(--black); transform:translateY(-2px);}
.ksrv .sol-tab.active{background:var(--carbon); color:#fff; border-color:var(--carbon);}
.ksrv .sol-panels{position:relative;}
.ksrv .sol-panel{display:none; background:linear-gradient(135deg, #FF7A33 0%, var(--orange) 55%, var(--orange-dark) 100%); color:#fff; border-radius:24px; padding:40px 44px; overflow:hidden; flex-direction:column;}
.ksrv .sol-panel.active{display:flex; animation:ks-solFadeIn .45s cubic-bezier(.25,.46,.45,.94);}
.ksrv .sol-panel.active .sol-ic{animation:ks-solPop .5s cubic-bezier(.34,1.56,.64,1) .05s backwards;}
.ksrv .sol-panel.active .sol-idx{animation:ks-solSlideUp .4s ease .1s backwards;}
.ksrv .sol-panel.active h3{animation:ks-solSlideUp .45s ease .15s backwards;}
.ksrv .sol-panel.active p{animation:ks-solSlideUp .45s ease .2s backwards;}
.ksrv .sol-panel.active .sc-tags .sc-tag{animation:ks-solSlideUp .4s ease backwards;}
.ksrv .sol-panel.active .sc-tags .sc-tag:nth-child(1){animation-delay:.26s;}
.ksrv .sol-panel.active .sc-tags .sc-tag:nth-child(2){animation-delay:.31s;}
.ksrv .sol-panel.active .sc-tags .sc-tag:nth-child(3){animation-delay:.36s;}
.ksrv .sol-panel.active .sc-tags .sc-tag:nth-child(4){animation-delay:.41s;}
.ksrv .sol-panel.active .sc-tags .sc-tag:nth-child(5){animation-delay:.46s;}
.ksrv .sol-panel.active .more{animation:ks-solSlideUp .4s ease .48s backwards;}
.ksrv .sol-panel .dots{top:-30px; right:-30px; width:170px; height:170px; color:rgba(255,255,255,.22); -webkit-mask-image:radial-gradient(circle,#000 0%,transparent 70%); mask-image:radial-gradient(circle,#000 0%,transparent 70%);}
.ksrv .sol-ic{width:54px; height:54px; border-radius:14px; background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.4); display:flex; align-items:center; justify-content:center; margin-bottom:18px; position:relative; z-index:2;}
.ksrv .sol-ic svg{width:26px; height:26px; color:#fff;}
.ksrv .sol-idx{font-family:var(--mono); font-size:11px; color:rgba(255,255,255,.75); font-weight:700; letter-spacing:.05em; margin-bottom:8px; position:relative; z-index:2;}
.ksrv .sol-panel h3{font-size:26px; font-weight:800; margin-bottom:12px; position:relative; z-index:2;}
.ksrv .sol-panel p{color:rgba(255,255,255,.92); font-size:16px; line-height:1.55; margin-bottom:22px; max-width:460px; position:relative; z-index:2;}
.ksrv .sol-panel .sc-tags{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; position:relative; z-index:2;}
.ksrv .sol-panel .sc-tag{font-size:12px; font-weight:700; color:#fff; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.32); padding:6px 13px; border-radius:20px; white-space:nowrap;}
.ksrv .sol-panel .more{color:#fff; font-weight:800; font-size:15px; display:inline-flex; align-items:center; gap:6px; margin-top:auto; position:relative; z-index:2;}
.ksrv .sol-panel .more svg{width:15px; height:15px; transition:transform .2s ease;}
.ksrv .sol-panel:hover .more svg{transform:translateX(3px);}
.ksrv .trust-wrap{max-width:820px; margin:0 auto; text-align:center; padding-bottom:10px;}
.ksrv .trust-section{padding:56px 0 130px;}
.ksrv .trust-wrap .section-title{justify-content:center;}
.ksrv .trust-wrap .section-sub{margin:0 auto;}
.ksrv .trust-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0 22px; text-align:left;}
.ksrv .trust-tile{position:relative; background:#fff; border:1px solid var(--border); border-top:3px solid transparent; border-radius:16px; padding:14px 16px; overflow:hidden; display:flex; gap:12px; align-items:center; transition:transform .25s cubic-bezier(.25,.46,.45,.94), box-shadow .25s ease;}
.ksrv .trust-tile::before{content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--orange); transform:scaleX(0); transform-origin:left; transition:transform .35s ease;}
.ksrv .trust-tile:hover::before{transform:scaleX(1);}
.ksrv .trust-tile:hover{transform:translateY(-5px); box-shadow:0 20px 40px rgba(20,20,30,.1);}
.ksrv .trust-tile.full{grid-column:1 / -1; align-items:center;}
.ksrv .tt-ic{width:42px; height:42px; border-radius:12px; background:linear-gradient(145deg, #FF8A3D 0%, var(--orange) 55%, var(--orange-dark) 100%); display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 8px 16px rgba(255,91,0,.28); transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
.ksrv .trust-tile:hover .tt-ic{transform:rotate(-10deg) scale(1.08);}
.ksrv .tt-ic svg{width:22px; height:22px; color:#fff;}
.ksrv .trust-tile.full .tt-ic{animation:ks-globeSpin 6s linear infinite;}
.ksrv .tt-kicker{display:block; font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--orange); margin-bottom:4px;}
.ksrv .trust-tile p{font-size:13.5px; color:var(--black); font-weight:600; line-height:1.4; margin:0;}
.ksrv .trust-badges-row{position:absolute; left:50%; bottom:0; transform:translate(-50%, 50%); display:flex; flex-wrap:wrap; justify-content:center; gap:22px; z-index:6; width:100%; padding:0 20px;}
.ksrv .trust-badge-btn{display:inline-flex; align-items:center; gap:18px; background:linear-gradient(155deg, #262c31 0%, var(--carbon) 60%); color:#fff; border-radius:60px; padding:14px 32px 14px 14px; box-shadow:0 20px 40px rgba(20,20,30,.28); cursor:default; transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease, background .25s ease;}
.ksrv .trust-badge-btn:hover{transform:translateY(-6px) scale(1.04); box-shadow:0 26px 46px rgba(255,91,0,.3); background:linear-gradient(155deg, var(--orange-dark) 0%, var(--orange-dark) 60%);}
.ksrv .tb-ic{position:relative; width:66px; height:66px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.ksrv .tb-ic::before{content:''; position:absolute; inset:0; border-radius:50%; border:2px dashed rgba(255,91,0,.55); animation:ks-spin 10s linear infinite;}
.ksrv .trust-badge-btn:hover .tb-ic::before{animation-duration:2.5s; border-color:#fff;}
.ksrv .tb-ic::after{content:''; position:absolute; inset:8px; border-radius:50%; background:rgba(255,91,0,.22); border:1px solid rgba(255,91,0,.5); transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
.ksrv .trust-badge-btn:hover .tb-ic::after{transform:scale(1.08);}
.ksrv .tb-ic svg{position:relative; z-index:2; width:28px; height:28px; color:var(--orange); transition:transform .3s ease;}
.ksrv .trust-badge-btn:hover .tb-ic svg{transform:rotate(-14deg); color:#fff;}
.ksrv .tb-text{text-align:left; line-height:1.25;}
.ksrv .tb-num{font-family:var(--mono); font-weight:800; font-size:21px; color:var(--orange); transition:color .25s ease;}
.ksrv .trust-badge-btn:hover .tb-num{color:#fff;}
.ksrv .tb-lbl{font-size:14px; color:#D7D8DD; white-space:nowrap;}
.ksrv .chip-strip{display:flex; flex-wrap:wrap; gap:10px; justify-content:center;}
.ksrv .chip-marquee{position:relative; overflow:hidden; width:100%;
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 64px, #000 calc(100% - 64px), transparent 100%);
    mask-image:linear-gradient(90deg, transparent 0, #000 64px, #000 calc(100% - 64px), transparent 100%);}
.ksrv .chip-track{display:flex; gap:10px; width:max-content; animation:ks-chipScroll 32s linear infinite;}
.ksrv .chip-marquee:hover .chip-track{animation-play-state:paused;}
.ksrv .chip{background:#fff; border:1px solid var(--border); border-radius:10px; padding:11px 18px; font-size:13.5px; font-weight:700; color:var(--black);}
.ksrv .chip.dark{background:var(--carbon); color:#fff; border-color:var(--carbon);}
@media(max-width:900px){
.ksrv .prod-layout{grid-template-columns:1fr;}
.ksrv .prod-photo-wrap{position:static; margin-bottom:34px;}
.ksrv .prod-photo{height:286px;}
.ksrv .prod-bento{grid-template-columns:1fr 1fr;}
.ksrv .prod-infra{grid-column:span 2;}
.ksrv .footer-grid, .ksrv .divide-inner, .ksrv .diagnostic-grid, .ksrv .problem-grid, .ksrv .services-grid, .ksrv .faq-grid{grid-template-columns:1fr !important;}
.ksrv .diagnostic-panel{margin-top:10px;}
.ksrv .problem-photo-slot, .ksrv .services-photo-slot, .ksrv .photo-bg-slot{margin-top:24px; min-height:200px;}
.ksrv .divide-connector .line{width:40px;}
.ksrv .flip-grid, .ksrv .case-grid, .ksrv .mini-stats{grid-template-columns:1fr 1fr !important;}
.ksrv .factory-grid{grid-template-columns:1fr !important;}
.ksrv .factory-photo{min-height:200px;}
.ksrv .factory-photo{min-height:220px;}
.ksrv h1{font-size:38px;}
.ksrv .cta-final h2{font-size:24px; white-space:normal; max-width:100%;}
.ksrv .cta-trust{gap:18px;}
.ksrv .quiz-card{padding:30px 24px;}
.ksrv .hero{min-height:0;}
.ksrv .hero .wrap{padding:80px 0;}
.ksrv .hero-links{font-size:15px;}
.ksrv .mini-stats .num{font-size:22px;}
.ksrv .kt-stack{height:auto; margin-top:26px;}
.ksrv .kt-card{position:relative; inset:auto; transform:none !important; margin-bottom:26px; box-shadow:none !important; padding:30px 26px 28px;}
.ksrv .kt-swap-btn{display:none;}
.ksrv .corp-stats{gap:14px;}
.ksrv .sol-layout{grid-template-columns:1fr; gap:0;}
.ksrv .sol-photo-wrap{margin-top:34px;}
.ksrv .sol-photo-wrap::before{top:14px; left:-10px; right:-10px; bottom:-14px;}
.ksrv .sol-photo{min-height:280px;}
.ksrv .sol-tabs{gap:8px;}
.ksrv .sol-tab{padding:10px 15px; font-size:12.5px;}
.ksrv .sol-panels{}
.ksrv .sol-panel{padding:30px 26px;}
.ksrv .sol-panel h3{font-size:21px;}
.ksrv .sol-panel p{font-size:14.5px;}
.ksrv .about-grid{grid-template-columns:1fr !important;}
}
@media(max-width:600px){
.ksrv .prod-bento{grid-template-columns:1fr;}
.ksrv .prod-kaiman, .ksrv .prod-small, .ksrv .prod-infra{grid-column:span 1;}
.ksrv .trust-grid{grid-template-columns:1fr;}
.ksrv .trust-tile.full{grid-column:1;}
.ksrv .trust-badges-row{position:static; transform:none; margin-top:34px;}
.ksrv .tb-lbl{white-space:normal;}
}

@keyframes ks-corepulse{ 0%,100%{ box-shadow:0 0 0 10px rgba(255,91,0,.12), 0 0 0 20px rgba(255,91,0,.07); } 50%{ box-shadow:0 0 0 14px rgba(255,91,0,.16), 0 0 0 28px rgba(255,91,0,.09); } }
@keyframes ks-orbitfloat{ 0%,100%{ margin-top:0; } 50%{ margin-top:-8px; } }
@keyframes ks-toggleGlow{
    0%,100%{ box-shadow:0 0 0 0 rgba(255,91,0,0); color:#9A9DA5; }
    50%{ box-shadow:0 0 16px 3px rgba(255,91,0,.5); color:#FFD1AD; }
  }
@keyframes ks-jitter{ 0%,100%{ opacity:1; } 46%{ opacity:1; } 48%{ opacity:.35; } 50%{ opacity:1; } }
@keyframes ks-flicker{ 0%,100%{ opacity:1; } 50%{ opacity:.4; } }
@keyframes ks-needlesweep{ 0%{ transform:translateX(-50%) rotate(-62deg); } 100%{ transform:translateX(-50%) rotate(62deg); } }
@keyframes ks-growBar{ to{ transform:scaleY(1); } }
@keyframes ks-chipFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-6px); } }
@keyframes ks-eduPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(255,91,0,.18); } 50%{ box-shadow:0 0 0 10px rgba(255,91,0,0); } }
@keyframes ks-cardFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } }
@keyframes ks-blobFloat{ 0%,100%{ transform:translate(0,0) scale(1); } 50%{ transform:translate(30px,-24px) scale(1.1); } }
@keyframes ks-iconDrift{ 0%,100%{ transform:translateY(0) rotate(0deg); } 50%{ transform:translateY(-20px) rotate(10deg); } }
@keyframes ks-gradientShift{ to{ background-position:-200% center; } }
@keyframes ks-solFadeIn{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:translateY(0); } }
@keyframes ks-solPop{ from{ opacity:0; transform:scale(.5) rotate(-12deg); } to{ opacity:1; transform:scale(1) rotate(0); } }
@keyframes ks-solSlideUp{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:translateY(0); } }
@keyframes ks-globeSpin{ 0%,85%,100%{ transform:rotate(0); } 90%{ transform:rotate(15deg); } 95%{ transform:rotate(-10deg); } }
@keyframes ks-chipScroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* ---- correcciones propias del home (ver construir-css.js) ---- */
/*
 * "confían en KrugerTech" pasó de texto a logo (ver construir-html.js). El
 * logo real mide 244.6x46.5 (relación ancho:alto ≈5.3:1); se dimensiona
 * relativo al propio tamaño de letra del titular (1em, +10% sobre el
 * 0.9em original pedido el 21-ago-2026) para que crezca y encoja con el
 * texto igual que cualquier palabra más, en vez de un tamaño fijo en px
 * que se desalinearía en los breakpoints donde .section-title cambia de
 * font-size. Además baja a su propia línea (<br> antes del <img> en
 * construir-html.js) en vez de seguir el renglón de "confían en", para
 * que resalte como logo y no como una palabra más de la frase.
 */
.ksrv .trust-logo-img{
  height:1em; width:auto; display:inline-block; margin-top:10px;
}
/*
 * Los "chips" del marquee de logos pasaron de ser texto a ser <img>, pero
 * nunca se escribió CSS para la clase nueva (.chip-logo): sin ningún alto
 * fijo, cada logo se renderizaba a su tamaño nativo — por eso apenas cabían
 * 1-2 por fila y se veían enormes. Se le da el mismo trato compacto que ya
 * tenía el marquee de aliados en el sitio real.
 */
.ksrv .chip-logo{
  height:43px; width:auto; max-width:189px; object-fit:contain;
  flex-shrink:0; opacity:.85; transition:transform .3s ease, filter .3s ease, opacity .3s ease;
}
.ksrv .chip-logo:hover{ transform:scale(1.15); opacity:1; }
/*
 * 32px→43px es el +35% de tamaño pedido el 21-ago-2026. Con el gap original
 * (10px, pensado para el logo chiquito) los logos más grandes quedaban
 * igual de apretados y se veían "demasiados a la vez" — se separa el gap
 * a la par para que quepan menos por pantalla.
 */
.ksrv .chip-track{ gap:32px; }
/*
 * "Trabajamos con líderes de la industria": en el sitio real esos logos
 * salían en escala de grises y recuperaban el color al pasar el mouse
 * (custom_css del widget Elementor que se reemplazó). Se replica igual.
 */
.ksrv .chip-logo.dark{ filter:grayscale(100%); }
.ksrv .chip-logo.dark:hover{ filter:grayscale(0%); transform:scale(1.15); }

/*
 * El hero quedaba pegado a los bordes en móvil: .hero-text no tenía padding
 * lateral propio y dependía de un .wrap que a este ancho lo pierde.
 */
@media(max-width:600px){
  .ksrv .hero-text{ padding-left:20px; padding-right:20px; }
}

/*
 * "Soluciones integrales para tu Empresa": los 6 botones de .sol-tabs
 * (Software Factory, AI Software Factory, Ciberseguridad 360, Kloud,
 * Servicios Gestionados, Arquitectura Empresarial) usan flex-wrap, así que
 * en móvil no caben ni 2 por fila y quedan apilados uno debajo de otro. Se
 * pasa al mismo scroll horizontal que ya usan las demás páginas de
 * servicio para listas largas — con flex:0 0 auto el último botón visible
 * queda cortado a la mitad contra el borde, la señal visual de que hay más
 * para deslizar. Pedido el 21-ago-2026.
 */
@media(max-width:900px){
  .ksrv .sol-tabs{
    flex-wrap:nowrap !important; overflow-x:auto; -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory; scrollbar-width:none;
  }
  .ksrv .sol-tabs::-webkit-scrollbar{ display:none; }
  .ksrv .sol-tab{ flex:0 0 auto; scroll-snap-align:start; }
}