/* Pattakos 2026. Responsive, accessible, dependency-free CSS. */
:root{--ink:#071828;--ink2:#0d3a61;--muted:#5b6972;--paper:#fff;--cloud:#eeeeee;--line:#dfe5e7;--red:#ff6500;--red-dark:#dc5200;--cream:#e8edf0;--max:1180px;--shadow:0 18px 50px rgba(19,35,45,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.17;letter-spacing:-.025em}h1{font-size:clamp(2.4rem,5.2vw,4.7rem)}h2{font-size:clamp(2rem,3.4vw,3.1rem)}h3{font-size:1.2rem}p{color:var(--muted)}:focus-visible{outline:3px solid #dd565a;outline-offset:4px}.container{max-width:var(--max);margin:0 auto;padding-left:24px;padding-right:24px}.skip{position:absolute;left:-9999px;top:0;background:#fff;color:#111;padding:12px;z-index:999}.skip:focus{left:12px;top:8px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--red);font-size:.73rem;letter-spacing:.16em;font-weight:800;text-transform:uppercase;margin-bottom:20px}.eyebrow:before{content:"";width:20px;height:2px;background:var(--red);display:inline-block}em{color:var(--red);font-style:normal}
/* Header */
.site-header{position:relative;background:white;z-index:50;box-shadow:0 1px 0 #e8eaed}.topbar{background:#071828;color:#c9d4db;font-size:.72rem;letter-spacing:.02em}.topbar-inner{display:flex;justify-content:space-between;align-items:center;min-height:32px;gap:20px}.topbar a{color:#fff;font-weight:700}.header-main{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px}.brand{display:flex;align-items:center;max-width:550px;flex:1}.brand-wide{width:100%;max-width:490px;height:auto;max-height:78px;object-fit:contain;object-position:left center}.brand-mono,.brand-short{display:none}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}.header-claim{font-size:.72rem;color:#727f87;letter-spacing:.07em;text-transform:uppercase;font-weight:650}.header-phone{font-size:1.16rem;font-weight:800;color:#15252e;letter-spacing:.012em}.header-phone:hover,.topbar a:hover{color:var(--red)}.nav-shell{background:#071828;color:#fff}.nav-links{display:flex;align-items:center;justify-content:space-between;gap:0}.nav-links>a{padding:15px 9px;display:block;font-size:.805rem;font-weight:650;white-space:nowrap;transition:background .15s}.nav-links>a:hover,.nav-links>a[aria-current="page"]{background:#0d3a61}.nav-links>a.nav-cta{align-self:stretch;background:var(--red);padding-left:17px;padding-right:17px;letter-spacing:.03em;font-size:.74rem}.nav-links>a.nav-cta:hover{background:var(--red-dark)}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);padding:12px}.menu-toggle span{display:block;width:22px;height:2px;background:currentColor;margin:5px 0}
/* Hero */
.hero{color:#fff;background:radial-gradient(circle at 78% 22%,#314956 0%,transparent 38%),linear-gradient(118deg,#071828 6%,#0d3a61 73%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);align-items:center;gap:7%;min-height:565px;padding-top:70px;padding-bottom:70px}.hero .eyebrow,.dark-section .eyebrow{color:#ff883e}.hero .eyebrow:before,.dark-section .eyebrow:before{background:#ff883e}.hero h1{line-height:1.07;margin:0 0 22px;font-weight:790;letter-spacing:-.05em}.hero h1 em,.dark-section h2 em{color:#ff730d}.hero-intro{color:#c7d4da;max-width:615px;font-size:1.11rem;line-height:1.8}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:13px 21px;border-radius:5px;font-weight:760;min-height:50px;border:1px solid transparent;font-size:.9rem;transition:transform .16s,background .16s,color .16s}.button:hover{transform:translateY(-2px)}.button-red{background:var(--red);color:#fff}.button-red:hover{background:#9e0e17}.button-outline-light{border-color:#81949d;color:#fff}.button-outline-light:hover{background:rgba(255,255,255,.1)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#334b56}.button-white{background:#fff;color:var(--ink)}.button-white:hover{background:#f2f2f2}.button-ghost{color:#fff;border-color:rgba(255,255,255,.6)}.button-ghost:hover{background:#ffffff20}.hero-highlights{display:flex;gap:17px;flex-wrap:wrap;font-size:.72rem;color:#c1d0d6;letter-spacing:.01em;margin-top:36px}.hero-highlights span{white-space:nowrap}.hero-visual{border:1px solid #455d68;border-radius:16px;background:linear-gradient(148deg,#203540,#162832);box-shadow:0 26px 65px rgba(0,0,0,.25);min-height:344px;overflow:hidden}.visual-head{display:flex;align-items:center;gap:10px;font-size:.66rem;letter-spacing:.14em;font-weight:750;padding:20px 22px;background:#ffffff08;color:#d7e4e9}.signal-dot{height:9px;width:9px;display:inline-block;background:#76cb94;box-shadow:0 0 0 4px #76cb941a;border-radius:50%}.signal-text{margin-left:auto;color:#78c59e;font-size:.63rem}.topology{padding:26px 24px 25px;text-align:center}.topo-main{display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #607584;background:#283e4a;border-radius:9px;padding:17px 20px;text-align:left}.topo-symbol{font-size:2rem;color:#ff6500}.topo-main b,.topo-main small{display:block}.topo-main b{font-size:.94rem}.topo-main small{font-size:.73rem;color:#b8cbd1}.topo-trunk{height:32px;border-left:2px solid #7596a1;width:0;margin:0 auto;position:relative}.topo-trunk:after{content:"";width:64%;position:absolute;border-top:2px solid #7596a1;bottom:0;left:50%;transform:translateX(-50%)}.topo-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topo-columns>div{background:#142b38;border:1px solid #405f71;padding:16px 7px 12px;border-radius:6px;position:relative}.topo-columns>div:before{content:"";position:absolute;border-left:2px solid #7596a1;height:12px;left:50%;top:-13px}.topo-columns b,.topo-columns small,.port-num{display:block}.topo-columns b{font-size:.82rem}.topo-columns small{color:#99b1bd;font-size:.67rem}.port-num{color:#ffb37c;font-weight:780;font-size:.64rem;margin-bottom:9px}.visual-foot{display:flex;justify-content:space-between;padding:18px 24px;border-top:1px solid #405361;color:#a6bac2;font-size:.64rem;letter-spacing:.12em}
.trust-strip{background:#f6f7f8;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid>div{padding:22px 25px;border-right:1px solid var(--line);display:flex;align-items:center;gap:18px;font-size:.83rem;font-weight:680}.trust-grid>div:last-child{border-right:0}.trust-grid b{font-size:1.25rem;color:#ff6500}
/* Sections */
.section{padding-top:88px;padding-bottom:90px}.section-heading{max-width:760px;margin:0 0 35px}.section-heading h2{margin-bottom:18px;font-weight:770}.section-heading p{max-width:690px;font-size:1.02rem;line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border:1px solid var(--line);padding:29px 27px 26px;min-height:276px;border-radius:8px;display:flex;flex-direction:column;transition:border-color .16s,transform .16s,box-shadow .16s;background:#fff}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#fabb91}.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.service-number{font-weight:830;color:var(--red);font-size:1.1rem}.service-cat{color:#8c999e;letter-spacing:.12em;font-size:.64rem;font-weight:750}.service-card h3{font-size:1.4rem;margin:0 0 10px}.service-card p{font-size:.91rem;line-height:1.67;margin-bottom:20px}.text-link{color:var(--red);font-size:.86rem;font-weight:790;display:inline-flex;gap:10px;align-items:center}.service-card .text-link{margin-top:auto}.text-link:hover{text-decoration:underline}.dark-section{background:linear-gradient(120deg,#142630,#223a47);color:#fff}.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:9%;padding-top:82px;padding-bottom:82px}.dark-section h2{max-width:590px}.dark-section p{color:#c0d1d8;line-height:1.8}.check-list{display:grid;gap:9px;margin:23px 0 28px;color:#d6e2e7;font-size:.87rem}.feature-aside{border-radius:11px;background:#ffffff0c;border:1px solid #617b87;padding:30px}.feature-badge{background:#ff6500;color:#fff;font-weight:850;letter-spacing:.19em;font-size:.66rem;display:inline-block;padding:6px 10px;border-radius:4px;margin-bottom:25px}.feature-line{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:15px}.feature-line>span:not(.connection){border:1px solid #849ba4;border-radius:7px;background:#253f4b;text-align:center;padding:14px 10px;min-width:100px;font-size:.85rem;font-weight:790}.feature-line .connection{flex:1;height:1px;border-top:1px dashed #b3ccd2;position:relative}.feature-line .connection:after{content:'›';color:#d4ebf0;font-size:1.5rem;position:absolute;right:0;top:-20px}.feature-aside small{display:block;margin-top:20px;color:#93acb6;font-size:.68rem}.split-feature{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:9%}.split-feature p{line-height:1.85}.split-panel{border:1px solid var(--line);border-radius:10px;padding:17px 27px;background:#f7f8f9}.split-panel>div{padding:25px 5px;border-bottom:1px solid var(--line);display:grid;gap:4px}.split-panel>div:last-child{border-bottom:0}.split-panel b{color:#1c3845;font-size:.96rem;letter-spacing:.07em}.split-panel span{color:#7d8990;font-size:.83rem}.shaded{background:#f4f6f6}.row-heading{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.row-heading .eyebrow{margin-bottom:12px}.row-heading h2{margin:0}.client-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.client-chip{background:white;border:1px solid #dce3e5;border-radius:8px;min-height:94px;display:flex;align-items:center;justify-content:center;padding:15px;text-align:center;color:#21353e;font-weight:820;font-size:1.05rem;letter-spacing:-.03em}.client-note{font-size:.77rem;margin:21px 0 0}.reviews-grid{display:grid;grid-template-columns:1fr .85fr;gap:8%;align-items:center}.reviews-card{padding:39px;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}.review-stars{color:#dfad2f;letter-spacing:.16em;font-size:1.33rem;margin-bottom:16px}.reviews-card h3{font-size:1.48rem}.reviews-card p{line-height:1.8}.reviews-card a{color:var(--red);font-weight:780;font-size:.86rem}.cta-band{background:#bd1922;color:#fff;padding:54px 0}.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-band h2{font-size:clamp(1.65rem,2.65vw,2.6rem);margin:0 0 7px}.cta-band p{color:#ffe3e3;margin:0;max-width:640px}.cta-band .eyebrow{color:#fff}.cta-band .eyebrow:before{background:#fff}.cta-band .button-row{flex-shrink:0;margin:0}
/* Internal */
.page-hero{background:radial-gradient(circle at 80% 50%,#34505f,transparent 40%),#071828;color:#fff;padding:58px 0 70px}.page-hero .eyebrow{color:#ffb37c}.page-hero .eyebrow:before{background:#ffb37c}.page-hero h1{font-size:clamp(2.5rem,5vw,4.6rem);max-width:830px;margin-bottom:20px}.page-hero p{color:#d0dde2;font-size:1.09rem;line-height:1.85;max-width:810px}.breadcrumbs{color:#bbced4;font-size:.8rem;margin-bottom:35px}.breadcrumbs a:hover{color:#fff;text-decoration:underline}.red-dot{color:#ff730d}.feature-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature-card{border:1px solid var(--line);padding:28px 28px 24px;border-radius:8px}.feature-card h3{font-size:1.25rem;margin-bottom:9px}.feature-card p{font-size:.92rem;line-height:1.8}.small-diamond{color:#ff6500;font-size:.9rem;display:block;margin-bottom:20px}.process-section{padding:75px 0;background:#f4f6f7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{border-top:2px solid var(--red);padding-top:20px}.step>span{display:block;font-size:1.6rem;color:var(--red);font-weight:750;margin-bottom:15px}.step h3{margin-bottom:12px}.step p{font-size:.91rem;line-height:1.75}.tech-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:70px}.tag-chip{background:#edf2f4;color:#304752;border-radius:6px;padding:8px 13px;font-size:.77rem;font-weight:750}.faq-area{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:start}.faq-area h2{font-size:2.1rem}.faq-area details{border-bottom:1px solid #dce3e6;padding:17px 0}.faq-area summary{font-weight:740;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-area summary:after{content:'+';font-size:1.3rem;color:var(--red)}.faq-area details[open] summary:after{content:'−'}.faq-area details p{font-size:.9rem;margin:13px 0 0;line-height:1.8}.related-section{background:#edf2f4;padding:65px 0}.related-section .container{display:grid;grid-template-columns:1fr 1fr;gap:50px}.related-section h2{font-size:2rem}.related-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.related-link{background:white;padding:15px;display:flex;justify-content:space-between;font-size:.85rem;font-weight:750;align-items:center;border-radius:5px}.related-link:hover{color:var(--red)}.client-filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.filter{border:1px solid #d7e0e2;background:#fff;color:#344853;border-radius:30px;padding:8px 15px;font-size:.82rem;font-weight:680}.filter:hover,.filter.active{color:#fff;background:var(--ink);border-color:var(--ink)}.client-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.client-list-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:26px;min-height:180px}.client-ornament{display:block;color:var(--red);font-size:.74rem;font-weight:800;margin-bottom:20px}.client-list-card h3{font-size:1.35rem;margin:0 0 10px}.client-list-card>span:last-child{color:#849098;font-size:.8rem}.client-list-card[hidden]{display:none}.editorial-note{padding:14px 17px;background:#fff9ee;border:1px solid #f5e5bc;border-radius:6px;font-size:.79rem;margin-top:23px}.slim-section{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding-top:65px;padding-bottom:65px}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:start}.contact-methods{display:grid;gap:10px}.contact-methods a{border:1px solid var(--line);border-radius:7px;padding:16px;display:grid;grid-template-columns:36px 1fr 14px;gap:12px;align-items:center}.contact-methods a:hover{border-color:var(--red)}.contact-methods>a>span:first-child{color:var(--red);font-size:.78rem;font-weight:800}.contact-methods b,.contact-methods strong{display:block}.contact-methods b{font-size:.75rem;color:#7d8b92}.contact-methods strong{font-size:.95rem;word-break:break-word}.contact-panel{border:1px solid var(--line);border-radius:10px;padding:35px;background:#f8f9f9}.contact-panel h3{font-size:1.65rem;margin-bottom:12px}.contact-panel p{font-size:.89rem;line-height:1.75}.contact-panel form{display:grid;gap:8px}.contact-panel label{margin-top:9px;font-weight:730;font-size:.81rem}.contact-panel label span{color:var(--red)}.contact-panel input,.contact-panel textarea,.contact-panel select{border:1px solid #d1dadd;background:#fff;color:#1d303b;padding:13px 14px;border-radius:5px;outline:none;width:100%}.contact-panel input:focus,.contact-panel textarea:focus,.contact-panel select:focus{border-color:var(--red);box-shadow:0 0 0 3px #ff650022}.contact-panel .form-note{font-size:.72rem;margin:5px 0 10px;color:#687781}.contact-address{background:#edf2f4;padding:45px 0}.contact-address>.container{display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-address h2{font-size:1.7rem}.contact-address p{margin-bottom:0}
/* Footer */
.footer{background:#071828;color:#e4edf0}.footer-grid{display:grid;grid-template-columns:1.15fr 1fr .9fr;gap:80px;padding-top:65px;padding-bottom:70px}.footer-mark{margin-bottom:18px;background:#fff;padding:7px;border-radius:4px}.footer h2{font-size:1.45rem;max-width:300px}.footer p{color:#afc0c9;font-size:.86rem;line-height:1.75}.footer h3{color:#fff;font-size:.93rem;margin-bottom:20px}.footer a{display:block;margin-bottom:9px;font-size:.82rem;color:#c6d3d9}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #38505c;padding-top:20px;padding-bottom:20px;display:flex;justify-content:space-between;gap:20px;color:#92a8b1;font-size:.73rem}.floating-links{display:none;position:fixed;right:16px;bottom:16px;z-index:40;gap:10px}.floating-links a{height:48px;min-width:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 5px 20px #0003;background:var(--red)}.floating-links a:nth-child(2){background:#158858;font-size:.7rem}
@media(max-width:1100px){.header-main{min-height:86px}.brand-wide{max-width:390px}.nav-links>a{font-size:.72rem;padding:13px 7px}.hero-grid{grid-template-columns:1fr .84fr;gap:30px}.hero h1{font-size:clamp(2.5rem,5vw,4rem)}.visual-head{font-size:.57rem}.topo-main b{font-size:.78rem}}
@media(max-width:860px){.topbar{display:none}.header-main{min-height:77px}.brand-wide{max-width:410px}.header-claim,.header-phone{display:none}.header-right{flex-direction:row}.menu-toggle{display:block}.nav-shell{display:none}.nav-shell.open{display:block;position:absolute;top:100%;width:100%;box-shadow:0 18px 30px #0002}.nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 16px}.nav-links>a{font-size:.86rem;padding:13px}.nav-links>a.nav-cta{align-self:auto;text-align:center}.hero-grid{grid-template-columns:1fr;min-height:initial;padding-top:60px;padding-bottom:55px}.hero-visual{max-width:550px;width:100%}.trust-grid{grid-template-columns:repeat(3,1fr)}.trust-grid>div{padding:18px 12px;gap:10px;font-size:.73rem}.service-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.split-feature,.reviews-grid,.contact-layout{grid-template-columns:1fr;gap:34px}.feature-aside{max-width:560px;width:100%}.client-preview{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-grid>div:first-child{grid-column:span 2}.floating-links{display:flex}.related-section .container{grid-template-columns:1fr}.related-list{max-width:680px}.contact-panel{max-width:620px}.slim-section{grid-template-columns:1fr}.cta-flex{flex-direction:column;align-items:start}.cta-band .button-row{margin-top:10px}}
@media(max-width:570px){.container{padding-left:19px;padding-right:19px}.header-main{min-height:71px}.brand-wide{display:none}.brand-mono{display:block;width:94px;height:auto}.brand-short{display:flex;flex-direction:column;font-weight:900;font-style:italic;line-height:1.14;font-size:.86rem;letter-spacing:-.02em;margin-left:9px}.brand-short small{font-size:.76rem;color:var(--red)}.hero-grid{padding-top:52px;padding-bottom:48px;gap:35px}.hero h1{font-size:2.76rem}.hero-intro{font-size:1rem}.hero-highlights{margin-top:24px;gap:6px 18px}.hero-highlights span{white-space:normal}.hero-visual{min-height:initial}.visual-head{font-size:.54rem;padding:13px 14px}.signal-text{display:none}.topology{padding:19px 13px}.topo-columns{gap:5px}.topo-columns>div{padding:13px 3px}.topo-columns b{font-size:.62rem}.topo-columns small{font-size:.57rem}.topo-main{padding:12px}.topo-main b{font-size:.78rem}.topo-main small{font-size:.62rem}.visual-foot{gap:8px;flex-wrap:wrap;padding:14px;font-size:.56rem}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:12px 8px}.section{padding-top:60px;padding-bottom:62px}.service-grid,.feature-cards,.steps,.client-list{grid-template-columns:1fr}.service-card{min-height:240px}.client-preview{grid-template-columns:repeat(2,1fr)}.client-chip{min-height:80px;font-size:.91rem}.row-heading{display:block}.row-heading .text-link{margin-top:16px}.feature-grid{padding-top:62px;padding-bottom:62px}.feature-line>span:not(.connection){min-width:86px}.reviews-card{padding:28px}.page-hero{padding:36px 0 50px}.breadcrumbs{margin-bottom:28px}.page-hero h1{font-size:2.75rem}.page-hero p{font-size:.97rem}.faq-area{grid-template-columns:1fr;gap:15px}.tech-row{margin-bottom:45px}.related-list{grid-template-columns:1fr}.contact-address>.container{display:block}.contact-address .button{margin-top:19px}.contact-panel{padding:23px}.contact-methods a{grid-template-columns:26px 1fr 14px}.footer-grid{grid-template-columns:1fr;padding-top:48px;padding-bottom:40px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}.cta-band{padding:40px 0}.cta-band .button-row{width:100%;flex-direction:column}.cta-band .button{width:100%}.button-row{gap:10px}.button-row .button{font-size:.83rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* v2 · corporate palette from existing pattakos.gr, with two click-to-call phones */
:root{--brand-navy:#071828;--brand-blue:#0d3a61;--brand-orange:#ff6500;--brand-red:#df171f;--brand-grey:#eeeeee}
.site-header{border-top:3px solid var(--brand-orange)}
.topbar{background:var(--brand-navy)}
.nav-shell{background:var(--brand-navy)}
.nav-links>a.nav-cta{background:var(--brand-orange)}
.nav-links>a.nav-cta:hover{background:#dc5200}
.header-main{min-height:110px;gap:22px}
.brand{max-width:485px;min-width:0;flex:1 1 42%}
.brand-wide{max-width:465px;max-height:92px}
.header-right{display:flex;flex:0 1 auto;flex-direction:row;justify-content:flex-end;align-items:center;min-width:0;white-space:normal}
.header-phones{display:flex;gap:11px;align-items:center;justify-content:flex-end}
.header-phone-link{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #dce2e8;border-radius:9px;background:#fff;white-space:nowrap;transition:border-color .16s,background .16s}
.header-phone-link:hover{border-color:var(--brand-orange);background:#fff9f5}
.phone-icon{width:32px;height:32px;border-radius:7px;background:#fff1e7;color:#e75a00;display:grid;place-items:center;flex:none}
.phone-icon svg{width:20px;height:20px}
.phone-info{display:flex;flex-direction:column;line-height:1.23}
.phone-info small{font-size:.68rem;color:#647583;font-weight:700}
.phone-info strong{font-size:.91rem;font-weight:800;letter-spacing:.005em;color:#071828}
.hero{background:radial-gradient(circle at 80% 25%,#163c58 0%,transparent 48%),linear-gradient(115deg,#071828,#0d304a 95%)}
.hero h1 em,.dark-section h2 em{color:#ff6500}
.hero .eyebrow,.dark-section .eyebrow{color:#ff893d}
.hero .eyebrow:before,.dark-section .eyebrow:before{background:#ff893d}
.hero-visual{background:linear-gradient(145deg,#122c43,#071828);border-color:#315269}
.dark-section{background:linear-gradient(120deg,#071828,#0d3a61)}
.button-red{background:#ff6500;color:#fff}
.button-red:hover{background:#dc5200}
.text-link,em,.service-number{color:#e75a00}
.service-grid .service-card{border-top:6px solid var(--brand-orange)}
.service-grid .service-card:nth-child(2){border-top-color:var(--brand-blue)}
.service-grid .service-card:nth-child(3){border-top-color:#8a959e}
.service-grid .service-card:nth-child(4){border-top-color:var(--brand-red)}
.service-grid .service-card:nth-child(5){border-top-color:var(--brand-orange)}
.service-grid .service-card:nth-child(2) .service-number{color:var(--brand-blue)}
.service-grid .service-card:nth-child(3) .service-number{color:#596a76}
.service-grid .service-card:nth-child(4) .service-number{color:var(--brand-red)}
.footer{background:#071828}
.footer-phone{display:flex!important;align-items:center;gap:9px;font-weight:720}
.footer-phone svg{width:17px;height:17px;flex:none;color:#ff883e}
.icon-call-button svg{width:19px;height:19px;flex:none}
.floating-links a svg{width:22px;height:22px}
.contact-type-icon{display:grid;place-items:center!important;background:#fff0e5;color:#e75a00;border-radius:7px;min-height:34px;width:34px}
.contact-type-icon svg{height:19px;width:19px}
.contact-methods a{grid-template-columns:36px 1fr 14px}
:focus-visible{outline-color:#ff6500}
@media(max-width:1100px){
 .brand-wide{max-width:345px}
 .header-main{gap:10px;min-height:92px}
 .header-phones{gap:7px}
 .header-phone-link{padding:7px 8px;gap:6px}
 .phone-info strong{font-size:.79rem}
}
@media(max-width:860px){
 .header-main{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding-top:9px;padding-bottom:11px}
 .brand{grid-column:1;grid-row:1;max-width:410px;width:100%}
 .header-right{display:contents}
 .menu-toggle{grid-column:2;grid-row:1;justify-self:end;align-self:center;display:block}
 .header-phones{grid-column:1/-1;grid-row:2;justify-content:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:9px}
 .header-phone-link{justify-content:center;white-space:nowrap;padding:7px 9px}
 .phone-info strong{font-size:clamp(.75rem,2.3vw,.94rem)}
}
@media(max-width:570px){
 .brand{align-items:center}
 .phone-icon{height:29px;width:29px}
 .phone-icon svg{height:18px;width:18px}
 .header-phone-link{gap:6px;min-width:0}
 .phone-info strong{font-size:.77rem}
 .phone-info small{font-size:.62rem}
 .contact-methods a{grid-template-columns:36px 1fr 14px}
}
@media(max-width:370px){
 .phone-icon{width:24px;height:26px}
 .phone-info strong{font-size:.66rem}
 .header-phone-link{padding:6px 4px;gap:3px}
}

/* v4: clickable client gallery; favicon previews until approved brand assets are supplied */
.client-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.client-logo-chip,.client-logo-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dce3e5;border-radius:10px;padding:16px;text-decoration:none;color:#203543;min-width:0;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.client-logo-chip{min-height:112px}
.client-logo-card{min-height:156px;flex-direction:column;text-align:center;justify-content:center;position:relative}
.client-logo-chip:hover,.client-logo-card:hover{transform:translateY(-2px);border-color:#ff6500;box-shadow:0 8px 24px rgba(7,24,40,.10)}
.client-logo:focus-visible,.client-logo-chip:focus-visible,.client-logo-card:focus-visible{outline:3px solid #ff6500;outline-offset:3px}
.client-logo{width:72px;height:72px;display:flex;justify-content:center;align-items:center;border-radius:10px;background:#f1f5f8;flex:none;position:relative;overflow:hidden}
.client-logo img{height:46px;width:46px;object-fit:contain;position:relative;z-index:1}
.client-logo-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#0d3a61;font-weight:800;letter-spacing:.04em}
.client-logo-info{min-width:0;display:flex;flex-direction:column;gap:6px}
.client-logo-info strong{font-size:1rem;line-height:1.3;overflow-wrap:anywhere;color:#071828}
.client-logo-info small{font-size:.77rem;color:#596b78}
.client-visit{color:#ff6500;font-weight:800;font-size:1.1rem;margin-left:auto}
.client-logo-card .client-visit{position:absolute;right:14px;top:10px}
.client-logo-card[hidden]{display:none}
@media(max-width:1000px){.client-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.client-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logo-chip{padding:12px}.client-logo{height:54px;width:54px}.client-logo img{height:38px;width:38px}}
@media(max-width:520px){.client-preview,.client-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.client-logo-chip{min-height:104px;flex-direction:column;text-align:center;gap:6px}.client-logo-chip .client-visit{display:none}.client-logo-card{padding:16px 8px}.client-logo-info strong{font-size:.86rem}}
@media(max-width:360px){.client-preview,.client-list{grid-template-columns:1fr}.client-logo-chip{flex-direction:row;text-align:left}}

/* V5 — clients gallery imported from supplied project sample */
.customer-showcase{padding-top:72px;padding-bottom:78px}
.customer-stats{display:flex;flex-wrap:wrap;gap:13px;margin:0 0 26px}
.customer-stats>span{border:1px solid #d9e2e8;background:#f3f6f8;padding:13px 19px;border-radius:10px;color:#546978;font-size:.91rem}
.customer-stats strong{font-size:1.2rem;color:#071828;margin-right:5px}
.customer-jump{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:38px;scroll-margin-top:90px}
.customer-jump a{display:inline-flex;align-items:center;gap:9px;text-decoration:none;border:1px solid #cad6df;border-radius:99px;padding:10px 15px;color:#0d3a61;background:#fff;font-size:.87rem;font-weight:700;line-height:1.2}
.customer-jump a:hover,.customer-jump a:focus-visible{background:#071828;border-color:#071828;color:#fff}
.customer-jump span{border-radius:99px;background:#eef2f5;padding:3px 7px;font-size:.76rem;color:#0d3a61}
.customer-group{margin-top:47px;scroll-margin-top:100px}
.customer-group-title{display:flex;justify-content:space-between;align-items:end;gap:16px;border-bottom:2px solid #e3e8ed;padding-bottom:19px;margin-bottom:19px}
.customer-group-title h2{font-size:clamp(1.35rem,2.1vw,1.9rem);margin:6px 0 0;color:#071828;line-height:1.18}
.customer-count{white-space:nowrap;background:#fff2e9;color:#c74a00;border-radius:7px;padding:7px 12px;font-size:.82rem;font-weight:800}
.customer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.customer-tile{display:flex;flex-direction:column;justify-content:start;align-items:center;text-align:center;min-width:0;min-height:178px;padding:17px 10px 14px;text-decoration:none;background:#fff;border:1px solid #dce2e6;border-radius:11px;color:#071828;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
a.customer-tile:hover{border-color:#ff6500;box-shadow:0 9px 25px rgba(7,24,40,.1);transform:translateY(-3px)}
a.customer-tile:focus-visible{outline:3px solid #ff6500;outline-offset:2px}
.customer-unlinked{background:#f9fafb;border-style:dashed}
.customer-visual{width:100%;height:82px;display:flex;align-items:center;justify-content:center;padding:3px 12px;margin-bottom:9px}
.customer-visual img{max-width:100%;width:auto;height:auto;max-height:69px;object-fit:contain}
.customer-name-mark{display:flex;align-items:center;justify-content:center;width:100%;min-height:60px;padding:8px;background:linear-gradient(130deg,#edf4f7,#fff);border-radius:7px;color:#0d3a61;font-size:clamp(.78rem,1.3vw,.95rem);font-weight:850;line-height:1.26}
.customer-title{font-size:.83rem;font-weight:750;line-height:1.32;overflow-wrap:anywhere}
.customer-note{font-size:.71rem;line-height:1.3;color:#617280;margin-top:4px}
.customer-link-hint{font-size:.74rem;line-height:1.3;color:#da5705;margin-top:auto;padding-top:7px;overflow-wrap:anywhere}
.customer-disclaimer{color:#5e707d;font-size:.78rem;line-height:1.6;margin-top:35px}
.customer-home-preview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.customer-home-logo{display:flex;align-items:center;justify-content:center;min-height:91px;background:#fff;border:1px solid #dce2e6;border-radius:9px;padding:14px 12px;transition:box-shadow .18s,border-color .18s}
.customer-home-logo:hover{box-shadow:0 6px 18px rgba(7,24,40,.11);border-color:#ff6500}
.customer-home-logo img{max-width:100%;width:auto;height:auto;max-height:58px;object-fit:contain}
@media(max-width:1050px){.customer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-home-preview{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customer-home-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-showcase{padding-top:47px}.customer-group-title{align-items:start}.customer-count{font-size:.7rem}.customer-stats>span{padding:10px 12px}}
@media(max-width:390px){.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-tile{min-height:162px;padding:12px 6px}.customer-visual{padding:2px 5px}.customer-home-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-group-title{flex-direction:column;gap:8px}.customer-jump a{width:100%;justify-content:space-between}}