/* Krishiinet brand layer "fibre light" · 2026-11-11 · remove its <link> in header.php to roll back */
:root{--kp-blue:#1748d1;--kp-cyan:#5ee9ff;--kp-lime:#c8ef39;--kp-navy:#06142f}

/* Header: frosted glass once you scroll */
.kf-header{transition:background-color .35s,box-shadow .35s}
html.kp-scrolled .kf-header{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:saturate(1.7) blur(18px);backdrop-filter:saturate(1.7) blur(18px);box-shadow:0 1px 0 rgba(13,26,50,.06),0 12px 32px rgba(13,26,50,.07)}

/* Hero: Tamil "Chennai" watermark + fibre strands */
.kp-tamil{position:absolute;right:-1.5vw;bottom:-3.2vw;z-index:-1;pointer-events:none;user-select:none;white-space:nowrap;font:800 clamp(110px,17vw,290px)/1 'Noto Sans Tamil','Tamil Sangam MN','Latha',sans-serif;color:transparent;-webkit-text-stroke:1.2px rgba(200,239,57,.16);letter-spacing:-.02em}
.kp-strands{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.kp-strands i{position:absolute;left:-20%;width:140%;height:1px;background:linear-gradient(90deg,transparent,rgba(94,233,255,.0) 30%,rgba(94,233,255,.55) 50%,rgba(200,239,57,.0) 70%,transparent);background-size:50% 100%;background-repeat:no-repeat;animation:kpFlow 7s linear infinite;opacity:.7;transform:rotate(-8deg)}
.kp-strands i:nth-child(1){top:22%;animation-delay:-1s}
.kp-strands i:nth-child(2){top:48%;animation-duration:9s;animation-delay:-4s;opacity:.45}
.kp-strands i:nth-child(3){top:74%;animation-duration:11s;animation-delay:-6s;opacity:.35}
@keyframes kpFlow{0%{background-position:-60% 0}100%{background-position:160% 0}}

/* Eyebrow line becomes a live fibre with a travelling light */
.k11-eyebrow::before{width:34px!important;height:3px!important;border-radius:3px;background:linear-gradient(90deg,var(--kp-blue),var(--kp-cyan),var(--kp-lime),var(--kp-blue))!important;background-size:300% 100%!important;animation:kpPulse 3.2s linear infinite}
@keyframes kpPulse{to{background-position:-300% 0}}

/* Sections: fibre seam between bands, crafted dot texture on soft bands */
.k11-section{border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent 4%,rgba(23,72,209,.28) 30%,rgba(94,233,255,.55) 50%,rgba(200,239,57,.55) 70%,transparent 96%) 1}
.k11-section.k11-dark,.k11-section-sm{border-image:none;border-top:0}
.k11-soft{background-image:radial-gradient(rgba(23,72,209,.085) 1px,transparent 1.3px)!important;background-size:22px 22px!important}

/* Plan cards: accent rail, featured card glows with a slow light sweep */
.k11-plan{position:relative;overflow:hidden}
.k11-plan:not(.featured)::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--kp-blue),var(--kp-cyan))}
.k11-plan.featured{background:radial-gradient(120% 70% at 100% 0%,rgba(200,239,57,.20),transparent 55%),radial-gradient(90% 60% at 0% 100%,rgba(94,233,255,.12),transparent 60%),linear-gradient(165deg,#114b3f,#07261f)!important;box-shadow:0 34px 80px rgba(7,38,31,.38),0 0 0 1px rgba(200,239,57,.38)!important}
@media (min-width:900px){.k11-plan.featured{transform:translateY(-12px)}}
.k11-plan.featured::before{content:"";position:absolute;top:-50%;left:-80%;width:45%;height:200%;background:linear-gradient(100deg,transparent,rgba(200,239,57,.16),transparent);transform:rotate(12deg);animation:kpSweep 6s ease-in-out infinite;pointer-events:none}
@keyframes kpSweep{0%,55%{left:-80%}100%{left:140%}}
.k11-plan strong,.k11-plan .k11-speed{letter-spacing:-.03em}

/* Cursor spotlight on cards (desktop only) */
.kp-spot{position:relative}
.kp-spot::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(59,115,255,.10),transparent 45%)}
.kp-spot:hover::before{opacity:1}

/* Inner-page heroes: brand mesh + dot grid is layered in by kf-polish.php (keeps each page's own gradient) */

/* Footer: fibre seam on top */
.kf-footer{border-top:2px solid transparent;border-image:linear-gradient(90deg,var(--kp-blue),var(--kp-cyan),var(--kp-lime)) 1}

/* plans.php: let phones skip rendering long plan blocks until scrolled near (content unchanged) */
.pf-details-section,.ot-plans,.pf-guide,.pf-seo,.pf-faq{content-visibility:auto;contain-intrinsic-size:auto 1100px}

@media (prefers-reduced-motion:reduce){.kp-strands i,.k11-eyebrow::before,.k11-plan.featured::before{animation:none!important}}