/* Pargavan visual theme: white surfaces, midnight structure, cobalt actions. */
:root{--navy:#101b35;--primary:#244cda;--muted:#5d6980;--soft:#f4f6fc;--line:#e0e5f1;--accent-soft:#e4eaff;--display:'Space Grotesk',sans-serif;--body:'Inter',sans-serif}
body{font-family:var(--body);-webkit-font-smoothing:antialiased}::selection{background:#dce4ff;color:var(--navy)}h1,h2,h3,.brand,.company-stats dd,.process-number,.partner{font-family:var(--display);font-weight:600}h1{letter-spacing:-3px}h2{letter-spacing:-1.7px}p{line-height:1.85}.container{width:min(1200px,calc(100% - 64px))}header{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(18px);transition:box-shadow .25s}.nav{height:88px}header.is-scrolled{box-shadow:0 6px 30px #101b350b}.brand-icon{background:linear-gradient(145deg,#426eff,#162d8c);width:40px;height:45px}.brand-name{font-size:27px}.brand-subtitle{font-family:var(--body);font-size:9px;letter-spacing:2.6px}nav>a:not(.button){font-size:13px}nav>a[aria-current]:after{width:16px;height:2px;border-radius:0;left:calc(50% - 8px)}.button{border-radius:8px;padding:15px 24px;background:var(--primary);box-shadow:0 6px 16px #244cda20;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{background:#193ab6;box-shadow:0 9px 22px #244cda30;transform:translateY(-3px)}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-2px)}.button-small{padding:11px 21px}.button-outline{background:white;box-shadow:none}.button-outline:hover{background:var(--soft)}.eyebrow{font-size:10px;letter-spacing:2.3px}.eyebrow:before{width:7px;height:7px;border-radius:2px;transform:rotate(45deg)}.hero{padding-top:82px;padding-bottom:82px;gap:58px}.hero h1{font-size:clamp(48px,5.4vw,74px);line-height:1.08;margin:25px 0}.hero-copy>p{max-width:465px}.hero-note{font-size:11px}.visual{height:475px;border:1px solid #dbe3fb;border-radius:28px;background:radial-gradient(ellipse at 50% 45%,#d6e2ff 0,transparent 63%),linear-gradient(135deg,#f5f7ff,#edf1fc);box-shadow:inset 0 0 65px #ffffffb0;isolation:isolate}.visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#244cda07 1px,transparent 1px),linear-gradient(90deg,#244cda07 1px,transparent 1px);background-size:32px 32px;z-index:-1}.visual:after{content:'PARGAVAN / SECURE BY DESIGN';position:absolute;bottom:16px;left:21px;font-size:8px;letter-spacing:1.8px;color:#586d99}.visual-label{left:24px;top:21px;color:#586d99}.orb{border-color:#a9beee}.orb:before,.orb:after{border-color:#b4c5ec}.shield{filter:drop-shadow(0 22px 24px #183b8e40)}.float-card{border-radius:12px;border-color:#dce4f4;box-shadow:0 12px 28px #132a5912;padding:14px}.card-top{right:16px;top:66px}.card-left{left:15px;bottom:115px}.card-bottom{right:17px;bottom:47px}.float-card .badge-icon{background:#e9eeff;color:var(--primary)}.trust{background:#fafbfe}.trust p{font-size:10px;text-transform:uppercase;letter-spacing:1px}.partner{color:#67748d}.section{padding:88px 0}.section-head{margin-bottom:36px}.section-head h2{font-size:43px}.service-grid{gap:24px}.service-card{border-radius:16px;padding:33px;position:relative;overflow:hidden;box-shadow:0 5px 20px #101b3503}.service-card:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#244cda,#839afb);transform:scaleX(0);transform-origin:left;transition:transform .3s}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{border-color:#b6c6f2;box-shadow:0 18px 45px #152f7210;transform:translateY(-6px)}.service-icon{width:53px;height:53px;border-radius:13px;background:#eef1ff;border:1px solid #dfe6ff;font-size:24px}.service-card h3{font-size:22px;line-height:1.35}.service-card p{font-size:14px}.company-about{background:linear-gradient(120deg,#f6f8ff,white);border-bottom:1px solid var(--line)}.company-intro h2{font-size:48px}.company-copy{padding-left:30px;border-left:2px solid #dfe6fa}.company-stats{gap:20px;border:0;margin-top:44px;padding-top:0}.company-stats>div{border:1px solid var(--line);border-radius:12px;background:white;padding:25px}.company-stats dd{font-size:41px}.company-stats dt{font-size:12px}.cta{border-radius:20px;padding:52px;background:radial-gradient(ellipse at 90% 10%,#294896,transparent 60%),#101b35;box-shadow:0 18px 40px #101b3510}.cta:before{content:'';position:absolute;width:290px;height:290px;border:1px solid #ffffff0f;border-radius:50%;right:-45px;top:-130px;pointer-events:none}.cta h2{font-size:34px}.cta .button{background:#fff;border-color:white;color:#193ab6}.cta .button:hover{background:#e9eeff}.cta p{color:#c2cde4}.page-intro{max-width:none;padding:74px 0 52px}.page-intro h1{font-size:60px;line-height:1.12}.page-intro p{max-width:680px}.service-category-links{gap:12px;border-bottom:0;padding-bottom:25px}.service-category-links a{border-radius:30px;padding:11px 19px;background:var(--soft);font-size:12px}.service-category{padding:40px;border:1px solid var(--line);border-radius:18px;margin:0 0 25px;gap:40px;scroll-margin-top:110px;box-shadow:0 5px 22px #101b3503}.service-category:nth-child(even){background:#fafbff}.service-category h2{font-size:31px}.service-items li{border-radius:9px;background:white;padding:16px;border-color:#e4e8f3;transition:border-color .2s,background .2s}.service-items li:hover{background:#f4f6ff;border-color:#b6c6f2}.service-items li:before{background:#edf1ff;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:11px}.company-about{scroll-margin-top:88px}.process-number{font-size:40px;color:var(--primary)}.process article{border-top:2px solid #dce4ff;padding-top:20px}.contact-layout{gap:70px}.contact-aside h2{font-size:32px}.contact-form{background:white;border-radius:20px;padding:35px;box-shadow:0 16px 55px #12265a0a;border-top:4px solid var(--primary)}.field label{font-size:12px}.field input,.field select,.field textarea{background:#fafbfe;border-color:#dbe1ee;border-radius:8px;padding:13px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #244cda10}.contact-detail{padding:23px 0}.contact-detail strong{font-size:11px;text-transform:uppercase;letter-spacing:1.3px}.office-address{line-height:1.8}details{padding:23px 18px}details[open]{background:var(--soft);border-radius:10px}summary{font-family:var(--display);font-size:16px}footer{background:#101b35;color:#f4f6ff;border:0;padding-top:48px}.footer-top{padding-bottom:28px}.footer-top p,.footer-contact,.footer-bottom{color:#b4bfd7}.footer-contact a{color:#c2d0ff}.footer-bottom{border-color:#ffffff18}.footer-cta:hover,.footer-bottom a:hover{color:#b2c4ff}.status i{background:#8aa8ff}
/* Motion only enhances content; nothing is hidden while waiting for JavaScript. */
@keyframes enter-section{from{opacity:.35;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes shield-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes orbit-turn{from{transform:rotate(-25deg)}to{transform:rotate(335deg)}}
@keyframes card-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.reveal-enter{animation:enter-section .65s cubic-bezier(.2,.65,.3,1) both}.hero-copy{animation:enter-section .75s ease-out}.shield{animation:shield-float 5s ease-in-out 2}.orb{animation:orbit-turn 18s linear 1}.float-card{animation:card-arrive .8s ease-out both}.card-left{animation-delay:.15s}.card-bottom{animation-delay:.3s}}
@media(max-width:1000px){.hero{gap:30px}.hero h1{font-size:58px}.visual{height:430px}.service-category{padding:28px;gap:25px}.company-intro h2{font-size:40px}.service-card{padding:25px}.company-stats>div{padding:20px}.contact-layout{gap:35px}}
@media(max-width:650px){.container{width:calc(100% - 36px)}.nav{height:76px}.brand-name{font-size:24px}.brand-icon{width:34px;height:39px}.brand-subtitle{font-size:8px}.menu-toggle{border-radius:8px}.hero{padding:43px 0 38px;gap:32px}.hero h1{font-size:clamp(42px,11vw,60px);letter-spacing:-2.5px}.hero-copy>p{font-size:14px}.eyebrow{font-size:9px;letter-spacing:1.7px}.visual{height:375px;border-radius:20px;max-width:440px}.visual-label{font-size:8px}.float-card{padding:11px;font-size:10px}.float-card strong{font-size:11px}.card-top{top:45px;right:12px}.card-left{left:10px;bottom:103px}.card-bottom{bottom:43px;right:12px}.section{padding:55px 0}.section-head h2{font-size:34px}.service-card{padding:28px}.company-intro h2{font-size:39px}.company-copy{padding-left:0;border-left:0}.company-copy p{font-size:14px}.company-stats{gap:12px;margin-top:28px}.company-stats>div{padding:18px 14px}.company-stats dd{font-size:32px}.company-stats dt{font-size:11px}.cta{padding:30px;border-radius:16px}.cta h2{font-size:28px}.page-intro{padding:46px 0 35px}.page-intro h1{font-size:43px;letter-spacing:-2px}.service-category{padding:23px;gap:23px}.service-category h2{font-size:28px}.service-category-links a{padding:9px 13px;font-size:11px}.contact-form{padding:24px}.contact-aside h2{font-size:29px}.footer-top p{font-size:12px}.footer-bottom{line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Shared homepage-style heroes for the inner pages. */
.inner-hero h1{font-size:clamp(43px,4.5vw,62px)}.inner-hero .hero-copy{min-width:0}.solution-art{width:265px;max-width:65%;z-index:1;filter:drop-shadow(0 18px 20px #183b8e25)}#service-categories,#contact-form{scroll-margin-top:112px}.inner-visual .visual-label{font-size:8px;letter-spacing:1.6px}
@media(prefers-reduced-motion:no-preference){.solution-art{animation:shield-float 5s ease-in-out 2}}
@media(max-width:1000px) and (min-width:651px){.inner-hero h1{font-size:43px}.inner-hero .actions{flex-wrap:wrap}.inner-visual .float-card{padding:10px}.inner-visual .float-card strong{font-size:10px}.inner-visual .float-card small{font-size:9px}}
@media(max-width:650px){.inner-hero h1{font-size:clamp(36px,9.7vw,54px)}.inner-hero .actions{flex-wrap:wrap}.inner-visual .visual-label{font-size:7px;letter-spacing:1.3px}.solution-art{width:230px}}

/* Descriptive cards in the Cyber Security catalogue. */
.service-items .service-item-detail{align-items:flex-start;padding:20px;gap:12px}.service-item-detail:before{margin-top:3px}.service-item-detail>div{min-width:0}.service-item-detail h3{font-size:16px;line-height:1.45;letter-spacing:-.3px;margin:0}.service-item-detail p{font-size:13px;line-height:1.8;margin:9px 0 0;color:var(--muted)}
@media(max-width:650px){.service-items .service-item-detail{padding:17px}.service-item-detail h3{font-size:15px}}

/* Native, keyboard-accessible service dropdowns. */
.service-items .service-dropdown{display:block;padding:0;align-self:start;overflow:hidden}.service-items .service-dropdown:before{content:none}.service-disclosure,.service-disclosure[open]{padding:0;border:0;border-radius:9px;background:transparent}.service-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;list-style:none;font-size:15px;line-height:1.5;letter-spacing:-.2px;cursor:pointer;transition:color .2s,background .2s}.service-disclosure summary::-webkit-details-marker{display:none}.service-disclosure summary:hover,.service-disclosure[open] summary{background:#f0f4ff;color:var(--primary)}.service-disclosure summary:focus-visible{outline:3px solid var(--primary);outline-offset:-4px;border-radius:8px}.disclosure-icon{width:23px;height:23px;flex-shrink:0;border:1px solid #cad7fa;border-radius:50%;position:relative;transition:transform .25s}.disclosure-icon:before,.disclosure-icon:after{content:'';position:absolute;background:var(--primary);left:6px;right:6px;top:10px;height:1px}.disclosure-icon:after{transform:rotate(90deg);transition:transform .25s}.service-disclosure[open] .disclosure-icon{transform:rotate(180deg)}.service-disclosure[open] .disclosure-icon:after{transform:rotate(0)}.service-description{overflow:hidden}.service-description p{font-size:13px;line-height:1.85;margin:0;padding:4px 20px 20px;color:var(--muted)}
@media(max-width:650px){.service-disclosure summary{padding:17px}.service-description p{padding:4px 17px 17px}}

/* Identical compact logo sizing in the header and footer. */
.brand-logo-frame,footer .brand-logo-frame{display:block;position:relative;width:105px;height:68px;overflow:hidden;flex-shrink:0}.brand-logo,footer .brand-logo{position:absolute;display:block;width:118px;height:118px;max-width:none;object-fit:contain;left:-6px;top:-20px;margin:0;border-radius:0;background:transparent}.nav{height:80px}footer .brand-logo-frame{background:transparent;border-radius:0;isolation:isolate}footer .brand-logo-frame:before{content:"";position:absolute;inset:6px 8px 9px;background:#121a35;border-radius:3px;z-index:-1}
@media(max-width:650px){.nav{height:76px}nav{top:76px}.brand-logo-frame,footer .brand-logo-frame{width:95px;height:62px}.brand-logo,footer .brand-logo{width:107px;height:107px;left:-6px;top:-18px}}
#service-categories,#contact-form,.service-category,.company-about{scroll-margin-top:100px}

.assessment-findings{padding-left:22px;margin:0 0 24px;font-size:14px;line-height:1.85}
.assessment-findings li{margin:5px 0}

/* Consistent reading column and spacing for the assessment details. */
:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview){text-align:left}
:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview)>h1,:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview)>h2,:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview)>p,:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview)>ul,:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview)>.actions{width:100%;max-width:none;margin-left:0;margin-right:0}
:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview) h1{margin-top:24px;margin-bottom:20px}
:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview)>p{margin-top:0;margin-bottom:20px;font-size:16px;line-height:1.85}
:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview)>h1+p{color:var(--primary);font-size:clamp(18px,2.5vw,22px);line-height:1.5;margin-bottom:24px}
:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview) h2{margin-top:36px;margin-bottom:16px;padding-top:28px;border-top:1px solid var(--line);font-size:clamp(24px,4vw,32px);line-height:1.3;letter-spacing:-.7px}
:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview) .assessment-findings{padding-left:24px;margin-top:0;margin-bottom:28px;font-size:16px;line-height:1.7}
:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview) .assessment-findings li{margin:0;padding:6px 0 6px 4px}
:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview) .assessment-findings li::marker{color:var(--primary)}
:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview) .actions{flex-wrap:wrap;margin-top:28px}
@media(max-width:650px){:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview)>p,:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview) .assessment-findings{font-size:15px}:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview) h2{margin-top:28px;padding-top:24px}:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview) .actions .button{width:100%}}


:is(.cybersecurity-overview,.infrastructure-overview,.application-overview,.service-overview) .assessment-prose{text-align:justify;text-align-last:left;hyphens:auto;overflow-wrap:break-word}