/* Prime4Net local Tailwind utility build.
   The project also includes src/input.css + tailwind.config.js for rebuilding with Tailwind CLI. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
img{max-width:100%}
.container{width:100%;margin-left:auto;margin-right:auto}
.mx-auto{margin-left:auto;margin-right:auto}
.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}
.inset-0{inset:0}.inset-x-0{left:0;right:0}.top-0{top:0}.top-20{top:5rem}.top-72{top:18rem}.right-0{right:0}.left-0{left:0}.z-50{z-index:50}
.hidden{display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}
.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}
.overflow-hidden{overflow:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-2{height:.5rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-20{height:5rem}.h-72{height:18rem}.h-96{height:24rem}
.w-10{width:2.5rem}.w-11{width:2.75rem}.w-72{width:18rem}.w-96{width:24rem}.w-auto{width:auto}.w-[82%]{width:82%}
.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.col-span-2{grid-column:span 2 / span 2}
.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-x-8{column-gap:2rem}.gap-y-3{row-gap:.75rem}
.space-y-5>:not([hidden])~:not([hidden]){margin-top:1.25rem}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-9{margin-top:2.25rem}.mt-10{margin-top:2.5rem}.mt-14{margin-top:3.5rem}
.p-4{padding:1rem}.p-5{padding:1.25rem}.p-7{padding:1.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pb-5{padding-bottom:1.25rem}.pt-3{padding-top:.75rem}.pt-32{padding-top:8rem}
.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}
.border{border-width:1px;border-style:solid}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}
.bg-slate-950{background-color:#020617}.bg-slate-950\/80{background-color:rgba(2,6,23,.8)}.bg-white\/5{background-color:rgba(255,255,255,.05)}.bg-white\/10{background-color:rgba(255,255,255,.1)}.bg-blue-500\/5{background-color:rgba(59,130,246,.05)}.bg-blue-500\/15{background-color:rgba(59,130,246,.15)}
.border-white\/10{border-color:rgba(255,255,255,.1)}.border-blue-400\/15{border-color:rgba(96,165,250,.15)}
.text-slate-100{color:#f1f5f9}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-blue-200{color:#bfdbfe}.text-blue-300{color:#93c5fd}
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-center{text-align:center}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-\[\.2em\]{letter-spacing:.2em}.tracking-\[\.22em\]{letter-spacing:.22em}
.leading-8{line-height:2rem}.leading-10{line-height:2.5rem}.leading-\[1\.05\]{line-height:1.05}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:#3b82f6;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(59,130,246,0))}.to-cyan-300{--tw-gradient-to:#67e8f9}
.blur-3xl{filter:blur(64px)}.backdrop-blur-xl{backdrop-filter:blur(24px)}
.-right-40.-right-40{right:-10rem}.-left-40{left:-10rem}

@media(min-width:640px){
.sm\:flex-row{flex-direction:row}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-7{padding:1.75rem}
.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}
}
@media(min-width:768px){
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1024px){
.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.lg\:grid-cols-\[\.75fr_1\.25fr\]{grid-template-columns:.75fr 1.25fr}.lg\:grid-cols-\[1\.1fr_\.9fr\]{grid-template-columns:1.1fr .9fr}
.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-28{padding-top:7rem;padding-bottom:7rem}.lg\:text-7xl{font-size:4.5rem;line-height:1}
}
@media(min-width:1180px){.container{max-width:1180px}}

/* Components */

