/*
Theme Name: VARGSEC Commercial
Theme URI: https://vargsec.fr/
Author: VARGSEC
Author URI: https://vargsec.com/
Description: Site commercial VARGSEC pour vargsec.fr — particuliers, TPE-PME, collectivités, pentest et investigation. Pages et compositions natives WordPress.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vargsec-commercial
*/

:root{--red:#ca2332;--red-bright:#f04b55;--red-dark:#a31d29;--ink:#171b22;--night:#11151c;--slate:#2b323c;--muted:#616976;--paper:#fff;--pale:#f4f5f7;--line:#dce0e5;--max:1184px;--radius:8px;--font:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}img{max-width:100%;height:auto}svg{flex-shrink:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.14;letter-spacing:-.035em}h1{font-size:clamp(2.45rem,5vw,4.65rem);font-weight:780;max-width:900px;margin-bottom:26px}h2{font-size:clamp(1.9rem,3.2vw,2.85rem);font-weight:740;margin-bottom:24px}h3{font-size:1.35rem;letter-spacing:-.022em;margin-bottom:14px}h4{font-size:1.1rem}p{margin-bottom:20px}ul,ol{padding-left:1.3em}li{margin-bottom:8px}button{cursor:pointer}::selection{background:#ffd6d9;color:var(--ink)}:focus-visible{outline:3px solid #e77526;outline-offset:5px}section[id]{scroll-margin-top:100px}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.section{padding-block:88px}.section-small{padding-block:56px}.pale{background:var(--pale)}.dark{background:var(--night);color:white}.eyebrow{font-size:.78rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--red);margin-bottom:21px}.dark .eyebrow,.hero .eyebrow{color:#ff7a83}.eyebrow::before{content:"";display:inline-block;width:26px;height:2px;background:currentColor;margin:0 10px 4px 0}.lead{font-size:1.16rem;line-height:1.75;color:var(--muted);max-width:680px}.dark .lead,.hero .lead{color:#c5cbd3}.fine{font-size:.88rem;color:var(--muted);line-height:1.6}.dark .fine{color:#b6bec9}.accent{color:var(--red)}.text-link{font-weight:700;font-size:.95rem;color:var(--red);text-decoration-thickness:1px}.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:36px}.section-heading h2{margin-bottom:0}.section-heading p{max-width:375px;margin-bottom:4px;color:var(--muted)}.stack>*+*{margin-top:20px}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:white;padding:12px 20px;color:#111}.skip-link:focus{top:10px}.topline{background:var(--night);color:#cbd0d9;font-size:.79rem;padding-block:8px}.topline .wrap{display:flex;justify-content:space-between;gap:16px}.topline a{color:white;text-decoration:none}.topline span+span{margin-left:26px}.site-header{position:sticky;top:0;background:rgba(255,255,255,.98);z-index:30;border-bottom:1px solid var(--line)}.header-inner{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-word{font-size:1.68rem;font-weight:850;letter-spacing:.015em;line-height:1.1;display:block}.brand-word b{color:var(--red);font-weight:850}.brand-tag{display:block;line-height:1.4;font-size:.75rem;letter-spacing:.04em;color:var(--muted);margin-top:5px}.brand-bar{width:5px;height:41px;background:var(--red);display:block}.brand img{max-height:60px;width:auto;max-width:220px}.nav{display:flex;align-items:center;gap:24px}.nav a{font-size:.86rem;font-weight:650;text-decoration:none;white-space:nowrap}.nav a:hover,.nav a[aria-current="page"]{color:var(--red)}.nav .btn{font-size:.82rem;padding:12px 17px}.nav .btn:hover,.nav .btn[aria-current="page"]{color:white}.menu-toggle{display:none;border:1px solid var(--line);background:white;padding:9px 14px;font-weight:650;border-radius:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;min-height:48px;background:var(--red);color:white;border-radius:5px;padding:13px 22px;font-size:.94rem;font-weight:680;text-decoration:none;line-height:1.4;transition:background .15s,transform .15s}.btn:hover{background:var(--red-dark)}.btn:active{transform:translateY(1px)}.btn-outline{background:transparent;border-color:#bbc2cc;color:var(--ink)}.btn-outline:hover{background:#f0f2f4;color:var(--ink)}.dark .btn-outline,.hero .btn-outline{color:white;border-color:#616874}.dark .btn-outline:hover,.hero .btn-outline:hover{background:#292e36}.btn-light{background:white;color:var(--ink)}.btn-light:hover{background:#e8ebef}.actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:29px}
.hero{background:var(--night);color:white;padding:77px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.28fr .85fr;gap:77px;align-items:center;padding-bottom:66px}.hero h1 span{color:var(--red-bright)}.hero .lead{font-size:1.08rem;max-width:600px}.hero-note{font-size:.79rem;color:#adb6c3;display:flex;align-items:center;gap:10px;margin-top:24px;margin-bottom:0}.hero-panel{background:#1c222c;border:1px solid #39414d;border-radius:var(--radius);position:relative;box-shadow:0 25px 70px #0003;overflow:hidden}.panel-cap{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#c2c9d2;padding:16px 25px;border-bottom:1px solid #39414d;display:flex;align-items:center;gap:9px}.panel-cap svg{color:#fa707a}.panel-content{padding:26px}.panel-content h2{font-size:1.8rem;margin:3px 0 12px}.panel-content>p{font-size:.93rem;color:#c2c9d2;margin-bottom:25px}.need-link{display:flex;gap:16px;border:1px solid #454c57;background:#252c37;padding:17px 16px;border-radius:5px;text-decoration:none;margin-top:10px;align-items:center;transition:background .15s,border-color .15s}.need-link:hover{border-color:#df6570;background:#30313a}.need-link svg{width:23px;height:23px;color:#ff828a}.need-link strong{display:block;font-size:.96rem;font-weight:650;line-height:1.4}.need-link small{display:block;color:#bdc5d0;font-size:.79rem;margin-top:3px}.hero-footer{border-top:1px solid #363c45;display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0;gap:20px;font-size:.84rem;color:#c4ccd7}.hero-footer span{display:flex;gap:10px;align-items:center}.hero-footer svg{color:#e7727b;width:18px;height:18px}.proof-strip{background:#f4f5f7;border-bottom:1px solid var(--line)}.proof-strip .wrap{padding-block:20px;display:flex;align-items:center;gap:32px;justify-content:space-between}.proof-strip p{font-size:.88rem;color:#59616e;margin:0}.proof-strip strong{color:var(--ink)}.proof-strip a{font-size:.84rem;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:31px;display:flex;flex-direction:column;align-items:flex-start}.card .icon{width:42px;height:42px;color:var(--red);margin-bottom:30px;display:grid;place-items:center;background:#fff1f2;border-radius:5px}.card .icon svg{width:24px;height:24px}.card p{font-size:.96rem;color:var(--muted)}.card .card-kicker{font-size:.75rem;font-weight:700;color:var(--red);letter-spacing:.07em;text-transform:uppercase;margin-bottom:11px}.card ul{list-style:none;padding:0;margin:0 0 26px;width:100%;font-size:.88rem;color:#4d5662}.card li{padding:8px 0;border-top:1px solid #edf0f2;margin:0}.card li::before{content:"✓";color:var(--red);font-weight:bold;margin-right:10px}.card .text-link{margin-top:auto}.card.featured{border-top:3px solid var(--red);padding-top:29px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.grid-2.center{align-items:center}.row-list{border-top:1px solid var(--line)}.row-item{display:grid;grid-template-columns:49px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.row-item .num{font-size:.83rem;color:var(--red);font-weight:700;padding-top:4px}.row-item h3{font-size:1.13rem;margin-bottom:9px}.row-item p{font-size:.94rem;color:var(--muted);margin:0}.quote-box{border-left:4px solid var(--red);padding:4px 0 4px 26px;margin:25px 0}.quote-box p{font-size:1.6rem;font-weight:650;line-height:1.45;letter-spacing:-.025em;margin-bottom:16px}.quote-box cite{font-style:normal;font-size:.93rem;color:var(--muted)}.person-name{font-size:1.05rem;font-weight:700}.person-label{font-size:.83rem;color:var(--muted)}.initials{width:65px;height:65px;display:grid;place-items:center;color:white;background:var(--ink);border-left:4px solid var(--red);font-size:1.15rem;letter-spacing:.04em}.person-row{display:flex;align-items:center;gap:18px;margin-top:30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.step{border-top:1px solid #4b515a;padding-top:24px}.step .num{color:#ff818a;font-size:.82rem;letter-spacing:.08em;margin-bottom:21px;display:block}.step p{color:#c6cbd3;font-size:.95rem}.step h3{font-size:1.28rem}.dark .section-heading p{color:#b9c1cd}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.tag{font-size:.8rem;padding:7px 13px;border:1px solid var(--line);border-radius:4px}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:0 0 0 2px}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:650;cursor:pointer;padding:22px 0;list-style:none;font-size:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--red);font-size:1.5rem;font-weight:400;flex-shrink:0}.faq details[open] summary::after{content:"−"}.faq details>div{color:var(--muted);padding:0 24px 9px 0;font-size:.96rem}.callout{background:var(--red);color:white;padding-block:55px}.callout .wrap{display:flex;align-items:center;justify-content:space-between;gap:50px}.callout h2{font-size:2.15rem;margin-bottom:11px}.callout p{margin-bottom:0;color:#fff2f2;max-width:720px}.callout .btn{white-space:nowrap}.site-footer{background:var(--night);color:white;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:44px}.site-footer .brand-tag{color:#bac2cd}.site-footer .brand-word b{color:#f4717a}.site-footer p{font-size:.89rem;color:#abb6c6;margin:22px 0;max-width:300px}.site-footer h2{font-size:.83rem;letter-spacing:.025em;margin:3px 0 22px}.site-footer ul{list-style:none;padding:0;margin:0;font-size:.86rem;color:#bec6d1}.site-footer li{margin-bottom:11px}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #343a44;padding-top:21px;margin-top:43px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:.75rem;color:#a1abba}.footer-legal{display:flex;gap:22px}.mobile-contact{display:none}.page-hero{background:var(--night);color:white;padding-block:62px}.page-hero .eyebrow{color:#ff7a83}.page-hero h1{font-size:clamp(2.35rem,4.6vw,3.8rem);max-width:850px;margin-bottom:24px}.page-hero .lead{color:#c5cbd3}.breadcrumb{font-size:.81rem;margin-bottom:27px;color:#b8c0cb}.breadcrumb a{color:white}.page-grid{display:grid;grid-template-columns:1.28fr .75fr;gap:70px}.aside-box{border:1px solid var(--line);padding:30px;border-top:4px solid var(--red);border-radius:5px;background:var(--pale)}.aside-box h2{font-size:1.45rem}.aside-box p{color:var(--muted);font-size:.96rem}.aside-box .btn{width:100%}.check-list{list-style:none;margin:0;padding:0}.check-list li{position:relative;padding-left:26px;margin-bottom:15px}.check-list li::before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:700}.scope{background:#fff4f4;border-left:3px solid var(--red);padding:20px 24px;margin-block:26px;color:#66272d;font-size:.93rem}.scope p:last-child{margin:0}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.service-grid .card{padding:28px}.service-grid .card h3{font-size:1.22rem}.service-grid .card p:last-child{margin-bottom:0}.wide-card{border:1px solid var(--line);border-left:4px solid var(--red);border-radius:6px;background:white;padding:34px}.wide-card h3{font-size:1.4rem}.wide-card p:last-child{margin-bottom:0}.article-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;background:white}.article-band{background:var(--night);color:white;padding:29px 30px;min-height:116px;display:flex;justify-content:space-between;align-items:center;gap:20px}.article-band svg{color:#fa7e86;width:29px;height:29px}.article-band span{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:#c8cdd5}.article-body{padding:29px;display:flex;flex:1;flex-direction:column}.article-body h3{font-size:1.3rem}.article-body p{font-size:.93rem;color:var(--muted)}.article-body a{margin-top:auto}.reading{max-width:800px;margin-inline:auto}.reading h2{font-size:1.8rem;margin-top:42px}.reading h3{margin-top:27px}.reading .source-links{border-top:1px solid var(--line);padding-top:22px;margin-top:35px;font-size:.9rem}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-direct{padding-bottom:22px;margin-bottom:27px;border-bottom:1px solid var(--line)}.contact-direct h2{font-size:1.5rem;margin-bottom:16px}.contact-direct a{font-size:1.15rem;font-weight:700;color:var(--red);overflow-wrap:anywhere}.contact-direct p{font-size:.95rem;color:var(--muted)}.contact-form{border:1px solid var(--line);border-radius:var(--radius);padding:35px;background:var(--pale)}.contact-form h2{font-size:1.6rem;margin-bottom:11px}.contact-form>p{font-size:.91rem;color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:19px}.field label{display:block;font-size:.87rem;font-weight:650;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #b6bec9;border-radius:4px;padding:12px 13px;background:white;color:var(--ink);min-height:47px;font-size:1rem}.field textarea{resize:vertical;min-height:128px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--red);outline-offset:1px}.field small{display:block;margin-top:7px;font-size:.78rem;color:var(--muted)}.contact-form .actions{margin-top:15px}.form-result{background:white;padding:20px;border:1px solid var(--line);border-left:4px solid var(--red);margin-top:25px;border-radius:4px}.form-result p{font-size:.9rem}.form-result textarea{width:100%;min-height:180px;font-size:.87rem;border:1px solid var(--line);padding:12px;resize:vertical}.form-result[hidden]{display:none}.trust-note{font-size:.8rem;margin-top:17px;color:var(--muted)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nojs-note{padding:12px;background:#fff2f2;color:#5f2630;font-size:.9rem}.admin-bar .site-header{top:32px}.entry-content>.wp-block-group{margin-block-start:0}.entry-content>.wp-block-group.is-layout-flow>*,.entry-content>.wp-block-group.is-layout-flow>*+*{margin-block-start:0;margin-block-end:0}.entry-content>.wp-block-group{max-width:none}.post-list article{padding-block:30px;border-bottom:1px solid var(--line)}.post-list h2{font-size:1.7rem}.pagination{padding-top:30px}.pagination .page-numbers{padding:8px 13px;border:1px solid var(--line)}
@media(min-width:1500px){.hero{padding-top:90px}.hero-grid{padding-bottom:80px}}
@media(max-width:1100px){.nav{gap:16px}.nav a{font-size:.8rem}.nav .btn{padding-inline:12px}.hero-grid{gap:35px;grid-template-columns:1.16fr .9fr}.hero h1{font-size:3.7rem}.card{padding:25px}.grid-2{gap:40px}.contact-layout{gap:45px}.footer-grid{gap:27px}}
@media(max-width:950px){.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;border-bottom:1px solid var(--line);padding:20px 32px;flex-direction:column;align-items:stretch;gap:4px}.nav.is-open{display:flex}.nav a{font-size:1rem;padding:12px 0}.nav .btn{margin-block:9px}.header-inner{min-height:76px}.hero-grid{gap:35px;grid-template-columns:1fr 1fr}.hero h1{font-size:3.1rem}.hero-footer{font-size:.76rem;gap:12px}.section{padding-block:65px}.cards{gap:15px}.card{padding:23px}.card h3{font-size:1.15rem}.section-heading{gap:25px}.footer-grid{grid-template-columns:1.4fr 1fr;gap:34px}.page-grid{gap:35px}.contact-layout{gap:32px}.contact-form{padding:25px}.field-grid{grid-template-columns:1fr;gap:0}.topline span+span{margin-left:14px}}
@media(max-width:740px){.wrap{width:calc(100% - 38px)}.topline{font-size:.75rem}.topline .top-extra{display:none}.topline .wrap>span{max-width:65%}.brand-word{font-size:1.45rem}.brand-tag{font-size:.75rem}.brand-bar{height:35px}.hero{padding-top:47px}.hero-grid{grid-template-columns:1fr;gap:35px;padding-bottom:40px}.hero h1{font-size:clamp(2.55rem,9vw,3.4rem);max-width:650px}.hero .lead{font-size:1.02rem}.hero-note{font-size:.8rem}.panel-content{padding:24px}.hero-footer{grid-template-columns:1fr;gap:12px;padding-block:20px;font-size:.83rem}.hero-footer span{gap:12px}.hero-footer svg{width:17px}.proof-strip .wrap{display:block;padding-block:18px}.proof-strip p{font-size:.85rem;margin-bottom:9px}.proof-strip a{font-size:.8rem}.section{padding-block:55px}.section-small{padding-block:40px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{margin-bottom:18px}.section-heading p{max-width:100%}.cards,.grid-2,.steps,.service-grid,.page-grid,.contact-layout{grid-template-columns:1fr;gap:24px}.card{padding:27px}.card h3{font-size:1.35rem}.card .icon{margin-bottom:22px}.card ul{margin-bottom:21px}.callout .wrap{display:block}.callout .btn{margin-top:26px}.callout h2{font-size:1.9rem}.callout{padding-block:42px}.footer-grid{grid-template-columns:1fr 1fr;gap:33px 22px}.footer-grid>div:first-child{grid-column:1/-1}.site-footer{padding-top:45px;padding-bottom:98px}.site-footer p{max-width:90%;margin-bottom:0}.footer-bottom{margin-top:31px;font-size:.75rem}.footer-legal{gap:16px;flex-wrap:wrap}.mobile-contact{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);padding:10px 15px;padding-bottom:calc(10px + env(safe-area-inset-bottom));gap:10px;z-index:25;box-shadow:0 -3px 20px #0001}.mobile-contact a{flex:1;min-height:43px;font-size:.85rem;padding:10px 8px}.page-hero{padding-block:40px}.page-hero h1{font-size:2.6rem}.breadcrumb{font-size:.78rem}.quote-box p{font-size:1.38rem}.quote-box{padding-left:20px}.contact-form{padding:24px 20px}.contact-layout{gap:28px}.aside-box{padding:26px}.faq summary{font-size:.96rem}.step{padding-top:20px}.step .num{margin-bottom:13px}.page-hero .actions{margin-top:23px}.admin-bar .site-header{top:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.topline,.site-header,.site-footer,.mobile-contact,.actions,.callout,.contact-form{display:none!important}.hero,.page-hero,.dark{background:white;color:#111}.hero h1 span,.hero .lead,.dark .lead,.dark p,.page-hero .lead{color:#333}.hero-panel{display:none}.hero-grid{display:block}.wrap{width:100%}.section{padding-block:24px}.card,.row-item{break-inside:avoid}body{font-size:11pt}}

@media(max-width:950px){html:not(.vargsec-js) .nav{display:flex;position:static;width:100%;padding:12px 0}html:not(.vargsec-js) .header-inner{flex-wrap:wrap;padding-block:12px}html:not(.vargsec-js) .menu-toggle{display:none}}