:root{--lime:#C2FA36;--black:#0A1011;--dark:#0B1113;--paper:#FCFDFC;--text:#121717;--muted:#4F5B5B;--max:1390px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:#fff;color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.wrap{width:min(var(--max),calc(100% - 88px));margin-inline:auto}.sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round;fill:none;flex:none}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.043em;line-height:1.09}p{line-height:1.58}.skip{position:absolute;top:-100px;left:5px;background:var(--lime);z-index:90;padding:11px;text-decoration:none}.skip:focus{top:5px}:focus-visible{outline:3px solid #6AA00E;outline-offset:3px}.section{padding:46px 0}.kicker{font-size:13px;letter-spacing:.045em;color:#609100;font-weight:900;margin-bottom:12px}.primary{border:0;border-radius:5px;display:inline-flex;align-items:center;gap:17px;justify-content:center;background:var(--lime);color:#0B1212;text-decoration:none;font-weight:850;font-size:14px;line-height:1.1;padding:14px 21px;min-height:46px;white-space:nowrap}.primary:hover{background:#D4FF65}.primary .icon{width:17px;height:17px}
/* Header matches the horizontal, deliberately low-profile screenshot */
.site-header{height:87px;background:#0B1113;color:#FFF;position:sticky;top:0;z-index:50;border-bottom:1px solid #2B3736}.nav-layout{display:flex;align-items:center;gap:27px;height:87px}.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0}.symbol{height:50px;width:50px;display:grid;place-items:center;background:#253028;border:1px solid #728276;border-radius:8px;flex:none}.symbol svg{height:41px;width:41px;fill:none;stroke:#FFF;stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round}.symbol circle{stroke:none;fill:var(--lime)}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-size:31px;font-weight:900;letter-spacing:-.066em}.green-dot{color:var(--lime)}.brand-text small{letter-spacing:.045em;font-size:8px;font-weight:850;margin-top:6px}.desktop-menu{margin-left:auto;display:flex;align-items:center;gap:38px}.desktop-menu a,.footer nav a{font-size:13px;text-decoration:none;font-weight:600}.desktop-menu a:hover,.footer nav a:hover{color:var(--lime)}.nav-button{margin-left:18px}.menu-toggle{display:none;background:none;border:0;color:white;padding:10px;margin-left:auto}.mobile-menu{background:#11191A;padding:12px 5%;border-top:1px solid #37423F}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;text-decoration:none;padding:12px}
/* Hero uses approved person's photographic scene, readable message overlay and no fake-dollar UI patch */
.hero{height:550px;position:relative;background:#0A1011;color:#FFF;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 29%;background:url('images/hero-approved.webp') center 50%/cover no-repeat;opacity:.94}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0A1011 0%,#0A1011 27%,rgba(10,16,17,.95) 37%,rgba(10,16,17,.66) 48%,rgba(10,16,17,.02) 74%),linear-gradient(0deg,rgba(10,16,17,.17),transparent 21%);pointer-events:none}.hero-content{position:relative;z-index:1;height:100%;display:flex;align-items:center}.hero-copy{max-width:500px;margin-top:0}.eyebrow{color:var(--lime);font-weight:900;font-size:12px;letter-spacing:.025em;margin-bottom:15px}.hero h1{font-size:clamp(52px,4.3vw,68px);font-weight:900;margin-bottom:16px}.hero-copy>p{max-width:492px;color:#E6EBE9;font-size:16px;line-height:1.5}.hero-cta{display:flex;gap:13px;align-items:center;margin-top:19px}.hero-cta .secondary{border:1px solid #9FB0B0;background:#11191B99;color:#FFF;padding:12px 23px;min-height:46px;border-radius:4px;font-size:14px;font-weight:750;text-decoration:none}.hero-qualities{display:flex;align-items:center;gap:26px;margin-top:36px}.hero-qualities span{display:flex;align-items:center;gap:9px;font-size:11px;white-space:nowrap}.hero-qualities .icon{height:26px;width:26px;color:var(--lime);stroke-width:1.9}
/* light services area, photos as a single row like the screenshot */
.services{background:var(--paper);padding-top:38px;padding-bottom:28px;overflow:hidden}.services-head{display:grid;grid-template-columns:1.06fr .9fr .42fr;gap:30px;align-items:end;margin-bottom:22px}.services-head h2{font-size:clamp(32px,2.7vw,43px);font-weight:900}.services-head p{font-size:15px;color:#425050;max-width:480px}.top-marks{display:flex;flex-direction:column;gap:9px;align-items:flex-end;color:#AFB7B4;opacity:.3;white-space:nowrap}.top-marks span{font-weight:800;font-size:23px;line-height:1.04}.mark-pair{display:inline-flex;align-items:center;gap:7px}.mark-pair img{width:35px;height:35px;opacity:.8;filter:grayscale(1)}.brand-label{font-style:italic;letter-spacing:-.055em}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service{min-width:0;display:flex;flex-direction:column}.service-photo{display:block;width:100%;aspect-ratio:920 / 550;overflow:hidden;background:#14242C;border-radius:2px}.service-photo img{height:100%;width:100%;display:block;object-fit:cover;transition:transform .3s}.service-photo:hover img{transform:scale(1.025)}
.service h3{font-weight:860;font-size:22px;display:flex;align-items:flex-start;gap:10px;margin:20px 0 12px;min-height:49px}.service h3 .icon{height:27px;width:27px;stroke-width:2.3}.service ul{list-style:none;padding:0;margin:0}.service li{display:flex;align-items:flex-start;gap:10px;color:#313A3C;font-size:14px;line-height:1.34;margin-bottom:10px}.service li .icon{width:20px;height:20px;color:#242B2D;stroke-width:1.85;margin-top:-1px}.text-link{font-size:12px;text-decoration:none;color:#3E6009;font-weight:800;margin-top:auto;padding:11px 0 0}.text-link:hover{text-decoration:underline}.service-watermarks{display:flex;justify-content:space-around;gap:18px;align-items:center;margin:30px 0 0;opacity:.22;color:#85908D}.service-watermarks>div{display:flex;align-items:center;gap:9px;font-size:35px;font-weight:840;white-space:nowrap;letter-spacing:-.045em}.service-watermarks img{max-height:52px;max-width:80px;height:52px;width:auto;filter:grayscale(1);object-fit:contain}.service-watermarks .cpanel-watermark img{max-width:140px;width:140px;height:58px}.wg-wordmark{font-size:34px;font-weight:830;font-style:italic;letter-spacing:-.055em}
/* experience clean, small height, full-section photographic fade on right */
.experience{background:#F1F4F2;position:relative;overflow:hidden;min-height:242px;padding:36px 0}.experience-photo{position:absolute;inset:0 0 0 auto;width:36%;background:url('images/hero-approved.webp') 90% 67%/cover no-repeat;opacity:.47;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3) 20%,#000 60%)}.experience-inner{position:relative;display:grid;grid-template-columns:.95fr 1fr .36fr;gap:38px;align-items:center}.experience-description h2{font-size:clamp(30px,2.65vw,43px);font-weight:900;margin-bottom:12px}.experience-description p{font-size:14px;color:#454F4C;max-width:505px}.experience-benefits{display:flex;flex-direction:column;gap:16px}.experience-benefits>div{display:flex;gap:15px;align-items:center}.round-icon{display:grid;place-items:center;background:#151C1E;color:#FFF;border-radius:100%;width:45px;height:45px;flex:none}.round-icon .icon{width:25px;height:25px}.experience-benefits p{display:flex;flex-direction:column;gap:3px}.experience-benefits strong{font-size:15px}.experience-benefits small{font-size:12px;color:#58615F}
/* Agency diagram mirrors the three boxes & paired curved lime arrows */
.agencies{background:#0D1516;color:#FFF;padding:38px 0}.agencies-inner{display:grid;grid-template-columns:.79fr 1.21fr;gap:52px;align-items:center}.agencies .kicker,.contact .kicker{color:var(--lime)}.agencies-text h2{font-size:clamp(36px,3vw,48px);margin-bottom:19px}.agencies-text p{font-size:14px;line-height:1.57;color:#E1E6E4;margin-bottom:20px;max-width:430px}.agency-graphic{min-width:0}.relationship{display:flex;align-items:center;justify-content:space-between;gap:6px}.relationship-card{border:1px solid #8B9994;border-radius:7px;min-height:153px;flex:1 1 0;max-width:194px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#11191A}.relationship-card>.icon{height:35px;width:35px;stroke-width:2.8;margin-bottom:10px;color:#F4F8F5}.relationship-card strong{font-size:15px;line-height:1.1}.relationship-card small{font-size:12px;line-height:1.2;color:#D6DEDB;margin-top:6px}.relationship-logo{max-width:212px;border-color:var(--lime);background:#111D18}.small-brand{display:flex;align-items:center;gap:8px;justify-content:center;text-align:left}.small-brand .symbol{width:39px;height:39px;border-radius:5px}.small-brand .symbol svg{width:34px;height:34px}.small-brand strong{font-size:22px;letter-spacing:-.07em;line-height:1.05}.small-brand small{display:block;font-size:5.9px;letter-spacing:.04em;line-height:1.2;margin-top:3px}.relationship-logo p{font-size:13px;color:#E8EEE9;margin-top:11px;line-height:1.25}.curve-arrows{width:54px;height:91px;flex:none;overflow:visible}.curve-arrows path{fill:none;stroke:var(--lime);stroke-width:3.8;stroke-linejoin:round;stroke-linecap:round}.curve-arrows.reverse{transform:rotate(180deg)}.agency-skills{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:start;margin-top:24px;text-align:center}.agency-skills span{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:13px;line-height:1.15;color:#D8E3DF}.agency-skills .icon,.agency-skills img{height:33px;width:33px;filter:none;object-fit:contain;color:#F1F5F2}
/* shallow, clear process strip like approved layout */
.process{background:#FFF;padding:34px 0 39px}.process h2{font-size:clamp(32px,2.7vw,43px);margin-bottom:24px}.process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px}.process-step{display:flex;gap:14px;position:relative;min-width:0}.process-step:not(:last-child):after{content:'→';position:absolute;right:-22px;top:12px;color:#A7ADAE;font-size:30px;font-weight:300}.step-num{width:35px;height:35px;background:#141B1C;border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:17px;font-weight:900;flex:none}.process-step>div{display:flex;flex-direction:column;min-width:0}.process-step strong{font-size:16px;margin:3px 0 7px}.process-step .icon{width:26px;height:26px;color:#20292A;margin-bottom:7px}.process-step p{font-size:12px;color:#5C6766;line-height:1.48;max-width:220px}
/* Contact: same graphic rhythm and signature, dark form surround with LIGHT inputs only */
.contact{background:#0B1416;color:#FFF;position:relative;min-height:288px;padding:38px 0 33px;overflow:hidden}.contact-photo{position:absolute;inset:0 0 0 auto;width:30%;background:url('images/hero-approved.webp') 79% 91% /cover no-repeat;opacity:.3;mask-image:linear-gradient(90deg,transparent 0%,black 45%)}.contact-inner{position:relative;display:grid;grid-template-columns:.97fr .85fr .46fr;gap:28px;align-items:center}.contact-copy h2{font-size:clamp(30px,3vw,45px);font-weight:900;margin-bottom:15px}.contact-copy p{font-size:15px;color:#D9E4E0;max-width:550px;margin-bottom:23px}.contact-mail{display:inline-flex;gap:11px;align-items:center;font-weight:700;font-size:17px;text-decoration:none}.contact-mail .icon{color:var(--lime);height:29px;width:29px}.contact-copy small{display:block;color:#B0C1BE;font-size:11px;margin-top:10px}.form-panel{background:#182326F0;border:1px solid #3A4A49;border-radius:8px;padding:21px 23px;box-shadow:0 8px 25px #0004}.form-panel h3{font-size:20px;margin-bottom:14px;letter-spacing:-.03em}.form-panel label{display:block;font-size:12px;font-weight:760;margin-bottom:10px}.form-panel label span{display:block;margin-bottom:5px}.form-panel .two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-panel input,.form-panel textarea{width:100%;background:#F4F6F5;border:1px solid #D8E0DD;border-radius:4px;color:#182426;font-size:14px;padding:11px 13px;line-height:1.3;min-width:0}.form-panel input::placeholder,.form-panel textarea::placeholder{color:#6E7775}.form-panel textarea{resize:vertical;min-height:75px}.form-panel .primary{margin-top:2px;min-width:145px}.privacy-help{font-size:10px;margin-top:9px;color:#BECBC7}.privacy-help a{color:#D9F7AA}.feedback{background:#D7EABF;color:#172910;padding:10px 12px;font-size:12px;border-radius:3px;margin-bottom:10px}.feedback.error{background:#F6DAD8;color:#5D1818}.feedback[hidden]{display:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.signature{justify-self:center;align-self:center;display:flex;flex-direction:column;align-items:center;text-align:center;transform:rotate(-7deg);color:#FFF4E4;text-shadow:0 2px 5px #000C;font-family:"Segoe Print","Bradley Hand","Brush Script MT",cursive;font-style:italic;font-size:clamp(18px,1.8vw,29px);line-height:1.12;white-space:nowrap}.signature i{display:block;width:130px;height:12px;border-bottom:4px solid var(--lime);transform:rotate(-9deg) translate(14px,-7px);border-radius:50%}
.footer{background:#10191A;color:#F2F6F3;border-top:1px solid #354040}.footer-inner{min-height:95px;display:flex;align-items:center;gap:40px;justify-content:space-between}.footer-wordmark{text-decoration:none;font-weight:900;font-size:30px;letter-spacing:-.07em;line-height:1}.footer-wordmark small{display:block;font-size:8px;letter-spacing:.06em;margin-top:6px}.footer nav{display:flex;gap:19px;align-items:center}.footer-inner>small{font-size:11px;text-align:right;color:#C7D1CD}
@media(max-width:1300px){.wrap{width:calc(100% - 64px)}.desktop-menu{gap:23px}.service h3{font-size:19px}.service li{font-size:13px}.agency-graphic .curve-arrows{width:42px}.contact-inner{grid-template-columns:.95fr .9fr .36fr;gap:14px}.signature{font-size:21px}.top-marks span{font-size:19px}.experience-inner{gap:20px}}
@media(max-width:1000px){.desktop-menu,.nav-button{display:none}.menu-toggle{display:block}.hero h1{font-size:52px}.hero-copy{max-width:440px}.hero-qualities{gap:15px}.services-head{grid-template-columns:1.2fr .8fr}.top-marks{display:none}.service-grid{gap:14px}.service h3{font-size:18px}.service li{font-size:12px}.service-watermarks>div{font-size:26px}.service-watermarks img{height:35px}.service-watermarks .cpanel-watermark img{height:48px;width:107px}.experience-inner{grid-template-columns:1fr 1fr}.experience-photo{width:27%;opacity:.2}.agencies-inner{grid-template-columns:1fr;gap:24px}.agencies-text{max-width:650px}.agency-graphic{max-width:760px}.contact-inner{grid-template-columns:1fr 1.1fr}.signature{display:none}.contact-photo{width:45%}.footer-inner{flex-wrap:wrap;gap:15px;padding:22px 0}}
@media(max-width:710px){.wrap{width:calc(100% - 36px)}.site-header,.nav-layout{height:74px}.brand-text strong{font-size:25px}.brand-text small{font-size:6.6px}.symbol{height:43px;width:43px}.symbol svg{height:36px;width:36px}.hero{height:auto;min-height:590px}.hero-photo{inset:0;background-position:60% 50%;opacity:.5}.hero:after{background:linear-gradient(90deg,#0A1011F7,rgba(10,16,17,.94) 42%,rgba(10,16,17,.64))}.hero-content{min-height:590px;padding-top:65px;padding-bottom:50px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(40px,8.7vw,58px)}.hero-copy>p{font-size:15px}.hero-qualities{flex-wrap:wrap;gap:13px}.hero-qualities span{font-size:10px}.hero-qualities .icon{width:23px;height:23px}.section{padding:45px 0}.services-head{display:block;margin-bottom:20px}.services-head h2{font-size:34px;margin-bottom:12px}.services-head p{font-size:14px}.service-grid{grid-template-columns:1fr;gap:37px}.service-photo{aspect-ratio:920 / 550}.service h3{font-size:23px;min-height:auto;margin:14px 0}.service li{font-size:14px;line-height:1.35;margin-bottom:8px}.service-watermarks{flex-wrap:wrap;justify-content:center;gap:12px 25px;margin-top:25px}.service-watermarks>div{font-size:21px}.service-watermarks img{height:35px}.service-watermarks .cpanel-watermark img{width:101px;height:43px}.experience-photo{display:none}.experience-inner{grid-template-columns:1fr;gap:27px}.experience-description h2{font-size:35px}.agencies-inner{gap:24px}.agencies-text h2{font-size:35px}.relationship{gap:2px}.relationship-card{padding:8px 4px;min-height:130px}.relationship-card>.icon{width:26px;height:26px}.relationship-card strong{font-size:12px}.relationship-card small{font-size:9px}.relationship-logo{min-width:0}.small-brand{gap:2px}.small-brand .symbol{width:24px;height:24px}.small-brand .symbol svg{width:22px;height:22px}.small-brand strong{font-size:13px}.small-brand small{font-size:4px}.relationship-logo p{font-size:10px}.curve-arrows{width:26px!important;height:58px}.agency-skills span{font-size:11px}.agency-skills .icon,.agency-skills img{width:26px;height:26px}.process h2{font-size:34px}.process-steps{grid-template-columns:1fr 1fr;gap:24px}.process-step:after{display:none}.process-step strong{font-size:15px}.contact-inner{grid-template-columns:1fr;gap:25px}.contact-photo{opacity:.13;width:100%}.contact-copy h2{font-size:37px}.form-panel{padding:21px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-inner>small{text-align:left}.footer nav{flex-wrap:wrap}}
@media(max-width:400px){.hero h1{font-size:39px}.hero-cta{gap:8px}.primary{padding:13px 15px}.hero-cta .secondary{padding:12px 15px}.process-steps{grid-template-columns:1fr}.form-panel .two-col{grid-template-columns:1fr;gap:0}.relationship{flex-wrap:wrap;justify-content:center;gap:8px}.relationship-card{flex:0 0 40%;max-width:none}.relationship .curve-arrows{transform:rotate(90deg);width:35px!important;flex:0 0 30px}.agency-skills{grid-template-columns:1fr 1fr;row-gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Final visual alignment against approved homepage reference */
@media(min-width:1001px){
 .hero-copy{max-width:576px}
 .hero h1{font-size:clamp(51px,4vw,63px)}
 .hero:after{background:linear-gradient(90deg,#0A1011 0%,#0A1011 31%,rgba(10,16,17,.98) 38%,rgba(10,16,17,.77) 49%,rgba(10,16,17,.16) 72%),linear-gradient(0deg,rgba(10,16,17,.15),transparent 21%)}
}
.agency-skills img{filter:grayscale(1) invert(1) brightness(1.8)}
.service-watermarks .cpanel-watermark img{width:182px;max-width:182px;height:74px;max-height:74px}
@media(max-width:1000px){.service-watermarks .cpanel-watermark img{width:142px;height:58px}}
@media(max-width:710px){.service-watermarks .cpanel-watermark img{width:110px;height:49px}}


/* V9: original hero, new distinct experience, approved VPN & contact */
.hero-photo{inset:0;background-image:url('images/hero-approved.webp');background-position:60% center;background-size:cover;opacity:1}
.hero-photo::after{content:none!important;display:none!important}
.hero:after{background:linear-gradient(90deg,rgba(10,16,17,.94) 0%,rgba(10,16,17,.84) 26%,rgba(10,16,17,.50) 41%,rgba(10,16,17,.06) 65%,transparent 86%)}
/* Experience photo is fully opaque on the right; only 18% left transition fades. */
.experience-photo{width:38%;background-image:url('images/experience-new.webp');background-position:62% center;background-size:cover;opacity:1;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.30) 10%,black 25%,black 100%)}
/* Full approved contact art replaces repeated hero. Signature is already part of the image. */
.contact-photo{width:36%;background-image:url('images/contact-approved.webp');background-position:54% 16%;background-size:cover;opacity:.72;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 20%,black 55%)}
.signature{display:none}
/* WireGuard mark policy: descriptive service name with an unbranded network icon, no imitation logo. */
.service-watermarks .wg-descriptive{display:flex;align-items:center;gap:10px;font-weight:820;font-size:33px;letter-spacing:-.055em;font-style:normal;white-space:nowrap}
.wg-descriptive .icon{height:43px;width:43px;stroke-width:2;flex:0 0 auto}
.wg-descriptive sup{font-size:12px;vertical-align:super;margin-left:2px}
@media(max-width:1000px){.hero:after{background:linear-gradient(90deg,rgba(10,16,17,.93),rgba(10,16,17,.70) 52%,rgba(10,16,17,.15))}.experience-photo{width:32%;opacity:1}.service-watermarks .wg-descriptive{font-size:25px}.wg-descriptive .icon{width:34px;height:34px}}
@media(max-width:710px){.hero-photo{background-position:63% 50%;opacity:.6}.experience-photo{display:none}.contact-photo{width:100%;opacity:.12}.service-watermarks .wg-descriptive{font-size:20px}.wg-descriptive .icon{height:28px;width:28px}}

/* V19: reCAPTCHA v2 checkbox, without changing approved photography or page grid. */
.recaptcha-wrap{width:100%;max-width:100%;min-height:78px;margin:7px 0 11px;overflow:visible}
.recaptcha-wrap .g-recaptcha{width:304px;min-height:78px}
@media(max-width:380px){
 .contact-inner>*{min-width:0}
 .form-panel{min-width:0;width:100%}
 .recaptcha-wrap{min-width:0;height:66px;min-height:66px;overflow:hidden}
 .recaptcha-wrap .g-recaptcha{transform:scale(.77);transform-origin:left top}
}