:root,[data-theme=light]{
--font-body:'General Sans',Arial,sans-serif;--font-display:'Cabinet Grotesk','General Sans',sans-serif;
--text-xs:clamp(.75rem,.7rem + .2vw,.8rem);--text-sm:clamp(.875rem,.8rem + .2vw,.9375rem);--text-base:clamp(1rem,.96rem + .2vw,1.0625rem);--text-lg:clamp(1.125rem,1rem + .55vw,1.375rem);--text-xl:clamp(1.8rem,1.35rem + 1.35vw,2.5rem);--text-hero:clamp(3.25rem,1.7rem + 3.9vw,5.5rem);
--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;
--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;
--color-bg:oklch(99% .002 260);--color-text:oklch(24% .035 265);--color-text-muted:oklch(48% .023 265);--color-primary:oklch(48% .22 265);--color-primary-hover:oklch(41% .2 265);--color-surface:oklch(96.8% .006 260);--color-surface-2:oklch(94.5% .012 260);--color-border:oklch(24% .035 265 / .12);--color-hero-panel:oklch(23% .04 265);--color-white:#fff;--color-navy:#111b34;
}
[data-theme=dark]{--color-bg:oklch(19% .022 265);--color-text:oklch(94% .006 260);--color-text-muted:oklch(74% .02 260);--color-primary:oklch(72% .15 265);--color-primary-hover:oklch(78% .13 265);--color-surface:oklch(23% .025 265);--color-surface-2:oklch(28% .03 265);--color-border:oklch(94% .006 260 / .15)}
.container{width:min(1280px,calc(100% - var(--space-24)));margin-inline:auto}
.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:100;background:var(--color-primary);color:#fff;padding:var(--space-3) var(--space-4);transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.header{position:sticky;top:0;z-index:30;background:var(--color-bg);border-bottom:1px solid var(--color-border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:100px}
.brand{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}
.brand-logo{width:200px;height:auto;flex-shrink:0;background:#fff;border-radius:var(--radius-sm)}
.navigation{display:flex;align-items:center;gap:var(--space-5)}
.support-entry{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-8);margin-bottom:var(--space-16);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.support-entry .eyebrow{color:var(--color-primary);margin-bottom:var(--space-3)}
.support-entry h2{font-size:var(--text-lg);letter-spacing:-.4px}
.support-entry p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-3);max-width:60ch}
.support-entry>.button{white-space:nowrap;flex-shrink:0}
@media(max-width:760px){.support-entry{flex-direction:column;align-items:flex-start;gap:var(--space-6);padding:var(--space-6);margin-bottom:var(--space-12)}}
@media(min-width:761px) and (max-width:1180px){.support-nav{display:none}}
.nav-link{font-size:var(--text-sm);font-weight:500;position:relative;padding-block:var(--space-4);color:var(--color-text-muted)}
.nav-link:hover,.nav-link.active{color:var(--color-primary)}
.nav-link.active:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:currentColor;bottom:var(--space-1);left:50%}
.header-actions{display:flex;align-items:center;gap:var(--space-3)}
.icon-button{width:44px;height:44px;display:grid;place-items:center;font-size:var(--text-lg);border-radius:var(--radius-sm)}
.icon-button:hover{background:var(--color-surface-2)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:54px;padding:var(--space-4) var(--space-6);font-size:var(--text-sm);font-weight:600;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm)}
[data-theme=dark] .button{color:var(--color-navy)}
.button:hover{background:var(--color-primary-hover);box-shadow:0 4px 14px #163ed922}
.button>span,.text-link>span{font-size:var(--text-lg);line-height:1}
.button-small{min-height:46px;padding:var(--space-3) var(--space-4);gap:var(--space-6)}
.text-link{display:inline-flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);font-weight:600;min-height:44px}
.text-link:hover{color:var(--color-primary)}
.menu-toggle,.mobile-contact{display:none}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-12);padding-block:var(--space-20) var(--space-16);align-items:center}
.eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:1.8px;display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--color-primary)}
h1{font-family:var(--font-display);font-size:var(--text-hero);font-weight:700;line-height:1.02;letter-spacing:-.055em;margin-bottom:var(--space-6)}
h1>span{color:var(--color-primary)}
.hero-copy>p{font-size:var(--text-base);color:var(--color-text-muted);max-width:50ch;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-8)}
.hero-assurance{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-8);font-size:var(--text-xs);color:var(--color-text-muted)}
.assurance-mark{font-size:var(--text-sm);color:var(--color-primary)}
.hero-visual{height:500px;position:relative;border-radius:var(--radius-md);background:var(--color-hero-panel);isolation:isolate;margin-bottom:var(--space-6)}
.hero-visual>img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:inherit}
.hero-visual::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,#07152655 0%,#07152600 45%,#071526cc 100%)}
.hero-visual .visual-topline,.hero-visual .visual-bottom{z-index:2}
.hero-visual .floating-note{z-index:3}
.visual-topline{position:absolute;top:var(--space-6);left:var(--space-6);right:var(--space-6);display:flex;justify-content:space-between;color:#fff;font-size:var(--text-xs);letter-spacing:1.3px}
.hero-visual .visual-topline{align-items:center}
.hero-visual .visual-topline>span:first-child{padding:var(--space-2) var(--space-3);background:#0b1738b3;border:1px solid #ffffff26;border-radius:var(--radius-sm);letter-spacing:.9px}
.visual-topline>span:last-child{font-size:var(--text-lg)}
.visual-bottom{position:absolute;bottom:var(--space-20);left:var(--space-8);right:var(--space-6);display:flex;align-items:center;gap:var(--space-4);color:#fff;text-shadow:0 2px 12px #000}
.visual-monogram{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:.4px;white-space:nowrap}
.visual-bottom div{border-left:1px solid #ffffff55;padding-left:var(--space-4);display:grid}
.visual-bottom span:not(.visual-monogram){font-size:var(--text-sm)}
.visual-bottom strong{font-size:var(--text-lg);font-weight:500}
.floating-note{position:absolute;left:calc(-1 * var(--space-6));right:var(--space-8);bottom:calc(-1 * var(--space-6));display:flex;align-items:center;gap:var(--space-4);background:var(--color-bg);padding:var(--space-5) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 40px #12214812}
.note-icon{font-size:var(--text-lg);color:var(--color-primary)}
.floating-note div{display:grid;gap:var(--space-1)}
.floating-note strong{font-weight:600;font-size:var(--text-sm)}
.floating-note div>span{font-size:var(--text-xs);color:var(--color-text-muted)}
.trust-strip{border-block:1px solid var(--color-border);background:var(--color-surface)}
.trust-inner{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;align-items:center;gap:var(--space-6);padding-block:var(--space-8)}
.trust-inner>p{font-size:var(--text-xs);letter-spacing:1px;color:var(--color-text-muted)}
.trust-inner>p strong{letter-spacing:0;font-size:var(--text-sm);color:var(--color-text);font-weight:500}
.trust-inner>div{display:flex;align-items:center;gap:var(--space-4);border-left:1px solid var(--color-border);padding-left:var(--space-8);font-size:var(--text-sm);line-height:1.5}
.trust-icon{font-size:var(--text-xs);color:var(--color-primary);font-weight:600}
.trust-inner strong{font-weight:500}
.section{padding-block:var(--space-24)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-10)}
h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.035em}
.section-heading .eyebrow{color:var(--color-primary);margin-bottom:var(--space-4)}
.section-heading>p{font-size:var(--text-base);color:var(--color-text-muted);max-width:40ch}
.services-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--space-4)}
.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-8);text-align:left;display:flex;flex-direction:column;justify-content:space-between;min-height:250px}
.service-card:hover{border-color:var(--color-primary);background:var(--color-surface-2)}
.service-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-xs);letter-spacing:1.4px;color:var(--color-text-muted)}
.card-arrow{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid var(--color-border);border-radius:50%;font-size:var(--text-lg);color:var(--color-text)}
.service-card:hover .card-arrow{color:var(--color-white);background:var(--color-primary);border-color:var(--color-primary)}
.service-copy h3{font-size:var(--text-lg);letter-spacing:-.5px;margin-block:var(--space-6) var(--space-3);font-weight:600}
.service-copy p{font-size:var(--text-sm);color:var(--color-text-muted);max-width:50ch;line-height:1.75}
.service-tags{display:block;font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.7px;margin-top:var(--space-5);line-height:1.8}
.service-tags>span{margin-inline:var(--space-2)}
.service-primary{grid-row:span 2;background:var(--color-navy);color:#fff;overflow:hidden;position:relative}
.service-primary .service-top,.service-primary .service-copy p,.service-primary .service-tags{color:#c2c9da}
.service-primary .card-arrow{border-color:#ffffff33;color:#fff}
.service-primary:hover{background:#172444}
.rack-visual{height:195px;width:100%;margin-block:var(--space-6) var(--space-2);overflow:hidden;border-radius:var(--radius-sm)}
.rack-visual img{height:100%;width:100%;object-fit:cover;object-position:center 70%;filter:brightness(.8)}
.service-primary .service-copy h3{margin-top:var(--space-3)}
.service-digital{grid-column:span 2;min-height:auto;display:block}
.digital-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}
.digital-inner>.service-tags{text-align:right}
.digital-inner h3{margin-top:var(--space-3)}
.expertise-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-top:var(--space-6)}
.expertise-footer p{font-size:var(--text-sm);color:var(--color-text-muted)}
.expertise-footer .text-link{color:var(--color-primary)}
.approach-section{background:var(--color-surface);padding-block:var(--space-20)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-10);margin-top:var(--space-12)}
.steps article{border-top:1px solid var(--color-border);padding-top:var(--space-6)}
.step-number{font-size:var(--text-xl);font-family:var(--font-display);font-weight:500;color:var(--color-primary)}
.steps h3{font-size:var(--text-lg);font-weight:600;margin-block:var(--space-6) var(--space-4)}
.steps p{font-size:var(--text-sm);color:var(--color-text-muted)}
.step-caption{display:block;font-size:var(--text-xs);margin-top:var(--space-6);font-weight:500}
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);align-items:center}
.about-image{height:410px;position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}
.about-image img{height:100%;width:100%;object-fit:cover}
.about-image-label{position:absolute;bottom:var(--space-6);left:var(--space-6);background:var(--color-bg);padding:var(--space-4) var(--space-6);display:grid;gap:var(--space-1);border-radius:var(--radius-sm)}
.about-image-label span{font-size:var(--text-xs);letter-spacing:1.4px;color:var(--color-text-muted)}
.about-image-label strong{font-size:var(--text-lg);font-weight:600}
.about-copy .eyebrow{color:var(--color-primary);margin-bottom:var(--space-4)}
.about-copy h2{margin-bottom:var(--space-6)}
.about-copy>p{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-4)}
.about-values{border-top:1px solid var(--color-border);padding-top:var(--space-5);margin-block:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);font-size:var(--text-xs);font-weight:500}
.about-values span:before{content:"✓";color:var(--color-primary);margin-right:var(--space-2)}
.about-copy .text-link{color:var(--color-primary)}
.about-links{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3) var(--space-6)}
.statistics-section{padding-top:var(--space-16)}
.statistics-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-8)}
.statistics-heading .eyebrow{color:var(--color-primary);margin-bottom:var(--space-4)}
.statistics-heading>p{font-size:var(--text-sm);color:var(--color-text-muted)}
.statistics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}
.statistic-card{border-top:2px solid var(--color-primary);padding-top:var(--space-6)}
.statistic-number{font-family:var(--font-display);font-size:clamp(2.6rem,2rem + 1.5vw,4rem);line-height:1.1;font-weight:700;letter-spacing:-.055em;color:var(--color-primary)}
.statistic-number>span{font-family:var(--font-body);font-size:var(--text-lg);letter-spacing:-.4px;margin-left:var(--space-2);font-weight:500}
.statistic-card h3{font-size:var(--text-base);font-weight:600;margin-block:var(--space-4) var(--space-3)}
.statistic-card>p:last-child{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}
.server-statistic{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-8);margin-top:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.server-statistic .statistic-number{flex-shrink:0}
.server-statistic h3{font-size:var(--text-base);font-weight:600}
.server-statistic>div>p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}
.server-statistic>.text-link{margin-left:auto;white-space:nowrap;color:var(--color-primary)}
.heritage-attribution{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-5);line-height:1.7}
.heritage-attribution a{text-decoration:underline;text-underline-offset:3px}
.team-section{padding-block:var(--space-16);background:var(--color-surface);margin-bottom:var(--space-16)}
.team-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-5)}
.team-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}
.team-card>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center 25%;background:#fff}
.team-card-copy{padding:var(--space-6)}
.team-role{display:block;font-size:var(--text-xs);color:var(--color-primary);letter-spacing:.8px;font-weight:600;margin-bottom:var(--space-3)}
.team-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4);letter-spacing:-.4px}
.team-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}
.location-section{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:var(--space-16)}
.location-copy .eyebrow{color:var(--color-primary);margin-bottom:var(--space-4)}
.location-copy>p:not(.heritage-attribution){font-size:var(--text-base);color:var(--color-text-muted);margin-block:var(--space-5);max-width:42ch}
.location-copy address{font-style:normal;font-size:var(--text-base);line-height:1.9;margin-block:var(--space-6)}
.location-copy address strong{font-weight:500}
.location-actions{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}
.location-map{height:350px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}
.map-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;height:100%;padding:var(--space-6)}
.map-placeholder .eyebrow{color:var(--color-primary);margin-bottom:var(--space-4)}
.map-placeholder>strong{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}
.map-placeholder>span:not(.eyebrow){font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-3)}
.map-placeholder>.button{margin-top:var(--space-8);gap:var(--space-4)}
.location-map-frame{display:block;width:100%;height:100%;border:0}
.map-notice{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-3)}
@media(max-width:1100px){.team-grid{grid-template-columns:repeat(2,1fr)}.team-card>img{aspect-ratio:1.25;object-position:center 30%}.team-card-copy{padding:var(--space-6)}.location-section{gap:var(--space-8)}}
@media(max-width:760px){.statistics-section{padding-top:var(--space-12)}.statistics-heading{display:block}.statistics-heading>p{margin-top:var(--space-4)}.statistics-heading>p br{display:none}.statistics-grid{grid-template-columns:1fr 1fr;gap:var(--space-8) var(--space-5)}.statistic-number{font-size:2.75rem}.statistic-number>span{font-size:var(--text-base);margin-left:var(--space-1)}.server-statistic{padding:var(--space-5);gap:var(--space-4);flex-wrap:wrap}.server-statistic>div{flex:1;min-width:160px}.server-statistic>.text-link{margin-left:0}.team-section{padding-block:var(--space-12);margin-bottom:var(--space-10)}.team-grid{gap:var(--space-4)}.team-card-copy{padding:var(--space-4)}.team-role{font-size:.68rem;letter-spacing:.2px}.team-card h3{font-size:var(--text-base)}.team-card p{font-size:var(--text-xs)}.location-section{grid-template-columns:1fr;gap:var(--space-8)}.location-map{height:310px}}
@media(max-width:480px){.team-grid{grid-template-columns:1fr}.team-card>img{aspect-ratio:1.2}.team-card-copy{padding:var(--space-6)}.team-card h3{font-size:var(--text-lg)}.team-role{font-size:var(--text-xs)}.team-card p{font-size:var(--text-sm)}}
.faq-section{display:grid;grid-template-columns:1fr 1.55fr;gap:var(--space-16);padding-bottom:var(--space-24)}
.faq-section .eyebrow{color:var(--color-primary);margin-bottom:var(--space-4)}
.faq-section>div>p{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-5)}
.faq-list{border-top:1px solid var(--color-border)}
.faq-list details{border-bottom:1px solid var(--color-border)}
.faq-list summary{cursor:pointer;padding:var(--space-6) 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm);font-weight:500}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{font-size:var(--text-lg);color:var(--color-primary)}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{color:var(--color-text-muted);font-size:var(--text-sm);padding-bottom:var(--space-6);max-width:65ch}
.contact-section{background:var(--color-navy);color:#fff;padding-block:var(--space-20)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);align-items:start}
.contact-copy{padding-top:var(--space-6)}
.contact-copy .eyebrow{color:#bac6e6}
.contact-copy h2{font-size:var(--text-xl);line-height:1.2;margin-bottom:var(--space-6)}
.contact-copy>p{color:#bfc8dc;font-size:var(--text-base)}
.contact-phone{display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-lg);margin-top:var(--space-10);font-weight:500;min-height:44px}
.contact-email{font-size:var(--text-sm);color:#c8d1e6;display:inline-flex;align-items:center;min-height:44px}
.contact-phone:hover,.contact-email:hover{color:#fff;text-decoration:underline}
.contact-address{margin-top:var(--space-8);font-size:var(--text-sm);color:#bfc8dc;line-height:1.8}
.contact-form{background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-8)}
.contact-form h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-6)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.field{margin-bottom:var(--space-4)}
.field label{display:block;font-size:var(--text-xs);font-weight:500;margin-bottom:var(--space-2)}
.field input,.field select,.field textarea{background:var(--color-surface);width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-sm);min-height:46px}
.field input::placeholder,.field textarea::placeholder{color:var(--color-text-muted);opacity:1}
.field textarea{resize:vertical;min-height:90px}
.form-submit{width:100%;justify-content:space-between;margin-top:var(--space-2)}
.form-notice{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-4);line-height:1.6}
.form-result{background:var(--color-surface-2);border-radius:var(--radius-sm);padding:var(--space-4);margin-top:var(--space-6);font-size:var(--text-sm)}
.form-result[hidden]{display:none}
.form-result p{font-size:var(--text-xs);margin-top:var(--space-2)}
.result-actions{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-3)}
.result-actions .text-link{font-size:var(--text-xs);color:var(--color-primary)}
.footer{padding-block:var(--space-10) var(--space-6)}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}
.footer-main p{font-size:var(--text-sm);color:var(--color-text-muted)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap}
.footer-bottom>div{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}
.footer-bottom a,.footer-bottom button{min-height:44px;display:inline-flex;align-items:center}
.footer-bottom a:hover,.footer-bottom button:hover{color:var(--color-primary)}
.detail-dialog{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text);padding:var(--space-8);width:min(620px,calc(100% - var(--space-8)));margin:auto;max-height:85dvh;overflow:auto;box-shadow:0 24px 100px #0003}
.detail-dialog::backdrop{background:#0b143aba;backdrop-filter:blur(4px)}
.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}
.dialog-top .eyebrow{margin:0;color:var(--color-primary)}
.dialog-close{font-size:var(--text-xl)}
.detail-dialog h2{margin-bottom:var(--space-5)}
.detail-dialog>p{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-4)}
.detail-dialog ul{list-style:none;margin-block:var(--space-6)}
.detail-dialog li{font-size:var(--text-sm);padding-block:var(--space-3);border-bottom:1px solid var(--color-border)}
.detail-dialog li:before{content:"✓";color:var(--color-primary);margin-right:var(--space-3)}
.dialog-bottom{display:grid;gap:var(--space-5)}
.dialog-bottom p{font-size:var(--text-sm);color:var(--color-text-muted)}
.copy-fallback{width:100%;min-height:150px;margin-top:var(--space-4);padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);font-size:var(--text-xs)}
.contact-direct-actions,.service-contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-5)}
.service-contact-actions{margin-top:0}
.whatsapp-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:600;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:#14683f;background:#eef9f2}
.whatsapp-link:hover{background:#dbeee2;color:#10512f}
.contact-section .whatsapp-link,.catalogue-contact-band .whatsapp-link{border-color:#afdbc0}
[data-theme=dark] .whatsapp-link{background:#153629;color:#bce5cc;border-color:#3a6b50}
.floating-whatsapp{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:35;display:flex;align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:600;color:#fff;background:#14683f;border-radius:var(--radius-md);box-shadow:0 6px 22px #0a33252b}
.floating-whatsapp:hover{background:#10512f}
body{padding-bottom:var(--space-20)}
.quote-dialog{width:min(680px,calc(100% - var(--space-8)));max-height:90dvh}
.quote-dialog>h2{margin-bottom:var(--space-3)}
.quote-dialog .quote-intro{font-size:var(--text-sm);margin-bottom:var(--space-5)}
.quote-dialog .field{margin-bottom:var(--space-3)}
.quote-submit-actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}
.quote-dialog .form-result{margin-top:var(--space-4)}
.quote-dialog .form-result p{overflow-wrap:anywhere}
.contact-email{overflow-wrap:anywhere}
.references-section{padding-bottom:var(--space-20)}
.logo-carousel{padding-block:var(--space-8);border-top:1px solid var(--color-border)}
.logo-carousel+.logo-carousel{margin-top:var(--space-8)}
.carousel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-6)}
.carousel-heading .eyebrow{color:var(--color-primary);margin-bottom:var(--space-3)}
.carousel-heading p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-3)}
.carousel-controls{display:flex;align-items:center;gap:var(--space-2)}
.carousel-controls .icon-button{border:1px solid var(--color-border);font-size:var(--text-lg)}
.carousel-pause{font-size:var(--text-sm)!important}
.logo-track{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;padding-bottom:var(--space-3);overscroll-behavior-x:contain}
.logo-item{flex:0 0 calc((100% - 4 * var(--space-4))/5);scroll-snap-align:start;min-width:0}
.logo-item img{width:100%;height:118px;object-fit:contain;padding:var(--space-5);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md)}
.logo-item>span{display:block;font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);text-align:center;padding-top:var(--space-3);min-height:40px}
.carousel-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);padding-top:var(--space-3)}
.carousel-status{font-variant-numeric:tabular-nums}
@media(max-width:1024px){.logo-item{flex-basis:calc((100% - 3 * var(--space-4))/4)}}
@media(max-width:760px){.references-section{padding-bottom:var(--space-12)}.carousel-heading{display:block}.carousel-controls{margin-top:var(--space-5)}.logo-item{flex-basis:calc((100% - var(--space-4))/2)}.logo-item img{height:106px;padding:var(--space-4)}.carousel-footer>span:last-child{display:none}.floating-whatsapp{bottom:var(--space-4);right:var(--space-4);min-height:44px;padding:var(--space-2) var(--space-4)}.quote-submit-actions{align-items:stretch;flex-direction:column;gap:var(--space-3)}.quote-submit-actions>button{width:100%}}
@media(max-width:1080px) and (min-width:761px){.navigation{gap:var(--space-4)}.header-cta{display:none}}
@media(min-width:1600px){.hero{padding-block:var(--space-24) var(--space-20)}.hero-visual{height:550px}}
@media(max-width:1180px){.container{width:calc(100% - var(--space-16))}.navigation{gap:var(--space-5)}.header-cta{font-size:var(--text-xs);gap:var(--space-3)}.hero{gap:var(--space-8)}.hero-actions{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.hero-visual{height:480px}.about-section,.contact-grid{gap:var(--space-10)}}
@media(max-width:950px){.navigation{gap:var(--space-4)}.header-cta{display:none}.hero{padding-top:var(--space-16)}h1{font-size:clamp(3rem,5.9vw,4.5rem)}.hero-visual{height:450px}.trust-inner{grid-template-columns:1.15fr 1fr 1fr 1fr;gap:var(--space-4)}.trust-inner>div{padding-left:var(--space-4);gap:var(--space-3)}.trust-icon{display:none}.section-heading{gap:var(--space-8)}.section-heading>p{max-width:32ch}.service-card{padding:var(--space-6)}.about-image{height:430px}}
@media(max-width:760px){
.container{width:calc(100% - var(--space-10))}.header-inner{min-height:84px;gap:var(--space-3)}.brand-logo{width:172px}.header-actions{gap:var(--space-1)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px}.menu-toggle>span{display:block;width:20px;height:2px;background:var(--color-text);transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-4px) rotate(-45deg)}
.navigation{display:none;position:absolute;top:84px;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-5);box-shadow:0 12px 20px #0001}
.navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1)}.nav-link{padding:var(--space-3) var(--space-4)}.nav-link.active:after{display:none}.mobile-contact{display:block;padding:var(--space-4);color:var(--color-primary);font-size:var(--text-sm);font-weight:600}
.hero{grid-template-columns:1fr;padding-block:var(--space-12) var(--space-10);gap:var(--space-10)}.hero .eyebrow{font-size:var(--text-xs);letter-spacing:1.2px;margin-bottom:var(--space-5)}h1{font-size:var(--text-hero);letter-spacing:-.05em}.hero-copy>p{max-width:52ch}.desktop-break{display:none}.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--space-3) var(--space-6);margin-top:var(--space-6)}.hero-assurance{margin-top:var(--space-5);align-items:flex-start;max-width:42ch}.hero-visual{height:340px;margin-bottom:var(--space-5)}.floating-note{left:var(--space-4);right:var(--space-4);padding:var(--space-4)}.visual-bottom{left:var(--space-6);bottom:var(--space-16);flex-direction:column;align-items:flex-start;gap:var(--space-2)}.visual-bottom div{border-left:0;padding-left:0}
.trust-inner{grid-template-columns:1fr 1fr;gap:var(--space-6);padding-block:var(--space-6)}.trust-inner>p{padding-left:var(--space-4)}.trust-inner>div{padding-left:var(--space-4)}.trust-inner>div:nth-child(3){border-left:0}.trust-icon{display:block}
.section{padding-block:var(--space-16)}.section-heading{display:block;margin-bottom:var(--space-8)}.section-heading>p{max-width:52ch;margin-top:var(--space-5)}
.services-grid{grid-template-columns:1fr}.service-primary{grid-row:auto}.service-digital{grid-column:auto}.rack-visual{height:170px}.service-card{min-height:225px;padding:var(--space-6)}.digital-inner{display:block}.digital-inner>.service-tags{text-align:left}.expertise-footer{display:block}.expertise-footer .text-link{margin-top:var(--space-2)}
.approach-section{padding-block:var(--space-16)}.steps{grid-template-columns:1fr;gap:var(--space-8);margin-top:var(--space-8)}.steps article{position:relative;padding-left:var(--space-16);padding-top:var(--space-6)}.step-number{position:absolute;left:0;top:var(--space-6)}.steps h3{margin-top:0}.step-caption{margin-top:var(--space-4)}
.about-section{grid-template-columns:1fr;gap:var(--space-8)}.about-image{height:300px}.about-values{gap:var(--space-3)}.faq-section{grid-template-columns:1fr;gap:var(--space-8);padding-bottom:var(--space-16)}.faq-section>div>p br{display:none}.faq-list summary{padding-block:var(--space-5)}
.contact-section{padding-block:var(--space-12)}.contact-grid{grid-template-columns:1fr;gap:var(--space-10)}.contact-copy{padding-top:0}.contact-copy .eyebrow{letter-spacing:1px;max-width:35ch}.contact-copy h2{font-size:var(--text-xl)}.contact-phone{margin-top:var(--space-6)}.contact-address{margin-top:var(--space-4)}.contact-form{padding:var(--space-6)}
.footer-main{flex-wrap:wrap;gap:var(--space-4)}.footer-main p{order:3;flex-basis:100%}.footer-main>.text-link{font-size:var(--text-xs)}.footer-bottom{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.footer-bottom>div{flex-wrap:wrap;gap:var(--space-4)}.detail-dialog{padding:var(--space-6)}
.detail-dialog{max-height:90dvh;padding:var(--space-5)}.detail-dialog h2{margin-bottom:var(--space-4)}.dialog-top{margin-bottom:var(--space-3)}.detail-dialog ul{margin-block:var(--space-4)}.detail-dialog li{padding-block:var(--space-2)}.dialog-bottom{gap:var(--space-4)}.dialog-bottom p{font-size:var(--text-xs)}
}
@media(max-width:390px){.hero-actions{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr;gap:0}.trust-inner{gap:var(--space-4)}.trust-inner>div{gap:var(--space-2)}.trust-icon{display:none}.contact-form{padding:var(--space-5)}}