:root {
  --ink:#112434;
  --ink-deep:#081623;
  --teal:#103740;
  --teal-soft:#eaf7f5;
  --cyan:#24d0bf;
  --orange:#ff914d;
  --orange-deep:#ef7633;
  --canvas:#f4f7fb;
  --paper:#ffffff;
  --line:#e5ebf1;
  --muted:#697a8b;
  --max:1264px;
  --shadow:0 22px 70px rgba(14,34,52,.09);
  --ease:cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Aptos","Segoe UI",Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
svg{height:20px;width:20px}
.container{width:min(var(--max),calc(100% - 72px));margin:0 auto}

.utility{height:37px;background:#0b1d2a;color:#c8d4df;font-size:11px;letter-spacing:.035em}
.utility-inner{display:flex;height:100%;align-items:center;justify-content:space-between}
.utility-inner>span,.utility a{display:flex;align-items:center;gap:9px}
.utility-inner i,.status-dot{width:8px;height:8px;background:#38d7a0;border-radius:50%;box-shadow:0 0 0 4px #38d7a023}
.utility svg{width:13px;height:13px;color:#8fe8d7}
.site-header{position:sticky;top:0;z-index:20;height:88px;background:#ffffffeb;backdrop-filter:blur(18px);border-bottom:1px solid #e8edf2}
.nav{display:flex;height:100%;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;min-width:205px;align-items:center;gap:11px}
.brand-mark{position:relative;display:flex;height:40px;width:42px;align-items:center;justify-content:center;gap:3px;border-radius:8px;background:#123238}
.brand-mark span{height:23px;width:2px;background:#fff}
.brand-mark span:nth-child(2),.brand-mark span:nth-child(4){width:3px}
.brand-mark i{position:absolute;right:-3px;bottom:-3px;height:12px;width:12px;border:2px solid #fff;border-radius:50%;background:var(--orange)}
.brand-name{font-size:14px;font-weight:800;letter-spacing:.045em;line-height:15px}
.brand-name>span{display:block;color:#327079}
.brand-name small{display:block;margin-top:3px;color:#6a7a88;font-size:7px;font-weight:650;letter-spacing:.11em}
.desktop-nav{display:flex;align-items:center;gap:8px}
.desktop-nav a{padding:10px 11px;border-radius:999px;color:#455669;font-size:12px;font-weight:580;transition:background .2s,color .2s}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{background:#edf8f6;color:#0d665e}
.nav-actions{display:flex;align-items:center;gap:12px}
.button{display:inline-flex;min-height:49px;align-items:center;justify-content:center;gap:10px;padding:0 21px;border:1px solid transparent;border-radius:12px;font-size:13px;font-weight:660;white-space:nowrap;transition:transform .22s var(--ease),background .2s,box-shadow .2s,border-color .2s}
.button:hover{transform:translateY(-2px)}
.button svg{height:15px;width:15px}
.button-orange{background:var(--orange);color:#17232c;box-shadow:0 12px 26px #ff914d38}
.button-orange:hover{background:var(--orange-deep);box-shadow:0 16px 33px #ff914d4a}
.button-white{border-color:#dfe8ee;background:#fff;color:var(--ink)}
.button-white:hover{border-color:#82c9bf}
.button-outline{border-color:#d8e1e7;background:#fff}
.button-small{min-height:41px;padding:0 15px;font-size:11px}
.button-dark{background:#102a39;color:#fff}
.button-dark:hover{background:#154355;box-shadow:0 12px 26px #102a3926}
.mobile-menu{display:none}

.hero{position:relative;min-height:625px;overflow:hidden;background:radial-gradient(ellipse at 15% 90%,#163e52 0,transparent 44%),linear-gradient(118deg,#0b1925 0%,#102939 54%,#0d2733 100%);color:#fff}
.hero-orb{position:absolute;pointer-events:none;border-radius:50%;filter:blur(3px)}
.hero-orb-one{z-index:1;top:-190px;left:-160px;width:520px;height:520px;border:1px solid #ffffff0a;box-shadow:0 0 0 74px #ffffff04,0 0 0 148px #ffffff025}
.hero-media{position:relative;isolation:isolate;aspect-ratio:1.12/1;width:100%;max-height:485px;margin:0;overflow:hidden;border:1px solid #ffffff26;border-radius:28px;background:#152d3b;box-shadow:0 32px 85px #06111b66}
.hero-media::before{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(180deg,transparent 46%,#071723d9 100%)}
.hero-media>img{width:100%;height:100%;object-fit:cover;object-position:57% 48%;filter:saturate(.94) contrast(1.04)}
.hero-media figcaption{position:absolute;z-index:2;right:26px;bottom:24px;left:26px;display:grid;gap:5px;padding:17px 19px;border:1px solid #ffffff24;border-radius:16px;background:#122838ab;backdrop-filter:blur(12px)}
.hero-media figcaption strong{font-size:16px;letter-spacing:-.015em}
.hero-media figcaption span{color:#d2e0e6;font-size:13px}
.hero-grid{position:relative;z-index:2;display:grid;min-height:625px;grid-template-columns:minmax(0,1.03fr) .97fr;align-items:center;gap:56px}
.hero-copy{padding:83px 0 89px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#348578;font-size:10px;font-weight:750;letter-spacing:.125em}
.hero-badge{padding:10px 13px;border:1px solid #ffffff20;border-radius:999px;background:#ffffff0d;color:#bde9de;font-size:9px;backdrop-filter:blur(9px)}
.hero h1{max-width:680px;margin:24px 0 19px;font-size:clamp(44px,5.5vw,68px);font-weight:730;letter-spacing:-.06em;line-height:1.055}
.hero h1>span{color:#79e7d2}
.hero-copy>p{max-width:550px;margin:0;color:#d4dfe7;font-size:16px;line-height:1.8}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-highlights{display:flex;flex-wrap:wrap;gap:15px 20px;margin-top:30px;color:#c5d8dd;font-size:11px}
.hero-highlights span{display:flex;align-items:center;gap:7px}
.hero-highlights svg{height:15px;width:15px;color:#67dcc7}
.metrics{position:relative;z-index:2;background:#091823;color:#fff}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.metrics-grid>div{display:flex;align-items:center;justify-content:center;gap:14px}
.metrics-grid>div+div{border-left:1px solid #ffffff17}
.metrics-grid strong{font-size:39px;font-weight:760;letter-spacing:-.075em}
.metrics-grid strong>span{color:var(--orange);font-size:22px}
.metrics-grid>div>span{max-width:116px;color:#b7c6cf;font-size:11px;line-height:1.5}

.section{padding:108px 0}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}
.section-heading h2,.webmaxx-inner h2,.brands-heading h2,.about-preview-grid h2{max-width:710px;margin:13px 0 0;font-size:41px;font-weight:710;letter-spacing:-.055em;line-height:1.14}
.section-heading h2 em,.brands-heading h2 em,.about-preview-grid h2 em{color:#638094;font-style:normal}
.section-heading>p,.heading-side>p,.brands-heading>p{max-width:350px;margin:0;color:var(--muted);font-size:13px;line-height:1.8}
.heading-side{display:grid;max-width:350px;gap:14px}
.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.service-card{position:relative;display:flex;min-height:245px;grid-column:span 2;flex-direction:column;overflow:hidden;padding:25px;border:1px solid #e5ebf0;border-radius:19px;background:linear-gradient(150deg,#fff,#f8fbfc);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 3}
.service-card:hover{transform:translateY(-5px);border-color:#bce4dc;box-shadow:0 24px 55px #102a3912}
.service-card-top{display:flex;align-items:center;justify-content:space-between}
.service-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#eaf7f5;color:#1b8376}
.service-icon svg{width:24px;height:24px}
.service-index{color:#a4afba;font-size:10px;font-weight:650}
.service-card h3{margin:25px 0 8px;font-size:19px;letter-spacing:-.025em}
.service-card>p{max-width:360px;margin:0;color:#6d7b89;font-size:12px;line-height:1.7}
.card-link{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:22px;color:#187769;font-size:11px;font-weight:720}
.card-link svg{height:15px;width:15px}

.home-parts{padding:88px 0;background:#0c202d;color:#fff}
.home-parts-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:84px}
.home-parts-copy h2{max-width:590px;margin:17px 0 15px;font-size:43px;letter-spacing:-.055em;line-height:1.13}
.home-parts-copy>p{max-width:590px;margin:0;color:#c6d4dc;font-size:13px;line-height:1.9}
.home-parts-actions{display:flex;align-items:center;gap:22px;margin-top:26px}
.text-link-light{color:#9ce3d8}
.home-parts-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.home-parts-list article{display:flex;min-height:116px;align-items:flex-start;gap:15px;padding:20px;border:1px solid #ffffff15;border-radius:16px;background:#ffffff08}
.home-parts-list article>svg{flex-shrink:0;width:22px;height:22px;color:#73dfcd}
.home-parts-list strong,.home-parts-list span{display:block}
.home-parts-list strong{font-size:14px}
.home-parts-list span{margin-top:6px;color:#b8c9d2;font-size:11px;line-height:1.65}

.contract-feature{position:relative;overflow:hidden;padding:96px 0;background:radial-gradient(ellipse at 85% 20%,#1a5060 0,transparent 39%),linear-gradient(118deg,#0b1c29,#123444);color:#fff}
.contract-grid{display:grid;grid-template-columns:1.05fr .82fr;align-items:center;gap:84px}
.eyebrow-light{color:#83d7c8}
.contract-copy h2{margin:18px 0 15px;font-size:45px;font-weight:710;letter-spacing:-.055em;line-height:1.14}
.contract-copy h2 span{color:#8adde0}
.contract-copy>p{max-width:520px;color:#ccdbe3;font-size:13px;line-height:1.9}
.contract-copy>.button{margin-top:17px}
.contract-benefits{display:grid;gap:12px}
.contract-benefits article{display:flex;gap:17px;padding:20px;border:1px solid #ffffff17;border-radius:16px;background:#ffffff09}
.contract-benefits article>svg{flex-shrink:0;width:23px;height:23px;margin-top:3px;color:#75e3d1}
.contract-benefits h3{margin:0 0 5px;font-size:14px}
.contract-benefits p{margin:0;color:#c5d4dd;font-size:11px;line-height:1.75}

.centered{display:block;text-align:center}
.centered h2{max-width:none}
.process-section{background:#fbfcfd}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:43px}
.process-grid article{min-height:155px;padding:23px;border:1px solid #e9eef2;border-radius:17px;background:#fff}
.process-grid article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#edf7f5;color:#1f8375;font-size:13px;font-weight:750}
.process-grid h3{margin:14px 0 6px;font-size:14px}
.process-grid p{margin:0;color:#66798a;font-size:11px;line-height:1.7}

.brands-section{padding:89px 0;background:#f1f6f8}
.brands-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:35px}
.brands-heading h2{font-size:35px}
.brand-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.brand-tile{position:relative;display:flex;height:78px;align-items:center;justify-content:center;border:1px solid #e4eaee;border-radius:13px;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}
.brand-tile:hover{transform:translateY(-3px);border-color:#b4d9d1;box-shadow:0 13px 26px #12303d0e}
.brand-tile strong{font-size:16px;letter-spacing:-.025em}
.brand-tile>svg{position:absolute;top:9px;right:9px;width:12px;height:12px;color:#8b9aa6}

.about-preview{background:#fff}
.about-preview-grid{display:grid;grid-template-columns:1fr .87fr;align-items:center;gap:75px}
.about-preview-grid h2{font-size:40px}
.about-preview-grid>div:first-child>p{max-width:610px;color:#657687;font-size:14px;line-height:1.85}
.about-preview-grid .button{margin-top:10px}
.about-preview-points{display:grid;gap:12px}
.about-preview-points article{display:flex;align-items:center;gap:19px;padding:20px 22px;border:1px solid #e8edf1;border-radius:16px;background:#f8fafc}
.about-preview-points article>strong{min-width:100px;color:#163848;font-size:32px;font-weight:750;letter-spacing:-.065em}
.about-preview-points article>strong>span{color:var(--orange)}
.about-preview-points article>span{max-width:230px;color:#657687;font-size:12px;line-height:1.6}

.insight-section{padding-top:65px}
.text-link{display:flex;align-items:center;gap:8px;color:#176f65;font-size:12px;font-weight:680;white-space:nowrap}
.text-link svg{height:15px;width:15px}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.article-card{display:flex;min-height:265px;flex-direction:column;padding:24px;border:1px solid #e6edf1;border-radius:18px;background:#fff;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.article-card:hover{transform:translateY(-5px);border-color:#bee1dc;box-shadow:0 23px 48px #102a3911}
.article-meta{display:flex;justify-content:space-between;gap:8px;font-size:9px}
.article-meta span:first-child{color:#287c70;font-weight:750;letter-spacing:.065em;text-transform:uppercase}
.article-meta span:last-child{color:#7a8996}
.article-card h3{margin:25px 0 10px;font-size:17px;line-height:1.45}
.article-card>p{margin:0;color:#69798a;font-size:11px;line-height:1.8}
.article-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:21px;color:#71818e;font-size:10px}
.article-footer svg{height:17px;width:17px;color:#317c70}

.webmaxx-bridge{padding:57px 0;background:#f4f7fa}
.webmaxx-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.webmaxx-inner h2{font-size:28px}
.webmaxx-inner p{max-width:670px;color:#637485;font-size:12px;line-height:1.8}
.contact-strip{padding:76px 0;background:radial-gradient(ellipse at 90% 20%,#28516b 0,transparent 42%),linear-gradient(110deg,#102538,#173d51);color:#fff}
.contact-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.contact-strip h2{max-width:690px;margin:12px 0;font-size:36px;letter-spacing:-.05em;line-height:1.17}
.contact-strip p{max-width:630px;margin:0;color:#cbdae3;font-size:12px;line-height:1.8}
.contact-strip-inner>div:last-child{display:grid;justify-items:center;gap:14px}
.contact-strip-phone{display:flex;align-items:center;gap:8px;color:#dce9ef;font-size:12px}
.contact-strip-phone svg{height:15px;width:15px}
.footer{background:#091823;color:#d7e2e7}
.footer-main{display:grid;grid-template-columns:1.48fr 1fr 1fr .9fr;gap:40px;padding:68px 0 44px}
.footer .brand-name{color:#fff}
.footer .brand-name>span{color:#9fe0d5}
.footer .brand-name small{color:#b4c4cd}
.footer .brand-mark{background:#203c49}
.footer-intro>p{max-width:303px;margin:19px 0;color:#b6c5ce;font-size:11px;line-height:1.9}
.footer-about-link{display:inline-flex;align-items:center;gap:8px;color:#8bded0!important;font-size:11px!important;font-weight:650}
.footer-about-link svg{width:14px;height:14px}
.footer-main>div>h3{margin:3px 0 17px;color:#fff;font-size:12px}
.footer-main>div>a{display:block;margin:11px 0;color:#c1cdd5;font-size:11px}
.footer-main>div>a:hover{color:#8de4d4}
.footer-address,.footer-hours{color:#c1cdd5;font-size:11px;line-height:1.8}
.footer-bottom{display:flex;min-height:57px;align-items:center;justify-content:space-between;border-top:1px solid #ffffff17;color:#afc0c8;font-size:10px}
.footer-bottom>span:last-child{display:flex;gap:18px}
.footer-bottom a{display:inline-flex;align-items:center;gap:5px}
.footer-bottom svg{width:11px;height:11px}

/* Belső oldalak és új gyűjtőoldalak */
.page-hero{position:relative;overflow:hidden;padding:36px 0 72px;background:radial-gradient(ellipse at 90% 20%,#dcf1ed 0,transparent 36%),linear-gradient(135deg,#f7fafc,#eef4f6)}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:38px;color:#71818d;font-size:10px}
.breadcrumbs>span{display:flex;align-items:center;gap:10px}
.breadcrumbs i{color:#a0abb4;font-style:normal}
.breadcrumbs strong{color:#405361;font-weight:550}
.page-hero h1{max-width:850px;margin:15px 0 12px;font-size:clamp(37px,5vw,57px);letter-spacing:-.055em;line-height:1.12}
.page-hero>.container>p{max-width:765px;color:#5f7181;font-size:14px;line-height:1.85}
.inner-section{padding:79px 0}
.content-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:57px}
.rich h2{margin:0 0 16px;font-size:28px;letter-spacing:-.04em;line-height:1.2}
.rich h3{margin:35px 0 11px;font-size:19px}
.rich p{color:#586a79;font-size:14px;line-height:1.9}
.rich-block+.rich-block{margin-top:43px}
.check-list{display:grid;gap:12px;margin:20px 0;padding:0;list-style:none}
.check-list li{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6}
.check-list svg{flex-shrink:0;width:17px;height:17px;margin-top:2px;color:#288677}
.sidebar-panel{padding:22px;border:1px solid #e5ebf0;border-radius:17px;background:#fff}
.sidebar-panel+.sidebar-panel{margin-top:13px}
.sidebar-panel h3{margin:0 0 9px;font-size:15px}
.sidebar-panel p{color:#637484;font-size:11px;line-height:1.8}
.sidebar-panel .button{width:100%;margin-top:8px}
.sidebar-panel .sidebar-link{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eef1f4;font-size:12px}
.sidebar-link svg{width:14px;height:14px}
.sidebar-contact{display:flex;align-items:center;gap:8px;margin-top:12px;color:#226f65;font-weight:650}
.sidebar-contact svg{width:15px;height:15px}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}
.info-card{padding:21px;border:1px solid #e5ebf0;border-radius:15px;background:#fbfcfd}
.info-card>svg{width:23px;height:23px;color:#298676}
.info-card h3{margin:14px 0 7px;font-size:14px}
.info-card p{margin:0;color:#657686;font-size:11px;line-height:1.7}
.notice{margin:24px 0;padding:17px 19px;border-left:3px solid #55a997;border-radius:0 11px 11px 0;background:#eef7f5;color:#405866;font-size:13px;line-height:1.75}
.notice-orange{border-color:var(--orange);background:#fff6ef}
.faq-list{display:grid;gap:10px}
.faq-list details{padding:0 16px;border:1px solid #e6edf1;border-radius:12px}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;padding:18px 0;font-size:13px;font-weight:650;list-style:none;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary svg{width:16px;height:16px;color:#428276}
.faq-list details[open] summary svg{transform:rotate(45deg)}
.faq-list details>p{margin:0;padding:0 12px 17px 0;color:#596b7a;font-size:12px;line-height:1.8}
.article-list{grid-template-columns:repeat(2,1fr)}
.article-hero h1{max-width:930px}
.article-details{display:flex;gap:15px;margin:18px 0 0;color:#697887;font-size:11px}
.article-body{max-width:770px}
.article-body h2{margin-top:38px}
.article-body>p{font-size:14px;line-height:1.9}
.ticket-frame{min-height:970px;width:100%;border:1px solid #e0e8ed;border-radius:15px;background:#fff}
.ticket-frame[hidden]{display:none}
.contact-grid{display:grid;grid-template-columns:1fr .94fr;gap:20px}
.contact-card{padding:27px;border:1px solid #e4ebef;border-radius:18px;background:#fff}
.contact-card h2{font-size:21px;letter-spacing:-.03em}
.contact-row{display:flex;gap:13px;padding:15px 0;border-top:1px solid #edf1f3}
.contact-row>svg{width:20px;color:#438576}
.contact-row strong,.contact-row span{display:block;font-size:12px}
.contact-row span{margin-top:5px;color:#647685}
.brand-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#eaf6f3;color:#286b60;font-size:10px;font-weight:650}
.brand-pill svg{height:14px;width:14px}
.model-pills{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}
.model-pills span{padding:8px 12px;border-radius:999px;background:#f0f4f6;font-size:12px}
.wide-benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}
.wide-benefit-grid .info-card{min-height:145px}
.lead-box{margin-top:37px;padding:27px;border-radius:17px;background:linear-gradient(125deg,#102838,#174052);color:#fff}
.lead-box h3{margin:0 0 8px;font-size:19px}
.lead-box>p{color:#d1dee6;font-size:12px}
.lead-box .button{margin-top:12px}
.button-ghost{border-color:#ffffff2b;background:#ffffff0b;color:#fff}
.button-ghost:hover{border-color:#ffffff55;background:#ffffff14}
.lead-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.lead-actions .button{margin-top:0}
.services-overview-intro{max-width:810px;margin:0 0 34px;color:#5d7080;font-size:15px;line-height:1.85}
.services-overview-grid .service-card{min-height:260px}
.service-overview-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.service-overview-details span{padding:5px 9px;border-radius:999px;background:#eff5f6;color:#526674;font-size:10px}
.service-overview-extra{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}
.service-overview-extra article{padding:23px;border:1px solid #e5ebf0;border-radius:16px;background:#fbfcfd}
.service-overview-extra article>svg{color:#278374}
.service-overview-extra h3{font-size:15px}
.service-overview-extra p{color:#657787;font-size:12px;line-height:1.75}
.about-lead{max-width:900px;color:#526777;font-size:17px;line-height:1.9}
.about-story-grid{display:grid;grid-template-columns:minmax(0,1.15fr) .85fr;gap:35px;margin-top:36px}
.about-story-card{padding:30px;border:1px solid #e6edf1;border-radius:19px;background:#fff}
.about-story-card h2{font-size:26px;letter-spacing:-.04em}
.about-story-card p{color:#5d7180;font-size:13px;line-height:1.9}
.about-story-card.accent{background:linear-gradient(145deg,#102838,#164154);color:#fff}
.about-story-card.accent p,.about-story-card.accent li{color:#d1e0e8}
.about-timeline{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:28px}
.timeline-card{padding:21px 22px;border:1px solid #e5ebf0;border-radius:16px;background:#fff}
.timeline-card>span{color:#258477;font-size:14px;font-weight:750}
.timeline-card h3{margin:10px 0 7px;font-size:16px}
.timeline-card p{margin:0;color:#627483;font-size:12px;line-height:1.75}

.parts-page{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.parts-intro>h2{max-width:760px;margin:16px 0;font-size:34px;letter-spacing:-.045em;line-height:1.2}
.parts-intro>p{max-width:790px;font-size:15px;line-height:1.9}
.parts-path{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:22px}
.parts-path span{padding:8px 11px;border:1px solid #cde2dd;border-radius:999px;background:#f1f8f6;color:#176a60;font-size:13px;font-weight:650}
.parts-path span+span::before{margin-right:9px;color:#6c8a85;content:"→"}
.parts-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:32px}
.parts-category-grid article{min-height:176px;padding:22px;border:1px solid #e2eaef;border-radius:17px;background:#fff;box-shadow:0 12px 35px #112b3a08}
.parts-category-grid article>svg{width:25px;height:25px;color:#258678}
.parts-category-grid h3{margin:17px 0 8px;font-size:16px}
.parts-category-grid p{margin:0;font-size:12px;line-height:1.75}
.parts-identification{margin-top:48px;padding:30px;border-radius:20px;background:#edf7f5}
.parts-identification h2{margin-top:12px}
.parts-identification ol{display:grid;gap:0;margin:25px 0 20px;padding:0;list-style:none}
.parts-identification li{display:grid;grid-template-columns:47px 1fr;gap:15px;padding:18px 0;border-top:1px solid #d4e7e2}
.parts-identification li>strong{color:#248477;font-size:13px}
.parts-identification li h3{margin:0 0 5px;font-size:15px}
.parts-identification li p{margin:0;font-size:12px;line-height:1.75}
.parts-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.parts-status-grid article{padding:23px;border:1px solid #e4eaee;border-radius:17px;background:#fff}
.parts-status-grid article>span{color:#268276;font-size:9px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.parts-status-grid h3{margin:11px 0 7px;font-size:17px}
.parts-status-grid p{margin:0;font-size:12px;line-height:1.75}
.parts-faq{margin-top:48px!important}
.parts-lead{margin-top:44px}
.quick-answer{margin-bottom:29px;padding:24px 26px;border:1px solid #cce7e1;border-radius:17px;background:#eff9f7}
.quick-answer>span{display:inline-block;margin-bottom:8px;color:#1f7d70;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.quick-answer>p{margin:0!important;color:#2f4d57!important;font-size:15px!important;line-height:1.85!important}
.article-key-points{padding:24px 26px;border:1px solid #e5ebef;border-radius:17px;background:#fff}
.article-key-points h2{margin:0 0 16px;font-size:21px}
.article-key-points .check-list{margin:0}
.article-toc{display:grid;gap:0;margin:27px 0 45px;padding:24px;border-radius:17px;background:#0e2938;color:#fff}
.article-toc>strong{margin-bottom:11px;color:#8adfd1;font-size:10px;letter-spacing:.09em;text-transform:uppercase}
.article-toc>a{display:grid;grid-template-columns:33px 1fr;gap:10px;padding:11px 0;border-top:1px solid #ffffff16;color:#d8e4ea;font-size:12px;line-height:1.45}
.article-toc>a:hover{color:#8fe2d5}
.article-toc>a>span{color:#74cfc1;font-size:10px}
.article-body>section{scroll-margin-top:120px}
.article-body>section+section{margin-top:45px}
.article-faq{margin-top:55px!important;padding-top:42px;border-top:1px solid #e4ebef}

.skip-link{position:fixed;top:-65px;left:16px;z-index:60;padding:12px 17px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}
.skip-link:focus{top:12px}
.consent{position:fixed;bottom:24px;left:24px;z-index:30;display:flex;width:min(690px,calc(100vw - 48px));align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 17px 50px #102a3926}
.consent strong{font-size:12px}
.consent p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.consent-actions{display:flex;gap:8px}
.consent-actions .button{min-height:39px;padding:0 12px;font-size:11px;cursor:pointer}

.diagnostic-grid{display:grid;gap:13px;margin:22px 0 10px}
.diagnostic-card{padding:20px 22px;border:1px solid #e4ebef;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fbfc)}
.diagnostic-card h3{margin:0 0 8px;color:#183746;font-size:16px}
.diagnostic-card p{margin:0;color:#566978;font-size:14px;line-height:1.78}
.brand-case{margin:34px 0;padding:24px 25px;border-left:4px solid #349787;border-radius:0 16px 16px 0;background:#eef8f5}
.brand-case>span{color:#1f786c;font-size:12px;font-weight:760;letter-spacing:.065em;text-transform:uppercase}
.brand-case>p{margin:11px 0 0;color:#415b67;font-size:15px;line-height:1.78}
.service-faq{margin-top:42px}
.service-answer{margin-bottom:39px}

a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #329486;outline-offset:4px;border-radius:6px}
.hero a:focus-visible,.contact-strip a:focus-visible,.footer a:focus-visible{outline-color:#91e5d7}
.service-card>p,.contract-benefits p,.process-grid p,.home-parts-copy>p,.info-card p,.sidebar-panel p,.article-card>p,.webmaxx-inner p,.contact-strip p,.about-story-card p,.parts-category-grid p,.parts-status-grid p,.parts-identification li p,.footer-intro>p{font-size:14px}
.rich p{font-size:15px}
.faq-list summary{font-size:15px}
.faq-list details>p{font-size:14px}
.check-list li,.card-link,.text-link,.sidebar-panel .sidebar-link,.footer a,.contact-row strong,.contact-row span{font-size:13px}

@media(max-width:1120px){.container{width:calc(100% - 48px)}.desktop-nav{gap:1px}.desktop-nav a{padding:9px 8px;font-size:12px}.brand{min-width:182px}.hero-grid{grid-template-columns:1fr .84fr;gap:28px}.hero-media{width:100%}.home-parts-grid{gap:48px}.contract-grid{gap:50px}.footer-main{grid-template-columns:1.2fr 1fr 1fr;gap:30px}.footer-main>div:last-child{grid-column:2}.brand-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.site-header{height:76px}.desktop-nav{display:none}.brand{min-width:0}.button-small{padding:0 11px;font-size:0}.button-small svg{width:18px;height:18px}.mobile-menu{position:relative;display:block}.mobile-menu>summary{display:grid;width:40px;height:40px;place-items:center;border:1px solid #dce5ea;border-radius:11px;list-style:none;cursor:pointer}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu>div{position:absolute;top:47px;right:0;width:230px;padding:10px;border:1px solid #e2e9ed;border-radius:13px;background:#fff;box-shadow:0 17px 39px #132d3824}.mobile-menu>div>a{display:block;padding:10px;border-radius:7px;font-size:14px}.mobile-menu>div>a:hover,.mobile-menu>div>a[aria-current="page"]{background:#f1f7f6}.hero{min-height:0}.hero-grid{display:flex;min-height:0;flex-direction:column;align-items:stretch;gap:0;padding-bottom:48px}.hero-copy{width:100%;padding:65px 0 32px}.hero-media{width:100%;height:360px;max-height:none;aspect-ratio:auto;border-radius:22px}.hero-media::before{background:linear-gradient(180deg,transparent 40%,#071723e3 100%)}.hero-media>img{object-position:57% 48%}.hero h1{max-width:680px;font-size:56px}.metrics-grid{grid-template-columns:1fr 1fr;gap:20px;padding:23px}.metrics-grid>div{justify-content:flex-start}.metrics-grid>div+div{border-left:0}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 1}.service-card:last-child{grid-column:1/-1}.home-parts-grid,.contract-grid,.about-preview-grid{grid-template-columns:1fr;gap:37px}.content-sidebar,.contact-grid,.about-story-grid{grid-template-columns:1fr;gap:30px}.process-grid{grid-template-columns:repeat(2,1fr)}.about-preview-points article{justify-content:flex-start}.service-overview-extra{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}.footer-main>div:last-child{grid-column:auto}}
@media(max-width:620px){.container{width:calc(100% - 34px)}.utility{font-size:10px}.hero-grid{padding-bottom:34px}.hero-media{height:275px;border-radius:18px}.hero-media figcaption{right:15px;bottom:15px;left:15px;padding:13px 14px}.hero-media figcaption strong{font-size:14px}.hero-media figcaption span{font-size:12px}.hero-copy{padding:52px 0 26px}.hero-badge{font-size:9px}.hero h1{font-size:45px}.hero-copy>p{font-size:15px}.hero-actions{gap:9px}.hero-actions .button{min-height:45px;padding:0 13px;font-size:12px}.hero-highlights{gap:11px;font-size:12px}.metrics{margin-top:0}.metrics-grid{gap:19px;padding:20px 17px}.metrics-grid strong{font-size:30px}.metrics-grid>div{gap:9px}.metrics-grid>div>span{font-size:12px}.section{padding:72px 0}.section-heading,.brands-heading{display:block;margin-bottom:27px}.section-heading h2,.about-preview-grid h2{font-size:33px}.heading-side{margin-top:14px}.service-grid{gap:10px}.service-card{min-height:248px;padding:17px}.service-card h3{margin-top:19px;font-size:16px}.service-card>p{font-size:13px}.service-icon{width:39px;height:39px}.home-parts{padding:70px 0}.home-parts-copy h2{font-size:35px}.home-parts-actions{align-items:flex-start;flex-direction:column}.home-parts-list,.parts-category-grid,.parts-status-grid{grid-template-columns:1fr}.home-parts-list article{min-height:0}.contract-feature{padding:72px 0}.contract-copy h2{font-size:36px}.process-grid{gap:10px}.process-grid article{padding:17px}.brands-section{padding:66px 0}.brands-heading h2{font-size:29px}.brands-heading>p{margin-top:13px}.brand-grid{grid-template-columns:repeat(2,1fr)}.about-preview-grid h2{font-size:34px}.about-preview-points article>strong{min-width:83px;font-size:28px}.article-grid,.article-list{grid-template-columns:1fr}.insight-section{padding-top:24px}.insight-section .text-link{margin-top:15px}.webmaxx-inner,.contact-strip-inner{display:block}.webmaxx-inner>.button,.contact-strip-inner>div:last-child{margin-top:20px}.contact-strip-inner>div:last-child{justify-items:start}.contact-strip h2{font-size:30px}.footer-main{gap:26px;padding-top:49px}.footer-bottom{display:grid;gap:12px;padding:16px 0;line-height:1.5}.footer-bottom>span:last-child{flex-wrap:wrap;gap:13px}.page-hero{padding-bottom:54px}.page-hero h1{font-size:40px}.breadcrumbs{margin-bottom:26px}.inner-section{padding:57px 0}.info-grid,.wide-benefit-grid,.about-timeline{grid-template-columns:1fr}.article-details{flex-wrap:wrap;gap:8px}.quick-answer,.article-key-points,.article-toc,.parts-identification{padding:20px}.ticket-frame{min-height:1080px}.consent{bottom:12px;left:12px;display:block;width:calc(100vw - 24px)}.consent-actions{margin-top:14px}.consent-actions .button{flex:1}}
@media(max-width:390px){.hero h1{font-size:39px}.hero-actions{display:grid}.hero-visual{height:248px}.service-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(4),.service-card:nth-child(5),.service-card:last-child{grid-column:auto}.brand-name{font-size:12px}.brand-name small{font-size:6px}.footer-main{grid-template-columns:1fr}.footer-intro{grid-column:auto}}

/* 2026 precision-service redesign */
:root{
  --ink:#11191e;
  --ink-deep:#081116;
  --teal:#006f74;
  --teal-soft:#e4f1ef;
  --orange:#ff6b35;
  --orange-deep:#ef5722;
  --canvas:#f1f1ed;
  --paper:#fff;
  --line:#cfd5d4;
  --muted:#52636f;
  --max:1328px;
  --shadow:0 22px 60px rgba(10,24,31,.08);
}
body{background:var(--canvas);font-family:Inter,Aptos,"Segoe UI",Arial,sans-serif}
.container{width:min(var(--max),calc(100% - 64px))}
.utility{height:30px;background:#0c151a;color:#d2dcdf;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.07em}
.utility-inner i,.status-dot{background:#28c795;box-shadow:none}
.site-header{height:78px;border-bottom:1px solid #cfd5d4;background:#fffffff5;backdrop-filter:blur(20px)}
.brand{min-width:218px}
.brand-mark{width:40px;height:40px;border-radius:4px;background:#102229}
.brand-name{font-size:15px;letter-spacing:.025em;line-height:15px}
.brand-name>span{color:#006f74}
.brand-name small{font-size:7px;letter-spacing:.14em}
.desktop-nav{height:100%;gap:24px}
.desktop-nav a{display:grid;height:100%;place-items:center;padding:2px 0 0;border-bottom:2px solid transparent;border-radius:0;color:#34454f;font-size:13px;font-weight:620}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{border-color:var(--orange);background:transparent;color:#10191e}
.button{min-height:50px;padding:0 22px;border-radius:3px;font-size:13px;font-weight:720;letter-spacing:.01em;box-shadow:none}
.button:hover{transform:translateY(-2px)}
.button-orange{background:var(--orange);color:#10191e;box-shadow:none}
.button-orange:hover{background:var(--orange-deep);box-shadow:none}
.button-white{border-color:#26343b;background:#fff;color:#131c21}
.button-small{min-height:42px;border-color:var(--orange);background:var(--orange);color:#11191e}
.button-dark{border-color:#14252c;background:#14252c}

.hero{min-height:650px;background-color:#efefeb;background-image:linear-gradient(#d8dcda55 1px,transparent 1px),linear-gradient(90deg,#d8dcda55 1px,transparent 1px);background-size:48px 48px;color:var(--ink)}
.hero::after{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#efefeb 0%,#efefebed 42%,transparent 72%);content:""}
.hero-orb{display:none}
.hero-grid{z-index:2;min-height:650px;grid-template-columns:minmax(0,1.12fr) .88fr;gap:48px}
.hero-copy{padding:76px 0 84px}
.hero-command{display:flex;max-width:680px;align-items:center;justify-content:space-between;gap:24px}
.hero-command>span:last-child{color:#68777f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.11em}
.hero-badge{padding:8px 0;border:0;border-radius:0;background:transparent;color:#006b70;font-size:10px;backdrop-filter:none}
.hero h1{max-width:790px;margin:30px 0 23px;color:#10191e;font-size:clamp(58px,6.35vw,88px);font-weight:760;letter-spacing:-.07em;line-height:.98}
.hero h1>span{display:block;color:#006f74}
.hero-copy>p{max-width:650px;color:#41545e;font-size:18px;line-height:1.7}
.hero-actions{margin-top:31px}
.hero-highlights{max-width:690px;margin-top:34px;padding-top:22px;border-top:1px solid #bfc7c5;color:#31464e;font-size:12px}
.hero-highlights svg{color:#007f79}
.hero-media{display:grid;height:546px;max-height:none;aspect-ratio:auto;margin:50px 0;border:1px solid #152229;border-radius:0;background:#0e171c;box-shadow:16px 16px 0 #cfd7d4}
.hero-media::before{display:none}
.hero-media>img{width:100%;height:474px;object-position:57% 51%;filter:saturate(.83) contrast(1.08)}
.hero-media-code{position:absolute;z-index:2;top:15px;left:15px;padding:7px 9px;background:#f2f1ed;color:#172126;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:700;letter-spacing:.08em}
.hero-media figcaption{position:static;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:0 18px;border:0;border-top:1px solid #405057;border-radius:0;background:#0e171c;backdrop-filter:none}
.hero-media figcaption strong{color:#fff;font-size:15px}
.hero-media figcaption span{padding-left:18px;border-left:1px solid #405057;color:#b6c3c8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;text-transform:uppercase}
.metrics{border-top:1px solid #28383f;border-bottom:1px solid #28383f;background:#101a1f}
.metrics-grid{padding:25px 0}
.metrics-grid>div{justify-content:flex-start;padding-left:34px}
.metrics-grid>div:first-child{padding-left:0}
.metrics-grid strong{font-size:37px}
.metrics-grid strong>span{color:var(--orange)}
.metrics-grid>div>span{max-width:140px;color:#c4d0d4;font-size:12px}

.section{padding:118px 0}
.section-heading{margin-bottom:50px}
.section-heading h2,.webmaxx-inner h2,.brands-heading h2,.about-preview-grid h2{font-size:clamp(38px,4.3vw,57px);font-weight:720;letter-spacing:-.06em;line-height:1.05}
.section-heading h2 em,.brands-heading h2 em,.about-preview-grid h2 em{color:#65757d}
.eyebrow{color:#006f6b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.12em}
.section-heading>p,.heading-side>p,.brands-heading>p{color:#52636f;font-size:14px}
.services-section{background:#fff}
.service-grid{display:block;border-top:1px solid #aeb8b7}
.service-card,.service-card:nth-child(4),.service-card:nth-child(5){display:grid;min-height:0;grid-template-columns:118px minmax(220px,.52fr) minmax(280px,1fr) auto;grid-column:auto;align-items:center;gap:28px;padding:25px 18px;border:0;border-bottom:1px solid #cfd5d4;border-radius:0;background:transparent;box-shadow:none}
.service-card:hover{transform:none;border-color:#9aa8a6;background:#f0f2ef;box-shadow:none}
.service-card-top{justify-content:flex-start;gap:18px}
.service-icon{width:44px;height:44px;border:1px solid #8ba4a1;border-radius:2px;background:transparent;color:#006f6b}
.service-index{color:#596b73;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}
.service-card h3{margin:0;font-size:22px;letter-spacing:-.035em}
.service-card>p{max-width:620px;color:#52636f;font-size:14px;line-height:1.7}
.card-link{margin:0;padding:0;color:#0c6b66;font-size:12px}

.home-parts{padding:105px 0;border-top:1px solid #324149;border-bottom:1px solid #324149;background-color:#111b20;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:52px 52px}
.home-parts-grid{gap:96px}
.home-parts-copy h2{font-size:52px;line-height:1.02}
.home-parts-copy>p{color:#c9d4d7;font-size:15px}
.home-parts-list{gap:0;border-top:1px solid #536068;border-left:1px solid #536068}
.home-parts-list article{min-height:132px;padding:22px;border:0;border-right:1px solid #536068;border-bottom:1px solid #536068;border-radius:0;background:#111b20d9}
.home-parts-list strong{font-size:16px}
.home-parts-list span{color:#bac7cb;font-size:13px}

.contract-feature{padding:108px 0;background:var(--orange);color:#10191e}
.contract-grid{gap:100px}
.contract-feature .eyebrow-light{color:#29383d}
.contract-copy h2{font-size:55px;line-height:1.02}
.contract-copy h2 span{color:#29383d}
.contract-copy>p{color:#27363c;font-size:15px}
.contract-copy .button-orange{border-color:#11191e;background:#11191e;color:#fff}
.contract-benefits{gap:0;border-top:1px solid #5d3a2e}
.contract-benefits article{padding:22px 0;border:0;border-bottom:1px solid #5d3a2e;border-radius:0;background:transparent}
.contract-benefits article>svg{color:#15262b}
.contract-benefits h3{font-size:16px}
.contract-benefits p{color:#3c3938;font-size:14px}

.process-section{background:#f1f1ed}
.process-grid{grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid #aab5b3;border-bottom:1px solid #aab5b3}
.process-grid article{min-height:205px;padding:26px 20px;border:0;border-left:1px solid #c4ccca;border-radius:0;background:transparent}
.process-grid article:first-child{border-left:0}
.process-grid article>span{width:auto;height:auto;display:block;border-radius:0;background:transparent;color:#00726d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;text-align:left}
.process-grid h3{margin:48px 0 10px;font-size:16px}
.process-grid p{color:#52636f;font-size:13px}

.brands-section{padding:104px 0;background:#e5e8e4}
.brands-heading{margin-bottom:43px}
.brands-heading h2{font-size:48px}
.brand-grid{grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #a8b2b0;border-left:1px solid #a8b2b0}
.brand-tile{height:105px;border:0;border-right:1px solid #a8b2b0;border-bottom:1px solid #a8b2b0;border-radius:0;background:#f6f6f2}
.brand-tile:hover{transform:none;border-color:#a8b2b0;background:#fff;box-shadow:inset 0 -4px 0 var(--orange)}
.brand-tile strong{font-size:20px}
.about-preview{background:#fff}
.about-preview-points{gap:0;border-top:1px solid #bac4c2}
.about-preview-points article{padding:24px 0;border:0;border-bottom:1px solid #bac4c2;border-radius:0;background:transparent}
.about-preview-points article>span{font-size:14px}
.insight-section{padding-top:95px;background:#fff}
.article-grid{gap:30px}
.article-card{min-height:310px;padding:25px 0;border:0;border-top:2px solid #162329;border-radius:0;background:transparent}
.article-card:hover{transform:none;border-color:var(--orange);box-shadow:none}
.article-meta{font-size:10px}
.article-card h3{font-size:21px}
.article-card>p{color:#52636f;font-size:14px}
.webmaxx-bridge{padding:70px 0;border-top:1px solid #c6cecc;background:#eceeea}
.webmaxx-inner h2{font-size:36px}
.webmaxx-inner p{font-size:14px}
.contact-strip{padding:95px 0;background-color:#102028;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:50px 50px}
.contact-strip h2{font-size:52px}
.contact-strip p{color:#ced9dc;font-size:15px}

.footer{background:#081116}
.footer-main{padding:78px 0 56px}
.footer-intro>p,.footer-main>div>a,.footer-address,.footer-hours{font-size:13px}
.footer-bottom{min-height:66px;font-size:11px}
.footer-consent{margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.footer-consent:hover{color:#8de4d4}

.page-hero{padding:45px 0 84px;background-color:#111c22;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px;color:#fff}
.breadcrumbs{color:#abb9be;font-size:11px}
.breadcrumbs strong{color:#fff}
.page-hero .eyebrow{color:#86d6cb}
.page-hero h1{max-width:980px;color:#fff;font-size:clamp(48px,6.2vw,76px);line-height:1.02}
.page-hero>.container>p{max-width:810px;color:#c5d1d5;font-size:16px}
.page-hero .button-white{border-color:#6e7d83;background:transparent;color:#fff}
.inner-section{padding:95px 0;background:#f7f7f4}
.content-sidebar{gap:72px}
.rich h2{font-size:34px}
.rich p{color:#455963;font-size:15px}
.rich-block+.rich-block{margin-top:56px}
.sidebar-panel,.info-card,.contact-card,.about-story-card,.timeline-card,.parts-category-grid article,.parts-status-grid article,.diagnostic-card{border-color:#cbd3d1;border-radius:4px;box-shadow:none}
.sidebar-panel{border-top:3px solid #17262d}
.faq-list details{border-color:#cbd3d1;border-radius:3px;background:#fff}
.notice{border-radius:0;background:#e5efec}
.quick-answer{border-radius:3px;background:#e5f1ee}
.lead-box{border-radius:3px}
.parts-identification{border-radius:3px}
.parts-path span{border-radius:2px}
.consent{border-radius:3px;box-shadow:0 18px 70px #07121935}

@media(max-width:1120px){
  .container{width:calc(100% - 48px)}
  .desktop-nav{gap:14px}
  .hero-grid{grid-template-columns:1fr .83fr;gap:30px}
  .hero h1{font-size:64px}
  .hero-media{height:500px}
  .hero-media>img{height:428px}
  .service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-template-columns:105px minmax(190px,.5fr) 1fr auto;gap:20px}
  .process-grid{grid-template-columns:repeat(3,1fr)}
  .process-grid article:nth-child(4){border-left:0}
}
@media(max-width:820px){
  .site-header{height:72px}
  .desktop-nav{display:none}
  .nav-actions .button-small{font-size:0}
  .mobile-menu{display:block}
  .hero{min-height:0}
  .hero::after{background:linear-gradient(180deg,#efefeb 0%,#efefebeb 56%,transparent 100%)}
  .hero-grid{display:flex;min-height:0;flex-direction:column;gap:0;padding-bottom:55px}
  .hero-copy{padding:68px 0 40px}
  .hero h1{font-size:64px}
  .hero-media{width:100%;height:520px;margin:0;box-shadow:10px 10px 0 #cfd7d4}
  .hero-media>img{height:448px}
  .metrics-grid{grid-template-columns:1fr 1fr}
  .metrics-grid>div{padding-left:20px}
  .metrics-grid>div:nth-child(3){padding-left:0;border-left:0}
  .service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-template-columns:95px 1fr auto;gap:18px}
  .service-card>p{grid-column:2/4}
  .home-parts-grid,.contract-grid,.about-preview-grid{grid-template-columns:1fr;gap:55px}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid article:nth-child(3),.process-grid article:nth-child(5){border-left:0}
  .process-grid article:nth-child(4){border-left:1px solid #c4ccca}
  .brand-grid{grid-template-columns:repeat(2,1fr)}
  .content-sidebar{grid-template-columns:1fr;gap:42px}
}
@media(max-width:620px){
  .container{width:calc(100% - 32px)}
  .utility-inner>span{max-width:190px;white-space:nowrap;overflow:hidden}
  .hero-grid{padding-bottom:38px}
  .hero-copy{padding:54px 0 32px}
  .hero-command>span:last-child{display:none}
  .hero h1{font-size:48px;line-height:1}
  .hero-copy>p{font-size:16px}
  .hero-actions{display:grid}
  .hero-actions .button{width:100%;font-size:13px}
  .hero-highlights{display:grid;gap:12px}
  .hero-media{height:386px}
  .hero-media>img{height:318px}
  .hero-media figcaption{grid-template-columns:1fr;gap:3px}
  .hero-media figcaption span{padding-left:0;border-left:0}
  .metrics-grid{gap:0;padding:10px 0}
  .metrics-grid>div{display:block;padding:15px 9px!important;border-left:0!important}
  .metrics-grid strong{font-size:30px}
  .metrics-grid>div>span{display:block;margin-top:4px;font-size:11px}
  .section{padding:78px 0}
  .section-heading h2,.about-preview-grid h2{font-size:38px}
  .service-card,.service-card:nth-child(4),.service-card:nth-child(5){display:grid;grid-template-columns:82px 1fr auto;gap:14px;padding:21px 4px}
  .service-card>p{grid-column:1/4;font-size:13px}
  .card-link{grid-column:2/4}
  .home-parts{padding:78px 0}
  .home-parts-copy h2,.contract-copy h2{font-size:41px}
  .home-parts-list{grid-template-columns:1fr}
  .contract-feature{padding:80px 0}
  .process-grid{grid-template-columns:1fr}
  .process-grid article,.process-grid article:nth-child(4){min-height:0;padding:23px 5px;border-left:0;border-top:1px solid #c4ccca}
  .process-grid article:first-child{border-top:0}
  .process-grid h3{margin:22px 0 8px}
  .brands-section{padding:76px 0}
  .brands-heading h2{font-size:37px}
  .brand-tile{height:88px}
  .brand-tile strong{font-size:17px}
  .article-grid,.article-list{grid-template-columns:1fr}
  .article-card{min-height:0}
  .contact-strip h2{font-size:39px}
  .footer-main{grid-template-columns:1fr;gap:32px;padding-top:58px}
  .footer-bottom{display:grid;gap:13px;padding:18px 0}
  .footer-bottom>span:last-child{flex-wrap:wrap}
  .page-hero{padding:35px 0 64px}
  .page-hero h1{font-size:45px}
  .page-hero>.container>p{font-size:15px}
  .inner-section{padding:64px 0}
  .rich h2{font-size:29px}
}
@media(max-width:390px){
  .hero h1{font-size:42px}
  .hero-media{height:340px}
  .hero-media>img{height:272px}
  .brand-name{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* 2026 cinematic industrial system */
:root{
  --ink:#0b1823;
  --ink-deep:#050d14;
  --navy:#071722;
  --blue:#315cff;
  --blue-dark:#2143d8;
  --ice:#9adfff;
  --orange:#ff7849;
  --orange-deep:#ee6333;
  --canvas:#f3f6fb;
  --paper:#fff;
  --line:#dbe2eb;
  --muted:#5b6c7d;
  --on-dark:#f7fbff;
  --on-dark-body:#c7d4dc;
  --on-dark-muted:#aebfca;
  --on-dark-accent:#9adfff;
  --on-dark-line:#ffffff2b;
  --max:1360px;
  --shadow:0 30px 90px rgba(10,25,40,.12);
  --ease:cubic-bezier(.22,1,.36,1);
  --text-micro:12px;
  --text-small:14px;
  --text-body:16px;
  --text-reading:17px;
  --leading-compact:1.45;
  --leading-body:1.7;
  --leading-reading:1.82;
}

html{scroll-padding-top:116px}
body{background:var(--canvas);color:var(--ink);font-family:Inter,Aptos,"Segoe UI",Arial,sans-serif;font-size:var(--text-body);line-height:var(--leading-body)}
p{line-height:var(--leading-body);text-wrap:pretty}
::selection{background:#315cff;color:#fff}
.container{width:min(var(--max),calc(100% - 80px))}
.skip-link{background:var(--blue);color:#fff}

/* Header */
.utility{height:34px;background:#050d14;color:#9fb0be;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--text-micro);letter-spacing:.06em;line-height:var(--leading-compact)}
.utility a{color:#dce8ef}
.utility svg{color:var(--ice)}
.utility-inner i,.status-dot{width:7px;height:7px;background:#54dda9;box-shadow:0 0 0 4px #54dda91a}
.site-header{height:82px;border-bottom:1px solid #dbe2e9;background:#fffffff2;box-shadow:0 8px 34px rgba(10,26,40,.035);backdrop-filter:blur(22px)}
.nav{gap:30px}
.brand{min-width:222px;gap:12px}
.brand-mark{width:42px;height:42px;border-radius:11px;background:#071722;box-shadow:inset 0 0 0 1px #ffffff14,0 8px 24px #0717221c}
.brand-mark i{right:-2px;bottom:-2px;width:13px;height:13px;background:var(--orange)}
.brand-name{font-size:17px;letter-spacing:.015em;line-height:1}
.brand-name>span{color:var(--blue)}
.brand-name small{margin-top:6px;color:#687988;font-size:var(--text-micro);letter-spacing:.055em;line-height:1.2}
.desktop-nav{height:100%;gap:28px}
.desktop-nav a{display:grid;height:100%;place-items:center;padding:2px 0 0;border:0;border-bottom:2px solid transparent;border-radius:0;color:#314351;font-size:var(--text-small);font-weight:650;line-height:1.35}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{border-color:var(--blue);background:transparent;color:#071722}
.nav-actions{gap:10px}
.button{min-height:52px;padding:0 23px;border-radius:999px;font-size:var(--text-small);font-weight:750;letter-spacing:.005em;line-height:1.3;transition:transform .25s var(--ease),background .2s,border-color .2s,box-shadow .25s,color .2s}
.button:hover{transform:translateY(-2px)}
.button-orange{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 14px 32px #315cff38}
.button-orange:hover{border-color:var(--blue-dark);background:var(--blue-dark);box-shadow:0 18px 38px #315cff45}
.button-dark{border-color:#071722;background:#071722;color:#fff;box-shadow:none}
.button-dark:hover{background:#132b3b}
.button-white{border-color:#c7d0db;background:#fff;color:#102230;box-shadow:none}
.button-white:hover{border-color:#7e93a4;background:#f7f9fc}
.button-ghost{border-color:#c7d0db;background:transparent}
.button-small{min-height:44px;padding:0 17px;border-color:#071722;background:#071722;color:#fff;font-size:var(--text-small);box-shadow:none}

/* Cinematic hero */
.hero{min-height:738px;overflow:hidden;background:#06141e;color:var(--on-dark)}
.hero::before{position:absolute;z-index:1;inset:0;pointer-events:none;content:"";background:linear-gradient(90deg,#06141e 0%,#06141ef8 38%,#06141e92 55%,#06141e12 78%)}
.hero::after{position:absolute;z-index:1;inset:0;pointer-events:none;content:"";background-image:linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:84px 100%;mask-image:linear-gradient(90deg,#000,transparent 62%)}
.hero-orb-one{display:block;z-index:1;top:auto;bottom:-360px;left:-240px;width:720px;height:720px;border:1px solid #69b8ff1c;box-shadow:0 0 0 90px #69b8ff0c,0 0 0 180px #69b8ff07;filter:none}
.hero-grid{position:relative;z-index:2;min-height:738px;grid-template-columns:minmax(0,1.05fr) .95fr;align-items:center;gap:40px}
.hero-copy{position:relative;z-index:4;max-width:790px;padding:84px 0 120px}
.hero-command{max-width:720px}
.hero-badge{padding:0;border:0;background:transparent;color:var(--on-dark-accent);font-size:var(--text-micro);line-height:var(--leading-compact);backdrop-filter:none}
.hero h1{max-width:800px;margin:34px 0 24px;color:var(--on-dark);font-size:clamp(62px,6.6vw,94px);font-weight:770;letter-spacing:-.075em;line-height:.98}
.hero h1>span{display:block;color:var(--ice)}
.hero-copy>p{max-width:610px;color:var(--on-dark-body);font-size:18px;line-height:1.72}
.hero-actions{gap:12px;margin-top:32px}
.hero .button-orange{border-color:#fff;background:#fff;color:#071722;box-shadow:0 16px 38px #00000030}
.hero .button-orange:hover{background:#e9f5fb}
.hero .button-white{border-color:#ffffff52;background:#ffffff0d;color:#fff;backdrop-filter:blur(14px)}
.hero .button-white:hover{border-color:#fff;background:#ffffff18}
.hero-highlights{max-width:690px;gap:18px 25px;margin-top:38px;padding-top:24px;border-top:1px solid var(--on-dark-line);color:var(--on-dark-body);font-size:var(--text-small);line-height:1.5}
.hero-highlights svg{color:var(--ice)}
.hero-media{position:absolute;z-index:1;top:0;right:calc((100vw - 100%)/-2);bottom:0;width:calc(61% + (100vw - 100%)/2);height:auto;max-height:none;aspect-ratio:auto;margin:0;border:0;border-radius:0;background:#071722;box-shadow:none}
.hero-media::before{position:absolute;z-index:1;inset:0;display:block;content:"";background:linear-gradient(90deg,#06141e 0%,#06141ed6 12%,transparent 48%),linear-gradient(0deg,#06141eb8 0%,transparent 28%)}
.hero-media>img{width:100%;height:100%;object-fit:cover;object-position:58% 50%;filter:saturate(.9) contrast(1.06) brightness(.88)}

/* Metrics dock */
.metrics{position:relative;z-index:5;margin-top:-58px;background:transparent;color:var(--ink)}
.metrics-grid{min-height:116px;padding:0 18px;border:1px solid #e0e6ed;border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.metrics-grid>div{justify-content:flex-start;gap:15px;padding:0 28px}
.metrics-grid>div+div{border-left:1px solid #e2e7ed}
.metrics-grid>div:first-child{padding-left:20px}
.metrics-grid strong{color:#071722;font-size:42px;font-weight:780}
.metrics-grid strong>span{color:var(--blue);font-size:23px}
.metrics-grid>div>span{max-width:160px;color:#5a6d7c;font-size:var(--text-small);line-height:1.5}

/* Common section rhythm */
.section{padding:126px 0}
.eyebrow{color:var(--blue);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--text-micro);font-weight:780;letter-spacing:.12em;line-height:var(--leading-compact)}
.section-heading,.brands-heading{align-items:flex-end;gap:60px;margin-bottom:54px}
.section-heading h2,.webmaxx-inner h2,.brands-heading h2,.about-preview-grid h2{max-width:800px;margin-top:18px;color:#091722;font-size:clamp(42px,4.5vw,62px);font-weight:750;letter-spacing:-.065em;line-height:1.08;text-wrap:balance}
.section-heading h2 em,.brands-heading h2 em,.about-preview-grid h2 em{color:#718292;font-style:normal}
.section-heading>p,.heading-side>p,.brands-heading>p{color:#5b6d7d;font-size:var(--text-body);line-height:1.72}
.heading-side{max-width:390px;gap:18px}
.text-link{color:var(--blue);font-size:var(--text-small);font-weight:750;line-height:1.45}
.text-link svg{transition:transform .2s}
.text-link:hover svg{transform:translateX(4px)}

/* Services */
.services-section{padding-top:142px;background:#fff}
.service-grid{display:block;border-top:1px solid #ccd5df}
.service-card,.service-card:nth-child(4),.service-card:nth-child(5){display:grid;min-height:146px;grid-template-columns:122px minmax(240px,.58fr) minmax(320px,1fr) 170px;grid-column:auto;align-items:center;gap:30px;padding:28px 26px;border:0;border-bottom:1px solid #d8e0e8;border-radius:0;background:#fff;box-shadow:none;transition:background .25s,border-color .25s,color .25s}
.service-card:hover{transform:none;border-color:#aebdcb;background:#f1f5ff;box-shadow:inset 5px 0 0 var(--blue)}
.service-card-top{justify-content:flex-start;gap:22px}
.service-icon{width:48px;height:48px;border:1px solid #cbd5e0;border-radius:15px;background:#f5f8fc;color:var(--blue)}
.service-index{color:#718392;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--text-micro);line-height:1.35}
.service-card h3{margin:0;color:#0b1924;font-size:24px;letter-spacing:-.04em;line-height:1.2;text-wrap:balance}
.service-card>p{max-width:650px;color:#5d6e7d;font-size:var(--text-body);line-height:1.68}
.card-link{justify-content:flex-end;margin:0;padding:0;color:var(--blue);font-size:var(--text-small);line-height:1.45}
.services-overview-grid .service-card{min-height:170px;grid-template-columns:110px minmax(200px,.52fr) minmax(280px,.9fr) minmax(150px,.42fr) 190px;gap:22px}
.services-overview-grid .service-overview-details{margin:0}
.services-overview-grid .card-link{justify-content:flex-end}
.service-overview-details span,.model-pills span,.brand-pill{border-radius:999px;background:#eef2f8;color:#526475}

/* Dark parts lab */
.home-parts{position:relative;overflow:hidden;padding:118px 0;background:#06141e;color:#fff}
.home-parts::after{position:absolute;top:-100px;right:-180px;width:540px;height:540px;border:1px solid #6dbbff20;border-radius:50%;box-shadow:0 0 0 75px #6dbbff0b,0 0 0 150px #6dbbff07;content:""}
.home-parts-grid{position:relative;z-index:2;gap:110px}
.eyebrow-light{color:#a0dcff}
.home-parts-copy h2{max-width:650px;margin:20px 0 24px;font-size:clamp(44px,4.8vw,65px);font-weight:740;letter-spacing:-.065em;line-height:1.08;text-wrap:balance}
.home-parts-copy>p{color:#bdcad2;font-size:var(--text-body);line-height:1.75}
.home-parts-actions{margin-top:34px}
.home-parts .button-orange{border-color:#fff;background:#fff;color:#071722;box-shadow:none}
.text-link-light{color:#a7dcff}
.home-parts-list{grid-template-columns:1fr 1fr;gap:12px;border:0}
.home-parts-list article{min-height:138px;padding:24px;border:1px solid #ffffff17;border-radius:20px;background:#ffffff09;backdrop-filter:blur(8px)}
.home-parts-list article>svg{color:#8bd8ff}
.home-parts-list strong{font-size:var(--text-body);line-height:1.4}
.home-parts-list span{color:#aebec7;font-size:var(--text-small);line-height:1.55}

/* Service agreement, process and brands */
.contract-feature{padding:120px 0;background:var(--blue);color:#fff}
.contract-grid{gap:110px}
.contract-feature .eyebrow-light{color:#c8d5ff}
.contract-copy h2{max-width:720px;color:#fff;font-size:clamp(46px,5vw,68px);font-weight:750;letter-spacing:-.07em;line-height:1.06;text-wrap:balance}
.contract-copy h2 span{color:#b8ddff}
.contract-copy>p{color:#e1e7ff;font-size:var(--text-body);line-height:1.75}
.contract-copy .button-orange{border-color:#fff;background:#fff;color:#102997;box-shadow:0 14px 34px #11278f50}
.contract-benefits{gap:0;border-top:1px solid #ffffff3b}
.contract-benefits article{padding:25px 0;border:0;border-bottom:1px solid #ffffff3b;border-radius:0;background:transparent}
.contract-benefits article>svg{color:#c5e7ff}
.contract-benefits h3{font-size:18px;line-height:1.3}
.contract-benefits p{color:#dce5ff;font-size:var(--text-body);line-height:1.65}
.process-section{background:#f3f6fb}
.process-grid{grid-template-columns:repeat(6,1fr);gap:12px;border:0}
.process-grid article{position:relative;min-height:244px;padding:28px 24px;border:1px solid #d8e0e9;border-radius:22px;background:#fff;overflow:hidden}
.process-grid article::after{position:absolute;right:-22px;bottom:-28px;color:#eef2f7;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:92px;font-weight:800;line-height:1;content:attr(data-step)}
.process-grid article:first-child,.process-grid article:nth-child(4){border-left:1px solid #d8e0e9}
.process-grid article>span{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#edf1ff;color:var(--blue);font-size:var(--text-micro);line-height:1;text-align:center}
.process-grid h3{position:relative;z-index:1;margin:44px 0 12px;font-size:18px;line-height:1.3}
.process-grid p{position:relative;z-index:1;color:#607180;font-size:15px;line-height:1.65}
.brands-section{padding:112px 0;background:#e9eef5}
.brands-heading h2{font-size:clamp(40px,4vw,56px)}
.brand-grid{grid-template-columns:repeat(4,1fr);gap:12px;border:0}
.brand-tile{height:112px;padding:0 28px;border:1px solid #d3dce6;border-radius:20px;background:#fff;align-items:center;justify-content:center}
.brand-tile:hover{transform:translateY(-4px);border-color:#9fb0c1;background:#fff;box-shadow:0 18px 40px #12263c12}
.brand-tile strong{font-size:21px}
.brand-tile>svg{top:18px;right:18px;color:var(--blue)}

/* Story, knowledge and conversion */
.about-preview{background:#fff}
.about-preview-grid{gap:100px}
.about-preview-grid>div:first-child>p{color:#5b6d7d;font-size:var(--text-body);line-height:1.72}
.about-preview-points{gap:12px;border:0}
.about-preview-points article{padding:25px 27px;border:1px solid #dbe3eb;border-radius:20px;background:#f7f9fc}
.about-preview-points article>strong{color:#0a1a26;font-size:36px}
.about-preview-points article>strong>span{color:var(--blue)}
.about-preview-points article>span{font-size:var(--text-body);line-height:1.55}
.insight-section{padding-top:112px;background:#fff}
.article-grid{gap:18px}
.article-card{min-height:330px;padding:30px;border:1px solid #dbe3eb;border-radius:22px;background:#fff;box-shadow:none}
.article-card:hover{transform:translateY(-6px);border-color:#aab9c7;box-shadow:0 24px 55px #11263c12}
.article-meta{font-size:13px;line-height:1.45}
.article-meta span:first-child{color:var(--blue)}
.article-card h3{font-size:22px;line-height:1.3;text-wrap:balance}
.article-card>p{color:#5c6d7d;font-size:15px;line-height:1.7}
.article-footer{color:#748594}
.article-footer svg{color:var(--blue)}
.webmaxx-bridge{padding:76px 0;border-top:1px solid #d6dee7;background:#edf1f7}
.webmaxx-inner h2{font-size:38px}
.webmaxx-inner p{font-size:var(--text-body);line-height:1.7}
.contact-strip{position:relative;overflow:hidden;padding:105px 0;background:#071722;color:#fff}
.contact-strip::after{position:absolute;top:0;right:0;width:40%;height:100%;background:repeating-linear-gradient(90deg,#ffffff12 0 2px,transparent 2px 16px);content:"";mask-image:linear-gradient(90deg,transparent,#000)}
.contact-strip-inner{position:relative;z-index:2}
.contact-strip h2{font-size:clamp(42px,4.8vw,65px);font-weight:740;letter-spacing:-.065em;line-height:1.08;text-wrap:balance}
.contact-strip p{color:#c3d0d8;font-size:var(--text-body);line-height:1.7}
.contact-strip .button-orange{border-color:#fff;background:#fff;color:#071722;box-shadow:none}
.footer{background:#050d14}
.footer-main{padding:82px 0 60px}
.footer .brand-name>span{color:#8dbbff}
.footer-intro>p,.footer-main>div>a,.footer-address,.footer-hours{color:#aebdc6;font-size:var(--text-small);line-height:1.65}
.footer-main>div>a:hover,.footer-about-link,.footer-consent:hover{color:#9fdcff!important}
.footer-bottom{min-height:70px;color:#8fa0ab;font-size:var(--text-micro);line-height:1.55}

/* Inner pages */
.page-hero{position:relative;padding:50px 0 94px;background:#071722;color:#fff}
.page-hero::before{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#315cff24 1px,transparent 1px);background-size:84px 100%;content:"";mask-image:linear-gradient(90deg,#000,transparent 76%)}
.page-hero::after{position:absolute;top:-190px;right:-170px;width:520px;height:520px;border:1px solid #8bd7ff28;border-radius:50%;box-shadow:0 0 0 74px #8bd7ff0d,0 0 0 148px #8bd7ff08;content:""}
.page-hero>.container{position:relative;z-index:2}
.breadcrumbs{margin-bottom:45px;color:#92a7b4;font-size:13px;line-height:1.5}
.breadcrumbs a:hover{color:#fff}
.breadcrumbs i{color:#657985}
.breadcrumbs strong{color:#dce6eb}
.page-hero .eyebrow{color:#9fdcff}
.page-hero h1{max-width:1040px;margin:20px 0 24px;color:#fff;font-size:clamp(52px,6.2vw,82px);font-weight:760;letter-spacing:-.07em;line-height:1.04;text-wrap:balance}
.page-hero>.container>p{max-width:850px;color:#bdcbd3;font-size:18px;line-height:1.7}
.page-hero .button-orange{border-color:#fff;background:#fff;color:#071722;box-shadow:none}
.page-hero .button-white{border-color:#ffffff44;background:#ffffff0c;color:#fff}
.article-details{color:#9fb1bc}
.inner-section{padding:104px 0;background:#f6f8fb}
.content-sidebar{grid-template-columns:minmax(0,1fr) 330px;gap:82px}
.rich h2{margin-bottom:20px;color:#0a1925;font-size:36px;font-weight:740;letter-spacing:-.05em;line-height:1.16;text-wrap:balance}
.rich h3{margin-bottom:14px;color:#102230;line-height:1.28;text-wrap:balance}
.rich p{color:#4f6272;font-size:var(--text-reading);line-height:var(--leading-reading)}
.rich p+p{margin-top:1.1em}
.rich>.rich-block:not(:first-child){margin-top:72px}
.check-list{gap:14px}
.check-list li{font-size:var(--text-body);line-height:1.65}
.check-list svg{color:var(--blue)}
.sidebar-panel,.info-card,.contact-card,.about-story-card,.timeline-card,.parts-category-grid article,.parts-status-grid article,.diagnostic-card{border:1px solid #d8e0e8;border-radius:20px;background:#fff;box-shadow:none}
.sidebar-panel{padding:26px}
.sidebar-panel:first-child{border:0;background:#071722;color:#fff;box-shadow:0 22px 50px #0717221f}
.sidebar-panel:first-child p{color:#bdcbd3}
.sidebar-panel:first-child .button-orange{border-color:#fff;background:#fff;color:#071722;box-shadow:none}
.sidebar-panel p,.sidebar-panel li{font-size:15px;line-height:1.65}
.sidebar-panel .sidebar-link{font-size:var(--text-small);line-height:1.5}
.sidebar-contact{color:var(--blue)}
.info-card,.diagnostic-card{padding:24px}
.info-card p,.diagnostic-card p{font-size:var(--text-body);line-height:1.68}
.info-card>svg{color:var(--blue)}
.official-service-panel{margin-bottom:72px;padding:38px;border:1px solid #1b3b50;border-radius:24px;background:#071722;color:var(--on-dark);box-shadow:0 26px 70px #07172222}
.official-service-kicker{display:flex;align-items:center;gap:10px;color:var(--on-dark-accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--text-small);font-weight:780;letter-spacing:.08em;line-height:1.45}
.official-service-kicker svg{width:20px;height:20px;flex:0 0 20px}
.rich .official-service-panel h2{max-width:760px;margin:22px 0 18px;color:var(--on-dark);font-size:clamp(36px,4vw,52px);line-height:1.08}
.rich .official-service-panel p{color:var(--on-dark-body);font-size:var(--text-reading);line-height:1.75}
.rich .official-service-panel p strong{color:#fff}
.official-service-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px;border-top:1px solid var(--on-dark-line)}
.official-service-facts span{display:flex;min-height:82px;align-items:center;gap:10px;padding:18px 16px 0 0;color:#e9f5fb;font-size:var(--text-small);line-height:1.45}
.official-service-facts span+span{padding-left:18px;border-left:1px solid var(--on-dark-line)}
.official-service-facts svg{width:18px;height:18px;flex:0 0 18px;color:var(--on-dark-accent)}
.colorworks-focus{padding:32px;border:1px solid #cbdaf7;border-left:5px solid var(--blue);border-radius:0 20px 20px 0;background:#edf4ff}
.colorworks-label{display:block;margin-bottom:14px;color:var(--blue);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--text-small);font-weight:780;letter-spacing:.08em;line-height:1.4}
.colorworks-focus .model-pills{margin-top:22px}
.notice{padding:20px 22px;border-left:3px solid var(--blue);border-radius:0 16px 16px 0;background:#eaf0ff;color:#3d5263;font-size:var(--text-body);line-height:1.68}
.notice-orange{border-color:var(--orange);background:#fff0ea}
.faq-list{gap:12px}
.faq-list details{padding:0 20px;border:1px solid #d9e1e9;border-radius:16px;background:#fff}
.faq-list summary{min-height:64px;font-size:var(--text-body);line-height:1.45}
.faq-list details>p{font-size:var(--text-body);line-height:1.72}
.quick-answer,.article-key-points{padding:28px;border:1px solid #d3dfea;border-radius:20px;background:#edf5ff}
.quick-answer{border-left:5px solid var(--blue)}
.article-toc{padding:28px;border:1px solid #d9e1e9;border-radius:20px;background:#fff;color:#102230}
.quick-answer p,.article-key-points li{font-size:var(--text-body);line-height:1.72}
.article-toc>strong{color:#294254;font-size:var(--text-body);line-height:1.4}
.article-toc>a{border-top-color:#e3e8ee;color:#465b6c;font-size:15px;line-height:1.55}
.article-toc>a:hover{color:var(--blue)}
.article-toc a span{color:var(--blue)}
.lead-box{padding:30px;border:0;border-radius:22px;background:#071722;color:#fff}
.lead-box h3{color:#fff}
.lead-box p{color:#becbd2;font-size:var(--text-body);line-height:1.7}
.lead-box .button-orange{border-color:#fff;background:#fff;color:#071722;box-shadow:none}
.brand-case{border-radius:20px;background:#eaf0ff}
.brand-case>span{color:var(--blue)}
.brand-pill:hover{background:var(--blue);color:#fff}
.services-overview-intro,.about-lead{color:#314655;font-size:20px;line-height:1.7}
.service-overview-extra article{border-radius:20px;background:#fff}
.service-overview-extra article>svg{color:var(--blue)}
.about-story-card.accent{border:0;background:var(--blue);color:#fff}
.about-story-card.accent h2{color:#fff}
.about-story-card.accent .check-list li{color:#fff}
.about-story-card.accent .check-list svg{color:#b8e4ff}
.about-milestones{background:#edf1f7}
.timeline-card>span{color:var(--blue)}
.parts-identification{border:1px solid #1d3b4d;border-radius:22px;background:#071722;color:var(--on-dark)}
.parts-identification .eyebrow,.parts-identification li>strong,.parts-identification .text-link{color:var(--on-dark-accent)}
.parts-identification h2,.parts-identification li h3{color:var(--on-dark)}
.parts-identification li{border-top-color:var(--on-dark-line)}
.parts-identification li p{color:var(--on-dark-body)}
.parts-identification .text-link:hover{color:#cceeff}
.parts-path span{border-radius:999px;background:#eef2ff;color:#42546a}
.parts-status-grid article>span{color:var(--blue)}
.ticket-frame{border:1px solid #d9e1e9;border-radius:22px;background:#fff;box-shadow:0 24px 70px #0b1c2d12}
.consent{width:min(920px,calc(100vw - 48px));align-items:flex-end;border:1px solid #d5dee8;border-radius:20px;background:#fff;box-shadow:0 25px 80px #0717222e;font-size:var(--text-small);line-height:1.65}
.consent-copy{flex:1}
.consent p{max-width:660px;font-size:var(--text-small);line-height:1.65}
.consent-details{margin-top:12px;padding:0;border:0;background:transparent;color:var(--blue);font:inherit;font-weight:760;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.consent p a{color:var(--blue);font-weight:720;text-decoration:underline;text-underline-offset:3px}
.consent-options{display:grid;gap:8px;margin-top:15px}
.consent-options label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 13px;border:1px solid #d9e1e9;border-radius:12px;background:#f7f9fc;cursor:pointer}
.consent-options span{display:grid;gap:2px}
.consent-options b{font-size:var(--text-small);line-height:1.35}
.consent-options small{color:#586b7c;font-size:13px;line-height:1.45}
.consent-options input{width:20px;height:20px;accent-color:var(--blue);cursor:pointer}
.consent-options input:disabled{cursor:not-allowed}
.consent-actions{flex-wrap:wrap;justify-content:flex-end}

/* Typography coverage for components shared by every template */
.article-footer,.article-details{font-size:13px;line-height:1.5}
.contact-strip-phone{font-size:var(--text-small);line-height:1.45}
.footer-about-link{font-size:var(--text-small)!important;line-height:1.5}
.footer-main>div>h3{font-size:var(--text-small);line-height:1.35}
.contact-card h2{font-size:24px;line-height:1.25}
.contact-row strong,.contact-row span{font-size:var(--text-small);line-height:1.55}
.brand-pill,.model-pills span,.service-overview-details span,.parts-path span{font-size:13px;line-height:1.35}
.service-overview-extra h3{font-size:18px;line-height:1.3}
.service-overview-extra p,.about-story-card p,.timeline-card p,.parts-category-grid p,.parts-identification li p,.parts-status-grid p{font-size:var(--text-body);line-height:1.7}
.about-story-card h2{font-size:30px;line-height:1.16}
.timeline-card>span,.parts-identification li>strong{font-size:var(--text-small);line-height:1.45}
.timeline-card h3,.parts-identification li h3,.parts-category-grid h3,.parts-status-grid h3{font-size:18px;line-height:1.3}
.parts-intro>p{font-size:var(--text-reading);line-height:var(--leading-reading)}
.parts-status-grid article>span,.quick-answer>span,.brand-case>span{font-size:var(--text-micro);line-height:1.4}
.quick-answer>p{font-size:var(--text-body)!important;line-height:1.72!important}
.article-key-points h2{font-size:24px;line-height:1.2}
.article-body table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse}
.article-body th,.article-body td{min-width:150px;padding:12px 14px;border:1px solid #d8e1ea;text-align:left;vertical-align:top}
.privacy-details{display:grid;grid-template-columns:minmax(130px,.3fr) 1fr;gap:8px 18px;margin:20px 0}
.privacy-details dt{font-weight:760}
.privacy-details dd{margin:0;color:#526678}
.article-toc>a>span{font-size:13px;line-height:1.55}
.consent strong{font-size:var(--text-small);line-height:1.4}
.consent-actions .button{min-height:44px;font-size:var(--text-small)}
.brand-case>p{font-size:var(--text-body);line-height:1.72}

/* Responsive */
@media(max-width:1180px){
  .container{width:calc(100% - 56px)}
  .desktop-nav{gap:16px}
  .hero h1{font-size:72px}
  .hero-media{right:calc((100vw - 100%)/-2);width:calc(59% + (100vw - 100%)/2)}
  .service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-template-columns:105px minmax(205px,.55fr) 1fr 145px;gap:20px}
  .services-overview-grid .service-card{min-height:205px;grid-template-columns:95px 1fr 175px;gap:18px}
  .services-overview-grid .service-card>p{grid-column:2/4}
  .services-overview-grid .service-overview-details{grid-column:2/3}
  .services-overview-grid .card-link{grid-column:3/4}
  .process-grid{grid-template-columns:repeat(3,1fr)}
  .content-sidebar{gap:50px}
}

@media(max-width:860px){
  html{scroll-padding-top:106px}
  .site-header{height:72px}
  .desktop-nav{display:none}
  .mobile-menu{display:block}
  .nav-actions .button-small{width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;font-size:0}
  .nav-actions .button-small svg{width:19px;height:19px}
  .mobile-menu>summary{border-radius:50%}
  .mobile-menu>div{border-radius:18px;box-shadow:0 22px 60px #07172224}
  .hero{min-height:900px}
  .hero::before{background:linear-gradient(180deg,#06141e 0%,#06141ef4 46%,#06141e4a 70%,#06141e 100%)}
  .hero::after{background-size:64px 100%}
  .hero-grid{display:block;min-height:900px}
  .hero-copy{max-width:720px;padding:76px 0 430px}
  .hero h1{font-size:68px}
  .hero-media{top:auto;right:calc((100vw - 100%)/-2);bottom:0;left:calc((100vw - 100%)/-2);width:auto;height:480px}
  .hero-media::before{background:linear-gradient(180deg,#06141e 0%,transparent 35%),linear-gradient(0deg,#06141e 0%,transparent 26%)}
  .metrics{margin-top:-42px}
  .metrics-grid{grid-template-columns:1fr 1fr;min-height:0;padding:16px}
  .metrics-grid>div{min-height:90px;padding:0 20px}
  .metrics-grid>div:nth-child(3){border-left:0}
  .service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-template-columns:92px 1fr auto;gap:18px}
  .service-card>p{grid-column:2/4}
  .services-overview-grid .service-card{min-height:0;grid-template-columns:82px 1fr;gap:16px;padding:26px 8px}
  .services-overview-grid .service-card-top{grid-column:1;grid-row:1}
  .services-overview-grid .service-card h3{grid-column:2;grid-row:1}
  .services-overview-grid .service-card>p{grid-column:1/3;grid-row:2;margin:4px 0 0}
  .services-overview-grid .service-overview-details{grid-column:1/3;grid-row:3;margin:2px 0 0}
  .services-overview-grid .card-link{grid-column:1/3;grid-row:4;justify-content:space-between;margin-top:5px;padding-top:16px;border-top:1px solid #e1e7ee}
  .home-parts-grid,.contract-grid,.about-preview-grid{grid-template-columns:1fr;gap:62px}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .brand-grid{grid-template-columns:repeat(2,1fr)}
  .content-sidebar{grid-template-columns:1fr;gap:48px}
  .official-service-facts{grid-template-columns:1fr}
  .official-service-facts span{min-height:0;padding:18px 0}
  .official-service-facts span+span{padding-left:0;border-top:1px solid var(--on-dark-line);border-left:0}
}

@media(max-width:640px){
  .container{width:calc(100% - 32px)}
  .utility-inner>span{max-width:190px;overflow:hidden;white-space:nowrap}
  .brand{min-width:0}
  .brand-mark{width:39px;height:39px}
  .hero{min-height:820px}
  .hero-grid{min-height:820px}
  .hero-copy{padding:58px 0 350px}
  .hero h1{margin-top:28px;font-size:49px;line-height:1.02}
  .hero-copy>p{font-size:16px}
  .hero-actions{display:grid}
  .hero-actions .button{width:100%;font-size:var(--text-small)}
  .hero-highlights{display:grid;gap:11px;margin-top:28px;padding-top:20px}
  .hero-media{height:390px}
  .metrics{margin-top:-24px}
  .metrics-grid{padding:12px;border-radius:20px}
  .metrics-grid>div{display:block;min-height:92px;padding:15px 10px!important;border-left:0!important}
  .metrics-grid strong{font-size:32px}
  .metrics-grid>div>span{display:block;margin-top:7px;font-size:13px;line-height:1.45}
  .section{padding:88px 0}
  .section-heading,.brands-heading{display:block;margin-bottom:34px}
  .section-heading h2,.about-preview-grid h2{font-size:39px}
  .heading-side,.brands-heading>p{margin-top:18px}
  .services-section{padding-top:100px}
  .service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-template-columns:72px 1fr auto;gap:12px;padding:24px 5px}
  .service-card-top{gap:10px}
  .service-icon{width:42px;height:42px;border-radius:13px}
  .service-card h3{font-size:21px;line-height:1.2}
  .service-card>p{grid-column:1/4;font-size:15px;line-height:1.68}
  .card-link{grid-column:2/4}
  .services-overview-grid{display:grid;gap:14px;border:0}
  .services-overview-grid .service-card,.services-overview-grid .service-card:nth-child(4),.services-overview-grid .service-card:nth-child(5){min-height:0;grid-template-columns:56px 1fr;gap:14px 16px;padding:22px 20px;border:1px solid #d8e0e8;border-radius:20px;box-shadow:none}
  .services-overview-grid .service-card:hover{box-shadow:none}
  .services-overview-grid .service-card-top{display:grid;grid-column:1;grid-row:1;gap:9px;justify-items:center}
  .services-overview-grid .service-index{font-size:var(--text-micro)}
  .services-overview-grid .service-card h3{grid-column:2;grid-row:1;align-self:center;font-size:22px}
  .services-overview-grid .service-card>p{grid-column:1/3;grid-row:2;margin:4px 0 0;font-size:15px;line-height:1.68}
  .services-overview-grid .service-overview-details{display:flex;grid-column:1/3;grid-row:3;flex-wrap:wrap;gap:7px;margin:2px 0 0}
  .services-overview-grid .service-overview-details span{padding:7px 11px;font-size:13px;line-height:1.35}
  .services-overview-grid .card-link{display:flex;grid-column:1/3;grid-row:4;justify-content:space-between;margin-top:4px;padding-top:16px;border-top:1px solid #e1e7ee;font-size:var(--text-small);line-height:1.45}
  .home-parts,.contract-feature{padding:88px 0}
  .home-parts-copy h2,.contract-copy h2{font-size:42px}
  .home-parts-actions{align-items:flex-start;flex-direction:column}
  .home-parts-list{grid-template-columns:1fr}
  .process-grid{grid-template-columns:1fr}
  .process-grid article{min-height:210px}
  .brand-grid{gap:9px}
  .brand-tile{height:116px;padding:0 18px;border-radius:16px}
  .brand-tile strong{font-size:18px}
  .about-preview-points article{padding:22px}
  .article-grid,.article-list{grid-template-columns:1fr}
  .article-card{min-height:0}
  .contact-strip{padding:86px 0}
  .contact-strip h2{font-size:40px}
  .footer-main{grid-template-columns:1fr;gap:34px;padding-top:62px}
  .footer-bottom{display:grid;gap:14px;padding:20px 0}
  .footer-bottom>span:last-child{flex-wrap:wrap}
  .page-hero{padding:38px 0 70px}
  .breadcrumbs{margin-bottom:34px}
  .page-hero h1{font-size:46px}
  .page-hero>.container>p{font-size:var(--text-body);line-height:1.7}
  .inner-section{padding:72px 0}
  .rich h2{font-size:30px}
  .rich>.rich-block:not(:first-child){margin-top:54px}
  .official-service-panel{margin-bottom:54px;padding:26px 22px;border-radius:20px}
  .rich .official-service-panel h2{font-size:34px}
  .official-service-kicker{font-size:var(--text-micro)}
  .colorworks-focus{padding:24px 20px}
  .info-grid,.wide-benefit-grid,.about-timeline,.parts-category-grid,.parts-status-grid{grid-template-columns:1fr}
  .quick-answer,.article-key-points,.article-toc,.parts-identification{padding:22px}
  .ticket-frame{border-radius:16px}
}

@media(max-width:400px){
  .hero h1{font-size:43px}
  .brand-name{font-size:15px}
  .brand-name small{font-size:var(--text-micro);letter-spacing:.04em}
  .nav-actions{gap:6px}
  .nav-actions .button-small,.mobile-menu>summary{width:42px;height:42px;min-height:42px}
  .process-grid article{min-height:190px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}