:root{--p4n-blue:#1683ff;--p4n-cyan:#6ee7ff;--p4n-dark:#07101f;--p4n-ink:#0f172a;--p4n-muted:#64748b;--p4n-line:#e2e8f0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
.container{width:100%;max-width:1180px}
.hero-grid{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.orb-blue{background:rgba(37,99,235,.2)}
.orb-white{background:rgba(125,211,252,.08)}
.text-gradient{background:linear-gradient(110deg,#fff 0%,#60a5fa 52%,#67e8f9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#93c5fd;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.eyebrow-dark{color:#2563eb}
.dot{width:8px;height:8px;border-radius:999px;background:#60a5fa;box-shadow:0 0 0 5px rgba(96,165,250,.1)}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(96,165,250,.35);border-radius:14px;background:linear-gradient(135deg,#1677ed,#2563eb);padding:.7rem 1.1rem;font-size:.9rem;font-weight:700;color:#fff;box-shadow:0 10px 30px rgba(37,99,235,.2);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(37,99,235,.28);filter:brightness(1.06)}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.25);border-radius:14px;background:rgba(255,255,255,.04);padding:.7rem 1.1rem;font-size:.9rem;font-weight:700;color:#e2e8f0;transition:background .2s ease,border-color .2s ease}
.btn-secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(148,163,184,.4)}
.btn-lg{min-height:48px;padding-left:1.3rem;padding-right:1.3rem}
.nav-link{font-size:.875rem;font-weight:600;color:#94a3b8;transition:color .2s ease}
.nav-link:hover{color:#fff}
.mobile-link{display:block;padding:.8rem 0;color:#cbd5e1;font-weight:600;border-bottom:1px solid rgba(255,255,255,.06)}
.glass-card{border:1px solid rgba(148,163,184,.2);border-radius:28px;background:linear-gradient(145deg,rgba(15,23,42,.86),rgba(15,23,42,.56));box-shadow:0 30px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(20px)}
.status-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(74,222,128,.15);border-radius:999px;background:rgba(34,197,94,.08);padding:.4rem .65rem;color:#86efac;font-size:.7rem;font-weight:700}
.status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px #4ade80}
.metric-card{border:1px solid rgba(148,163,184,.12);border-radius:18px;background:rgba(255,255,255,.035);padding:1.1rem}
.icon-box{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(59,130,246,.12);color:#93c5fd}
.section-light{background:#f8fafc;color:#0f172a}
.section-dark{background:#07101f}
.section-heading{max-width:700px}
.section-heading h2{margin-top:1rem;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:700;line-height:1.08;letter-spacing:-.035em}
.section-heading p{margin-top:1.1rem;font-size:1.05rem;line-height:1.8;color:#64748b}
.service-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:24px;background:#fff;box-shadow:0 12px 40px rgba(15,23,42,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.service-card:hover{transform:translateY(-6px);border-color:#bfdbfe;box-shadow:0 24px 60px rgba(15,23,42,.1)}
.service-image{height:190px;overflow:hidden;background:linear-gradient(135deg,#eff6ff,#f8fafc);display:flex;align-items:center;justify-content:center}
.service-image img{height:100%;width:100%;object-fit:cover;object-position:center;transition:transform .4s ease}
.service-card:hover .service-image img{transform:scale(1.04)}
.service-number{font-size:.72rem;font-weight:800;letter-spacing:.15em;color:#2563eb}
.service-card h3{margin-top:.65rem;font-size:1.4rem;font-weight:700;letter-spacing:-.02em}
.service-card p{margin-top:.7rem;color:#64748b;line-height:1.75}
.service-link{display:inline-block;margin-top:1.2rem;font-size:.875rem;font-weight:700;color:#2563eb}
.feature{display:flex;gap:14px;border:1px solid rgba(148,163,184,.13);border-radius:16px;background:rgba(255,255,255,.035);padding:1rem}
.feature>span{font-size:.72rem;font-weight:800;color:#60a5fa;padding-top:2px}
.feature strong{font-size:.9rem}
.feature p{margin-top:.2rem;font-size:.8rem;line-height:1.5;color:#64748b}
.about-panel{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.15);border-radius:28px;background:#0f172a;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.about-panel img{display:block;width:100%;height:460px;object-fit:cover;opacity:.82}
.about-overlay{position:absolute;left:20px;right:20px;bottom:20px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(2,6,23,.7);padding:1.25rem;backdrop-filter:blur(14px)}
.client-card{display:flex;min-height:160px;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;padding:1rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}
.client-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(15,23,42,.08)}
.client-card img{height:76px;width:76px;object-fit:contain;border-radius:999px}
.client-card span{font-size:.78rem;font-weight:700;color:#475569}
.section-contact{background:linear-gradient(145deg,#0b1220,#111c31);color:#fff}
.contact-item{display:flex;align-items:flex-start;gap:14px}
.contact-item>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(59,130,246,.12);color:#93c5fd}
.contact-item small{display:block;color:#64748b;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.contact-item strong{display:block;margin-top:4px;font-size:.9rem;font-weight:600;color:#e2e8f0}
.contact-form{border:1px solid rgba(148,163,184,.16);border-radius:28px;background:rgba(255,255,255,.04);padding:1.25rem;box-shadow:0 25px 70px rgba(0,0,0,.2)}
.contact-form label{display:block;font-size:.78rem;font-weight:700;color:#cbd5e1}
.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:.55rem;border:1px solid rgba(148,163,184,.2);border-radius:13px;background:rgba(2,6,23,.35);padding:.85rem 1rem;color:#fff;outline:0;transition:border-color .2s ease,box-shadow .2s ease}
.contact-form textarea{resize:vertical}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#64748b}
.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(96,165,250,.7);box-shadow:0 0 0 4px rgba(59,130,246,.1)}
.check{color:#60a5fa;font-weight:800}

@media(max-width:1023px){.container{max-width:920px}}
@media(max-width:767px){.container{max-width:680px}.hero-grid{background-size:32px 32px}.glass-card{border-radius:22px}.about-panel img{height:320px}.contact-form{border-radius:22px}}