/* Distinct content pages share SMK's existing design system. */
.page-intro{position:relative;overflow:hidden;padding:35px 7% 68px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 90% 50%,#e94f1922,transparent 65%)}.page-breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin-bottom:60px}.page-breadcrumb a:hover{color:var(--accent)}.page-intro .eyebrow{margin-bottom:20px}.page-intro h1{font-size:clamp(34px,4vw,60px);line-height:1.35;letter-spacing:-.045em;position:relative;z-index:1;max-width:950px}.page-intro-copy{margin-top:22px;max-width:650px;font-size:14px;line-height:1.9;color:var(--muted);position:relative;z-index:1}.page-intro-mark{position:absolute;right:6%;bottom:-35px;font:900 220px Arial,sans-serif;color:#e94f1914;letter-spacing:-.07em;pointer-events:none}body:not([data-page=home]) main>.section{padding-top:75px;padding-bottom:85px}
#nav .nav-home,#nav .nav-page-link,#nav>a{color:#fff;font-weight:400}#nav .nav-page-link{display:block;padding:15px 0;white-space:nowrap;font:inherit}#nav .nav-dropdown{display:flex;align-items:center;gap:5px;color:#fff}#nav .nav-trigger{padding:15px 2px;color:inherit}#nav .nav-trigger:hover,#nav .nav-trigger[aria-expanded=true]{color:inherit}#nav .nav-page-link[aria-current=page],#nav .nav-home[aria-current=page],#nav .nav-dropdown.is-current{color:#ff6b2a;font-weight:650}#nav .nav-dropdown.is-current .nav-page-link{color:#ff6b2a}#nav .nav-page-link:focus-visible{outline:2px solid #ff6b2a;outline-offset:5px}
@media(max-width:760px){.page-intro{padding:28px 7% 48px}.page-breadcrumb{margin-bottom:38px}.page-intro h1{font-size:35px}.page-intro-copy{font-size:12px}.page-intro-mark{font-size:150px;bottom:-20px}#nav .nav-dropdown{display:flex;flex-wrap:wrap;gap:0}#nav .nav-page-link{flex:1;padding:14px 0}#nav .nav-trigger{width:42px;padding:16px 12px;justify-content:center}#nav .nav-panel{flex-basis:100%}body:not([data-page=home]) main>.section{padding-top:52px;padding-bottom:56px}}

/* Persistent site header across all four pages. */
html{scroll-padding-top:108px}body{padding-top:92px}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg);box-shadow:0 4px 18px #0003}
main>[id],#research-step-1,#research-step-2,#research-step-3,#research-step-4,#footer-contact{scroll-margin-top:12px}
@media(max-width:760px){html{scroll-padding-top:92px}body{padding-top:76px}}
@media print{html{scroll-padding-top:0}body{padding-top:0}.site-header{position:relative;box-shadow:none}}

/* Company background follows the same orange and charcoal identity. */
#nav>a[aria-current=page]{color:#ff6b2a;font-weight:650}
.company-story{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;margin-bottom:70px}.company-story h2{font-size:clamp(27px,3vw,42px);line-height:1.45}.company-story-copy h3{font-size:23px;margin-bottom:22px}.company-story-copy p{font-size:14px;line-height:2.1}.company-story-copy .inline-link{display:inline-flex;gap:28px;margin-top:8px}
.company-identity{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid var(--line)}.company-wordmark{position:relative;overflow:hidden;min-height:320px;padding:45px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 0 0,#e94f1938,transparent 75%);border-right:1px solid var(--line)}.company-wordmark strong{font:italic 900 clamp(68px,8vw,112px)/1 Arial,sans-serif;letter-spacing:-.07em;color:var(--accent);z-index:1}.company-wordmark span{font:10px/1.8 Consolas,monospace;letter-spacing:.18em;color:var(--muted);z-index:1}.company-wordmark i{position:absolute;width:220px;height:220px;right:-55px;bottom:-50px;border:1px solid #e94f1940;transform:rotate(35deg);box-shadow:0 0 0 35px #e94f1908,0 0 0 70px #e94f1905;animation:company-glow 5s ease-in-out infinite alternate}.company-facts{margin:0;padding:30px 38px;display:grid;align-content:center}.company-facts>div{display:grid;grid-template-columns:88px 1fr;gap:22px;padding:15px 0;border-bottom:1px solid var(--line)}.company-facts>div:last-child{border:0}.company-facts dt{color:var(--muted);font-size:12px}.company-facts dd{margin:0;font-size:14px;overflow-wrap:anywhere}.company-values{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.company-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.company-value-grid article{padding:25px 0 0;border-top:1px solid var(--line)}.company-value-grid article>span{font:10px Consolas,monospace;letter-spacing:.12em;color:var(--accent)}.company-value-grid h3{margin:26px 0 16px}.company-value-grid p{font-size:13px;line-height:1.9;margin:0;max-width:300px}@keyframes company-glow{to{opacity:.35;transform:rotate(45deg) translate(-10px,-10px)}}
@media(max-width:760px){.company-story,.company-identity{grid-template-columns:1fr}.company-story{gap:28px;margin-bottom:40px}.company-story-copy h3{font-size:20px}.company-story-copy p{font-size:13px}.company-wordmark{min-height:230px;border-right:0;border-bottom:1px solid var(--line);padding:30px}.company-facts{padding:18px 24px}.company-facts>div{grid-template-columns:65px 1fr;gap:15px}.company-facts dd{font-size:12px}.company-value-grid{grid-template-columns:1fr;gap:30px}.company-value-grid h3{margin-top:20px}.company-value-grid p{max-width:none}}

/* Content pages use the same first-screen composition as the homepage. */
.page-intro--animated{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:650px;padding:70px 7% 85px;isolation:isolate;background:radial-gradient(ellipse at 80% 40%,#e94f1929,transparent 55%)}
.page-intro--animated .page-breadcrumb{position:absolute;top:30px;left:7%;z-index:4;margin:0}
.page-intro-text{min-width:0}
.page-intro--animated h1{max-width:650px;font-size:clamp(44px,5.1vw,80px);font-weight:600;line-height:1.25;letter-spacing:-.045em;text-wrap:balance}
.page-intro--animated .page-intro-copy{max-width:520px;font-size:16px;line-height:1.9;margin:27px 0 0;text-wrap:pretty}
.page-intro--animated .page-intro-art{position:relative;inset:auto;width:120%;height:auto;aspect-ratio:640/430;margin:0 0 0 -9%;z-index:1;pointer-events:none}
.page-intro-art img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 35px 35px #0004);mask-image:radial-gradient(ellipse at center,#000 54%,transparent 78%)}
@media(min-width:1600px){
 .page-intro--animated{min-height:760px;padding-left:max(7%,calc((100vw - 1380px)/2));padding-right:max(7%,calc((100vw - 1380px)/2))}
 .page-intro--animated .page-breadcrumb{left:max(7%,calc((100vw - 1380px)/2))}
 .page-intro--animated .page-intro-art{max-width:820px}
}
@media(max-width:1050px) and (min-width:761px){
 .page-intro--animated{min-height:580px;padding-left:5%;padding-right:5%}
 .page-intro--animated .page-breadcrumb{left:5%}
 .page-intro--animated h1{font-size:52px}
 .page-intro--animated .page-intro-copy{font-size:14px}
 .page-intro--animated .page-intro-art{width:130%;margin-left:-16%}
}
@media(max-width:760px){
 .page-intro--animated{grid-template-columns:1fr;min-height:0;padding:72px 7% 55px;gap:15px}
 .page-intro--animated .page-breadcrumb{top:25px;left:7%}
 .page-intro--animated h1{max-width:100%;font-size:clamp(40px,9vw,64px)}
 .page-intro--animated .page-intro-copy{max-width:100%;font-size:13px;margin:23px 0 25px}
 .page-intro--animated .page-intro-art{width:105%;max-width:none;margin:-15px -2.5% -20px}
}

/* Five charging and power product directions. */
#products .tabs{flex-wrap:wrap;row-gap:8px}#products .product-visual img{width:100%;height:100%;object-fit:contain;padding:16px}#products .product-visual{height:230px}.product-detail-art{width:100%;height:210px;object-fit:contain;margin-bottom:24px}#products .section-heading h2{max-width:850px}
@media(max-width:760px){#products .tabs{gap:6px 18px}#products .tabs button{padding-block:12px}#products .product-visual{height:210px}}

.page-intro--development .page-intro-art{aspect-ratio:760/640}.page-intro--development .page-intro-art img{mask-image:none}