:root{--black:#050608;--surface:#0c0e12;--silver:#dce1e7;--blue:#0058ff;--cyan:#25d9f8;--red:#ef1827;--text:#f5f6f8;--muted:#969da9;--line:rgba(220,225,231,.14);--radius:12px;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--text);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button:disabled{cursor:default}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.09}h2{font-size:clamp(32px,3.35vw,49px);letter-spacing:-.045em;font-weight:600}h3{font-size:23px;letter-spacing:-.025em;font-weight:500}.shell{width:min(1360px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:var(--blue);z-index:99}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:rgba(5,6,8,.82);backdrop-filter:blur(24px);border-bottom:1px solid var(--line)}.header-inner{height:92px;display:flex;align-items:center;gap:40px;justify-content:space-between}.brand{display:flex;align-items:center;gap:3px}.wordmark{display:inline-flex;align-items:baseline;font-size:25px;font-weight:400;letter-spacing:.045em;white-space:nowrap;line-height:1}.wordmark b{font-weight:800;background:linear-gradient(180deg,#fff 0%,#c4cad3 50%,#7e8999 100%);background-clip:text;color:transparent}.brand-dot{width:5px;height:5px;background:var(--red);margin-left:5px}.brand-symbol{position:relative;width:78px;height:42px;overflow:hidden;flex-shrink:0}.brand-symbol img{position:absolute;width:85px;max-width:none;left:-4px;top:-16px}.nav{display:flex;gap:32px;align-items:center;margin-left:auto}.nav-link{font-size:14px;color:#bdc3cc;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--cyan)}.button{min-height:48px;padding:13px 21px;display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid transparent;border-radius:6px;font-size:14px;line-height:1.4;font-weight:500;transition:background .2s,border-color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.glass{border-color:rgba(220,225,231,.23);background:linear-gradient(130deg,rgba(255,255,255,.065),rgba(255,255,255,.015));backdrop-filter:blur(12px)}.glass:hover{background:rgba(0,88,255,.1);border-color:var(--cyan)}.primary{background:var(--blue);border-color:#1c6dff;box-shadow:0 8px 38px rgba(0,88,255,.16)}.primary:hover{background:#176bff}.menu-toggle,.mobile-nav{display:none}.hero{position:relative;isolation:isolate;min-height:690px;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.8),rgba(5,6,8,.15) 50%,transparent 75%),linear-gradient(0deg,var(--black),transparent 22%);z-index:-2}.hero-content{position:relative;padding-top:76px;padding-bottom:114px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:500;display:flex;align-items:center;gap:12px;color:#c4cad3}.accent-line{width:26px;height:2px;background:var(--red)}h1{font-size:clamp(58px,5.2vw,80px);font-weight:600;letter-spacing:-.055em;margin:25px 0 22px;line-height:.99}.blue-text{background:linear-gradient(110deg,#ecf2ff -30%,#49b8ff 30%,#0064ff 100%);background-clip:text;color:transparent}.hero-description{color:#b6becb;font-size:17px;line-height:1.65}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:29px}.text-link{font-size:14px;display:flex;gap:14px;align-items:center;color:#d6dce5}.text-link:hover{color:var(--cyan)}.hero-caption{position:absolute;right:48px;top:50px;display:flex;gap:16px;font-size:12px;color:#8895a5;letter-spacing:.13em;writing-mode:vertical-rl}.hero-bottom{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;color:#798390;font-size:12px;letter-spacing:.15em}.hero-bottom a{font-size:13px;display:flex;align-items:center;gap:19px;letter-spacing:0}.category-bar{border-block:1px solid var(--line);background:rgba(255,255,255,.015)}.category-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:23px}.category-inner a{font-size:14px;display:flex;align-items:center;gap:10px;padding:7px 8px;border:1px solid transparent;border-radius:5px;transition:border-color .2s}.category-inner a:hover{border-color:var(--blue);background:rgba(0,88,255,.05)}.category-inner i{width:2px;height:12px;background:var(--blue)}.category-inner a:last-child i{background:var(--red)}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}.section-kicker{margin-bottom:23px;color:var(--muted)}.section-note{color:var(--muted);font-size:16px;line-height:1.7;max-width:340px}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service{text-align:left;display:flex;flex-direction:column;min-height:272px;background:linear-gradient(130deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid var(--line);border-radius:var(--radius);padding:25px;transition:border-color .25s,background .25s,transform .25s}.service:hover{border-color:var(--blue);background:linear-gradient(135deg,rgba(0,88,255,.1),rgba(255,255,255,.018));transform:translateY(-3px)}.service-top{display:flex;align-items:center;gap:16px}.service-number{font-size:14px;font-variant-numeric:tabular-nums;color:#a9b3c3}.service-type{font-size:12px;letter-spacing:.12em;color:#939aa7}.circle-arrow{margin-left:auto;border:1px solid var(--line);width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#bdc7d7}.service-body{margin:32px 0 24px}.service h3{font-size:22px;margin-bottom:15px}.service p{font-size:14px;color:var(--muted);line-height:1.6}.service-more{font-size:12px;display:flex;justify-content:space-between;align-items:center;letter-spacing:.035em;color:#c4cad3;margin-top:auto}.service-more span{color:var(--cyan);border-bottom:1px solid var(--blue);padding-inline:8px}.pricing-note{font-size:14px;color:#8f98a6;margin-top:23px;display:flex;gap:12px}.pricing-note span{color:var(--cyan)}.approach{background:#090b0e;border-block:1px solid var(--line)}.muted{color:#858e9d}.steps{padding:12px 0 0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps li{position:relative;border-top:1px solid #242c36;padding-top:25px}.steps li::before{content:"";position:absolute;top:-1px;left:0;width:30px;height:1px;background:var(--blue)}.step-num{color:var(--cyan);font-size:12px;letter-spacing:.1em}.steps h3{margin:26px 0 14px}.steps p{font-size:15px;color:var(--muted);max-width:250px;line-height:1.7}.brand-banner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:90px}.brand-banner h2{font-size:40px}.brand-banner p:not(.eyebrow){font-size:16px;color:var(--muted);margin:20px 0 26px}.brand-composition{padding:65px 30px 42px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(ellipse at 70% 100%,rgba(0,88,255,.14),transparent 65%);text-align:center}.brand-composition .wordmark{font-size:clamp(27px,3.25vw,48px);letter-spacing:.03em}.brand-composition .brand-dot{width:7px;height:7px}.palette-ribbon{display:flex;max-width:310px;height:3px;margin:35px auto 23px;transform:skew(-20deg);gap:5px}.palette-ribbon i{flex:1;background:var(--silver)}.palette-ribbon i:nth-child(2){background:var(--blue)}.palette-ribbon i:nth-child(3){background:var(--cyan)}.palette-ribbon i:nth-child(4){background:var(--red)}.palette-ribbon i:nth-child(5){background:#2b323b}.composition-label{color:#737f90;font-size:12px;letter-spacing:.16em}.footer{border-top:1px solid var(--line);padding:38px 0 25px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-logo{font-size:21px}.footer p{color:var(--muted);font-size:14px}.back-top{font-size:14px;display:flex;gap:25px}.back-top:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;font-size:12px;color:#777f8d;margin-top:35px}.footer-bottom a:hover{color:var(--silver)}dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #31435a;border-radius:16px;background:#0b0e14;color:var(--text);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-content{padding:44px}.dialog-close{position:absolute;right:16px;top:12px;background:none;border:0;font-size:30px;color:#a8b2c0;width:40px;height:40px}.dialog-content .eyebrow{color:var(--cyan);margin-bottom:22px}.dialog-content h2{font-size:36px;max-width:460px}.dialog-description{color:#aeb7c5;margin:24px 0;font-size:16px}.dialog-content h3{font-size:17px}.dialog-content ul{padding-left:20px;color:#c9d0da;font-size:15px;line-height:1.8;margin:15px 0 24px}.dialog-content li::marker{color:var(--blue)}.dialog-note{font-size:14px;line-height:1.7;padding:16px 0;border-block:1px solid var(--line);color:var(--muted);margin-bottom:24px}body.dialog-open{overflow:hidden}
/* Brandbook */
.book-intro{padding:80px 0 65px}.book-intro h1{font-size:clamp(60px,8vw,112px);line-height:1;letter-spacing:-.045em;margin:26px 0 30px}.book-intro .book-subtitle{font-size:20px;color:var(--muted);max-width:630px}.book-meta{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.book-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}.book-chips a{font-size:13px;padding:8px 14px;border:1px solid var(--line);border-radius:5px}.book-chips a:hover{border-color:var(--cyan)}.book-section{border-top:1px solid var(--line);padding-block:65px}.book-title{display:grid;grid-template-columns:200px 1fr;gap:40px;margin-bottom:36px}.book-title h2{font-size:36px}.book-title .eyebrow{align-self:start;padding-top:8px}.book-description{color:var(--muted);max-width:740px;margin-top:17px}.logo-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.source-logo{border:1px solid var(--line);border-radius:12px;background:#000;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.source-logo img{width:240px}.source-logo p,.logo-caption{font-size:12px;color:var(--muted);margin-top:15px}.identity-lockup{border:1px solid var(--line);border-radius:12px;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:radial-gradient(ellipse at 60% 100%,#0058ff16,transparent 70%);min-height:300px}.identity-lockup .wordmark{font-size:clamp(25px,4vw,56px);letter-spacing:.03em}.identity-tagline{font-size:12px;letter-spacing:.17em;color:var(--muted)}.usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:34px}.usage-grid h3{font-size:17px;margin-bottom:10px}.usage-grid p{font-size:14px;color:var(--muted);line-height:1.7}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.swatch{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.swatch-color{height:134px;position:relative}.swatch-color span{position:absolute;left:15px;top:12px;font-size:12px;letter-spacing:.1em}.swatch-info{padding:19px 15px}.swatch-info h3{font-size:17px;line-height:1.3;min-height:44px}.hex-copy{background:none;border:0;padding:10px 0;display:flex;width:100%;justify-content:space-between;align-items:center;font:13px monospace;color:#bac4d2;text-align:left;min-height:44px}.hex-copy:hover{color:var(--cyan)}.swatch-info p{font-size:12px;color:var(--muted);line-height:1.5}.color-usage{display:flex;margin-top:28px;height:14px;border-radius:4px;overflow:hidden;border:1px solid var(--line)}.color-usage span:nth-child(1){width:65%;background:var(--black)}.color-usage span:nth-child(2){width:20%;background:var(--silver)}.color-usage span:nth-child(3){width:10%;background:var(--blue)}.color-usage span:nth-child(4){width:3%;background:var(--cyan)}.color-usage span:nth-child(5){width:2%;background:var(--red)}.book-footnote{font-size:14px;color:var(--muted);margin-top:15px;max-width:900px}.type-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:40px;border:1px solid var(--line);border-radius:12px}.type-letters{font-size:clamp(80px,10vw,140px);font-weight:600;line-height:1;letter-spacing:-.07em}.type-name{color:var(--muted);margin-top:20px;font-size:14px}.type-example{border-bottom:1px solid var(--line);padding:18px 0;display:flex;flex-direction:column;gap:10px}.type-example:first-child{padding-top:0}.type-example:last-child{border:0}.type-spec{font-size:12px;color:var(--muted)}.type-example h3{font-size:36px}.type-example p{font-size:16px;color:#c1c9d5}.ui-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px}.button-examples{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.ui-description h3{font-size:20px;margin-bottom:18px}.ui-description p{color:var(--muted);font-size:15px;margin-bottom:14px}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.voice-block{border:1px solid var(--line);padding:30px;border-radius:10px}.voice-block h3{font-size:20px;margin-bottom:15px}.voice-block p{font-size:16px;color:var(--muted)}.voice-block .quote{font-size:27px;color:var(--silver);letter-spacing:-.02em;margin-bottom:15px;line-height:1.3}.book-photo{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:30px}.book-photo img{width:100%;height:auto}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:50;padding:12px 22px;background:#172235;color:white;border:1px solid #34517a;border-radius:8px;font-size:14px;box-shadow:0 10px 30px #0008;max-width:calc(100% - 32px);text-align:center}
@media(min-width:1700px){.hero{min-height:760px}.hero-content{padding-top:100px}.hero-image{object-position:center 55%}}
@media(max-width:1100px){.shell{width:calc(100% - 56px)}.header-inner{gap:25px}.nav{gap:22px}.header-cta{padding:11px 15px;gap:16px}.hero{min-height:670px}.hero-image{width:125%;max-width:none;left:-14%;object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(5,6,8,.82),rgba(5,6,8,.27) 52%,transparent 80%),linear-gradient(0deg,var(--black),transparent 24%)}.category-inner{justify-content:center;gap:8px 24px}.service{padding:21px}.service-type{font-size:12px}.service-top{gap:10px}.service h3{font-size:20px}.service p br{display:none}.service p{font-size:14px}.brand-banner{gap:35px}.color-grid{grid-template-columns:repeat(3,1fr)}.book-title{grid-template-columns:150px 1fr}.wordmark{font-size:22px}}
@media(max-width:760px){:root{scroll-padding-top:82px}.shell{width:calc(100% - 40px)}.header-inner{height:74px;gap:15px}.brand{gap:3px}.brand-symbol{width:62px;height:33px}.brand-symbol img{width:67px;left:-3px;top:-12.5px}.wordmark{font-size:22px}.header .nav,.header-cta{display:none}.menu-toggle{display:flex;width:44px;height:44px;border:1px solid var(--line);border-radius:7px;background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu-toggle span{height:1px;width:19px;background:var(--silver)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:12px 20px 25px;gap:4px}.mobile-nav a{font-size:16px;padding:12px}.hero{min-height:800px}.hero-content{padding-top:48px;padding-bottom:0}.hero .eyebrow{font-size:12px;letter-spacing:.13em}h1{font-size:60px;margin:24px 0 20px}.hero-description{font-size:16px}.hero-actions{gap:25px;margin-top:23px}.hero-image{width:165%;height:430px;max-width:none;left:-64%;top:auto;bottom:35px;object-fit:cover;object-position:55% center}.hero-shade{background:linear-gradient(180deg,var(--black) 0%,var(--black) 40%,transparent 61%,transparent 80%,var(--black) 99%)}.hero-caption{display:none}.hero-bottom{bottom:20px;font-size:12px}.hero-bottom a{font-size:12px}.category-inner{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:15px;width:100%;padding:16px 20px;scrollbar-width:thin;scrollbar-color:#314153 transparent}.category-inner a{white-space:nowrap;font-size:13px}.section{padding-block:66px}.section-heading{display:block;margin-bottom:30px}.section-kicker{font-size:12px;margin-bottom:18px}.section-note{margin-top:22px;font-size:15px}.section-note br{display:none}.services-grid{grid-template-columns:repeat(2,1fr);gap:12px}.service{min-height:255px;padding:19px}.service-type{display:none}.service-body{margin-top:29px}.service h3{font-size:20px}.service p{font-size:14px}.pricing-note{font-size:13px}.steps{grid-template-columns:1fr 1fr;gap:35px 26px}.steps h3{font-size:21px;margin-top:20px}.steps p{font-size:14px}.brand-banner{padding-block:65px;grid-template-columns:1fr;gap:35px}.brand-banner h2{font-size:34px}.brand-composition .wordmark{font-size:40px}.brand-composition{padding:55px 20px 35px}.footer-inner{flex-wrap:wrap;gap:20px}.footer-inner p{order:3;width:100%;font-size:13px}.footer-inner .back-top{margin-left:auto}.footer-bottom{margin-top:25px}.dialog-content{padding:35px 25px}.dialog-content h2{font-size:30px}.book-intro{padding:50px 0 40px}.book-intro h1{font-size:60px}.book-meta{display:block}.book-meta .button{margin-top:26px}.book-intro .book-subtitle{font-size:17px}.book-title{display:block;margin-bottom:25px}.book-title .eyebrow{margin-bottom:18px}.book-title h2{font-size:31px}.book-section{padding-block:45px}.book-description{font-size:15px}.logo-grid{grid-template-columns:1fr}.source-logo{padding:0 20px 22px}.source-logo img{width:225px}.source-logo p{margin-top:0}.identity-lockup{min-height:220px;padding:30px 20px}.identity-lockup .wordmark{font-size:38px}.usage-grid{grid-template-columns:1fr;gap:22px}.color-grid{grid-template-columns:repeat(2,1fr)}.swatch-color{height:115px}.color-grid .swatch:last-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.color-grid .swatch:last-child .swatch-color{height:100%}.type-panel{grid-template-columns:1fr;gap:25px;padding:25px}.type-letters{font-size:100px}.type-name{margin-top:15px}.type-example h3{font-size:31px}.ui-panel,.voice-grid{grid-template-columns:1fr;gap:25px}.voice-block{padding:25px}.button-examples{padding:25px}.book-chips{gap:8px}.book-chips a{font-size:12px}.book-photo img{height:220px;object-fit:cover;object-position:65%}}
@media(max-width:390px){.shell{width:calc(100% - 32px)}h1{font-size:53px}.hero{min-height:760px}.hero-image{bottom:30px;height:360px}.hero-actions{gap:19px}.hero-actions .button{padding-inline:15px;gap:20px}.hero-actions .text-link{font-size:13px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service{min-height:230px}.service-body{margin-top:24px}.service-type{display:inline;font-size:12px}.wordmark{font-size:20px}.identity-lockup .wordmark{font-size:31px}.brand-composition .wordmark{font-size:34px}.book-intro h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{:root{color-scheme:light}body{background:white;color:#111;font-size:11pt}.header,.footer,.book-chips,.book-meta>.button,.toast,.button-examples,.book-photo{display:none!important}.shell{width:100%}.book-intro{padding:0 0 20px}.book-intro h1{font-size:54px}.book-section{padding:25px 0;break-inside:avoid;border-color:#bbb}.book-title{grid-template-columns:150px 1fr;gap:20px}.book-title h2{font-size:26px}.book-description,.book-footnote,.book-subtitle,.usage-grid p,.ui-description p,.voice-block p,.type-name,.type-spec{color:#555!important}.eyebrow{color:#555}.logo-grid{grid-template-columns:1fr 1.5fr}.identity-lockup{background:#050608!important;color:white;min-height:220px;print-color-adjust:exact}.source-logo{background:black!important;print-color-adjust:exact}.source-logo img{width:180px}.color-grid{grid-template-columns:repeat(5,1fr)}.swatch,.swatch-color,.color-usage{print-color-adjust:exact}.swatch-color{height:75px}.swatch-info{padding:12px;background:white}.swatch-info h3{font-size:13px;color:#111}.swatch-info p,.hex-copy{color:#555}.hex-copy span{display:none}.swatch-info h3{min-height:35px}.usage-grid{gap:20px}.type-panel{padding:20px}.type-letters{font-size:80px}.type-example h3{font-size:26px}.type-example p{color:#444}.ui-panel{display:block}.voice-grid{gap:20px}.voice-block .quote{color:#111}.book-title .eyebrow{font-size:12px}.color-usage{display:none}.blue-text{color:#0058ff;background:none}.wordmark b{color:inherit;background:none}a{text-decoration:none}.book-intro .eyebrow{font-size:12px}}

.service p,.steps p,.usage-grid p,.ui-description p{font-size:16px}.service-type{font-size:12px;letter-spacing:.055em}.service-top{gap:10px}.service{min-height:286px}@media(max-width:1100px) and (min-width:761px){.service-type{display:none}}

/* Fin Motors wordmark follows the supplied ALEX_FIN lettering. */
.wordmark{position:relative;display:inline-block;width:230px;max-width:100%;aspect-ratio:2044/179;overflow:hidden;line-height:1;flex-shrink:0;vertical-align:middle}
.wordmark-image{position:absolute;display:block;width:101.956947%;height:auto;max-width:none;left:-1.467710%;top:-155.307263%}
.header .wordmark{width:205px}
.footer-logo{width:190px}
.brand-composition .wordmark,.identity-lockup .wordmark{width:min(100%,440px)}
.header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.socials{display:flex;align-items:center;gap:7px}
.social-tile{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;padding:0;border:1px solid rgba(182,209,227,.21);border-radius:7px;background:linear-gradient(145deg,rgba(182,209,227,.055),rgba(182,209,227,.012));color:#B6C3D0;opacity:1;cursor:default}
.social-tile svg{display:block;flex-shrink:0}
.header-inner{gap:25px}
.header .nav{gap:25px}
@media(max-width:1180px){.header-cta{display:none}.header .wordmark{width:180px}.header-actions{margin-left:auto}.header .nav{margin-left:auto;gap:22px}}
@media(max-width:860px) and (min-width:761px){.header .wordmark{width:168px}.header .nav{gap:16px}}
@media(max-width:760px){:root{scroll-padding-top:132px}.header-inner{display:grid;grid-template-columns:minmax(0,1fr) 44px;height:auto;padding-block:12px;gap:9px 15px}.header .brand{grid-column:1;grid-row:1;justify-self:start}.header .wordmark{width:168px}.menu-toggle{grid-column:2;grid-row:1}.header-actions{grid-column:1/-1;grid-row:2;justify-self:end;margin:0}.socials{gap:8px}.social-tile{width:34px;height:32px;border-radius:6px}.social-tile svg{width:18px;height:18px}}
@media(max-width:390px){.header .wordmark{width:138px}}
@media(forced-colors:active){.social-tile{color:GrayText;border-color:GrayText}}

/* Compact hero slogan with the original Arial typography. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-brand-headline{width:min(240px,50%);container-type:inline-size;font-size:0;line-height:1;margin:16px 0 16px}
.social-tile{border-color:#268AFF;background:linear-gradient(145deg,rgba(0,88,255,.13),rgba(0,88,255,.035));color:#64C9FF;box-shadow:0 0 10px rgba(0,105,255,.32),inset 0 0 8px rgba(0,105,255,.18)}
.social-tile svg{filter:drop-shadow(0 0 3px rgba(37,175,255,.45))}
@media(max-width:1100px) and (min-width:761px){.hero-brand-headline{width:220px;max-width:26%}}
@media(max-width:760px){.hero-brand-headline{width:min(200px,50%);margin:16px 0 14px}}
@media(forced-colors:active){.social-tile{border-color:Highlight;color:GrayText;box-shadow:none}.social-tile svg{filter:none}}

.hero-title-copy{display:block;font-family:Arial,Helvetica,sans-serif;font-size:67px;font-size:20.2cqw;font-weight:600;line-height:.92;letter-spacing:-.055em}
.header .brand{align-items:flex-end;gap:0}
/* Black source pixels blend into the page instead of forming a logo tile. */
.wordmark,.header .brand-symbol{mix-blend-mode:screen}
/* Align the compact ALEX_FIN signature with the emblem's left edge and a 2px gap. */
.header .brand-symbol{width:88px;height:59px}
.header .brand-emblem{position:relative;display:block;width:100%;height:45px;overflow:hidden}
.header .brand-emblem img{width:96px;left:-4.8px;top:-18px}
.header .brand-signature{position:absolute;display:block;width:76px;aspect-ratio:1138/96;left:0;top:47px;transform:none;overflow:hidden}
.header .brand-signature img{width:112.478032%;left:-7.029877%;top:-925%}
.header .wordmark{margin-left:-6px;margin-bottom:15px}
@media(max-width:760px){.header .brand-symbol{width:70px;height:48px}.header .brand-emblem{height:36px}.header .brand-emblem img{width:76px;left:-3.6px;top:-14.25px}.header .brand-signature{width:60px;top:38px}.header .wordmark{margin-left:-5px;margin-bottom:13px}}

/* Full-size equipment photography on the existing black hero. */
.hero{background:radial-gradient(ellipse at 72% 42%,rgba(0,88,255,.09),transparent 48%),var(--black)}
.hero-content{display:grid;grid-template-columns:minmax(0,.8fr) 3px minmax(0,1.2fr);align-items:center;column-gap:40px;padding-top:28px;padding-bottom:68px}
.hero-copy{min-width:0;transform:translateY(-24px)}
.hero-content .hero-brand-headline{width:min(330px,100%);max-width:100%}
.hero-divider{display:block;width:3px;height:190px;align-self:center;transform:translate(-12px,-76px);border-radius:3px;background:#1689ff;box-shadow:0 0 16px rgba(0,115,255,.7)}
.hero-actions{flex-wrap:wrap}
.equipment-carousel{position:relative;display:flex;flex-direction:column;min-width:0;width:100%;height:594px;outline-offset:6px;touch-action:pan-y}
.equipment-carousel:focus-visible{outline:1px solid var(--cyan);border-radius:12px}
.equipment-stage{position:relative;flex:1;min-height:0}
.equipment-slide{position:absolute;inset:0;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .85s ease,transform .85s ease,visibility 0s .85s;pointer-events:none}
.equipment-slide.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.equipment-slide img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;transform:scale(1.08);transform-origin:center 75%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35));user-select:none;-webkit-user-drag:none}
@media(min-width:761px){.equipment-slide--chief img{object-fit:cover}}
.equipment-slide figcaption{text-align:center;min-height:83px;padding:0 10px}
.equipment-type{display:block;font-size:11px;letter-spacing:.15em;color:#68b9ee;margin-bottom:8px}
.equipment-slide h2{font-size:clamp(20px,1.9vw,29px);font-weight:500;line-height:1.15;letter-spacing:-.035em;color:#e4ebf4}
.equipment-slide figcaption p{margin-top:6px;font-size:14px;color:#8796ab;line-height:1.4}
.equipment-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;flex-shrink:0}
.equipment-arrow,.equipment-play{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid rgba(103,176,255,.25);background:rgba(12,24,42,.38);backdrop-filter:blur(14px);color:#bfdaf3;transition:border-color .2s,background .2s}
.equipment-arrow:hover,.equipment-play:hover{border-color:#268aff;background:rgba(0,88,255,.14)}
.equipment-arrow svg,.equipment-play svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.equipment-play{margin-left:5px;width:34px;height:34px;color:#859db7}
.equipment-play .play-icon{display:none}
.equipment-play[aria-pressed="true"] .play-icon{display:block}
.equipment-play[aria-pressed="true"] .pause-icon{display:none}
.equipment-dots{display:flex;align-items:center;gap:2px}
.equipment-dots button{width:24px;height:36px;border:0;background:none;padding:8px;display:grid;place-items:center}
.equipment-dots button::before{content:"";width:5px;height:5px;border-radius:50%;background:#435264;transition:background .25s,box-shadow .25s,transform .25s}
.equipment-dots button[aria-current="true"]::before{background:#45adff;box-shadow:0 0 12px #0074ff;transform:scale(1.4)}
@media(max-width:1100px) and (min-width:761px){.hero-content{column-gap:28px}.equipment-carousel{height:545px}.equipment-slide h2{font-size:22px}.hero-actions{gap:16px 20px}}
@media(max-width:760px){
  .hero{min-height:0;background:radial-gradient(ellipse at 80% 40%,rgba(0,88,255,.1),transparent 55%),var(--black)}
  .hero-content{grid-template-columns:minmax(0,1.1fr) 2px minmax(0,.9fr);column-gap:16px;padding-top:30px;padding-bottom:78px}
  .hero-divider{width:2px;height:120px;transform:translate(-6px,-73px)}
  .hero-copy{transform:translateY(-12px)}
  .hero-copy>.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.08em;gap:7px;align-items:flex-start}
  .hero-copy>.eyebrow .accent-line{flex-shrink:0;margin-top:6px}
  .hero-content .hero-brand-headline{width:min(250px,100%);margin:16px 0 14px}
  .hero-title-copy{font-size:clamp(29.5px,9.5vw,49.5px);line-height:.98;letter-spacing:-.055em}
  .hero-description{font-size:14px;line-height:1.5}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:14px;margin-top:22px}
  .hero-actions .button{font-size:13px;padding:11px 12px;gap:8px;max-width:100%;line-height:1.3}
  .hero-actions .text-link{font-size:13px;gap:8px}
  .equipment-carousel{height:350px;margin:0}
  .equipment-slide{gap:8px}
  .equipment-slide figcaption{min-height:68px;padding:0 2px}
  .equipment-slide h2{font-size:15px;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
  .equipment-slide figcaption p{display:none}
  .equipment-type{font-size:10px;line-height:1.4;letter-spacing:.07em;margin-bottom:6px}
  .equipment-controls{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:6px;margin-top:10px}
  .equipment-arrow,.equipment-play{width:32px;height:36px;margin:0}
  [data-equipment-prev]{grid-column:1;grid-row:1}
  [data-equipment-next]{grid-column:3;grid-row:1}
  .equipment-play{grid-column:2;grid-row:1;justify-self:center}
  .equipment-dots{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;max-width:190px;justify-self:center}
  .equipment-dots button{width:100%;height:26px;padding:4px}
}
@media(max-width:390px){.hero-content{column-gap:12px}.hero-divider{height:105px}.equipment-carousel{height:330px}.equipment-slide h2{font-size:14px}.hero-actions .button{padding:10px;gap:6px}}
@media(prefers-reduced-motion:reduce){.equipment-slide{transition:none;transform:none}.equipment-dots button::before{transition:none}}

/* Two direct contact lines, visible in the shared header at every screen size. */
:root{scroll-padding-top:154px}
.header-contacts{display:flex;align-items:center;justify-content:flex-end;gap:32px;padding-block:0 10px;border-top:1px solid rgba(38,138,255,.12)}
.header-contact{display:flex;align-items:center;gap:12px;min-height:44px;line-height:1.35;border-radius:4px}
.contact-label{font-size:13px;color:#8ea6c0}
.contact-number{font-size:16px;font-weight:600;letter-spacing:.015em;white-space:nowrap;color:#e2edfa;transition:color .2s}
.header-contact:hover .contact-number{color:#64c9ff}
@media(max-width:760px){
  :root{scroll-padding-top:184px}
  .header-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:6px;padding-bottom:10px}
  .header-contact{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0;min-height:44px}
  .contact-label{font-size:12px;line-height:1.3}
  .contact-number{font-size:14px;letter-spacing:0}
}

/* The service rail stays below the measured header, including the mobile menu. */
:root{--header-height:148px;--service-nav-height:72px}
.has-service-nav{scroll-padding-top:calc(var(--header-height) + var(--service-nav-height) + 20px)}
.category-bar{position:sticky;top:var(--header-height);z-index:19;isolation:isolate;background:linear-gradient(120deg,rgba(150,191,235,.08),rgba(8,15,25,.64) 42%,rgba(28,77,129,.12)),rgba(5,9,15,.56);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border-top:1px solid rgba(207,230,255,.21);border-bottom:1px solid rgba(86,159,241,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.18)}
.category-inner{flex-wrap:nowrap;justify-content:space-between;gap:10px;padding-block:12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(82,156,246,.35) transparent}
.category-inner a{flex:none;white-space:nowrap;min-height:44px;padding:10px 12px;border-radius:9px;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}
.category-inner a:focus-visible,.category-inner a:active{color:#eaf6ff;border-color:rgba(75,168,255,.64);background:linear-gradient(135deg,rgba(38,138,255,.25),rgba(10,95,205,.13));box-shadow:inset 0 1px 0 rgba(216,239,255,.17),0 0 16px rgba(0,105,255,.13)}
.category-inner a:focus-visible i,.category-inner a:active i{background:#63caff;box-shadow:0 0 9px rgba(52,167,255,.8)}
@media(hover:hover){
 .category-inner a:hover{color:#eaf6ff;border-color:rgba(75,168,255,.64);background:linear-gradient(135deg,rgba(38,138,255,.25),rgba(10,95,205,.13));box-shadow:inset 0 1px 0 rgba(216,239,255,.17),0 0 16px rgba(0,105,255,.13)}
 .category-inner a:hover i{background:#63caff;box-shadow:0 0 9px rgba(52,167,255,.8)}
}
@media(max-width:1100px){.category-inner{justify-content:flex-start;gap:8px}}
@media(max-width:760px){:root{--header-height:180px;--service-nav-height:66px}.category-inner{padding:9px 20px;gap:6px}.category-inner a{font-size:13px;padding:10px 11px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.category-bar{background:rgba(9,16,26,.96)}}
@media(forced-colors:active){.category-bar{background:Canvas;border-color:CanvasText}.category-inner a:focus-visible,.category-inner a:active{outline:2px solid Highlight;outline-offset:-2px}}

/* The extracted metallic logo sits directly on a continuous blue/red atmosphere. */
body{background-color:var(--black);background-image:radial-gradient(ellipse 72% 390px at 8% 130px,rgba(0,90,255,.17),transparent 76%),radial-gradient(ellipse 62% 450px at 96% 230px,rgba(231,20,51,.12),transparent 77%),radial-gradient(ellipse 70% 440px at 48% 600px,rgba(28,70,171,.08),transparent 80%);background-repeat:no-repeat}
.header{background:linear-gradient(105deg,rgba(0,73,190,.11),rgba(5,6,8,.56) 46%,rgba(186,16,43,.08)),rgba(5,6,8,.76);border-bottom-color:rgba(165,188,229,.08);box-shadow:0 16px 48px rgba(3,5,10,.12)}
.header .brand--glow{position:relative;display:block;align-self:center;flex-shrink:0;width:300px;height:80px;max-width:100%;line-height:0;isolation:isolate}
.brand--glow::before{content:"";position:absolute;inset:-35px -55px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 24% 64%,rgba(0,99,255,.22),transparent 58%),radial-gradient(ellipse at 85% 63%,rgba(248,20,49,.16),transparent 54%);filter:blur(22px)}
.brand-logo{position:absolute;top:50%;left:0;display:block;width:100%;height:auto;transform:translateY(-50%);filter:drop-shadow(-5px 5px 14px rgba(0,94,255,.13)) drop-shadow(6px 5px 14px rgba(237,23,49,.09))}
.header-contacts{border-top-color:rgba(88,125,191,.09)}
.hero{background:transparent}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 72% 48% at 8% 3%,rgba(0,99,255,.13),transparent 78%),radial-gradient(ellipse 66% 60% at 96% 12%,rgba(224,19,52,.085),transparent 78%)}
@media(max-width:1180px) and (min-width:861px){.header .brand--glow{width:260px}}
@media(max-width:860px) and (min-width:761px){.header .brand--glow{width:230px}}
@media(max-width:760px){
  .header .brand--glow{width:min(248px,calc(100vw - 100px));height:68px}
  .brand--glow::before{inset:-20px -24px;filter:blur(18px)}
  body{background-image:radial-gradient(ellipse 100% 320px at 0 160px,rgba(0,90,255,.16),transparent 76%),radial-gradient(ellipse 90% 370px at 100% 290px,rgba(231,20,51,.11),transparent 77%)}
}
@media(forced-colors:active){.brand--glow::before,.hero::before{display:none}.brand-logo{filter:none}.header{background:Canvas}}

/* Individual workshop scenes keep the work and the wall branding in view. */
.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.service{min-width:0;min-height:0;padding:0;overflow:hidden;background:#0b1018;border-color:rgba(144,175,215,.19);box-shadow:0 14px 35px rgba(0,0,0,.15)}
.service:hover{background:#0d1520;border-color:rgba(78,164,255,.75);transform:translateY(-4px)}
.service-art{display:block;position:relative;isolation:isolate;width:100%;aspect-ratio:3/2;overflow:hidden;background:#111925;border-bottom:1px solid rgba(133,177,236,.14)}
.service-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 65%,rgba(7,12,20,.32))}
.service-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.service-top{width:100%;padding:20px 24px 0;gap:12px}
.service-number{color:#6ebaff;font-size:14px}
.service-type{display:inline;font-size:12px;letter-spacing:.055em;color:#9fadc0}
.service .circle-arrow{flex:none;width:32px;height:32px;border-color:rgba(138,184,248,.3);background:rgba(41,100,180,.08);color:#84c6ff}
.service-body{margin:18px 24px 24px}
.service h3{font-size:23px;line-height:1.2;margin-bottom:13px;letter-spacing:-.025em}
.service p{font-size:16px;line-height:1.6;color:#aebbcf}
.service p br{display:none}
.service-more{width:calc(100% - 48px);margin: auto 24px 22px;padding-top:17px;border-top:1px solid rgba(141,182,233,.14);font-size:14px;color:#d2deed}
.service:focus-visible{outline:2px solid #65c7ff;outline-offset:5px}
@media(hover:hover){.service:hover .service-image{transform:scale(1.035)}}
#service-dialog{width:min(760px,calc(100% - 32px));overscroll-behavior:contain}
.dialog-art{width:100%;aspect-ratio:3/2;overflow:hidden;background:#111925;border-bottom:1px solid rgba(133,177,236,.17)}
.dialog-art[hidden]{display:none}
#dialog-image{display:block;width:100%;height:100%;object-fit:cover}
#service-dialog .dialog-close{z-index:2;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(210,228,251,.35);background:rgba(3,9,18,.84);color:#fff;backdrop-filter:blur(12px);line-height:1;box-shadow:0 4px 20px #0004}
#service-dialog .dialog-close:hover{background:#153757}
#service-dialog .dialog-close:focus-visible{outline:2px solid #65c7ff;outline-offset:3px}
#service-dialog .dialog-content{padding:32px 38px 36px}
#service-dialog .dialog-content h2{max-width:none}
@media(max-width:1100px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:600px){
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .service-art{flex-shrink:0}
  .service-top{padding:12px 12px 0;gap:8px}
  .service-type{display:none}
  .service .circle-arrow{width:28px;height:28px}
  .service-body{margin:14px 12px 18px}
  .service h3{font-size:clamp(16px,3.9vw,21px);line-height:1.25;margin-bottom:10px;letter-spacing:-.015em;overflow-wrap:break-word}
  .service p{font-size:14px;line-height:1.55}
  .service-more{width:calc(100% - 24px);margin-inline:12px;margin-bottom:16px;padding-top:12px;gap:6px}
  .service-more span{padding-inline:3px}
  #service-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:13px}
  .dialog-art{max-height:none}
  #service-dialog .dialog-content{padding:26px 22px 28px}
  #service-dialog .dialog-content h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.service,.service-image{transition:none}.service:hover,.service:hover .service-image{transform:none}}
@media(forced-colors:active){.service{border:1px solid ButtonText;box-shadow:none}.service-art::after{display:none}#service-dialog .dialog-close{background:ButtonFace;color:ButtonText;border-color:ButtonText}}

/* Phones sit below the logo on the same row as the social links. */
:root{--header-height:140px}
:root:not(.has-service-nav){scroll-padding-top:calc(var(--header-height) + 20px)}
.header-inner{display:grid;grid-template-columns:minmax(300px,1fr) auto;height:auto;gap:0 24px;padding-block:6px 8px;align-items:center}
.header .brand--glow{grid-column:1;grid-row:1;justify-self:start}
.header .nav{grid-column:2;grid-row:1;justify-self:end;margin:0}
.header-actions{grid-column:2;grid-row:2;justify-self:end;margin:0}
.header-contacts{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:340px;gap:16px;margin:0;padding:0;border:0;justify-content:start}
.header-contact{flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:44px;gap:2px}
.contact-label{font-size:12px;line-height:1.3}
.contact-number{font-size:14px;letter-spacing:0}
.contact-label-short{display:none}
@media(max-width:760px){
  :root{--header-height:154px}
  .header-inner{grid-template-columns:minmax(0,1fr) 74px;gap:0 12px;padding-block:6px 10px}
  .header .brand--glow{grid-column:1/-1;grid-row:1;width:min(248px,calc(100% - 59px))}
  .menu-toggle{grid-column:2;grid-row:1;justify-self:end}
  .header-actions{grid-column:2;grid-row:2;align-self:center;justify-self:end}
  .header-contacts{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr);max-width:none;gap:4px;padding:0}
  .header-contact{flex-direction:row;align-items:center;justify-content:flex-start;min-height:32px;gap:8px}
  .contact-label{flex:0 0 56px}
  .contact-label-full{display:none}
  .contact-label-short{display:inline}
  .header .socials{display:grid;grid-template-columns:repeat(2,34px);gap:6px}
}

/* The rail belongs to the services section, so it leaves with its last row. */
.service-region{position:relative;display:flow-root;isolation:isolate}
/* A viewport-sized halo follows the service cards without blurring their content. */
.service-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:clip}
.service-atmosphere-inner{
  position:sticky;
  top:var(--header-height);
  width:100%;
  height:calc(100svh - var(--header-height));
  min-height:420px;
  overflow:clip;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent);
}
.service-atmosphere-inner::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 76% 76% at 0 46%,rgba(0,94,255,.24),transparent 78%),radial-gradient(ellipse 72% 80% at 100% 57%,rgba(239,24,45,.19),transparent 78%);
}
.service-atmosphere img{
  position:absolute;
  top:50%;
  left:50%;
  width:115%;
  max-width:none;
  height:auto;
  transform:translate(-50%,-50%);
  opacity:.19;
  filter:blur(clamp(38px,4.8vw,110px)) saturate(1.65);
  user-select:none;
}
@media(max-width:760px){
  .service-atmosphere-inner{min-height:340px}
  .service-atmosphere img{width:165%;opacity:.16;filter:blur(36px) saturate(1.65)}
}
@media print, (forced-colors:active){.service-atmosphere{display:none}}
#approach{scroll-margin-top:calc(-1 * var(--service-nav-height))}
.account-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid rgba(80,166,255,.45);border-radius:8px;color:#c3e8ff;background:rgba(13,51,94,.25);font-size:14px;white-space:nowrap}
.account-link:hover{background:rgba(26,88,150,.35);border-color:#65c7ff}
.account-link:focus-visible{outline:2px solid #65c7ff;outline-offset:3px}
.header-actions{gap:12px}.header-cta{display:none}
@media(max-width:1000px) and (min-width:761px){.account-link span{display:none}.account-link{width:40px;padding:8px}.header-actions{gap:9px}.header-inner{column-gap:16px}}
@media(max-width:760px){
  .header-inner{grid-template-columns:minmax(0,1fr) 114px}
  .header .socials{grid-template-columns:repeat(3,34px);gap:6px}
  .header-actions{position:relative;display:block}
  .header .account-link{position:absolute;right:0;bottom:0;width:34px;height:32px;min-height:32px;padding:0;border-radius:6px}
  .header .account-link span{display:none}
  .contact-number{font-size:14px}
}
@media(max-width:370px){.header-inner{column-gap:6px}.header-contact{gap:4px}.contact-label{flex-basis:49px}.contact-number{font-size:13px}}
@media(max-width:370px){.header-contact .contact-label{display:none}}
.account-link .account-photo{display:block;width:24px;height:24px;flex:none;border-radius:50%;object-fit:cover}

/* The profile's red frame complements the blue social tiles in the header. */
.header .account-link{
  border-color:#ff3b4e;
  background:linear-gradient(145deg,rgba(239,24,39,.16),rgba(239,24,39,.04));
  color:#ffe1e5;
  box-shadow:0 0 10px rgba(239,24,39,.34),inset 0 0 8px rgba(239,24,39,.16),inset 0 1px 0 rgba(255,213,219,.16);
  transition:border-color .18s,background .18s,box-shadow .18s;
}
.header .account-link:is(:hover,:active,:focus-visible){
  border-color:#ff7b88;
  background:linear-gradient(145deg,rgba(239,24,39,.25),rgba(239,24,39,.08));
  box-shadow:0 0 15px rgba(239,24,39,.5),inset 0 0 10px rgba(239,24,39,.2),inset 0 1px 0 rgba(255,225,229,.25);
}
.header .account-link:focus-visible{outline-color:#ff8e99}
.header .account-link>svg{filter:drop-shadow(0 0 3px rgba(255,79,99,.45))}
@media(prefers-reduced-motion:reduce){.header .account-link{transition:none}}
@media(forced-colors:active){.header .account-link{border-color:Highlight;color:LinkText;background:Canvas;box-shadow:none}.header .account-link:focus-visible{outline-color:Highlight}.header .account-link>svg{filter:none}}

[data-crm-link][hidden]{display:none!important}
/* Paint prices use the existing silver / electric blue service dialog. */
.paint-prices[hidden]{display:none}
.paint-prices{margin:24px 0 32px;min-width:0}
.paint-prices-caption{font-size:14px;color:#aeb7c5;margin:8px 0 14px}
.paint-prices dl{margin:0}
.paint-quality-note{padding:16px;border-left:2px solid var(--blue);background:rgba(0,88,255,.08);color:#c9d5e7;font-size:14px;line-height:1.7;margin:18px 0}
.paint-quality-note strong{display:block;color:var(--text);font-size:16px;margin-bottom:6px}
.paint-price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);align-items:start}
.paint-price-row dt{font-size:16px;font-weight:600;line-height:1.5;min-width:0}
.paint-price-row dt small{display:block;margin-top:5px;font-weight:400;font-size:14px;line-height:1.6;color:#aeb7c5}
.paint-price-row dd{margin:0;color:#65d8ff;font-size:16px;font-weight:650;line-height:1.5;text-align:right;font-variant-numeric:tabular-nums}
#service-dialog.has-service-prices .dialog-art{aspect-ratio:3/1}
@media(max-width:520px){.paint-price-row{grid-template-columns:minmax(0,1fr);gap:7px}.paint-price-row dd{text-align:left}.has-service-prices .dialog-content{padding:26px 20px}}

/* Fluid desktop canvas; typography and controls scale together during the build. */
@media screen and (min-width:1600px){
 .shell{width:calc(100% - 64px);max-width:none}
 .header .nav,.category-inner{flex-wrap:wrap}
 .service,.steps li,.brand-banner>div{min-width:0}
 .hero-description,.brand-banner p,.section-note{max-width:65ch}
}

/* Keep iOS text autosizing from changing the responsive layout. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:760px){body{width:100%;min-width:0}.hero-content>*,.header-inner>*{min-width:0}input,select,textarea{font-size:16px}}

/* Four compact service cards on desktop and 4K; phone layout stays unchanged. */
@media screen and (min-width:1600px){
 .home-page .shell{width:calc(100% - 64px);max-width:1920px}
 .home-page .header-inner{column-gap:28px}
 .home-page .header .nav{gap:22px}
 .home-page .category-inner{justify-content:center;gap:8px 16px;padding-block:8px}
 .home-page .category-inner a{font-size:13px;min-height:38px;padding:8px 10px}
 .home-page .hero{min-height:0}
 .home-page .hero-content{grid-template-columns:minmax(0,1fr) 2px minmax(0,1fr);column-gap:48px;padding-top:24px;padding-bottom:58px}
 .home-page .hero-copy{transform:none;justify-self:center;width:min(440px,100%)}
 .home-page .hero-content .hero-brand-headline{width:min(286px,100%);margin:20px 0 18px}
 .home-page .hero-description{font-size:16px}
 .home-page .hero-divider{height:150px;transform:translateY(-36px)}
 .home-page .equipment-carousel{height:448px;max-width:720px;justify-self:center}
 .home-page .equipment-slide h2{font-size:22px}
 .home-page .equipment-slide figcaption{min-height:68px}
 .home-page .section{padding-block:64px}
 .home-page .section-heading{margin-bottom:28px;gap:28px}
 .home-page .section-heading h2{font-size:38px}
 .home-page .section-kicker{margin-bottom:16px}
 .home-page .section-note{font-size:14px}
 .home-page .services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
 .home-page .service-art{aspect-ratio:16/10}
 .home-page .service-top{padding:15px 18px 0;gap:10px}
 .home-page .service-body{margin:14px 18px 18px}
 .home-page .service h3{font-size:20px;margin-bottom:10px}
 .home-page .service p{font-size:14px;line-height:1.55}
 .home-page .service-more{width:calc(100% - 36px);margin: auto 18px 18px;padding-top:12px;font-size:13px}
}

/* Public-page controls use the same Navy Mirage finish as CRM navigation.
   Share the finish across the homepage and brandbook; retain control visibility and positioning. */
@media screen {
 .public-navy-theme {
  --navy-control-bg:linear-gradient(180deg,#c4dcff08,transparent 48%,#06112218),linear-gradient(115deg,#141e30 0%,#223950 53%,#35577d 100%);
  --navy-control-shadow:inset 0 1px 1px #d1e1f426,inset 0 -1px 1px #0a142452,0 7px 12px #050c198c,0 1px 2px #01040b78;
 }
 .public-navy-theme :is(.button,.text-link,.nav-link,.mobile-nav a,.account-link,.social-tile,.menu-toggle,.equipment-arrow,.equipment-play,.dialog-close,.back-top,.book-chips a,.category-inner a,.cookie-panel button,.fm-display-launcher,.fm-display-dialog button) {
  border:1px solid #7e9bb669;
  border-radius:999px;
  background:var(--navy-control-bg);
  color:#e1e9f4;
  font-weight:500;
  text-decoration:none;
  text-shadow:0 1px 2px #03091580;
  box-shadow:var(--navy-control-shadow);
  transition:transform .17s,box-shadow .17s,border-color .17s,color .17s;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
 }
 .public-navy-theme :is(.button,.text-link,.nav-link,.mobile-nav a,.back-top,.book-chips a,.category-inner a) {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  padding:10px 18px;
  font-size:14px;
  line-height:1.4;
  letter-spacing:.025em;
 }
 .public-navy-theme .header-cta { display:none; }
 .public-navy-theme .hero-actions { gap:12px; }
 .public-navy-theme .hero-actions :is(.button,.text-link) {
  min-height:48px;
  padding:12px 22px;
  font-size:14px;
  max-width:100%;
 }
 .public-navy-theme .button.primary {
  background:linear-gradient(180deg,#c4dcff08,transparent 48%,#06112218),linear-gradient(115deg,#35577d 0%,#273e59 44%,#141e30 100%);
  border-color:#afcde88c;
 }
 .public-navy-theme .header .nav { gap:8px; flex-wrap:wrap; justify-content:flex-end; }
 .public-navy-theme .header .nav-link { padding:9px 14px; white-space:nowrap; }
 .public-navy-theme .mobile-nav { gap:8px; }
 .public-navy-theme .mobile-nav a { justify-content:flex-start; padding:12px 18px; }
 .public-navy-theme .category-inner { gap:10px; padding-block:12px; }
 .public-navy-theme .category-inner a { flex-shrink:0; padding:10px 16px; }
 .public-navy-theme .category-inner a i { background:#b5cee8; box-shadow:0 0 7px #87bfff40; }
 .public-navy-theme :is(.social-tile,.account-link)>svg { color:#c0d4eb; filter:drop-shadow(0 1px 1px #06112370); }
 .public-navy-theme .header .account-link { border-radius:999px; }
 .public-navy-theme #service-dialog .dialog-close {
  background:var(--navy-control-bg);
  border-color:#7e9bb669;
  color:#e1e9f4;
  box-shadow:var(--navy-control-shadow);
 }
 .public-navy-theme .service-more {
  align-self:flex-start;
  width:auto;
  max-width:calc(100% - 36px);
  margin: auto 18px 18px;
  padding:10px 16px;
  border:1px solid #7e9bb669;
  border-radius:999px;
  background:var(--navy-control-bg);
  color:#e1e9f4;
  box-shadow:var(--navy-control-shadow);
  line-height:1.4;
  font-size:14px;
 }
 .public-navy-theme :is(.nav-link.active,.nav-link[aria-current=page],.category-inner a.active,.fm-display-dialog button[aria-pressed=true]) {
  border-color:#bbd6f2b0;
  box-shadow:inset 0 1px 1px #e3efff30,inset 0 0 20px #5c96d01a,0 7px 12px #050c1980;
  color:#fff;
 }
 @media(hover:hover) {
  .public-navy-theme :is(.button,.text-link,.nav-link,.mobile-nav a,.account-link,.social-tile,.menu-toggle,.equipment-arrow,.equipment-play,.back-top,.book-chips a,.category-inner a,.cookie-panel button,.fm-display-launcher,.fm-display-dialog button):not(:disabled):hover,
  .public-navy-theme #service-dialog .dialog-close:hover {
   background:var(--navy-control-bg);
   color:#fff;
   border-color:#bbd6f2b0;
   box-shadow:inset 0 1px 1px #e0efff45,inset 0 -1px 1px #0a142473,0 9px 17px #040b1a91,0 0 16px #5284bb26;
   transform:translateY(-1px);
  }
  .public-navy-theme .service:hover .service-more { border-color:#bbd6f2b0; color:#fff; }
 }
 .public-navy-theme :is(.button,.text-link,.nav-link,.mobile-nav a,.account-link,.social-tile,.menu-toggle,.equipment-arrow,.equipment-play,.back-top,.book-chips a,.category-inner a,.cookie-panel button,.fm-display-launcher,.fm-display-dialog button):not(:disabled):active,
 .public-navy-theme #service-dialog .dialog-close:active {
  background:var(--navy-control-bg);
  transform:translateY(1px);
  box-shadow:inset 0 3px 7px #040a1a8c,inset 0 -1px 0 #abc8e329,0 2px 5px #040b1a73;
 }
 .public-navy-theme :is(.button,.text-link,.nav-link,.mobile-nav a,.account-link,.social-tile,.menu-toggle,.equipment-arrow,.equipment-play,.back-top,.book-chips a,.category-inner a,.cookie-panel button,.fm-display-launcher,.fm-display-dialog button):focus-visible,
 .public-navy-theme #service-dialog .dialog-close:focus-visible {
  outline:2px solid #a5d4ff;
  outline-offset:4px;
 }
 .public-navy-theme :is(.button,.social-tile,.cookie-panel button,.fm-display-dialog button):disabled {
  color:#8293a9;
  border-color:#5f759146;
  background:linear-gradient(115deg,#172338,#22354b);
  box-shadow:inset 0 1px 0 #aac6e714,0 3px 7px #050c1959;
  text-shadow:none;
  cursor:not-allowed;
 }
 .public-navy-theme .social-tile:disabled svg { color:inherit; filter:none; }
 @media(max-width:760px) {
  .public-navy-theme .hero-actions :is(.button,.text-link) { padding:11px 15px; gap:8px; }
  .public-navy-theme .category-inner a { padding:10px 14px; }
  .public-navy-theme .service-more { padding:9px 12px; }
 }
 @media(prefers-reduced-motion:reduce) {
  .public-navy-theme :is(.button,.text-link,.nav-link,.mobile-nav a,.account-link,.social-tile,.menu-toggle,.equipment-arrow,.equipment-play,.dialog-close,.back-top,.book-chips a,.category-inner a,.cookie-panel button,.fm-display-launcher,.fm-display-dialog button) { transition:none; transform:none!important; }
 }
 @media(forced-colors:active) {
  .public-navy-theme :is(.button,.text-link,.nav-link,.mobile-nav a,.account-link,.social-tile,.menu-toggle,.equipment-arrow,.equipment-play,.back-top,.book-chips a,.category-inner a,.cookie-panel button,.fm-display-launcher,.fm-display-dialog button,.service-more),
  .public-navy-theme #service-dialog .dialog-close { background:ButtonFace; color:ButtonText; border-color:ButtonText; box-shadow:none; text-shadow:none; forced-color-adjust:auto; }
 }
}

/* Keep public navigation and paired actions readable at narrow widths. */
@media screen {
 .public-navy-theme [hidden]{display:none!important}
 .public-navy-theme .button{white-space:normal;text-align:center}
 .public-navy-theme .hero-actions .button{min-width:156px;font-size:.875rem}
 .public-navy-theme .header .nav{min-width:0;max-width:100%}
 .public-navy-theme .book-chips a{font-size:.875rem}
 @media(min-width:761px){.public-navy-theme .header-inner{grid-template-columns:minmax(240px,1fr) minmax(0,auto)}}
 @media(max-width:760px){
  .public-navy-theme .hero-actions{align-items:stretch;max-width:100%;gap:10px}
  .public-navy-theme .hero-actions .button{min-width:0;width:100%;min-height:44px;padding:10px 12px;overflow-wrap:anywhere}
 }
}

/* One approach link beside the services slogan, on every screen size. */
@media screen {
 body[data-fm-liquid].home-page .services-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px 28px; }
 body[data-fm-liquid].home-page .services-heading>.section-kicker { grid-column:1 / -1; margin:0; }
 body[data-fm-liquid].home-page .services-heading>h2 { min-width:0; grid-column:1; }
 body[data-fm-liquid].home-page .services-heading>.services-approach-link { grid-column:2; justify-self:end; min-height:44px; padding:11px 20px; white-space:nowrap; }
 body[data-fm-liquid].home-page .services-heading>.section-note { grid-column:1 / -1; margin:0; }
}

/* The header, brandbook and footers use the owner's single complete logo. */
.identity-logo{display:block;width:100%;height:auto;object-fit:contain}
.brand-composition .identity-logo{width:min(100%,520px);margin-inline:auto}
.brand-composition .composition-label{display:block;white-space:normal;line-height:1.6;font-size:12px}
.footer-brand{display:block;flex:0 1 220px;width:220px;max-width:58%;line-height:0}
.footer-brand img{display:block;width:100%;height:auto;object-fit:contain}
.brand-master{margin:0;padding:clamp(24px,5vw,72px);border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(ellipse at 60% 100%,#0058ff1a,transparent 70%),#050608}
.brand-master .identity-logo{max-width:920px;margin:0 auto 36px}
.brand-master figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.brand-master figcaption span:first-child{color:var(--silver)}
.brand-rules{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:36px;align-items:center}
.brand-clearspace{padding:clamp(20px,3vw,40px);background:#0a101a;border:1px solid var(--line);border-radius:var(--radius)}
.brand-clearspace-frame{padding:7.55%;border:1px dashed #25d9f877}
.brand-clearspace img{width:100%;height:auto;object-fit:contain}
.brand-clearspace p{margin-top:18px;color:var(--muted);font-size:14px;text-align:center}
.brand-rules-copy h3{font-size:20px;margin-bottom:12px}
.brand-rules-copy p{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:24px}
.brand-download{font-size:14px;max-width:100%;white-space:normal;text-align:center}
@media(max-width:760px){
 .brand-composition{padding:30px 20px}
 .brand-master .identity-logo{margin-bottom:24px}
 .brand-master figcaption{font-size:14px}
 .brand-rules{grid-template-columns:1fr;gap:24px}
 .footer-brand{flex-basis:180px;width:180px}
 .book-title h2{font-size:clamp(28px,7vw,36px)}
}
@media print{
 .brand-master{background:#050608!important;print-color-adjust:exact;padding:25px;break-inside:avoid}
 .brand-master .identity-logo{max-width:650px;margin-bottom:20px}
 .brand-master figcaption{color:#dce1e7!important;border-color:#555;font-size:10pt}
 .brand-master figcaption span:first-child{color:#fff}
 .brand-rules{gap:20px;margin-top:24px;break-inside:avoid}
 .brand-clearspace{background:#0a101a!important;print-color-adjust:exact;padding:20px}
 .brand-clearspace p{color:#dce1e7!important;font-size:10pt}
 .brand-rules-copy p{color:#555!important;font-size:11pt}
 .brand-download{display:none!important}
}

/* Desktop service and header controls share the existing mobile service palette. */
@media screen and (min-width:1024px){
 body[data-fm-liquid].public-navy-theme .header{background:linear-gradient(115deg,#243b57ed,#192b43f5 55%,#294767ed);border-bottom-color:#72b9ef55;box-shadow:0 8px 24px #06152c40,inset 0 1px #d5eeff24}
 body[data-fm-liquid].public-navy-theme .header-inner{column-gap:24px;row-gap:10px;padding-block:12px;grid-template-columns:minmax(240px,1fr) minmax(0,auto)}
 body[data-fm-liquid].public-navy-theme .header .nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}
 body[data-fm-liquid].public-navy-theme .header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px}
 body[data-fm-liquid].public-navy-theme .header .socials{display:flex;gap:8px}
 body[data-fm-liquid].public-navy-theme .header :is(.nav-link,.account-link,.social-tile),
 body[data-fm-liquid].home-page [data-service-icon-nav]>a{
  --service-accent:#58c8ff;--service-tint:#58c8ff24;--service-edge:#58c8ff66;
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:10px 12px;border:1px solid var(--service-edge);border-radius:12px;
  background:radial-gradient(ellipse at 50% 0,var(--service-tint),transparent 78%),linear-gradient(145deg,#2a4564,#1b2d45);
  color:#edf5ff;font-size:14px;line-height:1.3;letter-spacing:0;text-shadow:none;
  box-shadow:0 5px 9px -5px #04112599,inset 0 1px #d6eeff40,inset 0 -1px #07192b44;
  transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;
 }
 body[data-fm-liquid].public-navy-theme .header .nav-link[hidden]{display:none}
 body[data-fm-liquid].public-navy-theme .header :is(.nav-link[href*="catalog"],.nav-link[href="/videos"],.nav-link[href="brandbook.html"],.social-tile[href*="vk.ru"]),
 body[data-fm-liquid].home-page [data-service-icon-nav]>a:is([data-open=paint],[data-open=polish],[data-open=tuning]){
  --service-accent:#98adff;--service-tint:#597cff30;--service-edge:#829aff80;
 }
 body[data-fm-liquid].public-navy-theme .header :is(.account-link,.social-tile[href*="youtube.com"],.social-tile[href*="instagram.com"]),
 body[data-fm-liquid].home-page [data-service-icon-nav]>a:is([data-open=pdr],[data-open=protect],[data-open=armature]){
  --service-accent:#ff8093;--service-tint:#f52e4f25;--service-edge:#ff6b8166;
 }
 body[data-fm-liquid].public-navy-theme .header .fm-desktop-nav-icon,
 body[data-fm-liquid].home-page [data-service-icon-nav] .fm-service-nav-icon{
  display:grid!important;place-items:center;flex:none;width:22px;height:22px;color:var(--service-accent);
 }
 body[data-fm-liquid].public-navy-theme .header .fm-desktop-nav-icon svg,
 body[data-fm-liquid].home-page [data-service-icon-nav] .fm-service-nav-icon svg{display:block;width:22px;height:22px}
 body[data-fm-liquid].public-navy-theme .header :is(.social-tile,.account-link)>svg{color:var(--service-accent);filter:drop-shadow(0 1px 4px var(--service-tint))}
 body[data-fm-liquid].public-navy-theme .header .social-tile{width:44px;height:44px;padding:0;flex:none}
 body[data-fm-liquid].public-navy-theme .header .account-link{min-height:44px;padding:8px 14px}
 body[data-fm-liquid].public-navy-theme .header .account-link .account-photo{width:28px;height:28px;border:1px solid var(--service-edge)}
 body[data-fm-liquid].home-page .category-inner[data-service-icon-nav]{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;padding-block:12px;overflow:visible;align-items:stretch}
 body[data-fm-liquid].home-page [data-service-icon-nav]>a{width:100%;min-width:0;min-height:66px;padding:12px 8px 15px;white-space:normal;text-align:center;overflow-wrap:normal}
 body[data-fm-liquid].home-page [data-service-icon-nav]>a>i{display:none}
 body[data-fm-liquid].home-page [data-service-icon-nav] .fm-service-nav-label{display:block;min-width:0;line-height:1.3}
 body[data-fm-liquid].home-page [data-service-icon-nav]>a::after{content:"";position:absolute;bottom:5px;left:35%;right:35%;height:2px;border-radius:2px;background:var(--service-accent);opacity:.8}
 body[data-fm-liquid].public-navy-theme .header :is(.nav-link,.account-link,.social-tile):is(:focus-visible,.active,[aria-current=page]),
 body[data-fm-liquid].home-page [data-service-icon-nav]>a:focus-visible{border-color:var(--service-accent);outline:2px solid var(--service-accent);outline-offset:2px;box-shadow:0 0 16px var(--service-tint),inset 0 1px #effaff55}
 body[data-fm-liquid].public-navy-theme .header :is(.nav-link,.account-link,.social-tile):active,
 body[data-fm-liquid].home-page [data-service-icon-nav]>a:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #06152c66}
 @media(max-width:1399px){
  body[data-fm-liquid].home-page [data-service-icon-nav]>a{flex-direction:column;gap:6px;min-height:86px;padding:9px 4px 13px}
  body[data-fm-liquid].public-navy-theme .header .nav-link{padding:9px 10px}
 }
 @media(hover:hover) and (pointer:fine){
  body[data-fm-liquid].public-navy-theme .header :is(.nav-link,.account-link,.social-tile):hover,
  body[data-fm-liquid].home-page [data-service-icon-nav]>a:hover{transform:translateY(-2px);border-color:var(--service-accent);background:radial-gradient(ellipse at 50% 0,var(--service-tint),transparent 90%),linear-gradient(145deg,#345473,#223b57);box-shadow:0 7px 15px -5px #04112599,0 0 14px var(--service-tint),inset 0 1px #effaff55}
 }
 @media(prefers-reduced-motion:reduce){
  body[data-fm-liquid].public-navy-theme .header :is(.nav-link,.account-link,.social-tile),
  body[data-fm-liquid].home-page [data-service-icon-nav]>a{transition:none;transform:none!important}
 }
 @media(forced-colors:active){
  body[data-fm-liquid].public-navy-theme .header :is(.nav-link,.account-link,.social-tile),
  body[data-fm-liquid].home-page [data-service-icon-nav]>a{color:ButtonText;background:ButtonFace;border-color:ButtonText;box-shadow:none;--service-accent:ButtonText}
  body[data-fm-liquid].home-page [data-service-icon-nav]>a::after{background:ButtonText}
 }
}

/* ПА — подбор автоэмали: shared abbreviation and glass palette. */
.service[data-service="color"] .enamel-art{display:grid;place-items:center;background:radial-gradient(ellipse at 20% 10%,#c993e5aa,transparent 65%),linear-gradient(140deg,#396983,#304d6a 50%,#173b4b);}
.enamel-art>svg{width:clamp(80px,10vw,150px);height:auto;color:#f3ecff;filter:drop-shadow(0 5px 12px #17162b88);}

@media screen and (min-width:1024px){:root{--fm-screen-unit:var(--fm-user-screen-unit,clamp(1px,.032552083vw,1.25px))}:root{--black:#050608;--surface:#0c0e12;--silver:#dce1e7;--blue:#0058ff;--cyan:#25d9f8;--red:#ef1827;--text:#f5f6f8;--muted:#969da9;--line:rgba(220,225,231,.14);--radius:calc(12 * var(--fm-screen-unit, 1px));color-scheme:dark;font-family:Arial,Helvetica,sans-serif;scroll-behavior:smooth;scroll-padding-top:calc(100 * var(--fm-screen-unit, 1px))}
*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--text);font-size:calc(16 * var(--fm-screen-unit, 1px));line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:calc(2 * var(--fm-screen-unit, 1px)) solid var(--cyan);outline-offset:calc(5 * var(--fm-screen-unit, 1px))}button:disabled{cursor:default}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.09}h2{font-size:clamp(calc(32 * var(--fm-screen-unit, 1px)),3.35vw,calc(49 * var(--fm-screen-unit, 1px)));letter-spacing:-.045em;font-weight:600}h3{font-size:calc(23 * var(--fm-screen-unit, 1px));letter-spacing:-.025em;font-weight:500}.shell{width:min(calc(1360 * var(--fm-screen-unit, 1px)),calc(100% - calc(96 * var(--fm-screen-unit, 1px))));margin-inline:auto}.skip{position:fixed;top:calc(-80 * var(--fm-screen-unit, 1px));left:calc(20 * var(--fm-screen-unit, 1px));padding:calc(15 * var(--fm-screen-unit, 1px));background:var(--blue);z-index:99}.skip:focus{top:calc(10 * var(--fm-screen-unit, 1px))}.header{position:sticky;top:0;z-index:20;background:rgba(5,6,8,.82);backdrop-filter:blur(calc(24 * var(--fm-screen-unit, 1px)));border-bottom:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line)}.header-inner{height:calc(92 * var(--fm-screen-unit, 1px));display:flex;align-items:center;gap:calc(40 * var(--fm-screen-unit, 1px));justify-content:space-between}.brand{display:flex;align-items:center;gap:calc(3 * var(--fm-screen-unit, 1px))}.wordmark{display:inline-flex;align-items:baseline;font-size:calc(25 * var(--fm-screen-unit, 1px));font-weight:400;letter-spacing:.045em;white-space:nowrap;line-height:1}.wordmark b{font-weight:800;background:linear-gradient(180deg,#fff 0%,#c4cad3 50%,#7e8999 100%);background-clip:text;color:transparent}.brand-dot{width:calc(5 * var(--fm-screen-unit, 1px));height:calc(5 * var(--fm-screen-unit, 1px));background:var(--red);margin-left:calc(5 * var(--fm-screen-unit, 1px))}.brand-symbol{position:relative;width:calc(78 * var(--fm-screen-unit, 1px));height:calc(42 * var(--fm-screen-unit, 1px));overflow:hidden;flex-shrink:0}.brand-symbol img{position:absolute;width:calc(85 * var(--fm-screen-unit, 1px));max-width:none;left:calc(-4 * var(--fm-screen-unit, 1px));top:calc(-16 * var(--fm-screen-unit, 1px))}.nav{display:flex;gap:calc(32 * var(--fm-screen-unit, 1px));align-items:center;margin-left:auto}.nav-link{font-size:calc(14 * var(--fm-screen-unit, 1px));color:#bdc3cc;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--cyan)}.button{min-height:calc(48 * var(--fm-screen-unit, 1px));padding:calc(13 * var(--fm-screen-unit, 1px)) calc(21 * var(--fm-screen-unit, 1px));display:inline-flex;align-items:center;justify-content:center;gap:calc(25 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid transparent;border-radius:calc(6 * var(--fm-screen-unit, 1px));font-size:calc(14 * var(--fm-screen-unit, 1px));line-height:1.4;font-weight:500;transition:background .2s,border-color .2s,transform .2s}.button:hover{transform:translateY(calc(-2 * var(--fm-screen-unit, 1px)))}.button span{font-size:calc(21 * var(--fm-screen-unit, 1px));line-height:1}.glass{border-color:rgba(220,225,231,.23);background:linear-gradient(130deg,rgba(255,255,255,.065),rgba(255,255,255,.015));backdrop-filter:blur(calc(12 * var(--fm-screen-unit, 1px)))}.glass:hover{background:rgba(0,88,255,.1);border-color:var(--cyan)}.primary{background:var(--blue);border-color:#1c6dff;box-shadow:0 calc(8 * var(--fm-screen-unit, 1px)) calc(38 * var(--fm-screen-unit, 1px)) rgba(0,88,255,.16)}.primary:hover{background:#176bff}.menu-toggle,.mobile-nav{display:none}.hero{position:relative;isolation:isolate;min-height:calc(690 * var(--fm-screen-unit, 1px));overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.8),rgba(5,6,8,.15) 50%,transparent 75%),linear-gradient(0deg,var(--black),transparent 22%);z-index:-2}.hero-content{position:relative;padding-top:calc(76 * var(--fm-screen-unit, 1px));padding-bottom:calc(114 * var(--fm-screen-unit, 1px))}.eyebrow{font-size:calc(12 * var(--fm-screen-unit, 1px));letter-spacing:.16em;font-weight:500;display:flex;align-items:center;gap:calc(12 * var(--fm-screen-unit, 1px));color:#c4cad3}.accent-line{width:calc(26 * var(--fm-screen-unit, 1px));height:calc(2 * var(--fm-screen-unit, 1px));background:var(--red)}h1{font-size:clamp(calc(58 * var(--fm-screen-unit, 1px)),5.2vw,calc(80 * var(--fm-screen-unit, 1px)));font-weight:600;letter-spacing:-.055em;margin:calc(25 * var(--fm-screen-unit, 1px)) 0 calc(22 * var(--fm-screen-unit, 1px));line-height:.99}.blue-text{background:linear-gradient(110deg,#ecf2ff -30%,#49b8ff 30%,#0064ff 100%);background-clip:text;color:transparent}.hero-description{color:#b6becb;font-size:calc(17 * var(--fm-screen-unit, 1px));line-height:1.65}.hero-actions{display:flex;gap:calc(30 * var(--fm-screen-unit, 1px));align-items:center;margin-top:calc(29 * var(--fm-screen-unit, 1px))}.text-link{font-size:calc(14 * var(--fm-screen-unit, 1px));display:flex;gap:calc(14 * var(--fm-screen-unit, 1px));align-items:center;color:#d6dce5}.text-link:hover{color:var(--cyan)}.hero-caption{position:absolute;right:calc(48 * var(--fm-screen-unit, 1px));top:calc(50 * var(--fm-screen-unit, 1px));display:flex;gap:calc(16 * var(--fm-screen-unit, 1px));font-size:calc(12 * var(--fm-screen-unit, 1px));color:#8895a5;letter-spacing:.13em;writing-mode:vertical-rl}.hero-bottom{position:absolute;bottom:calc(25 * var(--fm-screen-unit, 1px));left:0;right:0;display:flex;justify-content:space-between;color:#798390;font-size:calc(12 * var(--fm-screen-unit, 1px));letter-spacing:.15em}.hero-bottom a{font-size:calc(13 * var(--fm-screen-unit, 1px));display:flex;align-items:center;gap:calc(19 * var(--fm-screen-unit, 1px));letter-spacing:0}.category-bar{border-block:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);background:rgba(255,255,255,.015)}.category-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(12 * var(--fm-screen-unit, 1px));padding-block:calc(23 * var(--fm-screen-unit, 1px))}.category-inner a{font-size:calc(14 * var(--fm-screen-unit, 1px));display:flex;align-items:center;gap:calc(10 * var(--fm-screen-unit, 1px));padding:calc(7 * var(--fm-screen-unit, 1px)) calc(8 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid transparent;border-radius:calc(5 * var(--fm-screen-unit, 1px));transition:border-color .2s}.category-inner a:hover{border-color:var(--blue);background:rgba(0,88,255,.05)}.category-inner i{width:calc(2 * var(--fm-screen-unit, 1px));height:calc(12 * var(--fm-screen-unit, 1px));background:var(--blue)}.category-inner a:last-child i{background:var(--red)}.section{padding-block:calc(100 * var(--fm-screen-unit, 1px))}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(40 * var(--fm-screen-unit, 1px));margin-bottom:calc(44 * var(--fm-screen-unit, 1px))}.section-kicker{margin-bottom:calc(23 * var(--fm-screen-unit, 1px));color:var(--muted)}.section-note{color:var(--muted);font-size:calc(16 * var(--fm-screen-unit, 1px));line-height:1.7;max-width:calc(340 * var(--fm-screen-unit, 1px))}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16 * var(--fm-screen-unit, 1px))}.service{text-align:left;display:flex;flex-direction:column;min-height:calc(272 * var(--fm-screen-unit, 1px));background:linear-gradient(130deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);border-radius:var(--radius);padding:calc(25 * var(--fm-screen-unit, 1px));transition:border-color .25s,background .25s,transform .25s}.service:hover{border-color:var(--blue);background:linear-gradient(135deg,rgba(0,88,255,.1),rgba(255,255,255,.018));transform:translateY(calc(-3 * var(--fm-screen-unit, 1px)))}.service-top{display:flex;align-items:center;gap:calc(16 * var(--fm-screen-unit, 1px))}.service-number{font-size:calc(14 * var(--fm-screen-unit, 1px));font-variant-numeric:tabular-nums;color:#a9b3c3}.service-type{font-size:calc(12 * var(--fm-screen-unit, 1px));letter-spacing:.12em;color:#939aa7}.circle-arrow{margin-left:auto;border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);width:calc(31 * var(--fm-screen-unit, 1px));height:calc(31 * var(--fm-screen-unit, 1px));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#bdc7d7}.service-body{margin:calc(32 * var(--fm-screen-unit, 1px)) 0 calc(24 * var(--fm-screen-unit, 1px))}.service h3{font-size:calc(22 * var(--fm-screen-unit, 1px));margin-bottom:calc(15 * var(--fm-screen-unit, 1px))}.service p{font-size:calc(14 * var(--fm-screen-unit, 1px));color:var(--muted);line-height:1.6}.service-more{font-size:calc(12 * var(--fm-screen-unit, 1px));display:flex;justify-content:space-between;align-items:center;letter-spacing:.035em;color:#c4cad3;margin-top:auto}.service-more span{color:var(--cyan);border-bottom:calc(1 * var(--fm-screen-unit, 1px)) solid var(--blue);padding-inline:calc(8 * var(--fm-screen-unit, 1px))}.pricing-note{font-size:calc(14 * var(--fm-screen-unit, 1px));color:#8f98a6;margin-top:calc(23 * var(--fm-screen-unit, 1px));display:flex;gap:calc(12 * var(--fm-screen-unit, 1px))}.pricing-note span{color:var(--cyan)}.approach{background:#090b0e;border-block:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line)}.muted{color:#858e9d}.steps{padding:calc(12 * var(--fm-screen-unit, 1px)) 0 0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:calc(30 * var(--fm-screen-unit, 1px))}.steps li{position:relative;border-top:calc(1 * var(--fm-screen-unit, 1px)) solid #242c36;padding-top:calc(25 * var(--fm-screen-unit, 1px))}.steps li::before{content:"";position:absolute;top:calc(-1 * var(--fm-screen-unit, 1px));left:0;width:calc(30 * var(--fm-screen-unit, 1px));height:calc(1 * var(--fm-screen-unit, 1px));background:var(--blue)}.step-num{color:var(--cyan);font-size:calc(12 * var(--fm-screen-unit, 1px));letter-spacing:.1em}.steps h3{margin:calc(26 * var(--fm-screen-unit, 1px)) 0 calc(14 * var(--fm-screen-unit, 1px))}.steps p{font-size:calc(15 * var(--fm-screen-unit, 1px));color:var(--muted);max-width:calc(250 * var(--fm-screen-unit, 1px));line-height:1.7}.brand-banner{display:grid;grid-template-columns:1fr 1fr;gap:calc(70 * var(--fm-screen-unit, 1px));align-items:center;padding-block:calc(90 * var(--fm-screen-unit, 1px))}.brand-banner h2{font-size:calc(40 * var(--fm-screen-unit, 1px))}.brand-banner p:not(.eyebrow){font-size:calc(16 * var(--fm-screen-unit, 1px));color:var(--muted);margin:calc(20 * var(--fm-screen-unit, 1px)) 0 calc(26 * var(--fm-screen-unit, 1px))}.brand-composition{padding:calc(65 * var(--fm-screen-unit, 1px)) calc(30 * var(--fm-screen-unit, 1px)) calc(42 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);border-radius:var(--radius);background:radial-gradient(ellipse at 70% 100%,rgba(0,88,255,.14),transparent 65%);text-align:center}.brand-composition .wordmark{font-size:clamp(calc(27 * var(--fm-screen-unit, 1px)),3.25vw,calc(48 * var(--fm-screen-unit, 1px)));letter-spacing:.03em}.brand-composition .brand-dot{width:calc(7 * var(--fm-screen-unit, 1px));height:calc(7 * var(--fm-screen-unit, 1px))}.palette-ribbon{display:flex;max-width:calc(310 * var(--fm-screen-unit, 1px));height:calc(3 * var(--fm-screen-unit, 1px));margin:calc(35 * var(--fm-screen-unit, 1px)) auto calc(23 * var(--fm-screen-unit, 1px));transform:skew(-20deg);gap:calc(5 * var(--fm-screen-unit, 1px))}.palette-ribbon i{flex:1;background:var(--silver)}.palette-ribbon i:nth-child(2){background:var(--blue)}.palette-ribbon i:nth-child(3){background:var(--cyan)}.palette-ribbon i:nth-child(4){background:var(--red)}.palette-ribbon i:nth-child(5){background:#2b323b}.composition-label{color:#737f90;font-size:calc(12 * var(--fm-screen-unit, 1px));letter-spacing:.16em}.footer{border-top:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);padding:calc(38 * var(--fm-screen-unit, 1px)) 0 calc(25 * var(--fm-screen-unit, 1px))}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:calc(30 * var(--fm-screen-unit, 1px))}.footer-logo{font-size:calc(21 * var(--fm-screen-unit, 1px))}.footer p{color:var(--muted);font-size:calc(14 * var(--fm-screen-unit, 1px))}.back-top{font-size:calc(14 * var(--fm-screen-unit, 1px));display:flex;gap:calc(25 * var(--fm-screen-unit, 1px))}.back-top:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;font-size:calc(12 * var(--fm-screen-unit, 1px));color:#777f8d;margin-top:calc(35 * var(--fm-screen-unit, 1px))}.footer-bottom a:hover{color:var(--silver)}dialog{width:min(calc(620 * var(--fm-screen-unit, 1px)),calc(100% - calc(32 * var(--fm-screen-unit, 1px))));max-height:calc(100dvh - calc(40 * var(--fm-screen-unit, 1px)));padding:0;border:calc(1 * var(--fm-screen-unit, 1px)) solid #31435a;border-radius:calc(16 * var(--fm-screen-unit, 1px));background:#0b0e14;color:var(--text);box-shadow:0 calc(30 * var(--fm-screen-unit, 1px)) calc(100 * var(--fm-screen-unit, 1px)) #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(calc(8 * var(--fm-screen-unit, 1px)))}.dialog-content{padding:calc(44 * var(--fm-screen-unit, 1px))}.dialog-close{position:absolute;right:calc(16 * var(--fm-screen-unit, 1px));top:calc(12 * var(--fm-screen-unit, 1px));background:none;border:0;font-size:calc(30 * var(--fm-screen-unit, 1px));color:#a8b2c0;width:calc(40 * var(--fm-screen-unit, 1px));height:calc(40 * var(--fm-screen-unit, 1px))}.dialog-content .eyebrow{color:var(--cyan);margin-bottom:calc(22 * var(--fm-screen-unit, 1px))}.dialog-content h2{font-size:calc(36 * var(--fm-screen-unit, 1px));max-width:calc(460 * var(--fm-screen-unit, 1px))}.dialog-description{color:#aeb7c5;margin:calc(24 * var(--fm-screen-unit, 1px)) 0;font-size:calc(16 * var(--fm-screen-unit, 1px))}.dialog-content h3{font-size:calc(17 * var(--fm-screen-unit, 1px))}.dialog-content ul{padding-left:calc(20 * var(--fm-screen-unit, 1px));color:#c9d0da;font-size:calc(15 * var(--fm-screen-unit, 1px));line-height:1.8;margin:calc(15 * var(--fm-screen-unit, 1px)) 0 calc(24 * var(--fm-screen-unit, 1px))}.dialog-content li::marker{color:var(--blue)}.dialog-note{font-size:calc(14 * var(--fm-screen-unit, 1px));line-height:1.7;padding:calc(16 * var(--fm-screen-unit, 1px)) 0;border-block:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);color:var(--muted);margin-bottom:calc(24 * var(--fm-screen-unit, 1px))}body.dialog-open{overflow:hidden}
/* Brandbook */
.book-intro{padding:calc(80 * var(--fm-screen-unit, 1px)) 0 calc(65 * var(--fm-screen-unit, 1px))}.book-intro h1{font-size:clamp(calc(60 * var(--fm-screen-unit, 1px)),8vw,calc(112 * var(--fm-screen-unit, 1px)));line-height:1;letter-spacing:-.045em;margin:calc(26 * var(--fm-screen-unit, 1px)) 0 calc(30 * var(--fm-screen-unit, 1px))}.book-intro .book-subtitle{font-size:calc(20 * var(--fm-screen-unit, 1px));color:var(--muted);max-width:calc(630 * var(--fm-screen-unit, 1px))}.book-meta{display:flex;justify-content:space-between;gap:calc(30 * var(--fm-screen-unit, 1px));align-items:flex-end}.book-chips{display:flex;gap:calc(8 * var(--fm-screen-unit, 1px));flex-wrap:wrap;margin-top:calc(32 * var(--fm-screen-unit, 1px))}.book-chips a{font-size:calc(13 * var(--fm-screen-unit, 1px));padding:calc(8 * var(--fm-screen-unit, 1px)) calc(14 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);border-radius:calc(5 * var(--fm-screen-unit, 1px))}.book-chips a:hover{border-color:var(--cyan)}.book-section{border-top:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);padding-block:calc(65 * var(--fm-screen-unit, 1px))}.book-title{display:grid;grid-template-columns:calc(200 * var(--fm-screen-unit, 1px)) 1fr;gap:calc(40 * var(--fm-screen-unit, 1px));margin-bottom:calc(36 * var(--fm-screen-unit, 1px))}.book-title h2{font-size:calc(36 * var(--fm-screen-unit, 1px))}.book-title .eyebrow{align-self:start;padding-top:calc(8 * var(--fm-screen-unit, 1px))}.book-description{color:var(--muted);max-width:calc(740 * var(--fm-screen-unit, 1px));margin-top:calc(17 * var(--fm-screen-unit, 1px))}.logo-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:calc(20 * var(--fm-screen-unit, 1px))}.source-logo{border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);border-radius:calc(12 * var(--fm-screen-unit, 1px));background:#000;padding:calc(20 * var(--fm-screen-unit, 1px));display:flex;flex-direction:column;align-items:center;justify-content:center}.source-logo img{width:calc(240 * var(--fm-screen-unit, 1px))}.source-logo p,.logo-caption{font-size:calc(12 * var(--fm-screen-unit, 1px));color:var(--muted);margin-top:calc(15 * var(--fm-screen-unit, 1px))}.identity-lockup{border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);border-radius:calc(12 * var(--fm-screen-unit, 1px));padding:calc(40 * var(--fm-screen-unit, 1px));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(15 * var(--fm-screen-unit, 1px));background:radial-gradient(ellipse at 60% 100%,#0058ff16,transparent 70%);min-height:calc(300 * var(--fm-screen-unit, 1px))}.identity-lockup .wordmark{font-size:clamp(calc(25 * var(--fm-screen-unit, 1px)),4vw,calc(56 * var(--fm-screen-unit, 1px)));letter-spacing:.03em}.identity-tagline{font-size:calc(12 * var(--fm-screen-unit, 1px));letter-spacing:.17em;color:var(--muted)}.usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(30 * var(--fm-screen-unit, 1px));margin-top:calc(34 * var(--fm-screen-unit, 1px))}.usage-grid h3{font-size:calc(17 * var(--fm-screen-unit, 1px));margin-bottom:calc(10 * var(--fm-screen-unit, 1px))}.usage-grid p{font-size:calc(14 * var(--fm-screen-unit, 1px));color:var(--muted);line-height:1.7}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(14 * var(--fm-screen-unit, 1px))}.swatch{border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);border-radius:calc(10 * var(--fm-screen-unit, 1px));overflow:hidden;background:var(--surface)}.swatch-color{height:calc(134 * var(--fm-screen-unit, 1px));position:relative}.swatch-color span{position:absolute;left:calc(15 * var(--fm-screen-unit, 1px));top:calc(12 * var(--fm-screen-unit, 1px));font-size:calc(12 * var(--fm-screen-unit, 1px));letter-spacing:.1em}.swatch-info{padding:calc(19 * var(--fm-screen-unit, 1px)) calc(15 * var(--fm-screen-unit, 1px))}.swatch-info h3{font-size:calc(17 * var(--fm-screen-unit, 1px));line-height:1.3;min-height:calc(44 * var(--fm-screen-unit, 1px))}.hex-copy{background:none;border:0;padding:calc(10 * var(--fm-screen-unit, 1px)) 0;display:flex;width:100%;justify-content:space-between;align-items:center;font:calc(13 * var(--fm-screen-unit, 1px)) monospace;color:#bac4d2;text-align:left;min-height:calc(44 * var(--fm-screen-unit, 1px))}.hex-copy:hover{color:var(--cyan)}.swatch-info p{font-size:calc(12 * var(--fm-screen-unit, 1px));color:var(--muted);line-height:1.5}.color-usage{display:flex;margin-top:calc(28 * var(--fm-screen-unit, 1px));height:calc(14 * var(--fm-screen-unit, 1px));border-radius:calc(4 * var(--fm-screen-unit, 1px));overflow:hidden;border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line)}.color-usage span:nth-child(1){width:65%;background:var(--black)}.color-usage span:nth-child(2){width:20%;background:var(--silver)}.color-usage span:nth-child(3){width:10%;background:var(--blue)}.color-usage span:nth-child(4){width:3%;background:var(--cyan)}.color-usage span:nth-child(5){width:2%;background:var(--red)}.book-footnote{font-size:calc(14 * var(--fm-screen-unit, 1px));color:var(--muted);margin-top:calc(15 * var(--fm-screen-unit, 1px));max-width:calc(900 * var(--fm-screen-unit, 1px))}.type-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:calc(50 * var(--fm-screen-unit, 1px));padding:calc(40 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);border-radius:calc(12 * var(--fm-screen-unit, 1px))}.type-letters{font-size:clamp(calc(80 * var(--fm-screen-unit, 1px)),10vw,calc(140 * var(--fm-screen-unit, 1px)));font-weight:600;line-height:1;letter-spacing:-.07em}.type-name{color:var(--muted);margin-top:calc(20 * var(--fm-screen-unit, 1px));font-size:calc(14 * var(--fm-screen-unit, 1px))}.type-example{border-bottom:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);padding:calc(18 * var(--fm-screen-unit, 1px)) 0;display:flex;flex-direction:column;gap:calc(10 * var(--fm-screen-unit, 1px))}.type-example:first-child{padding-top:0}.type-example:last-child{border:0}.type-spec{font-size:calc(12 * var(--fm-screen-unit, 1px));color:var(--muted)}.type-example h3{font-size:calc(36 * var(--fm-screen-unit, 1px))}.type-example p{font-size:calc(16 * var(--fm-screen-unit, 1px));color:#c1c9d5}.ui-panel{display:grid;grid-template-columns:1fr 1fr;gap:calc(50 * var(--fm-screen-unit, 1px))}.button-examples{display:flex;align-items:center;gap:calc(16 * var(--fm-screen-unit, 1px));flex-wrap:wrap;padding:calc(32 * var(--fm-screen-unit, 1px));background:var(--surface);border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);border-radius:calc(12 * var(--fm-screen-unit, 1px))}.ui-description h3{font-size:calc(20 * var(--fm-screen-unit, 1px));margin-bottom:calc(18 * var(--fm-screen-unit, 1px))}.ui-description p{color:var(--muted);font-size:calc(15 * var(--fm-screen-unit, 1px));margin-bottom:calc(14 * var(--fm-screen-unit, 1px))}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(20 * var(--fm-screen-unit, 1px))}.voice-block{border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);padding:calc(30 * var(--fm-screen-unit, 1px));border-radius:calc(10 * var(--fm-screen-unit, 1px))}.voice-block h3{font-size:calc(20 * var(--fm-screen-unit, 1px));margin-bottom:calc(15 * var(--fm-screen-unit, 1px))}.voice-block p{font-size:calc(16 * var(--fm-screen-unit, 1px));color:var(--muted)}.voice-block .quote{font-size:calc(27 * var(--fm-screen-unit, 1px));color:var(--silver);letter-spacing:-.02em;margin-bottom:calc(15 * var(--fm-screen-unit, 1px));line-height:1.3}.book-photo{border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);border-radius:calc(10 * var(--fm-screen-unit, 1px));overflow:hidden;margin-top:calc(30 * var(--fm-screen-unit, 1px))}.book-photo img{width:100%;height:auto}.toast{position:fixed;bottom:calc(30 * var(--fm-screen-unit, 1px));left:50%;transform:translateX(-50%);z-index:50;padding:calc(12 * var(--fm-screen-unit, 1px)) calc(22 * var(--fm-screen-unit, 1px));background:#172235;color:white;border:calc(1 * var(--fm-screen-unit, 1px)) solid #34517a;border-radius:calc(8 * var(--fm-screen-unit, 1px));font-size:calc(14 * var(--fm-screen-unit, 1px));box-shadow:0 calc(10 * var(--fm-screen-unit, 1px)) calc(30 * var(--fm-screen-unit, 1px)) #0008;max-width:calc(100% - calc(32 * var(--fm-screen-unit, 1px)));text-align:center}
@media(min-width:1700px){.hero{min-height:calc(760 * var(--fm-screen-unit, 1px))}.hero-content{padding-top:calc(100 * var(--fm-screen-unit, 1px))}.hero-image{object-position:center 55%}}
@media(max-width:1100px){.shell{width:calc(100% - calc(56 * var(--fm-screen-unit, 1px)))}.header-inner{gap:calc(25 * var(--fm-screen-unit, 1px))}.nav{gap:calc(22 * var(--fm-screen-unit, 1px))}.header-cta{padding:calc(11 * var(--fm-screen-unit, 1px)) calc(15 * var(--fm-screen-unit, 1px));gap:calc(16 * var(--fm-screen-unit, 1px))}.hero{min-height:calc(670 * var(--fm-screen-unit, 1px))}.hero-image{width:125%;max-width:none;left:-14%;object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(5,6,8,.82),rgba(5,6,8,.27) 52%,transparent 80%),linear-gradient(0deg,var(--black),transparent 24%)}.category-inner{justify-content:center;gap:calc(8 * var(--fm-screen-unit, 1px)) calc(24 * var(--fm-screen-unit, 1px))}.service{padding:calc(21 * var(--fm-screen-unit, 1px))}.service-type{font-size:calc(12 * var(--fm-screen-unit, 1px))}.service-top{gap:calc(10 * var(--fm-screen-unit, 1px))}.service h3{font-size:calc(20 * var(--fm-screen-unit, 1px))}.service p br{display:none}.service p{font-size:calc(14 * var(--fm-screen-unit, 1px))}.brand-banner{gap:calc(35 * var(--fm-screen-unit, 1px))}.color-grid{grid-template-columns:repeat(3,1fr)}.book-title{grid-template-columns:calc(150 * var(--fm-screen-unit, 1px)) 1fr}.wordmark{font-size:calc(22 * var(--fm-screen-unit, 1px))}}
@media(max-width:760px){:root{scroll-padding-top:calc(82 * var(--fm-screen-unit, 1px))}.shell{width:calc(100% - calc(40 * var(--fm-screen-unit, 1px)))}.header-inner{height:calc(74 * var(--fm-screen-unit, 1px));gap:calc(15 * var(--fm-screen-unit, 1px))}.brand{gap:calc(3 * var(--fm-screen-unit, 1px))}.brand-symbol{width:calc(62 * var(--fm-screen-unit, 1px));height:calc(33 * var(--fm-screen-unit, 1px))}.brand-symbol img{width:calc(67 * var(--fm-screen-unit, 1px));left:calc(-3 * var(--fm-screen-unit, 1px));top:calc(-12.5 * var(--fm-screen-unit, 1px))}.wordmark{font-size:calc(22 * var(--fm-screen-unit, 1px))}.header .nav,.header-cta{display:none}.menu-toggle{display:flex;width:calc(44 * var(--fm-screen-unit, 1px));height:calc(44 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);border-radius:calc(7 * var(--fm-screen-unit, 1px));background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;gap:calc(6 * var(--fm-screen-unit, 1px))}.menu-toggle span{height:calc(1 * var(--fm-screen-unit, 1px));width:calc(19 * var(--fm-screen-unit, 1px));background:var(--silver)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:calc(12 * var(--fm-screen-unit, 1px)) calc(20 * var(--fm-screen-unit, 1px)) calc(25 * var(--fm-screen-unit, 1px));gap:calc(4 * var(--fm-screen-unit, 1px))}.mobile-nav a{font-size:calc(16 * var(--fm-screen-unit, 1px));padding:calc(12 * var(--fm-screen-unit, 1px))}.hero{min-height:calc(800 * var(--fm-screen-unit, 1px))}.hero-content{padding-top:calc(48 * var(--fm-screen-unit, 1px));padding-bottom:0}.hero .eyebrow{font-size:calc(12 * var(--fm-screen-unit, 1px));letter-spacing:.13em}h1{font-size:calc(60 * var(--fm-screen-unit, 1px));margin:calc(24 * var(--fm-screen-unit, 1px)) 0 calc(20 * var(--fm-screen-unit, 1px))}.hero-description{font-size:calc(16 * var(--fm-screen-unit, 1px))}.hero-actions{gap:calc(25 * var(--fm-screen-unit, 1px));margin-top:calc(23 * var(--fm-screen-unit, 1px))}.hero-image{width:165%;height:calc(430 * var(--fm-screen-unit, 1px));max-width:none;left:-64%;top:auto;bottom:calc(35 * var(--fm-screen-unit, 1px));object-fit:cover;object-position:55% center}.hero-shade{background:linear-gradient(180deg,var(--black) 0%,var(--black) 40%,transparent 61%,transparent 80%,var(--black) 99%)}.hero-caption{display:none}.hero-bottom{bottom:calc(20 * var(--fm-screen-unit, 1px));font-size:calc(12 * var(--fm-screen-unit, 1px))}.hero-bottom a{font-size:calc(12 * var(--fm-screen-unit, 1px))}.category-inner{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:calc(15 * var(--fm-screen-unit, 1px));width:100%;padding:calc(16 * var(--fm-screen-unit, 1px)) calc(20 * var(--fm-screen-unit, 1px));scrollbar-width:thin;scrollbar-color:#314153 transparent}.category-inner a{white-space:nowrap;font-size:calc(13 * var(--fm-screen-unit, 1px))}.section{padding-block:calc(66 * var(--fm-screen-unit, 1px))}.section-heading{display:block;margin-bottom:calc(30 * var(--fm-screen-unit, 1px))}.section-kicker{font-size:calc(12 * var(--fm-screen-unit, 1px));margin-bottom:calc(18 * var(--fm-screen-unit, 1px))}.section-note{margin-top:calc(22 * var(--fm-screen-unit, 1px));font-size:calc(15 * var(--fm-screen-unit, 1px))}.section-note br{display:none}.services-grid{grid-template-columns:repeat(2,1fr);gap:calc(12 * var(--fm-screen-unit, 1px))}.service{min-height:calc(255 * var(--fm-screen-unit, 1px));padding:calc(19 * var(--fm-screen-unit, 1px))}.service-type{display:none}.service-body{margin-top:calc(29 * var(--fm-screen-unit, 1px))}.service h3{font-size:calc(20 * var(--fm-screen-unit, 1px))}.service p{font-size:calc(14 * var(--fm-screen-unit, 1px))}.pricing-note{font-size:calc(13 * var(--fm-screen-unit, 1px))}.steps{grid-template-columns:1fr 1fr;gap:calc(35 * var(--fm-screen-unit, 1px)) calc(26 * var(--fm-screen-unit, 1px))}.steps h3{font-size:calc(21 * var(--fm-screen-unit, 1px));margin-top:calc(20 * var(--fm-screen-unit, 1px))}.steps p{font-size:calc(14 * var(--fm-screen-unit, 1px))}.brand-banner{padding-block:calc(65 * var(--fm-screen-unit, 1px));grid-template-columns:1fr;gap:calc(35 * var(--fm-screen-unit, 1px))}.brand-banner h2{font-size:calc(34 * var(--fm-screen-unit, 1px))}.brand-composition .wordmark{font-size:calc(40 * var(--fm-screen-unit, 1px))}.brand-composition{padding:calc(55 * var(--fm-screen-unit, 1px)) calc(20 * var(--fm-screen-unit, 1px)) calc(35 * var(--fm-screen-unit, 1px))}.footer-inner{flex-wrap:wrap;gap:calc(20 * var(--fm-screen-unit, 1px))}.footer-inner p{order:3;width:100%;font-size:calc(13 * var(--fm-screen-unit, 1px))}.footer-inner .back-top{margin-left:auto}.footer-bottom{margin-top:calc(25 * var(--fm-screen-unit, 1px))}.dialog-content{padding:calc(35 * var(--fm-screen-unit, 1px)) calc(25 * var(--fm-screen-unit, 1px))}.dialog-content h2{font-size:calc(30 * var(--fm-screen-unit, 1px))}.book-intro{padding:calc(50 * var(--fm-screen-unit, 1px)) 0 calc(40 * var(--fm-screen-unit, 1px))}.book-intro h1{font-size:calc(60 * var(--fm-screen-unit, 1px))}.book-meta{display:block}.book-meta .button{margin-top:calc(26 * var(--fm-screen-unit, 1px))}.book-intro .book-subtitle{font-size:calc(17 * var(--fm-screen-unit, 1px))}.book-title{display:block;margin-bottom:calc(25 * var(--fm-screen-unit, 1px))}.book-title .eyebrow{margin-bottom:calc(18 * var(--fm-screen-unit, 1px))}.book-title h2{font-size:calc(31 * var(--fm-screen-unit, 1px))}.book-section{padding-block:calc(45 * var(--fm-screen-unit, 1px))}.book-description{font-size:calc(15 * var(--fm-screen-unit, 1px))}.logo-grid{grid-template-columns:1fr}.source-logo{padding:0 calc(20 * var(--fm-screen-unit, 1px)) calc(22 * var(--fm-screen-unit, 1px))}.source-logo img{width:calc(225 * var(--fm-screen-unit, 1px))}.source-logo p{margin-top:0}.identity-lockup{min-height:calc(220 * var(--fm-screen-unit, 1px));padding:calc(30 * var(--fm-screen-unit, 1px)) calc(20 * var(--fm-screen-unit, 1px))}.identity-lockup .wordmark{font-size:calc(38 * var(--fm-screen-unit, 1px))}.usage-grid{grid-template-columns:1fr;gap:calc(22 * var(--fm-screen-unit, 1px))}.color-grid{grid-template-columns:repeat(2,1fr)}.swatch-color{height:calc(115 * var(--fm-screen-unit, 1px))}.color-grid .swatch:last-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.color-grid .swatch:last-child .swatch-color{height:100%}.type-panel{grid-template-columns:1fr;gap:calc(25 * var(--fm-screen-unit, 1px));padding:calc(25 * var(--fm-screen-unit, 1px))}.type-letters{font-size:calc(100 * var(--fm-screen-unit, 1px))}.type-name{margin-top:calc(15 * var(--fm-screen-unit, 1px))}.type-example h3{font-size:calc(31 * var(--fm-screen-unit, 1px))}.ui-panel,.voice-grid{grid-template-columns:1fr;gap:calc(25 * var(--fm-screen-unit, 1px))}.voice-block{padding:calc(25 * var(--fm-screen-unit, 1px))}.button-examples{padding:calc(25 * var(--fm-screen-unit, 1px))}.book-chips{gap:calc(8 * var(--fm-screen-unit, 1px))}.book-chips a{font-size:calc(12 * var(--fm-screen-unit, 1px))}.book-photo img{height:calc(220 * var(--fm-screen-unit, 1px));object-fit:cover;object-position:65%}}
@media(max-width:390px){.shell{width:calc(100% - calc(32 * var(--fm-screen-unit, 1px)))}h1{font-size:calc(53 * var(--fm-screen-unit, 1px))}.hero{min-height:calc(760 * var(--fm-screen-unit, 1px))}.hero-image{bottom:calc(30 * var(--fm-screen-unit, 1px));height:calc(360 * var(--fm-screen-unit, 1px))}.hero-actions{gap:calc(19 * var(--fm-screen-unit, 1px))}.hero-actions .button{padding-inline:calc(15 * var(--fm-screen-unit, 1px));gap:calc(20 * var(--fm-screen-unit, 1px))}.hero-actions .text-link{font-size:calc(13 * var(--fm-screen-unit, 1px))}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service{min-height:calc(230 * var(--fm-screen-unit, 1px))}.service-body{margin-top:calc(24 * var(--fm-screen-unit, 1px))}.service-type{display:inline;font-size:calc(12 * var(--fm-screen-unit, 1px))}.wordmark{font-size:calc(20 * var(--fm-screen-unit, 1px))}.identity-lockup .wordmark{font-size:calc(31 * var(--fm-screen-unit, 1px))}.brand-composition .wordmark{font-size:calc(34 * var(--fm-screen-unit, 1px))}.book-intro h1{font-size:calc(49 * var(--fm-screen-unit, 1px))}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{:root{color-scheme:light}body{background:white;color:#111;font-size:11pt}.header,.footer,.book-chips,.book-meta>.button,.toast,.button-examples,.book-photo{display:none!important}.shell{width:100%}.book-intro{padding:0 0 20px}.book-intro h1{font-size:54px}.book-section{padding:25px 0;break-inside:avoid;border-color:#bbb}.book-title{grid-template-columns:150px 1fr;gap:20px}.book-title h2{font-size:26px}.book-description,.book-footnote,.book-subtitle,.usage-grid p,.ui-description p,.voice-block p,.type-name,.type-spec{color:#555!important}.eyebrow{color:#555}.logo-grid{grid-template-columns:1fr 1.5fr}.identity-lockup{background:#050608!important;color:white;min-height:220px;print-color-adjust:exact}.source-logo{background:black!important;print-color-adjust:exact}.source-logo img{width:180px}.color-grid{grid-template-columns:repeat(5,1fr)}.swatch,.swatch-color,.color-usage{print-color-adjust:exact}.swatch-color{height:75px}.swatch-info{padding:12px;background:white}.swatch-info h3{font-size:13px;color:#111}.swatch-info p,.hex-copy{color:#555}.hex-copy span{display:none}.swatch-info h3{min-height:35px}.usage-grid{gap:20px}.type-panel{padding:20px}.type-letters{font-size:80px}.type-example h3{font-size:26px}.type-example p{color:#444}.ui-panel{display:block}.voice-grid{gap:20px}.voice-block .quote{color:#111}.book-title .eyebrow{font-size:12px}.color-usage{display:none}.blue-text{color:#0058ff;background:none}.wordmark b{color:inherit;background:none}a{text-decoration:none}.book-intro .eyebrow{font-size:12px}}

.service p,.steps p,.usage-grid p,.ui-description p{font-size:calc(16 * var(--fm-screen-unit, 1px))}.service-type{font-size:calc(12 * var(--fm-screen-unit, 1px));letter-spacing:.055em}.service-top{gap:calc(10 * var(--fm-screen-unit, 1px))}.service{min-height:calc(286 * var(--fm-screen-unit, 1px))}@media(max-width:1100px) and (min-width:761px){.service-type{display:none}}

/* Fin Motors wordmark follows the supplied ALEX_FIN lettering. */
.wordmark{position:relative;display:inline-block;width:calc(230 * var(--fm-screen-unit, 1px));max-width:100%;aspect-ratio:2044/179;overflow:hidden;line-height:1;flex-shrink:0;vertical-align:middle}
.wordmark-image{position:absolute;display:block;width:101.956947%;height:auto;max-width:none;left:-1.467710%;top:-155.307263%}
.header .wordmark{width:calc(205 * var(--fm-screen-unit, 1px))}
.footer-logo{width:calc(190 * var(--fm-screen-unit, 1px))}
.brand-composition .wordmark,.identity-lockup .wordmark{width:min(100%,calc(440 * var(--fm-screen-unit, 1px)))}
.header-actions{display:flex;align-items:center;gap:calc(20 * var(--fm-screen-unit, 1px));flex-shrink:0}
.socials{display:flex;align-items:center;gap:calc(7 * var(--fm-screen-unit, 1px))}
.social-tile{display:inline-flex;align-items:center;justify-content:center;width:calc(37 * var(--fm-screen-unit, 1px));height:calc(37 * var(--fm-screen-unit, 1px));padding:0;border:calc(1 * var(--fm-screen-unit, 1px)) solid rgba(182,209,227,.21);border-radius:calc(7 * var(--fm-screen-unit, 1px));background:linear-gradient(145deg,rgba(182,209,227,.055),rgba(182,209,227,.012));color:#B6C3D0;opacity:1;cursor:default}
.social-tile svg{display:block;flex-shrink:0}
.header-inner{gap:calc(25 * var(--fm-screen-unit, 1px))}
.header .nav{gap:calc(25 * var(--fm-screen-unit, 1px))}
@media(max-width:1180px){.header-cta{display:none}.header .wordmark{width:calc(180 * var(--fm-screen-unit, 1px))}.header-actions{margin-left:auto}.header .nav{margin-left:auto;gap:calc(22 * var(--fm-screen-unit, 1px))}}
@media(max-width:860px) and (min-width:761px){.header .wordmark{width:calc(168 * var(--fm-screen-unit, 1px))}.header .nav{gap:calc(16 * var(--fm-screen-unit, 1px))}}
@media(max-width:760px){:root{scroll-padding-top:calc(132 * var(--fm-screen-unit, 1px))}.header-inner{display:grid;grid-template-columns:minmax(0,1fr) calc(44 * var(--fm-screen-unit, 1px));height:auto;padding-block:calc(12 * var(--fm-screen-unit, 1px));gap:calc(9 * var(--fm-screen-unit, 1px)) calc(15 * var(--fm-screen-unit, 1px))}.header .brand{grid-column:1;grid-row:1;justify-self:start}.header .wordmark{width:calc(168 * var(--fm-screen-unit, 1px))}.menu-toggle{grid-column:2;grid-row:1}.header-actions{grid-column:1/-1;grid-row:2;justify-self:end;margin:0}.socials{gap:calc(8 * var(--fm-screen-unit, 1px))}.social-tile{width:calc(34 * var(--fm-screen-unit, 1px));height:calc(32 * var(--fm-screen-unit, 1px));border-radius:calc(6 * var(--fm-screen-unit, 1px))}.social-tile svg{width:calc(18 * var(--fm-screen-unit, 1px));height:calc(18 * var(--fm-screen-unit, 1px))}}
@media(max-width:390px){.header .wordmark{width:calc(138 * var(--fm-screen-unit, 1px))}}
@media(forced-colors:active){.social-tile{color:GrayText;border-color:GrayText}}

/* Compact hero slogan with the original Arial typography. */
.visually-hidden{position:absolute;width:calc(1 * var(--fm-screen-unit, 1px));height:calc(1 * var(--fm-screen-unit, 1px));padding:0;margin:calc(-1 * var(--fm-screen-unit, 1px));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-brand-headline{width:min(calc(240 * var(--fm-screen-unit, 1px)),50%);container-type:inline-size;font-size:0;line-height:1;margin:calc(16 * var(--fm-screen-unit, 1px)) 0 calc(16 * var(--fm-screen-unit, 1px))}
.social-tile{border-color:#268AFF;background:linear-gradient(145deg,rgba(0,88,255,.13),rgba(0,88,255,.035));color:#64C9FF;box-shadow:0 0 calc(10 * var(--fm-screen-unit, 1px)) rgba(0,105,255,.32),inset 0 0 calc(8 * var(--fm-screen-unit, 1px)) rgba(0,105,255,.18)}
.social-tile svg{filter:drop-shadow(0 0 calc(3 * var(--fm-screen-unit, 1px)) rgba(37,175,255,.45))}
@media(max-width:1100px) and (min-width:761px){.hero-brand-headline{width:calc(220 * var(--fm-screen-unit, 1px));max-width:26%}}
@media(max-width:760px){.hero-brand-headline{width:min(calc(200 * var(--fm-screen-unit, 1px)),50%);margin:calc(16 * var(--fm-screen-unit, 1px)) 0 calc(14 * var(--fm-screen-unit, 1px))}}
@media(forced-colors:active){.social-tile{border-color:Highlight;color:GrayText;box-shadow:none}.social-tile svg{filter:none}}

.hero-title-copy{display:block;font-family:Arial,Helvetica,sans-serif;font-size:calc(67 * var(--fm-screen-unit, 1px));font-size:20.2cqw;font-weight:600;line-height:.92;letter-spacing:-.055em}
.header .brand{align-items:flex-end;gap:0}
/* Black source pixels blend into the page instead of forming a logo tile. */
.wordmark,.header .brand-symbol{mix-blend-mode:screen}
/* Align the compact ALEX_FIN signature with the emblem's left edge and a 2px gap. */
.header .brand-symbol{width:calc(88 * var(--fm-screen-unit, 1px));height:calc(59 * var(--fm-screen-unit, 1px))}
.header .brand-emblem{position:relative;display:block;width:100%;height:calc(45 * var(--fm-screen-unit, 1px));overflow:hidden}
.header .brand-emblem img{width:calc(96 * var(--fm-screen-unit, 1px));left:calc(-4.8 * var(--fm-screen-unit, 1px));top:calc(-18 * var(--fm-screen-unit, 1px))}
.header .brand-signature{position:absolute;display:block;width:calc(76 * var(--fm-screen-unit, 1px));aspect-ratio:1138/96;left:0;top:calc(47 * var(--fm-screen-unit, 1px));transform:none;overflow:hidden}
.header .brand-signature img{width:112.478032%;left:-7.029877%;top:-925%}
.header .wordmark{margin-left:calc(-6 * var(--fm-screen-unit, 1px));margin-bottom:calc(15 * var(--fm-screen-unit, 1px))}
@media(max-width:760px){.header .brand-symbol{width:calc(70 * var(--fm-screen-unit, 1px));height:calc(48 * var(--fm-screen-unit, 1px))}.header .brand-emblem{height:calc(36 * var(--fm-screen-unit, 1px))}.header .brand-emblem img{width:calc(76 * var(--fm-screen-unit, 1px));left:calc(-3.6 * var(--fm-screen-unit, 1px));top:calc(-14.25 * var(--fm-screen-unit, 1px))}.header .brand-signature{width:calc(60 * var(--fm-screen-unit, 1px));top:calc(38 * var(--fm-screen-unit, 1px))}.header .wordmark{margin-left:calc(-5 * var(--fm-screen-unit, 1px));margin-bottom:calc(13 * var(--fm-screen-unit, 1px))}}

/* Full-size equipment photography on the existing black hero. */
.hero{background:radial-gradient(ellipse at 72% 42%,rgba(0,88,255,.09),transparent 48%),var(--black)}
.hero-content{display:grid;grid-template-columns:minmax(0,.8fr) calc(3 * var(--fm-screen-unit, 1px)) minmax(0,1.2fr);align-items:center;column-gap:calc(40 * var(--fm-screen-unit, 1px));padding-top:calc(28 * var(--fm-screen-unit, 1px));padding-bottom:calc(68 * var(--fm-screen-unit, 1px))}
.hero-copy{min-width:0;transform:translateY(calc(-24 * var(--fm-screen-unit, 1px)))}
.hero-content .hero-brand-headline{width:min(calc(330 * var(--fm-screen-unit, 1px)),100%);max-width:100%}
.hero-divider{display:block;width:calc(3 * var(--fm-screen-unit, 1px));height:calc(190 * var(--fm-screen-unit, 1px));align-self:center;transform:translate(calc(-12 * var(--fm-screen-unit, 1px)),calc(-76 * var(--fm-screen-unit, 1px)));border-radius:calc(3 * var(--fm-screen-unit, 1px));background:#1689ff;box-shadow:0 0 calc(16 * var(--fm-screen-unit, 1px)) rgba(0,115,255,.7)}
.hero-actions{flex-wrap:wrap}
.equipment-carousel{position:relative;display:flex;flex-direction:column;min-width:0;width:100%;height:calc(594 * var(--fm-screen-unit, 1px));outline-offset:calc(6 * var(--fm-screen-unit, 1px));touch-action:pan-y}
.equipment-carousel:focus-visible{outline:calc(1 * var(--fm-screen-unit, 1px)) solid var(--cyan);border-radius:calc(12 * var(--fm-screen-unit, 1px))}
.equipment-stage{position:relative;flex:1;min-height:0}
.equipment-slide{position:absolute;inset:0;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:calc(12 * var(--fm-screen-unit, 1px));opacity:0;visibility:hidden;transform:translateY(calc(8 * var(--fm-screen-unit, 1px)));transition:opacity .85s ease,transform .85s ease,visibility 0s .85s;pointer-events:none}
.equipment-slide.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.equipment-slide img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;transform:scale(1.08);transform-origin:center 75%;filter:drop-shadow(0 calc(18 * var(--fm-screen-unit, 1px)) calc(30 * var(--fm-screen-unit, 1px)) rgba(0,0,0,.35));user-select:none;-webkit-user-drag:none}
@media(min-width:761px){.equipment-slide--chief img{object-fit:cover}}
.equipment-slide figcaption{text-align:center;min-height:calc(83 * var(--fm-screen-unit, 1px));padding:0 calc(10 * var(--fm-screen-unit, 1px))}
.equipment-type{display:block;font-size:calc(11 * var(--fm-screen-unit, 1px));letter-spacing:.15em;color:#68b9ee;margin-bottom:calc(8 * var(--fm-screen-unit, 1px))}
.equipment-slide h2{font-size:clamp(calc(20 * var(--fm-screen-unit, 1px)),1.9vw,calc(29 * var(--fm-screen-unit, 1px)));font-weight:500;line-height:1.15;letter-spacing:-.035em;color:#e4ebf4}
.equipment-slide figcaption p{margin-top:calc(6 * var(--fm-screen-unit, 1px));font-size:calc(14 * var(--fm-screen-unit, 1px));color:#8796ab;line-height:1.4}
.equipment-controls{display:flex;align-items:center;justify-content:center;gap:calc(12 * var(--fm-screen-unit, 1px));margin-top:calc(18 * var(--fm-screen-unit, 1px));flex-shrink:0}
.equipment-arrow,.equipment-play{display:grid;place-items:center;width:calc(40 * var(--fm-screen-unit, 1px));height:calc(40 * var(--fm-screen-unit, 1px));padding:0;border-radius:50%;border:calc(1 * var(--fm-screen-unit, 1px)) solid rgba(103,176,255,.25);background:rgba(12,24,42,.38);backdrop-filter:blur(calc(14 * var(--fm-screen-unit, 1px)));color:#bfdaf3;transition:border-color .2s,background .2s}
.equipment-arrow:hover,.equipment-play:hover{border-color:#268aff;background:rgba(0,88,255,.14)}
.equipment-arrow svg,.equipment-play svg{width:calc(20 * var(--fm-screen-unit, 1px));height:calc(20 * var(--fm-screen-unit, 1px));fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.equipment-play{margin-left:calc(5 * var(--fm-screen-unit, 1px));width:calc(34 * var(--fm-screen-unit, 1px));height:calc(34 * var(--fm-screen-unit, 1px));color:#859db7}
.equipment-play .play-icon{display:none}
.equipment-play[aria-pressed="true"] .play-icon{display:block}
.equipment-play[aria-pressed="true"] .pause-icon{display:none}
.equipment-dots{display:flex;align-items:center;gap:calc(2 * var(--fm-screen-unit, 1px))}
.equipment-dots button{width:calc(24 * var(--fm-screen-unit, 1px));height:calc(36 * var(--fm-screen-unit, 1px));border:0;background:none;padding:calc(8 * var(--fm-screen-unit, 1px));display:grid;place-items:center}
.equipment-dots button::before{content:"";width:calc(5 * var(--fm-screen-unit, 1px));height:calc(5 * var(--fm-screen-unit, 1px));border-radius:50%;background:#435264;transition:background .25s,box-shadow .25s,transform .25s}
.equipment-dots button[aria-current="true"]::before{background:#45adff;box-shadow:0 0 calc(12 * var(--fm-screen-unit, 1px)) #0074ff;transform:scale(1.4)}
@media(max-width:1100px) and (min-width:761px){.hero-content{column-gap:calc(28 * var(--fm-screen-unit, 1px))}.equipment-carousel{height:calc(545 * var(--fm-screen-unit, 1px))}.equipment-slide h2{font-size:calc(22 * var(--fm-screen-unit, 1px))}.hero-actions{gap:calc(16 * var(--fm-screen-unit, 1px)) calc(20 * var(--fm-screen-unit, 1px))}}
@media(max-width:760px){
  .hero{min-height:0;background:radial-gradient(ellipse at 80% 40%,rgba(0,88,255,.1),transparent 55%),var(--black)}
  .hero-content{grid-template-columns:minmax(0,1.1fr) calc(2 * var(--fm-screen-unit, 1px)) minmax(0,.9fr);column-gap:calc(16 * var(--fm-screen-unit, 1px));padding-top:calc(30 * var(--fm-screen-unit, 1px));padding-bottom:calc(78 * var(--fm-screen-unit, 1px))}
  .hero-divider{width:calc(2 * var(--fm-screen-unit, 1px));height:calc(120 * var(--fm-screen-unit, 1px));transform:translate(calc(-6 * var(--fm-screen-unit, 1px)),calc(-73 * var(--fm-screen-unit, 1px)))}
  .hero-copy{transform:translateY(calc(-12 * var(--fm-screen-unit, 1px)))}
  .hero-copy>.eyebrow{font-size:calc(10 * var(--fm-screen-unit, 1px));line-height:1.5;letter-spacing:.08em;gap:calc(7 * var(--fm-screen-unit, 1px));align-items:flex-start}
  .hero-copy>.eyebrow .accent-line{flex-shrink:0;margin-top:calc(6 * var(--fm-screen-unit, 1px))}
  .hero-content .hero-brand-headline{width:min(calc(250 * var(--fm-screen-unit, 1px)),100%);margin:calc(16 * var(--fm-screen-unit, 1px)) 0 calc(14 * var(--fm-screen-unit, 1px))}
  .hero-title-copy{font-size:clamp(calc(29.5 * var(--fm-screen-unit, 1px)),9.5vw,calc(49.5 * var(--fm-screen-unit, 1px)));line-height:.98;letter-spacing:-.055em}
  .hero-description{font-size:calc(14 * var(--fm-screen-unit, 1px));line-height:1.5}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:calc(14 * var(--fm-screen-unit, 1px));margin-top:calc(22 * var(--fm-screen-unit, 1px))}
  .hero-actions .button{font-size:calc(13 * var(--fm-screen-unit, 1px));padding:calc(11 * var(--fm-screen-unit, 1px)) calc(12 * var(--fm-screen-unit, 1px));gap:calc(8 * var(--fm-screen-unit, 1px));max-width:100%;line-height:1.3}
  .hero-actions .text-link{font-size:calc(13 * var(--fm-screen-unit, 1px));gap:calc(8 * var(--fm-screen-unit, 1px))}
  .equipment-carousel{height:calc(350 * var(--fm-screen-unit, 1px));margin:0}
  .equipment-slide{gap:calc(8 * var(--fm-screen-unit, 1px))}
  .equipment-slide figcaption{min-height:calc(68 * var(--fm-screen-unit, 1px));padding:0 calc(2 * var(--fm-screen-unit, 1px))}
  .equipment-slide h2{font-size:calc(15 * var(--fm-screen-unit, 1px));line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
  .equipment-slide figcaption p{display:none}
  .equipment-type{font-size:calc(10 * var(--fm-screen-unit, 1px));line-height:1.4;letter-spacing:.07em;margin-bottom:calc(6 * var(--fm-screen-unit, 1px))}
  .equipment-controls{display:grid;grid-template-columns:calc(32 * var(--fm-screen-unit, 1px)) minmax(0,1fr) calc(32 * var(--fm-screen-unit, 1px));gap:calc(6 * var(--fm-screen-unit, 1px));margin-top:calc(10 * var(--fm-screen-unit, 1px))}
  .equipment-arrow,.equipment-play{width:calc(32 * var(--fm-screen-unit, 1px));height:calc(36 * var(--fm-screen-unit, 1px));margin:0}
  [data-equipment-prev]{grid-column:1;grid-row:1}
  [data-equipment-next]{grid-column:3;grid-row:1}
  .equipment-play{grid-column:2;grid-row:1;justify-self:center}
  .equipment-dots{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;max-width:calc(190 * var(--fm-screen-unit, 1px));justify-self:center}
  .equipment-dots button{width:100%;height:calc(26 * var(--fm-screen-unit, 1px));padding:calc(4 * var(--fm-screen-unit, 1px))}
}
@media(max-width:390px){.hero-content{column-gap:calc(12 * var(--fm-screen-unit, 1px))}.hero-divider{height:calc(105 * var(--fm-screen-unit, 1px))}.equipment-carousel{height:calc(330 * var(--fm-screen-unit, 1px))}.equipment-slide h2{font-size:calc(14 * var(--fm-screen-unit, 1px))}.hero-actions .button{padding:calc(10 * var(--fm-screen-unit, 1px));gap:calc(6 * var(--fm-screen-unit, 1px))}}
@media(prefers-reduced-motion:reduce){.equipment-slide{transition:none;transform:none}.equipment-dots button::before{transition:none}}

/* Two direct contact lines, visible in the shared header at every screen size. */
:root{scroll-padding-top:calc(154 * var(--fm-screen-unit, 1px))}
.header-contacts{display:flex;align-items:center;justify-content:flex-end;gap:calc(32 * var(--fm-screen-unit, 1px));padding-block:0 calc(10 * var(--fm-screen-unit, 1px));border-top:calc(1 * var(--fm-screen-unit, 1px)) solid rgba(38,138,255,.12)}
.header-contact{display:flex;align-items:center;gap:calc(12 * var(--fm-screen-unit, 1px));min-height:calc(44 * var(--fm-screen-unit, 1px));line-height:1.35;border-radius:calc(4 * var(--fm-screen-unit, 1px))}
.contact-label{font-size:calc(13 * var(--fm-screen-unit, 1px));color:#8ea6c0}
.contact-number{font-size:calc(16 * var(--fm-screen-unit, 1px));font-weight:600;letter-spacing:.015em;white-space:nowrap;color:#e2edfa;transition:color .2s}
.header-contact:hover .contact-number{color:#64c9ff}
@media(max-width:760px){
  :root{scroll-padding-top:calc(184 * var(--fm-screen-unit, 1px))}
  .header-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12 * var(--fm-screen-unit, 1px));padding-top:calc(6 * var(--fm-screen-unit, 1px));padding-bottom:calc(10 * var(--fm-screen-unit, 1px))}
  .header-contact{flex-direction:column;align-items:flex-start;justify-content:center;gap:calc(3 * var(--fm-screen-unit, 1px));min-width:0;min-height:calc(44 * var(--fm-screen-unit, 1px))}
  .contact-label{font-size:calc(12 * var(--fm-screen-unit, 1px));line-height:1.3}
  .contact-number{font-size:calc(14 * var(--fm-screen-unit, 1px));letter-spacing:0}
}

/* The service rail stays below the measured header, including the mobile menu. */
:root{--header-height:calc(148 * var(--fm-screen-unit, 1px));--service-nav-height:calc(72 * var(--fm-screen-unit, 1px))}
.has-service-nav{scroll-padding-top:calc(var(--header-height) + var(--service-nav-height) + calc(20 * var(--fm-screen-unit, 1px)))}
.category-bar{position:sticky;top:var(--header-height);z-index:19;isolation:isolate;background:linear-gradient(120deg,rgba(150,191,235,.08),rgba(8,15,25,.64) 42%,rgba(28,77,129,.12)),rgba(5,9,15,.56);-webkit-backdrop-filter:blur(calc(24 * var(--fm-screen-unit, 1px))) saturate(160%);backdrop-filter:blur(calc(24 * var(--fm-screen-unit, 1px))) saturate(160%);border-top:calc(1 * var(--fm-screen-unit, 1px)) solid rgba(207,230,255,.21);border-bottom:calc(1 * var(--fm-screen-unit, 1px)) solid rgba(86,159,241,.22);box-shadow:inset 0 calc(1 * var(--fm-screen-unit, 1px)) 0 rgba(255,255,255,.06),0 calc(10 * var(--fm-screen-unit, 1px)) calc(28 * var(--fm-screen-unit, 1px)) rgba(0,0,0,.18)}
.category-inner{flex-wrap:nowrap;justify-content:space-between;gap:calc(10 * var(--fm-screen-unit, 1px));padding-block:calc(12 * var(--fm-screen-unit, 1px));overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(82,156,246,.35) transparent}
.category-inner a{flex:none;white-space:nowrap;min-height:calc(44 * var(--fm-screen-unit, 1px));padding:calc(10 * var(--fm-screen-unit, 1px)) calc(12 * var(--fm-screen-unit, 1px));border-radius:calc(9 * var(--fm-screen-unit, 1px));transition:color .2s,border-color .2s,background .2s,box-shadow .2s}
.category-inner a:focus-visible,.category-inner a:active{color:#eaf6ff;border-color:rgba(75,168,255,.64);background:linear-gradient(135deg,rgba(38,138,255,.25),rgba(10,95,205,.13));box-shadow:inset 0 calc(1 * var(--fm-screen-unit, 1px)) 0 rgba(216,239,255,.17),0 0 calc(16 * var(--fm-screen-unit, 1px)) rgba(0,105,255,.13)}
.category-inner a:focus-visible i,.category-inner a:active i{background:#63caff;box-shadow:0 0 calc(9 * var(--fm-screen-unit, 1px)) rgba(52,167,255,.8)}
@media(hover:hover){
 .category-inner a:hover{color:#eaf6ff;border-color:rgba(75,168,255,.64);background:linear-gradient(135deg,rgba(38,138,255,.25),rgba(10,95,205,.13));box-shadow:inset 0 calc(1 * var(--fm-screen-unit, 1px)) 0 rgba(216,239,255,.17),0 0 calc(16 * var(--fm-screen-unit, 1px)) rgba(0,105,255,.13)}
 .category-inner a:hover i{background:#63caff;box-shadow:0 0 calc(9 * var(--fm-screen-unit, 1px)) rgba(52,167,255,.8)}
}
@media(max-width:1100px){.category-inner{justify-content:flex-start;gap:calc(8 * var(--fm-screen-unit, 1px))}}
@media(max-width:760px){:root{--header-height:calc(180 * var(--fm-screen-unit, 1px));--service-nav-height:calc(66 * var(--fm-screen-unit, 1px))}.category-inner{padding:calc(9 * var(--fm-screen-unit, 1px)) calc(20 * var(--fm-screen-unit, 1px));gap:calc(6 * var(--fm-screen-unit, 1px))}.category-inner a{font-size:calc(13 * var(--fm-screen-unit, 1px));padding:calc(10 * var(--fm-screen-unit, 1px)) calc(11 * var(--fm-screen-unit, 1px))}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.category-bar{background:rgba(9,16,26,.96)}}
@media(forced-colors:active){.category-bar{background:Canvas;border-color:CanvasText}.category-inner a:focus-visible,.category-inner a:active{outline:calc(2 * var(--fm-screen-unit, 1px)) solid Highlight;outline-offset:calc(-2 * var(--fm-screen-unit, 1px))}}

/* The extracted metallic logo sits directly on a continuous blue/red atmosphere. */
body{background-color:var(--black);background-image:radial-gradient(ellipse 72% calc(390 * var(--fm-screen-unit, 1px)) at 8% calc(130 * var(--fm-screen-unit, 1px)),rgba(0,90,255,.17),transparent 76%),radial-gradient(ellipse 62% calc(450 * var(--fm-screen-unit, 1px)) at 96% calc(230 * var(--fm-screen-unit, 1px)),rgba(231,20,51,.12),transparent 77%),radial-gradient(ellipse 70% calc(440 * var(--fm-screen-unit, 1px)) at 48% calc(600 * var(--fm-screen-unit, 1px)),rgba(28,70,171,.08),transparent 80%);background-repeat:no-repeat}
.header{background:linear-gradient(105deg,rgba(0,73,190,.11),rgba(5,6,8,.56) 46%,rgba(186,16,43,.08)),rgba(5,6,8,.76);border-bottom-color:rgba(165,188,229,.08);box-shadow:0 calc(16 * var(--fm-screen-unit, 1px)) calc(48 * var(--fm-screen-unit, 1px)) rgba(3,5,10,.12)}
.header .brand--glow{position:relative;display:block;align-self:center;flex-shrink:0;width:calc(300 * var(--fm-screen-unit, 1px));height:calc(80 * var(--fm-screen-unit, 1px));max-width:100%;line-height:0;isolation:isolate}
.brand--glow::before{content:"";position:absolute;inset:calc(-35 * var(--fm-screen-unit, 1px)) calc(-55 * var(--fm-screen-unit, 1px));z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 24% 64%,rgba(0,99,255,.22),transparent 58%),radial-gradient(ellipse at 85% 63%,rgba(248,20,49,.16),transparent 54%);filter:blur(calc(22 * var(--fm-screen-unit, 1px)))}
.brand-logo{position:absolute;top:50%;left:0;display:block;width:100%;height:auto;transform:translateY(-50%);filter:drop-shadow(calc(-5 * var(--fm-screen-unit, 1px)) calc(5 * var(--fm-screen-unit, 1px)) calc(14 * var(--fm-screen-unit, 1px)) rgba(0,94,255,.13)) drop-shadow(calc(6 * var(--fm-screen-unit, 1px)) calc(5 * var(--fm-screen-unit, 1px)) calc(14 * var(--fm-screen-unit, 1px)) rgba(237,23,49,.09))}
.header-contacts{border-top-color:rgba(88,125,191,.09)}
.hero{background:transparent}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 72% 48% at 8% 3%,rgba(0,99,255,.13),transparent 78%),radial-gradient(ellipse 66% 60% at 96% 12%,rgba(224,19,52,.085),transparent 78%)}
@media(max-width:1180px) and (min-width:861px){.header .brand--glow{width:calc(260 * var(--fm-screen-unit, 1px))}}
@media(max-width:860px) and (min-width:761px){.header .brand--glow{width:calc(230 * var(--fm-screen-unit, 1px))}}
@media(max-width:760px){
  .header .brand--glow{width:min(calc(248 * var(--fm-screen-unit, 1px)),calc(100vw - calc(100 * var(--fm-screen-unit, 1px))));height:calc(68 * var(--fm-screen-unit, 1px))}
  .brand--glow::before{inset:calc(-20 * var(--fm-screen-unit, 1px)) calc(-24 * var(--fm-screen-unit, 1px));filter:blur(calc(18 * var(--fm-screen-unit, 1px)))}
  body{background-image:radial-gradient(ellipse 100% calc(320 * var(--fm-screen-unit, 1px)) at 0 calc(160 * var(--fm-screen-unit, 1px)),rgba(0,90,255,.16),transparent 76%),radial-gradient(ellipse 90% calc(370 * var(--fm-screen-unit, 1px)) at 100% calc(290 * var(--fm-screen-unit, 1px)),rgba(231,20,51,.11),transparent 77%)}
}
@media(forced-colors:active){.brand--glow::before,.hero::before{display:none}.brand-logo{filter:none}.header{background:Canvas}}

/* Individual workshop scenes keep the work and the wall branding in view. */
.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(22 * var(--fm-screen-unit, 1px))}
.service{min-width:0;min-height:0;padding:0;overflow:hidden;background:#0b1018;border-color:rgba(144,175,215,.19);box-shadow:0 calc(14 * var(--fm-screen-unit, 1px)) calc(35 * var(--fm-screen-unit, 1px)) rgba(0,0,0,.15)}
.service:hover{background:#0d1520;border-color:rgba(78,164,255,.75);transform:translateY(calc(-4 * var(--fm-screen-unit, 1px)))}
.service-art{display:block;position:relative;isolation:isolate;width:100%;aspect-ratio:3/2;overflow:hidden;background:#111925;border-bottom:calc(1 * var(--fm-screen-unit, 1px)) solid rgba(133,177,236,.14)}
.service-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 65%,rgba(7,12,20,.32))}
.service-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.service-top{width:100%;padding:calc(20 * var(--fm-screen-unit, 1px)) calc(24 * var(--fm-screen-unit, 1px)) 0;gap:calc(12 * var(--fm-screen-unit, 1px))}
.service-number{color:#6ebaff;font-size:calc(14 * var(--fm-screen-unit, 1px))}
.service-type{display:inline;font-size:calc(12 * var(--fm-screen-unit, 1px));letter-spacing:.055em;color:#9fadc0}
.service .circle-arrow{flex:none;width:calc(32 * var(--fm-screen-unit, 1px));height:calc(32 * var(--fm-screen-unit, 1px));border-color:rgba(138,184,248,.3);background:rgba(41,100,180,.08);color:#84c6ff}
.service-body{margin:calc(18 * var(--fm-screen-unit, 1px)) calc(24 * var(--fm-screen-unit, 1px)) calc(24 * var(--fm-screen-unit, 1px))}
.service h3{font-size:calc(23 * var(--fm-screen-unit, 1px));line-height:1.2;margin-bottom:calc(13 * var(--fm-screen-unit, 1px));letter-spacing:-.025em}
.service p{font-size:calc(16 * var(--fm-screen-unit, 1px));line-height:1.6;color:#aebbcf}
.service p br{display:none}
.service-more{width:calc(100% - calc(48 * var(--fm-screen-unit, 1px)));margin: auto calc(24 * var(--fm-screen-unit, 1px)) calc(22 * var(--fm-screen-unit, 1px));padding-top:calc(17 * var(--fm-screen-unit, 1px));border-top:calc(1 * var(--fm-screen-unit, 1px)) solid rgba(141,182,233,.14);font-size:calc(14 * var(--fm-screen-unit, 1px));color:#d2deed}
.service:focus-visible{outline:calc(2 * var(--fm-screen-unit, 1px)) solid #65c7ff;outline-offset:calc(5 * var(--fm-screen-unit, 1px))}
@media(hover:hover){.service:hover .service-image{transform:scale(1.035)}}
#service-dialog{width:min(calc(760 * var(--fm-screen-unit, 1px)),calc(100% - calc(32 * var(--fm-screen-unit, 1px))));overscroll-behavior:contain}
.dialog-art{width:100%;aspect-ratio:3/2;overflow:hidden;background:#111925;border-bottom:calc(1 * var(--fm-screen-unit, 1px)) solid rgba(133,177,236,.17)}
.dialog-art[hidden]{display:none}
#dialog-image{display:block;width:100%;height:100%;object-fit:cover}
#service-dialog .dialog-close{z-index:2;top:calc(12 * var(--fm-screen-unit, 1px));right:calc(12 * var(--fm-screen-unit, 1px));width:calc(44 * var(--fm-screen-unit, 1px));height:calc(44 * var(--fm-screen-unit, 1px));border-radius:50%;border:calc(1 * var(--fm-screen-unit, 1px)) solid rgba(210,228,251,.35);background:rgba(3,9,18,.84);color:#fff;backdrop-filter:blur(calc(12 * var(--fm-screen-unit, 1px)));line-height:1;box-shadow:0 calc(4 * var(--fm-screen-unit, 1px)) calc(20 * var(--fm-screen-unit, 1px)) #0004}
#service-dialog .dialog-close:hover{background:#153757}
#service-dialog .dialog-close:focus-visible{outline:calc(2 * var(--fm-screen-unit, 1px)) solid #65c7ff;outline-offset:calc(3 * var(--fm-screen-unit, 1px))}
#service-dialog .dialog-content{padding:calc(32 * var(--fm-screen-unit, 1px)) calc(38 * var(--fm-screen-unit, 1px)) calc(36 * var(--fm-screen-unit, 1px))}
#service-dialog .dialog-content h2{max-width:none}
@media(max-width:1100px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(18 * var(--fm-screen-unit, 1px))}}
@media(max-width:600px){
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12 * var(--fm-screen-unit, 1px))}
  .service-art{flex-shrink:0}
  .service-top{padding:calc(12 * var(--fm-screen-unit, 1px)) calc(12 * var(--fm-screen-unit, 1px)) 0;gap:calc(8 * var(--fm-screen-unit, 1px))}
  .service-type{display:none}
  .service .circle-arrow{width:calc(28 * var(--fm-screen-unit, 1px));height:calc(28 * var(--fm-screen-unit, 1px))}
  .service-body{margin:calc(14 * var(--fm-screen-unit, 1px)) calc(12 * var(--fm-screen-unit, 1px)) calc(18 * var(--fm-screen-unit, 1px))}
  .service h3{font-size:clamp(calc(16 * var(--fm-screen-unit, 1px)),3.9vw,calc(21 * var(--fm-screen-unit, 1px)));line-height:1.25;margin-bottom:calc(10 * var(--fm-screen-unit, 1px));letter-spacing:-.015em;overflow-wrap:break-word}
  .service p{font-size:calc(14 * var(--fm-screen-unit, 1px));line-height:1.55}
  .service-more{width:calc(100% - calc(24 * var(--fm-screen-unit, 1px)));margin-inline:calc(12 * var(--fm-screen-unit, 1px));margin-bottom:calc(16 * var(--fm-screen-unit, 1px));padding-top:calc(12 * var(--fm-screen-unit, 1px));gap:calc(6 * var(--fm-screen-unit, 1px))}
  .service-more span{padding-inline:calc(3 * var(--fm-screen-unit, 1px))}
  #service-dialog{width:calc(100% - calc(24 * var(--fm-screen-unit, 1px)));max-height:calc(100dvh - calc(24 * var(--fm-screen-unit, 1px)));border-radius:calc(13 * var(--fm-screen-unit, 1px))}
  .dialog-art{max-height:none}
  #service-dialog .dialog-content{padding:calc(26 * var(--fm-screen-unit, 1px)) calc(22 * var(--fm-screen-unit, 1px)) calc(28 * var(--fm-screen-unit, 1px))}
  #service-dialog .dialog-content h2{font-size:calc(28 * var(--fm-screen-unit, 1px))}
}
@media(prefers-reduced-motion:reduce){.service,.service-image{transition:none}.service:hover,.service:hover .service-image{transform:none}}
@media(forced-colors:active){.service{border:calc(1 * var(--fm-screen-unit, 1px)) solid ButtonText;box-shadow:none}.service-art::after{display:none}#service-dialog .dialog-close{background:ButtonFace;color:ButtonText;border-color:ButtonText}}

/* Phones sit below the logo on the same row as the social links. */
:root{--header-height:calc(140 * var(--fm-screen-unit, 1px))}
:root:not(.has-service-nav){scroll-padding-top:calc(var(--header-height) + calc(20 * var(--fm-screen-unit, 1px)))}
.header-inner{display:grid;grid-template-columns:minmax(calc(300 * var(--fm-screen-unit, 1px)),1fr) auto;height:auto;gap:0 calc(24 * var(--fm-screen-unit, 1px));padding-block:calc(6 * var(--fm-screen-unit, 1px)) calc(8 * var(--fm-screen-unit, 1px));align-items:center}
.header .brand--glow{grid-column:1;grid-row:1;justify-self:start}
.header .nav{grid-column:2;grid-row:1;justify-self:end;margin:0}
.header-actions{grid-column:2;grid-row:2;justify-self:end;margin:0}
.header-contacts{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:calc(340 * var(--fm-screen-unit, 1px));gap:calc(16 * var(--fm-screen-unit, 1px));margin:0;padding:0;border:0;justify-content:start}
.header-contact{flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:calc(44 * var(--fm-screen-unit, 1px));gap:calc(2 * var(--fm-screen-unit, 1px))}
.contact-label{font-size:calc(12 * var(--fm-screen-unit, 1px));line-height:1.3}
.contact-number{font-size:calc(14 * var(--fm-screen-unit, 1px));letter-spacing:0}
.contact-label-short{display:none}
@media(max-width:760px){
  :root{--header-height:calc(154 * var(--fm-screen-unit, 1px))}
  .header-inner{grid-template-columns:minmax(0,1fr) calc(74 * var(--fm-screen-unit, 1px));gap:0 calc(12 * var(--fm-screen-unit, 1px));padding-block:calc(6 * var(--fm-screen-unit, 1px)) calc(10 * var(--fm-screen-unit, 1px))}
  .header .brand--glow{grid-column:1/-1;grid-row:1;width:min(calc(248 * var(--fm-screen-unit, 1px)),calc(100% - calc(59 * var(--fm-screen-unit, 1px))))}
  .menu-toggle{grid-column:2;grid-row:1;justify-self:end}
  .header-actions{grid-column:2;grid-row:2;align-self:center;justify-self:end}
  .header-contacts{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr);max-width:none;gap:calc(4 * var(--fm-screen-unit, 1px));padding:0}
  .header-contact{flex-direction:row;align-items:center;justify-content:flex-start;min-height:calc(32 * var(--fm-screen-unit, 1px));gap:calc(8 * var(--fm-screen-unit, 1px))}
  .contact-label{flex:0 0 calc(56 * var(--fm-screen-unit, 1px))}
  .contact-label-full{display:none}
  .contact-label-short{display:inline}
  .header .socials{display:grid;grid-template-columns:repeat(2,calc(34 * var(--fm-screen-unit, 1px)));gap:calc(6 * var(--fm-screen-unit, 1px))}
}

/* The rail belongs to the services section, so it leaves with its last row. */
.service-region{position:relative;display:flow-root;isolation:isolate}
/* A viewport-sized halo follows the service cards without blurring their content. */
.service-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:clip}
.service-atmosphere-inner{
  position:sticky;
  top:var(--header-height);
  width:100%;
  height:calc(100svh - var(--header-height));
  min-height:calc(420 * var(--fm-screen-unit, 1px));
  overflow:clip;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent);
}
.service-atmosphere-inner::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 76% 76% at 0 46%,rgba(0,94,255,.24),transparent 78%),radial-gradient(ellipse 72% 80% at 100% 57%,rgba(239,24,45,.19),transparent 78%);
}
.service-atmosphere img{
  position:absolute;
  top:50%;
  left:50%;
  width:115%;
  max-width:none;
  height:auto;
  transform:translate(-50%,-50%);
  opacity:.19;
  filter:blur(clamp(calc(38 * var(--fm-screen-unit, 1px)),4.8vw,calc(110 * var(--fm-screen-unit, 1px)))) saturate(1.65);
  user-select:none;
}
@media(max-width:760px){
  .service-atmosphere-inner{min-height:calc(340 * var(--fm-screen-unit, 1px))}
  .service-atmosphere img{width:165%;opacity:.16;filter:blur(calc(36 * var(--fm-screen-unit, 1px))) saturate(1.65)}
}
@media print, (forced-colors:active){.service-atmosphere{display:none}}
#approach{scroll-margin-top:calc(-1 * var(--service-nav-height))}
.account-link{display:inline-flex;align-items:center;justify-content:center;gap:calc(8 * var(--fm-screen-unit, 1px));min-height:calc(40 * var(--fm-screen-unit, 1px));padding:calc(8 * var(--fm-screen-unit, 1px)) calc(12 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid rgba(80,166,255,.45);border-radius:calc(8 * var(--fm-screen-unit, 1px));color:#c3e8ff;background:rgba(13,51,94,.25);font-size:calc(14 * var(--fm-screen-unit, 1px));white-space:nowrap}
.account-link:hover{background:rgba(26,88,150,.35);border-color:#65c7ff}
.account-link:focus-visible{outline:calc(2 * var(--fm-screen-unit, 1px)) solid #65c7ff;outline-offset:calc(3 * var(--fm-screen-unit, 1px))}
.header-actions{gap:calc(12 * var(--fm-screen-unit, 1px))}.header-cta{display:none}
@media(max-width:1000px) and (min-width:761px){.account-link span{display:none}.account-link{width:calc(40 * var(--fm-screen-unit, 1px));padding:calc(8 * var(--fm-screen-unit, 1px))}.header-actions{gap:calc(9 * var(--fm-screen-unit, 1px))}.header-inner{column-gap:calc(16 * var(--fm-screen-unit, 1px))}}
@media(max-width:760px){
  .header-inner{grid-template-columns:minmax(0,1fr) calc(114 * var(--fm-screen-unit, 1px))}
  .header .socials{grid-template-columns:repeat(3,calc(34 * var(--fm-screen-unit, 1px)));gap:calc(6 * var(--fm-screen-unit, 1px))}
  .header-actions{position:relative;display:block}
  .header .account-link{position:absolute;right:0;bottom:0;width:calc(34 * var(--fm-screen-unit, 1px));height:calc(32 * var(--fm-screen-unit, 1px));min-height:calc(32 * var(--fm-screen-unit, 1px));padding:0;border-radius:calc(6 * var(--fm-screen-unit, 1px))}
  .header .account-link span{display:none}
  .contact-number{font-size:calc(14 * var(--fm-screen-unit, 1px))}
}
@media(max-width:370px){.header-inner{column-gap:calc(6 * var(--fm-screen-unit, 1px))}.header-contact{gap:calc(4 * var(--fm-screen-unit, 1px))}.contact-label{flex-basis:calc(49 * var(--fm-screen-unit, 1px))}.contact-number{font-size:calc(13 * var(--fm-screen-unit, 1px))}}
@media(max-width:370px){.header-contact .contact-label{display:none}}
.account-link .account-photo{display:block;width:calc(24 * var(--fm-screen-unit, 1px));height:calc(24 * var(--fm-screen-unit, 1px));flex:none;border-radius:50%;object-fit:cover}

/* The profile's red frame complements the blue social tiles in the header. */
.header .account-link{
  border-color:#ff3b4e;
  background:linear-gradient(145deg,rgba(239,24,39,.16),rgba(239,24,39,.04));
  color:#ffe1e5;
  box-shadow:0 0 calc(10 * var(--fm-screen-unit, 1px)) rgba(239,24,39,.34),inset 0 0 calc(8 * var(--fm-screen-unit, 1px)) rgba(239,24,39,.16),inset 0 calc(1 * var(--fm-screen-unit, 1px)) 0 rgba(255,213,219,.16);
  transition:border-color .18s,background .18s,box-shadow .18s;
}
.header .account-link:is(:hover,:active,:focus-visible){
  border-color:#ff7b88;
  background:linear-gradient(145deg,rgba(239,24,39,.25),rgba(239,24,39,.08));
  box-shadow:0 0 calc(15 * var(--fm-screen-unit, 1px)) rgba(239,24,39,.5),inset 0 0 calc(10 * var(--fm-screen-unit, 1px)) rgba(239,24,39,.2),inset 0 calc(1 * var(--fm-screen-unit, 1px)) 0 rgba(255,225,229,.25);
}
.header .account-link:focus-visible{outline-color:#ff8e99}
.header .account-link>svg{filter:drop-shadow(0 0 calc(3 * var(--fm-screen-unit, 1px)) rgba(255,79,99,.45))}
@media(prefers-reduced-motion:reduce){.header .account-link{transition:none}}
@media(forced-colors:active){.header .account-link{border-color:Highlight;color:LinkText;background:Canvas;box-shadow:none}.header .account-link:focus-visible{outline-color:Highlight}.header .account-link>svg{filter:none}}

[data-crm-link][hidden]{display:none!important}
/* Paint prices use the existing silver / electric blue service dialog. */
.paint-prices[hidden]{display:none}
.paint-prices{margin:calc(24 * var(--fm-screen-unit, 1px)) 0 calc(32 * var(--fm-screen-unit, 1px));min-width:0}
.paint-prices-caption{font-size:calc(14 * var(--fm-screen-unit, 1px));color:#aeb7c5;margin:calc(8 * var(--fm-screen-unit, 1px)) 0 calc(14 * var(--fm-screen-unit, 1px))}
.paint-prices dl{margin:0}
.paint-quality-note{padding:calc(16 * var(--fm-screen-unit, 1px));border-left:calc(2 * var(--fm-screen-unit, 1px)) solid var(--blue);background:rgba(0,88,255,.08);color:#c9d5e7;font-size:calc(14 * var(--fm-screen-unit, 1px));line-height:1.7;margin:calc(18 * var(--fm-screen-unit, 1px)) 0}
.paint-quality-note strong{display:block;color:var(--text);font-size:calc(16 * var(--fm-screen-unit, 1px));margin-bottom:calc(6 * var(--fm-screen-unit, 1px))}
.paint-price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:calc(16 * var(--fm-screen-unit, 1px));padding:calc(18 * var(--fm-screen-unit, 1px)) 0;border-bottom:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);align-items:start}
.paint-price-row dt{font-size:calc(16 * var(--fm-screen-unit, 1px));font-weight:600;line-height:1.5;min-width:0}
.paint-price-row dt small{display:block;margin-top:calc(5 * var(--fm-screen-unit, 1px));font-weight:400;font-size:calc(14 * var(--fm-screen-unit, 1px));line-height:1.6;color:#aeb7c5}
.paint-price-row dd{margin:0;color:#65d8ff;font-size:calc(16 * var(--fm-screen-unit, 1px));font-weight:650;line-height:1.5;text-align:right;font-variant-numeric:tabular-nums}
#service-dialog.has-service-prices .dialog-art{aspect-ratio:3/1}
@media(max-width:520px){.paint-price-row{grid-template-columns:minmax(0,1fr);gap:calc(7 * var(--fm-screen-unit, 1px))}.paint-price-row dd{text-align:left}.has-service-prices .dialog-content{padding:calc(26 * var(--fm-screen-unit, 1px)) calc(20 * var(--fm-screen-unit, 1px))}}

/* Fluid desktop canvas; typography and controls scale together during the build. */
@media screen and (min-width:1600px){
 .shell{width:calc(100% - calc(64 * var(--fm-screen-unit, 1px)));max-width:none}
 .header .nav,.category-inner{flex-wrap:wrap}
 .service,.steps li,.brand-banner>div{min-width:0}
 .hero-description,.brand-banner p,.section-note{max-width:65ch}
}

/* Keep iOS text autosizing from changing the responsive layout. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:760px){body{width:100%;min-width:0}.hero-content>*,.header-inner>*{min-width:0}input,select,textarea{font-size:calc(16 * var(--fm-screen-unit, 1px))}}

/* Four compact service cards on desktop and 4K; phone layout stays unchanged. */
@media screen and (min-width:1600px){
 .home-page .shell{width:calc(100% - calc(64 * var(--fm-screen-unit, 1px)));max-width:calc(1920 * var(--fm-screen-unit, 1px))}
 .home-page .header-inner{column-gap:calc(28 * var(--fm-screen-unit, 1px))}
 .home-page .header .nav{gap:calc(22 * var(--fm-screen-unit, 1px))}
 .home-page .category-inner{justify-content:center;gap:calc(8 * var(--fm-screen-unit, 1px)) calc(16 * var(--fm-screen-unit, 1px));padding-block:calc(8 * var(--fm-screen-unit, 1px))}
 .home-page .category-inner a{font-size:calc(13 * var(--fm-screen-unit, 1px));min-height:calc(38 * var(--fm-screen-unit, 1px));padding:calc(8 * var(--fm-screen-unit, 1px)) calc(10 * var(--fm-screen-unit, 1px))}
 .home-page .hero{min-height:0}
 .home-page .hero-content{grid-template-columns:minmax(0,1fr) calc(2 * var(--fm-screen-unit, 1px)) minmax(0,1fr);column-gap:calc(48 * var(--fm-screen-unit, 1px));padding-top:calc(24 * var(--fm-screen-unit, 1px));padding-bottom:calc(58 * var(--fm-screen-unit, 1px))}
 .home-page .hero-copy{transform:none;justify-self:center;width:min(calc(440 * var(--fm-screen-unit, 1px)),100%)}
 .home-page .hero-content .hero-brand-headline{width:min(calc(286 * var(--fm-screen-unit, 1px)),100%);margin:calc(20 * var(--fm-screen-unit, 1px)) 0 calc(18 * var(--fm-screen-unit, 1px))}
 .home-page .hero-description{font-size:calc(16 * var(--fm-screen-unit, 1px))}
 .home-page .hero-divider{height:calc(150 * var(--fm-screen-unit, 1px));transform:translateY(calc(-36 * var(--fm-screen-unit, 1px)))}
 .home-page .equipment-carousel{height:calc(448 * var(--fm-screen-unit, 1px));max-width:calc(720 * var(--fm-screen-unit, 1px));justify-self:center}
 .home-page .equipment-slide h2{font-size:calc(22 * var(--fm-screen-unit, 1px))}
 .home-page .equipment-slide figcaption{min-height:calc(68 * var(--fm-screen-unit, 1px))}
 .home-page .section{padding-block:calc(64 * var(--fm-screen-unit, 1px))}
 .home-page .section-heading{margin-bottom:calc(28 * var(--fm-screen-unit, 1px));gap:calc(28 * var(--fm-screen-unit, 1px))}
 .home-page .section-heading h2{font-size:calc(38 * var(--fm-screen-unit, 1px))}
 .home-page .section-kicker{margin-bottom:calc(16 * var(--fm-screen-unit, 1px))}
 .home-page .section-note{font-size:calc(14 * var(--fm-screen-unit, 1px))}
 .home-page .services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(18 * var(--fm-screen-unit, 1px))}
 .home-page .service-art{aspect-ratio:16/10}
 .home-page .service-top{padding:calc(15 * var(--fm-screen-unit, 1px)) calc(18 * var(--fm-screen-unit, 1px)) 0;gap:calc(10 * var(--fm-screen-unit, 1px))}
 .home-page .service-body{margin:calc(14 * var(--fm-screen-unit, 1px)) calc(18 * var(--fm-screen-unit, 1px)) calc(18 * var(--fm-screen-unit, 1px))}
 .home-page .service h3{font-size:calc(20 * var(--fm-screen-unit, 1px));margin-bottom:calc(10 * var(--fm-screen-unit, 1px))}
 .home-page .service p{font-size:calc(14 * var(--fm-screen-unit, 1px));line-height:1.55}
 .home-page .service-more{width:calc(100% - calc(36 * var(--fm-screen-unit, 1px)));margin: auto calc(18 * var(--fm-screen-unit, 1px)) calc(18 * var(--fm-screen-unit, 1px));padding-top:calc(12 * var(--fm-screen-unit, 1px));font-size:calc(13 * var(--fm-screen-unit, 1px))}
}

/* Public-page controls use the same Navy Mirage finish as CRM navigation.
   Share the finish across the homepage and brandbook; retain control visibility and positioning. */
@media screen {
 .public-navy-theme {
  --navy-control-bg:linear-gradient(180deg,#c4dcff08,transparent 48%,#06112218),linear-gradient(115deg,#141e30 0%,#223950 53%,#35577d 100%);
  --navy-control-shadow:inset 0 calc(1 * var(--fm-screen-unit, 1px)) calc(1 * var(--fm-screen-unit, 1px)) #d1e1f426,inset 0 calc(-1 * var(--fm-screen-unit, 1px)) calc(1 * var(--fm-screen-unit, 1px)) #0a142452,0 calc(7 * var(--fm-screen-unit, 1px)) calc(12 * var(--fm-screen-unit, 1px)) #050c198c,0 calc(1 * var(--fm-screen-unit, 1px)) calc(2 * var(--fm-screen-unit, 1px)) #01040b78;
 }
 .public-navy-theme :is(.button,.text-link,.nav-link,.mobile-nav a,.account-link,.social-tile,.menu-toggle,.equipment-arrow,.equipment-play,.dialog-close,.back-top,.book-chips a,.category-inner a,.cookie-panel button,.fm-display-launcher,.fm-display-dialog button) {
  border:calc(1 * var(--fm-screen-unit, 1px)) solid #7e9bb669;
  border-radius:calc(999 * var(--fm-screen-unit, 1px));
  background:var(--navy-control-bg);
  color:#e1e9f4;
  font-weight:500;
  text-decoration:none;
  text-shadow:0 calc(1 * var(--fm-screen-unit, 1px)) calc(2 * var(--fm-screen-unit, 1px)) #03091580;
  box-shadow:var(--navy-control-shadow);
  transition:transform .17s,box-shadow .17s,border-color .17s,color .17s;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
 }
 .public-navy-theme :is(.button,.text-link,.nav-link,.mobile-nav a,.back-top,.book-chips a,.category-inner a) {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:calc(10 * var(--fm-screen-unit, 1px));
  min-height:calc(44 * var(--fm-screen-unit, 1px));
  padding:calc(10 * var(--fm-screen-unit, 1px)) calc(18 * var(--fm-screen-unit, 1px));
  font-size:calc(14 * var(--fm-screen-unit, 1px));
  line-height:1.4;
  letter-spacing:.025em;
 }
 .public-navy-theme .header-cta { display:none; }
 .public-navy-theme .hero-actions { gap:calc(12 * var(--fm-screen-unit, 1px)); }
 .public-navy-theme .hero-actions :is(.button,.text-link) {
  min-height:calc(48 * var(--fm-screen-unit, 1px));
  padding:calc(12 * var(--fm-screen-unit, 1px)) calc(22 * var(--fm-screen-unit, 1px));
  font-size:calc(14 * var(--fm-screen-unit, 1px));
  max-width:100%;
 }
 .public-navy-theme .button.primary {
  background:linear-gradient(180deg,#c4dcff08,transparent 48%,#06112218),linear-gradient(115deg,#35577d 0%,#273e59 44%,#141e30 100%);
  border-color:#afcde88c;
 }
 .public-navy-theme .header .nav { gap:calc(8 * var(--fm-screen-unit, 1px)); flex-wrap:wrap; justify-content:flex-end; }
 .public-navy-theme .header .nav-link { padding:calc(9 * var(--fm-screen-unit, 1px)) calc(14 * var(--fm-screen-unit, 1px)); white-space:nowrap; }
 .public-navy-theme .mobile-nav { gap:calc(8 * var(--fm-screen-unit, 1px)); }
 .public-navy-theme .mobile-nav a { justify-content:flex-start; padding:calc(12 * var(--fm-screen-unit, 1px)) calc(18 * var(--fm-screen-unit, 1px)); }
 .public-navy-theme .category-inner { gap:calc(10 * var(--fm-screen-unit, 1px)); padding-block:calc(12 * var(--fm-screen-unit, 1px)); }
 .public-navy-theme .category-inner a { flex-shrink:0; padding:calc(10 * var(--fm-screen-unit, 1px)) calc(16 * var(--fm-screen-unit, 1px)); }
 .public-navy-theme .category-inner a i { background:#b5cee8; box-shadow:0 0 calc(7 * var(--fm-screen-unit, 1px)) #87bfff40; }
 .public-navy-theme :is(.social-tile,.account-link)>svg { color:#c0d4eb; filter:drop-shadow(0 calc(1 * var(--fm-screen-unit, 1px)) calc(1 * var(--fm-screen-unit, 1px)) #06112370); }
 .public-navy-theme .header .account-link { border-radius:calc(999 * var(--fm-screen-unit, 1px)); }
 .public-navy-theme #service-dialog .dialog-close {
  background:var(--navy-control-bg);
  border-color:#7e9bb669;
  color:#e1e9f4;
  box-shadow:var(--navy-control-shadow);
 }
 .public-navy-theme .service-more {
  align-self:flex-start;
  width:auto;
  max-width:calc(100% - calc(36 * var(--fm-screen-unit, 1px)));
  margin: auto calc(18 * var(--fm-screen-unit, 1px)) calc(18 * var(--fm-screen-unit, 1px));
  padding:calc(10 * var(--fm-screen-unit, 1px)) calc(16 * var(--fm-screen-unit, 1px));
  border:calc(1 * var(--fm-screen-unit, 1px)) solid #7e9bb669;
  border-radius:calc(999 * var(--fm-screen-unit, 1px));
  background:var(--navy-control-bg);
  color:#e1e9f4;
  box-shadow:var(--navy-control-shadow);
  line-height:1.4;
  font-size:calc(14 * var(--fm-screen-unit, 1px));
 }
 .public-navy-theme :is(.nav-link.active,.nav-link[aria-current=page],.category-inner a.active,.fm-display-dialog button[aria-pressed=true]) {
  border-color:#bbd6f2b0;
  box-shadow:inset 0 calc(1 * var(--fm-screen-unit, 1px)) calc(1 * var(--fm-screen-unit, 1px)) #e3efff30,inset 0 0 calc(20 * var(--fm-screen-unit, 1px)) #5c96d01a,0 calc(7 * var(--fm-screen-unit, 1px)) calc(12 * var(--fm-screen-unit, 1px)) #050c1980;
  color:#fff;
 }
 @media(hover:hover) {
  .public-navy-theme :is(.button,.text-link,.nav-link,.mobile-nav a,.account-link,.social-tile,.menu-toggle,.equipment-arrow,.equipment-play,.back-top,.book-chips a,.category-inner a,.cookie-panel button,.fm-display-launcher,.fm-display-dialog button):not(:disabled):hover,
  .public-navy-theme #service-dialog .dialog-close:hover {
   background:var(--navy-control-bg);
   color:#fff;
   border-color:#bbd6f2b0;
   box-shadow:inset 0 calc(1 * var(--fm-screen-unit, 1px)) calc(1 * var(--fm-screen-unit, 1px)) #e0efff45,inset 0 calc(-1 * var(--fm-screen-unit, 1px)) calc(1 * var(--fm-screen-unit, 1px)) #0a142473,0 calc(9 * var(--fm-screen-unit, 1px)) calc(17 * var(--fm-screen-unit, 1px)) #040b1a91,0 0 calc(16 * var(--fm-screen-unit, 1px)) #5284bb26;
   transform:translateY(calc(-1 * var(--fm-screen-unit, 1px)));
  }
  .public-navy-theme .service:hover .service-more { border-color:#bbd6f2b0; color:#fff; }
 }
 .public-navy-theme :is(.button,.text-link,.nav-link,.mobile-nav a,.account-link,.social-tile,.menu-toggle,.equipment-arrow,.equipment-play,.back-top,.book-chips a,.category-inner a,.cookie-panel button,.fm-display-launcher,.fm-display-dialog button):not(:disabled):active,
 .public-navy-theme #service-dialog .dialog-close:active {
  background:var(--navy-control-bg);
  transform:translateY(calc(1 * var(--fm-screen-unit, 1px)));
  box-shadow:inset 0 calc(3 * var(--fm-screen-unit, 1px)) calc(7 * var(--fm-screen-unit, 1px)) #040a1a8c,inset 0 calc(-1 * var(--fm-screen-unit, 1px)) 0 #abc8e329,0 calc(2 * var(--fm-screen-unit, 1px)) calc(5 * var(--fm-screen-unit, 1px)) #040b1a73;
 }
 .public-navy-theme :is(.button,.text-link,.nav-link,.mobile-nav a,.account-link,.social-tile,.menu-toggle,.equipment-arrow,.equipment-play,.back-top,.book-chips a,.category-inner a,.cookie-panel button,.fm-display-launcher,.fm-display-dialog button):focus-visible,
 .public-navy-theme #service-dialog .dialog-close:focus-visible {
  outline:calc(2 * var(--fm-screen-unit, 1px)) solid #a5d4ff;
  outline-offset:calc(4 * var(--fm-screen-unit, 1px));
 }
 .public-navy-theme :is(.button,.social-tile,.cookie-panel button,.fm-display-dialog button):disabled {
  color:#8293a9;
  border-color:#5f759146;
  background:linear-gradient(115deg,#172338,#22354b);
  box-shadow:inset 0 calc(1 * var(--fm-screen-unit, 1px)) 0 #aac6e714,0 calc(3 * var(--fm-screen-unit, 1px)) calc(7 * var(--fm-screen-unit, 1px)) #050c1959;
  text-shadow:none;
  cursor:not-allowed;
 }
 .public-navy-theme .social-tile:disabled svg { color:inherit; filter:none; }
 @media(max-width:760px) {
  .public-navy-theme .hero-actions :is(.button,.text-link) { padding:calc(11 * var(--fm-screen-unit, 1px)) calc(15 * var(--fm-screen-unit, 1px)); gap:calc(8 * var(--fm-screen-unit, 1px)); }
  .public-navy-theme .category-inner a { padding:calc(10 * var(--fm-screen-unit, 1px)) calc(14 * var(--fm-screen-unit, 1px)); }
  .public-navy-theme .service-more { padding:calc(9 * var(--fm-screen-unit, 1px)) calc(12 * var(--fm-screen-unit, 1px)); }
 }
 @media(prefers-reduced-motion:reduce) {
  .public-navy-theme :is(.button,.text-link,.nav-link,.mobile-nav a,.account-link,.social-tile,.menu-toggle,.equipment-arrow,.equipment-play,.dialog-close,.back-top,.book-chips a,.category-inner a,.cookie-panel button,.fm-display-launcher,.fm-display-dialog button) { transition:none; transform:none!important; }
 }
 @media(forced-colors:active) {
  .public-navy-theme :is(.button,.text-link,.nav-link,.mobile-nav a,.account-link,.social-tile,.menu-toggle,.equipment-arrow,.equipment-play,.back-top,.book-chips a,.category-inner a,.cookie-panel button,.fm-display-launcher,.fm-display-dialog button,.service-more),
  .public-navy-theme #service-dialog .dialog-close { background:ButtonFace; color:ButtonText; border-color:ButtonText; box-shadow:none; text-shadow:none; forced-color-adjust:auto; }
 }
}

/* Keep public navigation and paired actions readable at narrow widths. */
@media screen {
 .public-navy-theme [hidden]{display:none!important}
 .public-navy-theme .button{white-space:normal;text-align:center}
 .public-navy-theme .hero-actions .button{min-width:calc(156 * var(--fm-screen-unit, 1px));font-size:.875rem}
 .public-navy-theme .header .nav{min-width:0;max-width:100%}
 .public-navy-theme .book-chips a{font-size:.875rem}
 @media(min-width:761px){.public-navy-theme .header-inner{grid-template-columns:minmax(calc(240 * var(--fm-screen-unit, 1px)),1fr) minmax(0,auto)}}
 @media(max-width:760px){
  .public-navy-theme .hero-actions{align-items:stretch;max-width:100%;gap:calc(10 * var(--fm-screen-unit, 1px))}
  .public-navy-theme .hero-actions .button{min-width:0;width:100%;min-height:calc(44 * var(--fm-screen-unit, 1px));padding:calc(10 * var(--fm-screen-unit, 1px)) calc(12 * var(--fm-screen-unit, 1px));overflow-wrap:anywhere}
 }
}

/* One approach link beside the services slogan, on every screen size. */
@media screen {
 body[data-fm-liquid].home-page .services-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:calc(14 * var(--fm-screen-unit, 1px)) calc(28 * var(--fm-screen-unit, 1px)); }
 body[data-fm-liquid].home-page .services-heading>.section-kicker { grid-column:1 / -1; margin:0; }
 body[data-fm-liquid].home-page .services-heading>h2 { min-width:0; grid-column:1; }
 body[data-fm-liquid].home-page .services-heading>.services-approach-link { grid-column:2; justify-self:end; min-height:calc(44 * var(--fm-screen-unit, 1px)); padding:calc(11 * var(--fm-screen-unit, 1px)) calc(20 * var(--fm-screen-unit, 1px)); white-space:nowrap; }
 body[data-fm-liquid].home-page .services-heading>.section-note { grid-column:1 / -1; margin:0; }
}

/* The header, brandbook and footers use the owner's single complete logo. */
.identity-logo{display:block;width:100%;height:auto;object-fit:contain}
.brand-composition .identity-logo{width:min(100%,calc(520 * var(--fm-screen-unit, 1px)));margin-inline:auto}
.brand-composition .composition-label{display:block;white-space:normal;line-height:1.6;font-size:calc(12 * var(--fm-screen-unit, 1px))}
.footer-brand{display:block;flex:0 1 calc(220 * var(--fm-screen-unit, 1px));width:calc(220 * var(--fm-screen-unit, 1px));max-width:58%;line-height:0}
.footer-brand img{display:block;width:100%;height:auto;object-fit:contain}
.brand-master{margin:0;padding:clamp(calc(24 * var(--fm-screen-unit, 1px)),5vw,calc(72 * var(--fm-screen-unit, 1px)));border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);border-radius:var(--radius);background:radial-gradient(ellipse at 60% 100%,#0058ff1a,transparent 70%),#050608}
.brand-master .identity-logo{max-width:calc(920 * var(--fm-screen-unit, 1px));margin:0 auto calc(36 * var(--fm-screen-unit, 1px))}
.brand-master figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:calc(8 * var(--fm-screen-unit, 1px)) calc(24 * var(--fm-screen-unit, 1px));padding-top:calc(20 * var(--fm-screen-unit, 1px));border-top:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);color:var(--muted);font-size:calc(14 * var(--fm-screen-unit, 1px))}
.brand-master figcaption span:first-child{color:var(--silver)}
.brand-rules{display:grid;grid-template-columns:1fr 1fr;gap:calc(32 * var(--fm-screen-unit, 1px));margin-top:calc(36 * var(--fm-screen-unit, 1px));align-items:center}
.brand-clearspace{padding:clamp(calc(20 * var(--fm-screen-unit, 1px)),3vw,calc(40 * var(--fm-screen-unit, 1px)));background:#0a101a;border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--line);border-radius:var(--radius)}
.brand-clearspace-frame{padding:7.55%;border:calc(1 * var(--fm-screen-unit, 1px)) dashed #25d9f877}
.brand-clearspace img{width:100%;height:auto;object-fit:contain}
.brand-clearspace p{margin-top:calc(18 * var(--fm-screen-unit, 1px));color:var(--muted);font-size:calc(14 * var(--fm-screen-unit, 1px));text-align:center}
.brand-rules-copy h3{font-size:calc(20 * var(--fm-screen-unit, 1px));margin-bottom:calc(12 * var(--fm-screen-unit, 1px))}
.brand-rules-copy p{font-size:calc(16 * var(--fm-screen-unit, 1px));color:var(--muted);line-height:1.7;margin-bottom:calc(24 * var(--fm-screen-unit, 1px))}
.brand-download{font-size:calc(14 * var(--fm-screen-unit, 1px));max-width:100%;white-space:normal;text-align:center}
@media(max-width:760px){
 .brand-composition{padding:calc(30 * var(--fm-screen-unit, 1px)) calc(20 * var(--fm-screen-unit, 1px))}
 .brand-master .identity-logo{margin-bottom:calc(24 * var(--fm-screen-unit, 1px))}
 .brand-master figcaption{font-size:calc(14 * var(--fm-screen-unit, 1px))}
 .brand-rules{grid-template-columns:1fr;gap:calc(24 * var(--fm-screen-unit, 1px))}
 .footer-brand{flex-basis:calc(180 * var(--fm-screen-unit, 1px));width:calc(180 * var(--fm-screen-unit, 1px))}
 .book-title h2{font-size:clamp(calc(28 * var(--fm-screen-unit, 1px)),7vw,calc(36 * var(--fm-screen-unit, 1px)))}
}
@media print{
 .brand-master{background:#050608!important;print-color-adjust:exact;padding:25px;break-inside:avoid}
 .brand-master .identity-logo{max-width:650px;margin-bottom:20px}
 .brand-master figcaption{color:#dce1e7!important;border-color:#555;font-size:10pt}
 .brand-master figcaption span:first-child{color:#fff}
 .brand-rules{gap:20px;margin-top:24px;break-inside:avoid}
 .brand-clearspace{background:#0a101a!important;print-color-adjust:exact;padding:20px}
 .brand-clearspace p{color:#dce1e7!important;font-size:10pt}
 .brand-rules-copy p{color:#555!important;font-size:11pt}
 .brand-download{display:none!important}
}

/* Desktop service and header controls share the existing mobile service palette. */
@media screen and (min-width:1024px){
 body[data-fm-liquid].public-navy-theme .header{background:linear-gradient(115deg,#243b57ed,#192b43f5 55%,#294767ed);border-bottom-color:#72b9ef55;box-shadow:0 calc(8 * var(--fm-screen-unit, 1px)) calc(24 * var(--fm-screen-unit, 1px)) #06152c40,inset 0 calc(1 * var(--fm-screen-unit, 1px)) #d5eeff24}
 body[data-fm-liquid].public-navy-theme .header-inner{column-gap:calc(24 * var(--fm-screen-unit, 1px));row-gap:calc(10 * var(--fm-screen-unit, 1px));padding-block:calc(12 * var(--fm-screen-unit, 1px));grid-template-columns:minmax(calc(240 * var(--fm-screen-unit, 1px)),1fr) minmax(0,auto)}
 body[data-fm-liquid].public-navy-theme .header .nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:calc(8 * var(--fm-screen-unit, 1px));min-width:0}
 body[data-fm-liquid].public-navy-theme .header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:calc(10 * var(--fm-screen-unit, 1px))}
 body[data-fm-liquid].public-navy-theme .header .socials{display:flex;gap:calc(8 * var(--fm-screen-unit, 1px))}
 body[data-fm-liquid].public-navy-theme .header :is(.nav-link,.account-link,.social-tile),
 body[data-fm-liquid].home-page [data-service-icon-nav]>a{
  --service-accent:#58c8ff;--service-tint:#58c8ff24;--service-edge:#58c8ff66;
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:calc(8 * var(--fm-screen-unit, 1px));
  min-height:calc(44 * var(--fm-screen-unit, 1px));padding:calc(10 * var(--fm-screen-unit, 1px)) calc(12 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--service-edge);border-radius:calc(12 * var(--fm-screen-unit, 1px));
  background:radial-gradient(ellipse at 50% 0,var(--service-tint),transparent 78%),linear-gradient(145deg,#2a4564,#1b2d45);
  color:#edf5ff;font-size:calc(14 * var(--fm-screen-unit, 1px));line-height:1.3;letter-spacing:0;text-shadow:none;
  box-shadow:0 calc(5 * var(--fm-screen-unit, 1px)) calc(9 * var(--fm-screen-unit, 1px)) calc(-5 * var(--fm-screen-unit, 1px)) #04112599,inset 0 calc(1 * var(--fm-screen-unit, 1px)) #d6eeff40,inset 0 calc(-1 * var(--fm-screen-unit, 1px)) #07192b44;
  transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;
 }
 body[data-fm-liquid].public-navy-theme .header .nav-link[hidden]{display:none}
 body[data-fm-liquid].public-navy-theme .header :is(.nav-link[href*="catalog"],.nav-link[href="/videos"],.nav-link[href="brandbook.html"],.social-tile[href*="vk.ru"]),
 body[data-fm-liquid].home-page [data-service-icon-nav]>a:is([data-open=paint],[data-open=polish],[data-open=tuning]){
  --service-accent:#98adff;--service-tint:#597cff30;--service-edge:#829aff80;
 }
 body[data-fm-liquid].public-navy-theme .header :is(.account-link,.social-tile[href*="youtube.com"],.social-tile[href*="instagram.com"]),
 body[data-fm-liquid].home-page [data-service-icon-nav]>a:is([data-open=pdr],[data-open=protect],[data-open=armature]){
  --service-accent:#ff8093;--service-tint:#f52e4f25;--service-edge:#ff6b8166;
 }
 body[data-fm-liquid].public-navy-theme .header .fm-desktop-nav-icon,
 body[data-fm-liquid].home-page [data-service-icon-nav] .fm-service-nav-icon{
  display:grid!important;place-items:center;flex:none;width:calc(22 * var(--fm-screen-unit, 1px));height:calc(22 * var(--fm-screen-unit, 1px));color:var(--service-accent);
 }
 body[data-fm-liquid].public-navy-theme .header .fm-desktop-nav-icon svg,
 body[data-fm-liquid].home-page [data-service-icon-nav] .fm-service-nav-icon svg{display:block;width:calc(22 * var(--fm-screen-unit, 1px));height:calc(22 * var(--fm-screen-unit, 1px))}
 body[data-fm-liquid].public-navy-theme .header :is(.social-tile,.account-link)>svg{color:var(--service-accent);filter:drop-shadow(0 calc(1 * var(--fm-screen-unit, 1px)) calc(4 * var(--fm-screen-unit, 1px)) var(--service-tint))}
 body[data-fm-liquid].public-navy-theme .header .social-tile{width:calc(44 * var(--fm-screen-unit, 1px));height:calc(44 * var(--fm-screen-unit, 1px));padding:0;flex:none}
 body[data-fm-liquid].public-navy-theme .header .account-link{min-height:calc(44 * var(--fm-screen-unit, 1px));padding:calc(8 * var(--fm-screen-unit, 1px)) calc(14 * var(--fm-screen-unit, 1px))}
 body[data-fm-liquid].public-navy-theme .header .account-link .account-photo{width:calc(28 * var(--fm-screen-unit, 1px));height:calc(28 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--service-edge)}
 body[data-fm-liquid].home-page .category-inner[data-service-icon-nav]{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:calc(8 * var(--fm-screen-unit, 1px));padding-block:calc(12 * var(--fm-screen-unit, 1px));overflow:visible;align-items:stretch}
 body[data-fm-liquid].home-page [data-service-icon-nav]>a{width:100%;min-width:0;min-height:calc(66 * var(--fm-screen-unit, 1px));padding:calc(12 * var(--fm-screen-unit, 1px)) calc(8 * var(--fm-screen-unit, 1px)) calc(15 * var(--fm-screen-unit, 1px));white-space:normal;text-align:center;overflow-wrap:normal}
 body[data-fm-liquid].home-page [data-service-icon-nav]>a>i{display:none}
 body[data-fm-liquid].home-page [data-service-icon-nav] .fm-service-nav-label{display:block;min-width:0;line-height:1.3}
 body[data-fm-liquid].home-page [data-service-icon-nav]>a::after{content:"";position:absolute;bottom:calc(5 * var(--fm-screen-unit, 1px));left:35%;right:35%;height:calc(2 * var(--fm-screen-unit, 1px));border-radius:calc(2 * var(--fm-screen-unit, 1px));background:var(--service-accent);opacity:.8}
 body[data-fm-liquid].public-navy-theme .header :is(.nav-link,.account-link,.social-tile):is(:focus-visible,.active,[aria-current=page]),
 body[data-fm-liquid].home-page [data-service-icon-nav]>a:focus-visible{border-color:var(--service-accent);outline:calc(2 * var(--fm-screen-unit, 1px)) solid var(--service-accent);outline-offset:calc(2 * var(--fm-screen-unit, 1px));box-shadow:0 0 calc(16 * var(--fm-screen-unit, 1px)) var(--service-tint),inset 0 calc(1 * var(--fm-screen-unit, 1px)) #effaff55}
 body[data-fm-liquid].public-navy-theme .header :is(.nav-link,.account-link,.social-tile):active,
 body[data-fm-liquid].home-page [data-service-icon-nav]>a:active{transform:translateY(calc(1 * var(--fm-screen-unit, 1px)));box-shadow:inset 0 calc(2 * var(--fm-screen-unit, 1px)) calc(6 * var(--fm-screen-unit, 1px)) #06152c66}
 @media(max-width:1399px){
  body[data-fm-liquid].home-page [data-service-icon-nav]>a{flex-direction:column;gap:calc(6 * var(--fm-screen-unit, 1px));min-height:calc(86 * var(--fm-screen-unit, 1px));padding:calc(9 * var(--fm-screen-unit, 1px)) calc(4 * var(--fm-screen-unit, 1px)) calc(13 * var(--fm-screen-unit, 1px))}
  body[data-fm-liquid].public-navy-theme .header .nav-link{padding:calc(9 * var(--fm-screen-unit, 1px)) calc(10 * var(--fm-screen-unit, 1px))}
 }
 @media(hover:hover) and (pointer:fine){
  body[data-fm-liquid].public-navy-theme .header :is(.nav-link,.account-link,.social-tile):hover,
  body[data-fm-liquid].home-page [data-service-icon-nav]>a:hover{transform:translateY(calc(-2 * var(--fm-screen-unit, 1px)));border-color:var(--service-accent);background:radial-gradient(ellipse at 50% 0,var(--service-tint),transparent 90%),linear-gradient(145deg,#345473,#223b57);box-shadow:0 calc(7 * var(--fm-screen-unit, 1px)) calc(15 * var(--fm-screen-unit, 1px)) calc(-5 * var(--fm-screen-unit, 1px)) #04112599,0 0 calc(14 * var(--fm-screen-unit, 1px)) var(--service-tint),inset 0 calc(1 * var(--fm-screen-unit, 1px)) #effaff55}
 }
 @media(prefers-reduced-motion:reduce){
  body[data-fm-liquid].public-navy-theme .header :is(.nav-link,.account-link,.social-tile),
  body[data-fm-liquid].home-page [data-service-icon-nav]>a{transition:none;transform:none!important}
 }
 @media(forced-colors:active){
  body[data-fm-liquid].public-navy-theme .header :is(.nav-link,.account-link,.social-tile),
  body[data-fm-liquid].home-page [data-service-icon-nav]>a{color:ButtonText;background:ButtonFace;border-color:ButtonText;box-shadow:none;--service-accent:ButtonText}
  body[data-fm-liquid].home-page [data-service-icon-nav]>a::after{background:ButtonText}
 }
}

/* ПА — подбор автоэмали: shared abbreviation and glass palette. */
.service[data-service="color"] .enamel-art{display:grid;place-items:center;background:radial-gradient(ellipse at 20% 10%,#c993e5aa,transparent 65%),linear-gradient(140deg,#396983,#304d6a 50%,#173b4b);}
.enamel-art>svg{width:clamp(calc(80 * var(--fm-screen-unit, 1px)),10vw,calc(150 * var(--fm-screen-unit, 1px)));height:auto;color:#f3ecff;filter:drop-shadow(0 calc(5 * var(--fm-screen-unit, 1px)) calc(12 * var(--fm-screen-unit, 1px)) #17162b88);}
}