@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root { --ink:#f5fbfc; --muted:#91a2a6; --cyan:#16d5ed; --deep:#061316; --line:rgba(192,229,233,.16); --max:1440px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:'Manrope',Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
a:focus-visible,button:focus-visible { outline:2px solid var(--cyan); outline-offset:5px; }
.site-shell { min-height:100vh; background:#fff; }
.hero-scroll-stage { position:relative; height:175vh; min-height:1120px; background:#041117; }
.hero-scroll-stage .hero { position:sticky; top:0; height:100vh; min-height:760px; max-height:none; }
.hero { position:relative; min-height:760px; height:min(78vw,940px); isolation:isolate; overflow:hidden; background:#041117; }
.hero-art { position:absolute; inset:0; z-index:-3; width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.hero-turntable-video { background:#041117; opacity:1; }
.hero-shade { position:absolute; inset:0; z-index:-2; pointer-events:none; background:linear-gradient(90deg,rgba(0,10,15,.89) 0%,rgba(0,10,15,.52) 19%,transparent 37%,transparent 63%,rgba(0,10,15,.52) 81%,rgba(0,10,15,.89) 100%),linear-gradient(180deg,rgba(0,9,13,.32),transparent 36%,rgba(0,9,13,.08) 68%,rgba(0,9,13,.8)); }
.site-header { position:fixed; top:24px; left:50%; z-index:1000; display:flex; align-items:center; width:min(calc(100% - 72px),var(--max)); min-height:74px; padding:0 18px 0 27px; transform:translateX(-50%); background:rgba(2,13,16,.92); border:1px solid rgba(180,240,246,.2); border-top:2px solid rgba(22,213,237,.78); border-radius:999px; box-shadow:0 16px 35px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04); backdrop-filter:blur(15px); transition:background .25s,border-color .25s,box-shadow .25s; }
.site-header.scrolled { background:rgba(255,255,255,.94); border-color:rgba(5,30,36,.14); border-top-color:var(--cyan); box-shadow:0 14px 34px rgba(8,36,42,.16),inset 0 1px rgba(255,255,255,.9); }
.brand { display:inline-flex; align-items:center; flex:0 0 auto; }
.brand img { display:block; width:142px; height:auto; filter:brightness(0) saturate(100%) invert(62%) sepia(91%) saturate(1359%) hue-rotate(145deg) brightness(101%) contrast(101%); }
.primary-nav { display:flex; align-items:center; gap:clamp(18px,2.2vw,40px); margin:0 auto; padding:0 24px; }
.primary-nav a { position:relative; padding:27px 0; color:#aab8ba; font-family:'Space Grotesk','Manrope',sans-serif; font-size:16px; font-weight:700; letter-spacing:-.02em; white-space:nowrap; transition:color .2s ease; }
.primary-nav a::after { position:absolute; right:0; bottom:15px; left:0; height:2px; content:''; background:var(--cyan); transform:scaleX(0); transform-origin:right; transition:transform .2s ease; }
.primary-nav a:hover,.primary-nav a.active { color:#fff; }
.primary-nav a:hover::after,.primary-nav a.active::after { transform:scaleX(1); transform-origin:left; }
.site-header.scrolled .primary-nav a { color:#365158; }
.site-header.scrolled .primary-nav a:hover,.site-header.scrolled .primary-nav a.active { color:#06191d; }
.header-action { display:inline-flex; align-items:center; justify-content:space-between; gap:18px; min-width:178px; padding:12px 14px 12px 17px; color:#fff; background:var(--cyan); border-radius:999px; font-family:'Space Grotesk','Manrope',sans-serif; font-size:13px; font-weight:700; letter-spacing:-.018em; transition:background .2s,transform .2s; }
.site-header [data-static-nav] { cursor:default; -webkit-tap-highlight-color:transparent; }
.site-header [data-static-nav]:hover { cursor:pointer; }
.header-action:hover { background:#93f3fb; transform:translateY(-2px); }
.header-action span,.hero-link span,.footer-mail span { font-size:18px; line-height:.5; }
.menu-toggle { display:none; }
.feature-list { position:absolute; top:clamp(230px,28%,290px); z-index:2; display:grid; width:clamp(230px,18vw,270px); gap:clamp(24px,3.5vw,58px); }
.feature-left { left:max(34px,calc((100% - var(--max))/2 + 12px)); }
.feature-right { right:max(34px,calc((100% - var(--max))/2 + 12px)); }
.feature-card { position:relative; display:flex; align-items:center; gap:17px; min-height:92px; padding:8px 0; color:#effafb; }
.feature-card::after { position:absolute; top:50%; width:44px; height:1px; content:''; background:linear-gradient(90deg,rgba(152,213,218,.12),rgba(170,238,243,.75)); }
.feature-card::before { position:absolute; top:calc(50% - 3px); width:6px; height:6px; border-radius:50%; content:''; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
.feature-left .feature-card::after { right:-44px; }
.feature-left .feature-card::before { right:-47px; }
.feature-right .feature-card { flex-direction:row-reverse; text-align:right; }
.feature-right .feature-card::after { left:-44px; background:linear-gradient(90deg,rgba(170,238,243,.75),rgba(152,213,218,.12)); }
.feature-right .feature-card::before { left:-47px; }
.feature-icon { display:grid; flex:0 0 auto; place-items:center; width:56px; height:56px; color:#effafb; border:2px solid var(--cyan); border-radius:50%; background:rgba(1,15,21,.38); box-shadow:0 0 18px rgba(22,213,237,.08),inset 0 0 16px rgba(22,213,237,.06); }
.feature-icon svg { width:29px; height:29px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.feature-card strong { display:block; max-width:190px; color:#f4fcfd; font-family:'Outfit',sans-serif; font-size:15px; font-weight:800; letter-spacing:.01em; line-height:1.18; text-transform:uppercase; }
.feature-card small { display:block; max-width:190px; margin-top:7px; color:#b5c5c7; font-size:12px; line-height:1.42; }
.hero-content { position:absolute; top:24%; left:max(36px,calc((100% - var(--max))/2 + 36px)); max-width:460px; }
.hero-kicker,.footer-label { margin:0 0 22px; color:var(--cyan); font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.24em; }
.hero-content h1 { margin:0; color:#f9ffff; font-size:clamp(42px,5.6vw,82px); font-weight:700; letter-spacing:-.075em; line-height:.99; text-shadow:0 7px 24px rgba(0,0,0,.5); }
.hero-content h1 em { color:var(--cyan); font-style:normal; }
.hero-lead { margin:26px 0 30px; color:#b8c6c8; font-size:14px; line-height:1.7; }
.hero-link { display:inline-flex; align-items:center; gap:20px; padding-bottom:12px; border-bottom:1px solid rgba(22,213,237,.75); font-size:12px; font-weight:800; }
.hero-link:hover { color:var(--cyan); }
.hero-meta { position:absolute; right:max(36px,calc((100% - var(--max))/2 + 36px)); bottom:54px; display:flex; align-items:stretch; border-left:1px solid var(--line); }
.hero-meta span { min-width:126px; padding:0 22px; border-right:1px solid var(--line); color:#b2c3c6; font-family:'DM Mono',monospace; font-size:11px; }
.hero-meta strong { color:#fff; font-family:'Manrope',sans-serif; font-size:20px; font-weight:700; }
.hero-meta small { display:block; margin-top:7px; color:#779095; font-size:9px; letter-spacing:.03em; text-transform:uppercase; }
.hero-stats { position:absolute; right:max(36px,calc((100% - var(--max))/2 + 36px)); bottom:28px; left:max(36px,calc((100% - var(--max))/2 + 36px)); z-index:3; display:grid; grid-template-columns:repeat(4,1fr); background:linear-gradient(180deg,rgba(1,13,18,.76),rgba(1,10,14,.93)); border:1px solid rgba(131,219,226,.2); border-radius:18px; box-shadow:0 18px 35px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06); backdrop-filter:blur(16px); }
.hero-stat { display:flex; align-items:center; justify-content:center; gap:14px; min-height:84px; padding:12px 22px; border-right:1px solid rgba(192,229,233,.16); }
.hero-stat:last-child { border-right:0; }
.stat-icon { display:grid; flex:0 0 auto; place-items:center; width:43px; height:43px; color:var(--cyan); border:1px solid rgba(22,213,237,.58); border-radius:50%; background:rgba(1,25,32,.56); box-shadow:0 0 22px rgba(22,213,237,.08); }
.stat-icon svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.hero-stat strong { display:block; color:#f7ffff; font-family:'Outfit',sans-serif; font-size:21px; font-weight:700; letter-spacing:-.03em; line-height:1; text-transform:uppercase; }
.hero-stat strong b { color:#c2d4d6; font-family:'Manrope',sans-serif; font-size:13px; font-weight:500; letter-spacing:0; text-transform:none; }
.hero-stat small { display:block; margin-top:7px; color:#82999d; font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.09em; text-transform:uppercase; }
.hero-model-cta { position:absolute; bottom:132px; left:50%; z-index:4; display:inline-flex; align-items:center; gap:24px; min-width:176px; padding:13px 14px 13px 20px; transform:translateX(-50%); color:#061a1e; background:linear-gradient(135deg,#8cf4fb 0%,#16d5ed 58%,#0ab3ca 100%); border:1px solid rgba(188,252,255,.8); border-radius:999px; box-shadow:0 10px 26px rgba(0,190,215,.28),0 0 28px rgba(22,213,237,.18),inset 0 1px rgba(255,255,255,.65); font-family:'Space Grotesk','Manrope',sans-serif; font-size:13px; font-weight:700; letter-spacing:-.02em; transition:transform .25s ease,box-shadow .25s ease,filter .25s ease; }
.hero-model-cta b { display:grid; place-items:center; width:27px; height:27px; color:#c9fbff; background:#06252c; border:1px solid rgba(188,252,255,.45); border-radius:50%; font-size:18px; font-weight:500; line-height:1; }
.hero-model-cta:hover { transform:translateX(-50%) translateY(-4px); box-shadow:0 15px 32px rgba(0,190,215,.36),0 0 35px rgba(22,213,237,.28),inset 0 1px rgba(255,255,255,.7); filter:saturate(1.08); }
.scroll-note { position:absolute; right:28px; bottom:38px; display:flex; align-items:center; gap:12px; color:#9db1b4; font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.08em; text-transform:uppercase; writing-mode:vertical-rl; }
.scroll-note span { width:1px; height:34px; background:var(--cyan); }
.corporate-intro { position:relative; overflow:hidden; padding:132px max(36px,calc((100% - var(--max))/2 + 36px)) 0; color:#0a2025; background:#fff; }
.corporate-intro::before { position:absolute; top:0; right:-14%; width:58%; height:72%; content:''; background:radial-gradient(circle,rgba(22,213,237,.09),transparent 63%); pointer-events:none; }
.corporate-intro::after { position:absolute; top:0; right:0; bottom:0; left:0; content:''; opacity:.55; background-image:linear-gradient(rgba(14,89,99,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(14,89,99,.045) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,transparent 0%,#000 54%,transparent 100%); pointer-events:none; }
.anchor-target { position:absolute; top:-100px; }
.corporate-shell { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.92fr) minmax(560px,1fr); gap:clamp(45px,5vw,82px); align-items:center; max-width:var(--max); margin:0 auto; }
.corporate-copy { max-width:610px; }
.section-eyebrow { display:flex; align-items:center; gap:13px; margin:0 0 26px; color:#15aebf; font-family:'DM Mono',monospace; font-size:11px; letter-spacing:.18em; }
.section-eyebrow span { display:inline-grid; place-items:center; width:29px; height:29px; color:#06191d; background:var(--cyan); border-radius:50%; font-size:10px; letter-spacing:0; }
.corporate-copy h2 { max-width:590px; margin:0; color:#082126; font-family:'Outfit',sans-serif; font-size:clamp(46px,5.3vw,78px); font-weight:600; letter-spacing:-.075em; line-height:.94; }
.corporate-copy h2 em { color:var(--cyan); font-style:normal; }
.corporate-lead { max-width:500px; margin:30px 0 32px; color:#5e7478; font-size:16px; line-height:1.8; }
.corporate-link { display:inline-flex; align-items:center; gap:22px; padding:0 0 12px; color:#092329; border-bottom:1px solid var(--cyan); font-family:'Outfit',sans-serif; font-size:14px; font-weight:800; }
.corporate-link span { color:#0db9cc; font-size:21px; line-height:.6; }
.corporate-visual { position:relative; display:grid; min-height:430px; place-items:center; }
.visual-tag { position:absolute; z-index:2; display:flex; align-items:center; gap:8px; color:#5c7d82; font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.16em; }
.visual-tag span { width:6px; height:6px; background:var(--cyan); border-radius:50%; box-shadow:0 0 12px var(--cyan); }
.visual-tag-top { top:30px; left:7%; }
.visual-tag-bottom { bottom:28px; left:8%; color:#12aabd; }
.orbit-ring { position:absolute; border:1px solid rgba(17,193,211,.33); border-radius:50%; transform:rotate(-18deg); }
.orbit-ring-one { width:min(33vw,430px); height:min(22vw,280px); animation:orbit-breathe 7s ease-in-out infinite; }
.orbit-ring-two { width:min(28vw,360px); height:min(31vw,390px); border-color:rgba(17,193,211,.16); transform:rotate(47deg); animation:orbit-breathe 9s ease-in-out -2s infinite reverse; }
.orbit-dot { position:absolute; z-index:2; width:9px; height:9px; background:var(--cyan); border-radius:50%; box-shadow:0 0 0 5px rgba(22,213,237,.1),0 0 22px rgba(22,213,237,.8); animation:dot-float 4s ease-in-out infinite; }
.orbit-dot-one { top:17%; right:17%; }
.orbit-dot-two { bottom:19%; left:18%; width:6px; height:6px; animation-delay:-1.5s; }
.orbit-core { position:relative; display:grid; place-items:center; width:210px; height:210px; color:#fff; background:#08262c; border:1px solid rgba(22,213,237,.55); border-radius:50%; box-shadow:0 22px 60px rgba(6,45,52,.2),inset 0 0 45px rgba(22,213,237,.1); }
.orbit-core::before { position:absolute; inset:13px; content:''; border:1px solid rgba(22,213,237,.32); border-radius:50%; }
.orbit-core span { margin-top:8px; color:var(--cyan); font-family:'DM Mono',monospace; font-size:11px; letter-spacing:.25em; }
.orbit-core strong { margin-top:-4px; font-family:'Outfit',sans-serif; font-size:66px; font-weight:500; letter-spacing:-.08em; line-height:.8; }
.orbit-core small { color:#aac8cc; font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.13em; }
.corporate-note { position:absolute; right:0; bottom:18px; z-index:3; display:grid; grid-template-columns:auto 1fr; column-gap:11px; align-items:center; min-width:190px; padding:15px 17px; background:#f7fbfb; border:1px solid #dcecef; box-shadow:0 15px 35px rgba(13,63,71,.08); }
.corporate-note b { grid-row:span 2; color:var(--cyan); font-family:'Outfit',sans-serif; font-size:30px; font-weight:400; line-height:1; }
.corporate-note span { color:#4e696e; font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.13em; }
.corporate-note p { margin:5px 0 0; color:#0b272d; font-size:12px; font-weight:700; line-height:1.35; }
.corporate-marquee { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; max-width:var(--max); min-height:54px; margin:55px auto 0; padding:0 22px; color:#47666b; border-top:1px solid #dce9eb; border-bottom:1px solid #dce9eb; font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.16em; overflow:hidden; }
.corporate-marquee span:nth-of-type(2n) { color:#12aabd; }
.corporate-marquee i { color:#14c8db; font-size:14px; font-style:normal; }
.corporate-values { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); max-width:var(--max); margin:0 auto; border-top:0; }
.corporate-values > div { position:relative; min-height:126px; padding:25px 28px 28px 0; border-right:1px solid #dce9eb; }
.corporate-values > div:not(:first-child) { padding-left:28px; }
.corporate-values > div:last-child { border-right:0; }
.corporate-values span { display:block; margin-bottom:19px; color:#12b7c9; font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.14em; }
.corporate-values strong { display:block; color:#09262c; font-family:'Outfit',sans-serif; font-size:17px; font-weight:700; }
.corporate-values small { display:block; margin-top:7px; color:#799095; font-size:12px; }
@keyframes orbit-breathe { 0%,100% { opacity:.45; scale:1; } 50% { opacity:.9; scale:1.05; } }
@keyframes dot-float { 0%,100% { translate:0 0; } 50% { translate:-10px 8px; } }
.motion-ready [data-reveal] { opacity:0; filter:blur(24px); transform:translate3d(0,84px,0) scale(.97); backface-visibility:hidden; transition:opacity 1.35s ease var(--reveal-delay,0ms),filter 1.55s ease var(--reveal-delay,0ms),transform 1.45s ease var(--reveal-delay,0ms); will-change:opacity,filter,transform; }
.motion-ready [data-reveal].is-revealed { opacity:1; filter:blur(0); transform:translate3d(0,0,0) scale(1); }
.motion-ready .model-card[data-reveal].is-revealed:hover { transform:translate3d(0,-7px,0) scale(1); }
@keyframes hero-feature-reveal { 0% { opacity:0; filter:blur(24px); transform:translate3d(0,84px,0) scale(.97); } 70% { opacity:.92; filter:blur(4px); transform:translate3d(0,8px,0) scale(.995); } 100% { opacity:1; filter:blur(0); transform:translate3d(0,0,0) scale(1); } }
@keyframes hero-cta-reveal { 0% { opacity:0; filter:blur(18px); translate:0 68px; scale:.97; } 70% { opacity:.94; filter:blur(3px); translate:0 7px; scale:.995; } 100% { opacity:1; filter:blur(0); translate:0 0; scale:1; } }
.motion-ready .hero .feature-card { opacity:0; filter:blur(24px); transform:translate3d(0,84px,0) scale(.97); animation:hero-feature-reveal 1.5s ease both; }
.motion-ready .hero .hero-stat { opacity:0; filter:blur(24px); transform:translate3d(0,84px,0) scale(.97); animation:hero-feature-reveal 1.5s ease both; }
.motion-ready .hero .feature-left .feature-card:nth-child(1),.motion-ready .hero .feature-right .feature-card:nth-child(1) { animation-delay:0ms; }
.motion-ready .hero .feature-left .feature-card:nth-child(2),.motion-ready .hero .feature-right .feature-card:nth-child(2) { animation-delay:170ms; }
.motion-ready .hero .feature-left .feature-card:nth-child(3),.motion-ready .hero .feature-right .feature-card:nth-child(3) { animation-delay:340ms; }
.motion-ready .hero .hero-stat:nth-child(1) { animation-delay:0ms; }
.motion-ready .hero .hero-stat:nth-child(2) { animation-delay:170ms; }
.motion-ready .hero .hero-stat:nth-child(3) { animation-delay:340ms; }
.motion-ready .hero .hero-stat:nth-child(4) { animation-delay:510ms; }
.motion-ready .hero .hero-model-cta { opacity:0; filter:blur(18px); animation:hero-cta-reveal 1.35s ease 620ms both; }
@media (max-width:680px) { .motion-ready [data-reveal] { filter:blur(14px); transform:translate3d(0,48px,0) scale(.985); } }
.site-footer { padding:84px max(36px,calc((100% - var(--max))/2 + 36px)) 26px; background:radial-gradient(circle at 80% 0%,#0b2e34 0%,#061619 35%,#020b0d 76%); }
.footer-top { display:grid; grid-template-columns:1.4fr .8fr .95fr 1.25fr; gap:7%; padding-bottom:76px; }
.footer-brand .brand img { width:156px; }
.footer-brand p { margin:28px 0 30px; color:#83979b; font-size:13px; line-height:1.7; }
.socials { display:flex; gap:9px; }
.socials a { display:grid; place-items:center; width:32px; height:32px; border:1px solid rgba(207,247,250,.2); color:#d5f5f7; font-family:'DM Mono',monospace; font-size:9px; text-transform:uppercase; transition:border-color .2s,color .2s; }
.socials a:hover { color:var(--cyan); border-color:var(--cyan); }
.footer-column h2,.footer-contact h2 { margin:0 0 22px; color:#edf9fa; font-size:13px; font-weight:700; }
.footer-column { display:flex; flex-direction:column; align-items:flex-start; gap:13px; }
.footer-column a { color:#82969a; font-size:12px; transition:color .2s; }
.footer-column a:hover { color:var(--cyan); }
.footer-contact .footer-label { margin-bottom:20px; }
.footer-contact h2 { margin-bottom:27px; font-size:clamp(24px,2.2vw,34px); letter-spacing:-.055em; line-height:1.06; }
.footer-mail { display:inline-flex; align-items:center; justify-content:space-between; gap:42px; min-width:210px; padding-bottom:11px; border-bottom:1px solid var(--cyan); color:#dffbfc; font-size:12px; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; padding-top:22px; border-top:1px solid var(--line); color:#6e8589; font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.04em; }
.footer-bottom > div { display:flex; gap:22px; }
.footer-bottom a:hover { color:var(--cyan); }
@media (max-width:900px) { .hero{min-height:700px;height:100svh;max-height:860px;} .site-header{top:20px;width:calc(100% - 32px);min-height:66px;padding:0 16px 0 18px;} .brand img{width:124px;} .primary-nav{gap:15px;padding:0 12px;} .primary-nav a{font-size:12px;} .header-action{min-width:98px;padding:10px 11px;font-size:11px;} .hero-content{top:25%;left:32px;} .hero-meta{right:32px;bottom:38px;} .hero-meta span{min-width:104px;padding:0 14px;} .hero-stats{right:24px;bottom:26px;left:24px;} .hero-stat{padding:12px 10px;gap:9px;} .hero-stat strong{font-size:17px;} .hero-stat strong b{font-size:11px;} .hero-stat small{font-size:8px;} .stat-icon{width:36px;height:36px;} .stat-icon svg{width:21px;height:21px;} .scroll-note{display:none;} .footer-top{gap:4%;} }
@media (max-width:680px) { .hero{min-height:690px;} .hero-art{height:64%;top:32%;object-fit:contain;object-position:center;} .hero-shade{background:linear-gradient(180deg,rgba(0,11,14,.34),rgba(0,11,14,.9) 13%,rgba(0,11,14,.8) 30%,transparent 54%,rgba(1,9,11,.1) 76%,rgba(1,9,11,.92) 100%);} .site-header{top:14px;min-height:60px;} .primary-nav{position:absolute;top:calc(100% + 10px);right:-1px;left:-1px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:6px 20px 12px;background:rgba(2,13,16,.98);border:1px solid rgba(180,240,246,.2);} .primary-nav.open{display:flex;} .primary-nav a{padding:15px 0;font-size:14px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.08);} .primary-nav a:last-child{border-bottom:0;} .primary-nav a::after{bottom:7px;right:auto;width:38px;} .header-action{display:none;} .menu-toggle{display:flex;position:relative;flex-direction:column;justify-content:center;gap:4px;width:34px;height:32px;margin-left:auto;padding:0;border:0;background:transparent;color:#d9f6f7;} .menu-toggle span{display:block;width:25px;height:1px;background:var(--cyan);} .menu-toggle b{position:absolute;right:0;bottom:-3px;color:#8ca2a6;font-family:'DM Mono',monospace;font-size:7px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;} .hero-content{top:11%;left:24px;max-width:calc(100% - 48px);} .hero-content h1{font-size:clamp(44px,13vw,70px);} .hero-lead{font-size:12px;} .hero-meta{right:24px;bottom:25px;left:24px;justify-content:space-between;border-left:0;} .hero-meta span{min-width:0;padding:0 10px;font-size:9px;} .hero-meta span:first-child{padding-left:0;} .hero-meta strong{font-size:16px;} .hero-meta small{font-size:7px;} .anchor-strip{min-height:58px;padding:0 24px;gap:12px;font-size:7px;letter-spacing:.1em;} .anchor-strip span:last-child{display:none;} .site-footer{padding:56px 24px 20px;} .footer-top{grid-template-columns:1fr 1fr;gap:48px 22px;padding-bottom:50px;} .footer-brand,.footer-contact{grid-column:1 / -1;} .footer-contact{padding-top:8px;} .footer-bottom{align-items:flex-start;flex-wrap:wrap;gap:15px;line-height:1.6;} .footer-bottom > div{width:100%;justify-content:space-between;} }
@media (max-width:680px) { .hero-content { top:110px; } }
@media (max-width:900px) { .hero-model-cta:hover { transform:translateY(-4px); } }
@media (max-width:680px) { .primary-nav { border-radius:20px; overflow:hidden; } }
@media (max-width:900px) { .feature-list { display:none; } }
@media (max-width:680px) { .hero-art { inset:12% 4% 0; width:92%; height:80%; object-fit:contain; object-position:center; } .hero-shade { background:linear-gradient(180deg,rgba(0,11,14,.72),rgba(0,11,14,.28) 33%,rgba(1,9,11,.85) 100%); } }
@media (max-width:680px) { .hero { min-height:540px; height:clamp(540px,140vw,620px); } }
@media (max-width:900px) {
  .hero { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; height:auto; max-height:none; min-height:0; padding:570px 24px 48px; }
  .hero-art { inset:26px 0 auto; width:100%; height:520px; object-fit:contain; }
  .hero-stats { position:relative; right:auto; bottom:auto; left:auto; grid-column:1 / -1; grid-row:auto; margin-top:0; }
  .hero-model-cta { position:relative; bottom:auto; left:auto; grid-column:1 / -1; grid-row:auto; justify-self:center; transform:none; margin:0 auto; }
  .feature-list { position:relative; top:auto; right:auto; left:auto; display:grid; width:auto; gap:12px; }
  .feature-card { min-height:84px; padding:12px 13px; border:1px solid rgba(122,206,215,.26); border-radius:14px; background:linear-gradient(135deg,rgba(3,27,35,.79),rgba(3,23,31,.55)); box-shadow:0 12px 30px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05); backdrop-filter:blur(12px); }
  .feature-icon { width:42px; height:42px; border-width:1px; border-radius:12px; }
  .feature-icon svg { width:23px; height:23px; }
  .feature-card::before,.feature-card::after { display:none; }
  .feature-right .feature-card { flex-direction:row; text-align:left; }
}
@media (max-width:680px) {
  .hero { grid-template-columns:1fr; gap:10px; padding:calc(clamp(310px,65vw,440px) + 64px) 16px 36px; }
  .hero-art { inset:38px 0 auto; width:100%; height:clamp(310px,65vw,440px); -webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 94%); mask-image:linear-gradient(to bottom,#000 80%,transparent 94%); }
  .hero-stats { grid-template-columns:repeat(2,1fr); margin-bottom:2px; border-radius:15px; }
  .hero-stat { min-height:68px; padding:10px 8px; justify-content:flex-start; }
  .hero-stat:nth-child(2) { border-right:0; }
  .hero-stat:nth-child(-n+2) { border-bottom:1px solid rgba(192,229,233,.16); }
  .hero-stat strong { font-size:15px; }
  .hero-stat strong b { font-size:10px; }
  .hero-stat small { margin-top:5px; font-size:7px; letter-spacing:.06em; }
  .stat-icon { width:32px; height:32px; }
  .stat-icon svg { width:18px; height:18px; }
  .feature-list { gap:10px; }
  .feature-card { min-height:72px; padding:10px 12px; }
  .feature-card strong { font-size:12px; }
  .feature-card small { font-size:11px; }
  .hero-shade { background:linear-gradient(180deg,rgba(0,11,14,.58),rgba(0,11,14,.1) 35%,rgba(1,9,11,.52) 78%,rgba(1,9,11,.88)); }
}


@media (max-width:900px) {
  .site-header { top:16px; }
  .site-header.scrolled .primary-nav { background:rgba(255,255,255,.98); border-color:rgba(5,30,36,.14); }
  .site-header.scrolled .menu-toggle span { background:#0d6570; }
  .site-header.scrolled .menu-toggle b { color:#5d777b; }
  .corporate-intro { padding-right:24px; padding-left:24px; }
  .corporate-shell { grid-template-columns:1fr; gap:25px; }
  .corporate-copy { max-width:650px; }
  .corporate-visual { min-height:360px; }
  .orbit-ring-one { width:min(58vw,430px); height:min(39vw,280px); }
  .orbit-ring-two { width:min(50vw,360px); height:min(55vw,390px); }
  .corporate-values { margin-top:45px; }
}

@media (max-width:680px) {
  .site-header { top:12px; }
  .corporate-intro { padding:88px 20px 0; }
  .corporate-copy h2 { font-size:clamp(47px,14vw,72px); }
  .corporate-lead { margin:23px 0 27px; font-size:14px; line-height:1.7; }
  .corporate-visual { min-height:300px; }
  .orbit-core { width:165px; height:165px; }
  .orbit-core strong { font-size:51px; }
  .orbit-core span { font-size:9px; }
  .orbit-core small { font-size:6px; }
  .corporate-note { right:0; bottom:2px; min-width:164px; padding:12px; }
  .corporate-note p { font-size:10px; }
  .visual-tag { font-size:7px; }
  .visual-tag-top { top:12px; left:1%; }
  .visual-tag-bottom { right:auto; bottom:12px; left:1%; }
  .corporate-marquee { justify-content:flex-start; gap:22px; margin-top:30px; padding:0 12px; font-size:7px; white-space:nowrap; }
  .corporate-marquee i:nth-of-type(2),.corporate-marquee span:nth-of-type(3),.corporate-marquee i:nth-of-type(3),.corporate-marquee span:nth-of-type(4) { display:none; }
  .corporate-values { grid-template-columns:1fr; margin-top:25px; }
  .corporate-values > div,.corporate-values > div:not(:first-child) { min-height:0; padding:19px 0; border-right:0; border-bottom:1px solid #dce9eb; }
  .corporate-values > div:last-child { border-bottom:0; }
  .corporate-values span { display:inline-block; width:35px; margin:0 10px 0 0; }
  .corporate-values strong { display:inline; font-size:15px; }
  .corporate-values small { margin:7px 0 0 45px; }
}

/* Corporate manifesto card system */
.corporate-copy h2 { max-width:640px; }
.corporate-actions { display:flex; align-items:center; gap:24px; }
.corporate-link-primary { padding:16px 21px 16px 24px; color:#fff; background:#0a2025; border:1px solid #0a2025; border-radius:999px; box-shadow:0 12px 25px rgba(8,32,37,.14); transition:background .2s,transform .2s,box-shadow .2s; }
.corporate-link-primary:hover { color:#fff; background:#123a42; transform:translateY(-2px); box-shadow:0 16px 32px rgba(8,32,37,.2); }
.corporate-link-secondary { gap:12px; padding-bottom:10px; color:#5e7478; border-color:#b8dce0; font-size:13px; }
.corporate-link-secondary:hover { color:#0b2930; border-color:var(--cyan); }
.corporate-visual { display:block; min-height:0; }
.mobility-card { position:relative; min-height:420px; overflow:hidden; padding:30px 34px; color:#fff; background-image:url('assets/rebat-hero-wide.png'); background-position:center 54%; background-size:cover; border:1px solid rgba(30,214,233,.35); border-radius:28px; box-shadow:0 24px 55px rgba(3,30,37,.24),inset 0 1px rgba(255,255,255,.09); isolation:isolate; }
.mobility-card::before { position:absolute; inset:0; z-index:-1; content:''; background:linear-gradient(180deg,rgba(1,10,14,.28),rgba(1,10,14,.08) 40%,rgba(1,10,14,.86) 100%),linear-gradient(90deg,rgba(1,10,14,.4),transparent 45%,rgba(1,10,14,.12)); }
.mobility-card::after { position:absolute; right:-15%; bottom:-36%; z-index:-1; width:80%; height:75%; content:''; background:radial-gradient(ellipse,rgba(22,213,237,.22),transparent 67%); transform:rotate(-16deg); }
.mobility-card-head { position:relative; z-index:4; display:flex; align-items:center; justify-content:space-between; }
.mobility-card-head strong { color:var(--cyan); font-family:'Outfit',sans-serif; font-size:22px; font-style:italic; letter-spacing:.04em; }
.mobility-card-head span { color:#83999e; font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.13em; }
.mobility-card-head b { margin-left:15px; color:#d4e4e6; font-weight:400; }
.energy-trail { position:absolute; z-index:1; width:125%; height:48%; border:2px solid transparent; border-radius:50%; transform-origin:center; filter:blur(.2px); animation:trail-sweep 8s ease-in-out infinite; }
.energy-trail-one { top:13%; left:-18%; border-top-color:#16d5ed; border-right-color:rgba(22,213,237,.4); transform:rotate(-12deg); box-shadow:0 -4px 20px rgba(22,213,237,.28); }
.energy-trail-two { top:28%; left:-9%; border-top-color:#7ceef6; border-right-color:rgba(101,195,255,.4); transform:rotate(-8deg); animation-delay:-2s; box-shadow:0 -3px 18px rgba(71,210,239,.2); }
.energy-trail-three { top:43%; left:8%; width:110%; height:35%; border-top-color:#0a899e; border-left-color:rgba(22,213,237,.22); transform:rotate(-4deg); animation-delay:-4s; }
.mobility-card-copy { position:absolute; bottom:75px; left:34px; z-index:4; }
.mobility-card-copy small { color:#82aeb4; font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.16em; }
.mobility-card-copy h3 { margin:13px 0 0; color:#f6ffff; font-family:'Outfit',sans-serif; font-size:clamp(32px,3.1vw,48px); font-weight:500; letter-spacing:-.06em; line-height:.94; }
.mobility-card-copy em { color:var(--cyan); font-style:normal; }
.mobility-specs { position:absolute; right:0; bottom:0; left:0; z-index:4; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(214,250,252,.22); background:rgba(1,10,14,.55); backdrop-filter:blur(10px); }
.mobility-specs span { padding:15px 12px; color:#ecfbfc; border-right:1px solid rgba(214,250,252,.16); font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.03em; text-align:center; }
.mobility-specs span:last-child { border-right:0; color:var(--cyan); }
.mobility-cross { position:absolute; right:30px; bottom:25px; z-index:4; color:var(--cyan); font-size:35px; font-weight:200; animation:cross-pulse 4s ease-in-out infinite; }
.mobility-scan { position:absolute; right:30px; bottom:30px; z-index:4; color:#789398; font-family:'DM Mono',monospace; font-size:7px; letter-spacing:.14em; transform:translateY(-2px); }
.visual-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:11px; margin-top:12px; }
.visual-card { position:relative; height:150px; min-width:0; padding:24px 24px; background:#f1f3f4; border:1px solid #e1e9ea; border-radius:22px; box-shadow:0 12px 28px rgba(11,50,57,.06); transition:transform .25s,box-shadow .25s; }
.visual-card:hover { transform:translateY(-5px); box-shadow:0 18px 35px rgba(11,50,57,.12); }
.visual-card-accent { background:#e1f8fa; border-color:#c6eef1; }
.visual-card small { color:#789196; font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.13em; }
.visual-card strong { display:block; margin-top:30px; color:#09262c; font-family:'Outfit',sans-serif; font-size:18px; font-weight:600; line-height:1.12; }
.visual-card span { position:absolute; right:18px; bottom:16px; color:#12b7c9; font-size:19px; }
.corporate-manifesto { position:relative; z-index:1; display:grid; grid-template-columns:1fr 2.2fr auto; align-items:center; gap:35px; max-width:var(--max); min-height:106px; margin:68px auto 0; padding:0 22px; border-top:1px solid #d7e7e9; border-bottom:1px solid #d7e7e9; }
.corporate-manifesto span { color:#12aabd; font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.15em; }
.corporate-manifesto p { margin:0; color:#12343a; font-family:'Outfit',sans-serif; font-size:clamp(20px,2.3vw,31px); font-weight:500; letter-spacing:-.035em; line-height:1.05; white-space:nowrap; }
.corporate-manifesto b { color:var(--cyan); font-size:25px; font-weight:400; }
@keyframes trail-sweep { 0%,100% { translate:0 0; opacity:.52; } 50% { translate:22px -10px; opacity:1; } }
@keyframes cross-pulse { 0%,100% { opacity:.55; rotate:0deg; } 50% { opacity:1; rotate:12deg; } }

/* Model catalogue, dealer network and premium footer */
.models-section { position:relative; overflow:hidden; padding:clamp(86px,8vw,126px) 5vw 122px; color:#f4ffff; background:linear-gradient(145deg,#04171d 0%,#06252d 48%,#03151a 100%); }
.models-section::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.44; background-image:linear-gradient(rgba(71,211,223,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(71,211,223,.07) 1px,transparent 1px); background-size:72px 72px; mask-image:radial-gradient(circle at 78% 18%,black 0%,rgba(0,0,0,.55) 38%,transparent 78%); }
.models-section::after { content:""; position:absolute; top:-320px; right:-220px; width:780px; height:780px; pointer-events:none; background:radial-gradient(circle,rgba(20,211,224,.18),rgba(20,211,224,.045) 42%,transparent 69%); border-radius:50%; }
.models-shell { position:relative; z-index:1; max-width:var(--max); margin:0 auto; }
.models-heading { display:grid; grid-template-columns:180px minmax(0,1fr); align-items:start; gap:clamp(34px,5vw,78px); padding-bottom:40px; border-bottom:1px solid rgba(133,220,226,.16); }
.models-section .section-eyebrow { margin-top:15px; color:#78aeb3; }.models-section .section-eyebrow span { color:#03232a; background:#2bd4df; }
.models-heading-main { display:flex; align-items:flex-end; justify-content:space-between; gap:60px; }
.models-heading h2 { max-width:690px; margin:0; color:#f4ffff; font-family:'Outfit',sans-serif; font-size:clamp(44px,5.2vw,78px); font-weight:450; letter-spacing:-.07em; line-height:.94; }
.models-heading h2 em { color:#25cbd7; font-style:normal; }
.models-heading-main > p { max-width:450px; margin:0 0 4px; color:#91aeb2; font-size:15px; line-height:1.65; }
.model-filter-row { display:flex; flex-wrap:wrap; gap:8px; margin:28px 0 22px; }
.model-filter { display:inline-flex; align-items:center; gap:12px; padding:11px 16px; color:#7fa1a6; background:rgba(255,255,255,.025); border:1px solid rgba(135,211,216,.18); border-radius:9px; font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; transition:color .2s,background .2s,border-color .2s,transform .2s; }
.model-filter span { color:#547980; font-size:7px; }
.model-filter:hover { color:#eaffff; border-color:rgba(65,210,221,.58); transform:translateY(-2px); }
.model-filter.is-active { color:#04252b; background:#2cd3de; border-color:#2cd3de; box-shadow:0 10px 26px rgba(24,201,214,.18); }
.model-filter.is-active span { color:#0b6d77; }
.model-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.model-card { position:relative; display:grid; min-height:332px; grid-template-rows:auto 188px auto; overflow:hidden; color:#fff; background:linear-gradient(155deg,rgba(12,54,63,.96),rgba(4,29,35,.98)); border:1px solid rgba(86,196,204,.17); border-radius:18px; box-shadow:0 22px 45px rgba(0,10,13,.23); text-decoration:none; isolation:isolate; transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease; }
.model-card[hidden] { display:none; }
.model-card::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.42; background:linear-gradient(135deg,rgba(45,211,222,.1),transparent 34%),radial-gradient(circle at 72% 36%,rgba(31,190,204,.18),transparent 36%); }
.model-card::after { content:""; position:absolute; right:-35px; bottom:-55px; z-index:-1; width:160px; height:160px; border:1px solid rgba(58,211,221,.12); border-radius:50%; box-shadow:0 0 0 28px rgba(58,211,221,.025); }
.model-card:hover { transform:translateY(-7px); border-color:rgba(59,218,229,.68); box-shadow:0 30px 58px rgba(0,12,15,.38); }
.model-card-head { display:flex; align-items:center; justify-content:space-between; padding:17px 18px 0; color:#6f9aa0; font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.14em; }
.model-card-head span { display:grid; width:25px; height:25px; place-items:center; color:#082f36; background:#2bd2dd; border-radius:50%; font-size:8px; font-weight:700; letter-spacing:0; }
.model-card-head small { color:#7da3a8; font-size:8px; letter-spacing:.14em; }
.model-card-media { position:relative; display:grid; height:188px; place-items:end center; overflow:visible; padding:0 10px; }
.model-card-media::before { content:""; position:absolute; right:13%; bottom:12px; left:13%; height:19px; background:radial-gradient(ellipse,rgba(34,211,222,.31),rgba(2,15,19,.08) 58%,transparent 73%); filter:blur(7px); }
.model-card-media img { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 17px 13px rgba(0,0,0,.42)); transition:transform .55s cubic-bezier(.2,.72,.2,1); }
.model-card:hover .model-card-media img { transform:translateY(-4px) scale(1.055); }
.model-card-content { position:relative; z-index:1; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; padding:8px 18px 18px; }
.model-card-content small { display:block; color:#6ea3a9; font-family:'DM Mono',monospace; font-size:7px; letter-spacing:.13em; }
.model-card-content h3 { margin:6px 0 0; color:#f4ffff; font-family:'Outfit',sans-serif; font-size:25px; font-weight:500; letter-spacing:-.055em; line-height:1; }
.model-card-content b { display:flex; align-items:center; gap:8px; padding:0 0 4px; color:#6f9da2; border-bottom:1px solid rgba(85,205,214,.28); font-family:'DM Mono',monospace; font-size:7px; font-style:normal; font-weight:500; letter-spacing:.12em; transition:color .25s,border-color .25s; }
.model-card-content b i { color:#35d6e0; font-family:'Outfit',sans-serif; font-size:17px; font-style:normal; font-weight:400; line-height:1; }
.model-card:hover .model-card-content b { color:#eaffff; border-color:#35d6e0; }

.dealer-section { position:relative; overflow:hidden; padding:clamp(95px,9vw,145px) 5vw; color:#0a252b; background:linear-gradient(135deg,#edf7f7 0%,#f7fbfb 48%,#e5f5f6 100%); }
.dealer-section::before { content:""; position:absolute; top:-220px; left:-130px; width:520px; height:520px; border:1px solid rgba(13,174,190,.16); border-radius:50%; box-shadow:0 0 0 72px rgba(13,174,190,.035),0 0 0 145px rgba(13,174,190,.025); }
.dealer-shell { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr); align-items:center; gap:clamp(52px,7vw,112px); max-width:var(--max); margin:0 auto; }
.dealer-copy h2 { max-width:680px; margin:28px 0 27px; color:#09272d; font-family:'Outfit',sans-serif; font-size:clamp(48px,5.5vw,82px); font-weight:600; letter-spacing:-.055em; word-spacing:.08em; line-height:.95; }
.dealer-copy h2 em { display:inline-block; color:#10bacd; font-style:normal; white-space:nowrap; }
.dealer-copy > p:not(.section-eyebrow) { max-width:560px; margin:0; color:#60777c; font-size:16px; line-height:1.64; }
.dealer-section .section-eyebrow { color:#159bad; }
.dealer-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:610px; margin:34px 0 38px; border-top:1px solid #c9dfe1; border-bottom:1px solid #c9dfe1; }
.dealer-values span { min-height:72px; display:flex; flex-direction:column; justify-content:center; gap:7px; padding:12px 16px; color:#193a40; border-right:1px solid #c9dfe1; font-family:'Outfit',sans-serif; font-size:12px; font-weight:550; line-height:1.25; }
.dealer-values span:first-child { padding-left:0; }.dealer-values span:last-child { border-right:0; }
.dealer-values b { color:#10aabd; font-family:'DM Mono',monospace; font-size:8px; font-weight:400; letter-spacing:.1em; }
.dealer-actions { display:flex; align-items:center; gap:22px; }
.dealer-actions small { max-width:150px; color:#7a9094; font-size:11px; line-height:1.4; }
.dealer-button { display:inline-flex; align-items:center; gap:30px; padding:15px 16px 15px 22px; color:#f2ffff; background:#08272d; border-radius:999px; font-family:'Outfit',sans-serif; font-size:14px; font-weight:650; text-decoration:none; box-shadow:0 14px 28px rgba(8,39,45,.16); transition:gap .25s,transform .25s,background .25s; }
.dealer-button span { display:grid; width:31px; height:31px; place-items:center; color:#08272d; background:#29d3df; border-radius:50%; font-size:18px; }
.dealer-button:hover { gap:40px; background:#0e343b; transform:translateY(-3px); }
.dealer-photo { position:relative; min-height:510px; margin:0; overflow:hidden; border:1px solid rgba(8,76,85,.15); border-radius:30px; background:#dcebec; box-shadow:0 28px 60px rgba(8,58,65,.16); }
.dealer-photo::after { content:""; position:absolute; inset:36% 0 0; background:linear-gradient(to bottom,transparent,rgba(3,25,30,.8)); pointer-events:none; }
.dealer-photo img { width:100%; height:100%; min-height:510px; object-fit:cover; object-position:center; transition:transform .7s ease; }
.dealer-photo:hover img { transform:scale(1.025); }
.dealer-photo figcaption { position:absolute; right:34px; bottom:30px; left:34px; z-index:2; display:flex; align-items:flex-end; justify-content:space-between; gap:25px; color:#fff; }
.dealer-photo figcaption span { color:#6eeaf1; font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.15em; }
.dealer-photo figcaption strong { max-width:250px; font-family:'Outfit',sans-serif; font-size:clamp(22px,2.1vw,31px); font-weight:550; letter-spacing:-.045em; line-height:1.02; text-align:right; }
.dealer-photo-note { position:absolute; top:24px; right:24px; z-index:2; display:flex; align-items:center; gap:12px; padding:12px 15px 12px 12px; color:#183b41; background:rgba(255,255,255,.9); border:1px solid rgba(255,255,255,.95); border-radius:16px; box-shadow:0 12px 28px rgba(14,54,61,.14); backdrop-filter:blur(10px); }
.dealer-photo-note b { display:grid; width:30px; height:30px; place-items:center; color:#fff; background:#10bacc; border-radius:50%; font-size:20px; font-weight:400; }
.dealer-photo-note span { font-family:'Outfit',sans-serif; font-size:10px; font-weight:600; line-height:1.2; }

@media (max-width:680px) {
  .corporate-actions { align-items:flex-start; flex-direction:column; gap:18px; }
  .corporate-link-primary { padding:14px 18px 14px 20px; }
  .mobility-card { min-height:310px; padding:20px; border-radius:20px; }
  .mobility-card-head strong { font-size:18px; }
  .mobility-card-head span { font-size:6px; }
  .mobility-card-copy { bottom:72px; left:20px; }
  .mobility-card-copy h3 { font-size:34px; }
  .mobility-specs span { padding:11px 5px; font-size:7px; }
  .mobility-cross { right:20px; bottom:64px; font-size:27px; }
  .visual-cards { gap:8px; }
  .visual-card { height:112px; min-height:112px; padding:16px 14px; border-radius:16px; }
  .visual-card strong { margin-top:18px; font-size:14px; }
  .visual-card small { font-size:7px; }
  .visual-card span { right:13px; bottom:11px; }
  .corporate-manifesto { grid-template-columns:1fr auto; gap:12px; min-height:130px; margin-top:42px; padding:20px 0; }
  .corporate-manifesto span { grid-column:1 / -1; }
  .corporate-manifesto p { font-size:23px; white-space:normal; }
}

@media (max-width:1050px) {
  .models-heading { grid-template-columns:1fr; gap:22px; }.models-section .section-eyebrow { margin-top:0; }.models-heading-main { align-items:flex-start; flex-direction:column; gap:24px; }.models-heading-main > p { max-width:620px; }
  .model-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dealer-shell { grid-template-columns:1fr; gap:48px; }
  .dealer-copy > p:not(.section-eyebrow) { max-width:620px; }
  .dealer-photo,.dealer-photo img { min-height:500px; }
}

@media (max-width:680px) {
  .models-section { padding:76px 6vw 84px; }
  .models-heading { gap:20px; padding-bottom:30px; }.models-heading h2 { font-size:45px; }.models-heading-main { gap:20px; }.models-heading-main > p { font-size:13px; }
  .model-filter-row { gap:7px; margin-top:25px; }.model-filter { padding:10px 11px; font-size:8px; gap:7px; }.model-filter span { font-size:7px; }
  .model-grid { grid-template-columns:1fr; gap:10px; }.model-card { min-height:330px; grid-template-rows:auto 200px auto; }.model-card-media { height:200px; }.model-card-content h3 { font-size:27px; }
  .dealer-section { padding:84px 6vw 90px; }.dealer-copy h2 { font-size:52px; letter-spacing:-.045em; line-height:.98; }.dealer-copy > p:not(.section-eyebrow) { font-size:14px; }
  .dealer-values { grid-template-columns:1fr; margin:28px 0 32px; }.dealer-values span,.dealer-values span:first-child { min-height:52px; flex-direction:row; align-items:center; justify-content:flex-start; gap:12px; padding:10px 0; border-right:0; border-bottom:1px solid #c9dfe1; }.dealer-values span:last-child { border-bottom:0; }
  .dealer-actions { align-items:flex-start; flex-direction:column; gap:13px; }.dealer-actions small { max-width:none; }
  .dealer-photo,.dealer-photo img { min-height:390px; }.dealer-photo { border-radius:22px; }.dealer-photo-note { top:15px; right:15px; padding:9px 11px 9px 9px; }.dealer-photo-note b { width:26px; height:26px; }.dealer-photo figcaption { right:20px; bottom:19px; left:20px; align-items:flex-start; flex-direction:column; gap:8px; }.dealer-photo figcaption strong { max-width:220px; text-align:left; }
}

/* Footer v2 — multi-page corporate structure */
.premium-footer { position:relative; overflow:hidden; padding:0 5vw 30px; color:#12262b; background:#f6f8f8; border-radius:34px 34px 0 0; box-shadow:0 -18px 55px rgba(7,42,49,.08); }
.premium-footer::before { content:none; }
.footer-glow { position:absolute; top:-220px; right:-130px; width:620px; height:620px; pointer-events:none; opacity:.32; filter:blur(55px); transform:rotate(24deg); background:conic-gradient(from 205deg at 50% 50%,transparent 0 20%,#12d0df 30%,#247cff 42%,#7347ef 52%,transparent 64%); border-radius:42% 58% 64% 36% / 40% 35% 65% 60%; }
.footer-glow::after { content:""; position:absolute; inset:30% 3% 26% 44%; background:linear-gradient(135deg,#19d7df,#6566f5 58%,transparent); border-radius:80% 12% 70% 18%; filter:blur(10px); transform:skewX(-18deg); }
.footer-main,.footer-lower { position:relative; z-index:1; max-width:var(--max); margin-right:auto; margin-left:auto; }
.footer-main { display:grid; grid-template-columns:1.35fr .72fr .85fr 1fr; gap:clamp(40px,6vw,95px); padding:88px 0 70px; }
.premium-footer .footer-brand .brand { display:inline-block; }.premium-footer .footer-brand .brand img { width:172px; height:auto; }
.premium-footer .footer-brand p { max-width:310px; margin:28px 0 25px; color:#5f7074; font-family:'Outfit',sans-serif; font-size:14px; line-height:1.55; }
.footer-support-feature { position:relative; display:grid; grid-template-columns:68px 1fr auto; align-items:center; gap:24px; max-width:var(--max); margin:0 auto 0; padding:29px 34px; overflow:hidden; color:#09272d; background:linear-gradient(112deg,#fff 0%,#f6fbfb 53%,#e4f7f8 100%); border:1px solid #cfe4e6; border-radius:24px; box-shadow:0 20px 48px rgba(10,54,61,.1); }
.footer-support-feature::before { content:""; position:absolute; top:-170px; right:-20px; width:480px; height:480px; pointer-events:none; background:radial-gradient(circle,rgba(31,207,220,.19),transparent 68%); border-radius:50%; }
.footer-support-feature-icon { position:relative; display:grid; width:68px; height:68px; place-items:center; color:#eaffff; background:#082b32; border:1px solid #27cbd7; border-radius:20px; box-shadow:0 11px 24px rgba(6,53,61,.14); }
.footer-support-feature-icon svg { width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; }
.footer-support-feature-copy { position:relative; }.footer-support-feature-copy small { display:block; margin-bottom:5px; color:#6b8d92; font-family:'DM Mono',monospace; font-size:8px; font-weight:500; letter-spacing:.16em; }
.footer-support-feature-copy h2 { margin:0; color:#09272d; font-family:'Outfit',sans-serif; font-size:clamp(25px,2.5vw,36px); font-weight:600; letter-spacing:-.055em; line-height:1; }
.footer-support-feature-copy p { max-width:520px; margin:10px 0 0; color:#667c80; font-family:'Manrope',sans-serif; font-size:14px; line-height:1.5; }
.footer-support-feature > a { position:relative; display:grid; grid-template-columns:auto auto; align-items:end; column-gap:18px; padding:0 4px 3px; color:#09272d; text-decoration:none; }.footer-support-feature > a span { grid-column:1 / -1; margin-bottom:7px; color:#758f93; font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.12em; text-transform:uppercase; }.footer-support-feature > a strong { color:#09adbf; font-family:'Outfit',sans-serif; font-size:clamp(26px,2.7vw,40px); font-weight:600; letter-spacing:-.04em; white-space:nowrap; }.footer-support-feature > a i { color:#13bdcb; font-family:'Outfit',sans-serif; font-size:29px; font-style:normal; line-height:1; }.footer-support-feature > a::after { content:""; position:absolute; right:0; bottom:-6px; left:0; height:1px; background:#16bdcb; transform:scaleX(0); transform-origin:right; transition:transform .25s; }.footer-support-feature > a:hover::after { transform:scaleX(1); }
.premium-footer .footer-column h2 { margin:0 0 28px; color:#0a1f24; font-family:'Outfit',sans-serif; font-size:19px; font-weight:550; letter-spacing:-.03em; text-transform:none; }
.premium-footer .footer-column a { position:relative; display:block; width:max-content; max-width:100%; margin:0 0 16px; color:#4f6064; font-family:'Outfit',sans-serif; font-size:14px; line-height:1.25; text-decoration:none; transition:color .2s,transform .2s; }
.premium-footer .footer-column a::after { content:""; position:absolute; right:0; bottom:-4px; left:0; height:1px; background:#12bace; transform:scaleX(0); transform-origin:left; transition:transform .25s; }
.premium-footer .footer-column a:hover { color:#091f24; transform:translateX(3px); }.premium-footer .footer-column a:hover::after { transform:scaleX(1); }
.premium-footer .footer-column .footer-all-link { display:inline-flex; align-items:center; gap:25px; margin-top:6px; padding:11px 14px 11px 17px; color:#eefeff; background:#0a2025; border-radius:999px; font-size:12px; }
.premium-footer .footer-column .footer-all-link::after { content:none; }.premium-footer .footer-column .footer-all-link span { color:#22d1df; font-size:15px; }.premium-footer .footer-column .footer-all-link:hover { color:#fff; background:#102f36; }
.footer-lower { display:flex; align-items:center; flex-direction:column; gap:13px; padding:25px 0 0; border-top:1px solid #dbe3e4; }
.footer-signature { display:flex; align-items:center; justify-content:center; gap:12px; min-height:34px; padding:0; color:#78878a; font-family:'Outfit',sans-serif; font-size:12px; letter-spacing:.01em; }
.footer-signature::before { content:""; width:72px; height:1px; margin-right:2px; background:linear-gradient(90deg,transparent,#21c5d3); }
.footer-signature::after { content:""; width:72px; height:1px; margin-left:2px; background:linear-gradient(90deg,#21c5d3,transparent); }
.footer-signature img { display:block; width:103px; height:auto; }
.footer-signature i,.footer-signature b { color:#20b9c7; font-style:normal; font-weight:400; }.footer-signature strong { color:#25383c; font-size:12px; font-weight:550; }
.footer-policy-links { display:flex; align-items:center; justify-content:center; gap:10px; color:#a0abad; font-family:'DM Mono',monospace; font-size:7px; letter-spacing:.03em; }
.footer-policy-links a { color:#829195; text-decoration:none; transition:color .2s; }.footer-policy-links a:hover { color:#0f9faf; }

@media (max-width:1050px) {
  .footer-main { grid-template-columns:1.3fr 1fr 1fr; }.premium-footer .footer-brand { grid-column:1 / -1; }.premium-footer .footer-brand p { max-width:450px; }
}

@media (max-width:680px) {
  .premium-footer { padding:0 6vw 24px; border-radius:24px 24px 0 0; }
  .footer-glow { top:-110px; right:-185px; width:430px; height:430px; opacity:.22; }
  .footer-main { grid-template-columns:1fr 1fr; gap:46px 24px; padding:68px 0 54px; }.premium-footer .footer-brand { grid-column:1 / -1; }.premium-footer .footer-brand .brand img { width:145px; }.premium-footer .footer-brand p { max-width:270px; margin:22px 0; font-size:13px; }
  .premium-footer .footer-column:last-child { grid-column:1 / -1; }.premium-footer .footer-column h2 { margin-bottom:22px; font-size:17px; }.premium-footer .footer-column a { margin-bottom:14px; font-size:13px; }
  .footer-support-feature { grid-template-columns:48px 1fr; gap:15px; margin:0; padding:20px; border-radius:19px; }.footer-support-feature-icon { width:48px; height:48px; border-radius:14px; }.footer-support-feature-icon svg { width:24px; height:24px; }.footer-support-feature-copy h2 { font-size:25px; }.footer-support-feature-copy p { margin-top:8px; font-size:12px; }.footer-support-feature > a { grid-column:1 / -1; margin-top:10px; padding:16px 0 3px; border-top:1px solid #d4e7e9; }.footer-support-feature > a::after { bottom:0; }.footer-support-feature > a strong { font-size:29px; }
  .footer-signature { flex-wrap:wrap; gap:5px 8px; max-width:330px; min-height:0; text-align:center; }.footer-signature::before,.footer-signature::after { display:none; }.footer-signature img { width:82px; }.footer-signature span:first-child { width:100%; }
}

/* Corporate v3 — editorial brand presentation */
.corporate-intro.corporate-premium { position:relative; overflow:hidden; padding:clamp(48px,5.5vw,78px) 5vw 0; color:#09272d; background:linear-gradient(145deg,#f8fafa 0%,#f2f8f8 56%,#ecf7f8 100%); }
.corporate-intro.corporate-premium::before { top:-240px; right:-170px; width:650px; height:650px; background:radial-gradient(circle,rgba(29,210,223,.16),rgba(29,210,223,.035) 38%,transparent 68%); border-radius:50%; }
.corporate-intro.corporate-premium::after { opacity:.52; background-image:linear-gradient(rgba(13,92,102,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(13,92,102,.045) 1px,transparent 1px); background-size:78px 78px; mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 64%,transparent 100%); }
.corporate-premium-shell { position:relative; z-index:2; max-width:var(--max); margin:0 auto; }
.corporate-premium-layout { display:grid; grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr); align-items:center; gap:clamp(48px,6.5vw,96px); }
.corporate-kicker { margin:0 0 24px; color:#0eaabd; font-family:'DM Mono',monospace; font-size:9px; font-weight:500; letter-spacing:.2em; }
.corporate-premium-story h2 { max-width:620px; margin:0; color:#08242a; font-family:'Outfit',sans-serif; font-size:clamp(42px,4.35vw,66px); font-weight:400; letter-spacing:-.055em; line-height:.96; }
.corporate-premium-story h2 em { color:#13bfd1; font-style:normal; }
.corporate-premium-lead { max-width:590px; margin:30px 0 31px; color:#5d777c; font-family:'Manrope',sans-serif; font-size:15px; line-height:1.78; }
.corporate-premium-actions { display:flex; align-items:center; gap:24px; }
.corporate-premium-button { display:inline-flex; align-items:center; gap:30px; padding:15px 16px 15px 22px; color:#f4ffff; background:#08272d; border-radius:999px; box-shadow:0 14px 30px rgba(8,39,45,.15); font-family:'Outfit',sans-serif; font-size:14px; font-weight:650; text-decoration:none; transition:gap .25s,transform .25s,background .25s; }
.corporate-premium-button span { display:grid; width:31px; height:31px; place-items:center; color:#08272d; background:#27d2df; border-radius:50%; font-size:18px; }
.corporate-premium-button:hover { gap:39px; background:#10353c; transform:translateY(-3px); }
.corporate-premium-textlink { display:inline-flex; align-items:center; gap:13px; padding-bottom:8px; color:#5f777b; border-bottom:1px solid #aad6da; font-family:'Outfit',sans-serif; font-size:13px; font-weight:600; text-decoration:none; transition:color .2s,border-color .2s; }
.corporate-premium-textlink span { color:#0fb6c8; font-size:17px; }.corporate-premium-textlink:hover { color:#08272d; border-color:#0fb6c8; }
.corporate-premium-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:660px; margin-top:48px; border-top:1px solid #cedfe1; border-bottom:1px solid #cedfe1; }
.corporate-premium-values > div { min-width:0; padding:21px 18px 23px; border-right:1px solid #cedfe1; }.corporate-premium-values > div:first-child { padding-left:0; }.corporate-premium-values > div:last-child { border-right:0; }
.corporate-premium-values span { display:block; margin-bottom:15px; color:#0eaabd; font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.13em; }
.corporate-premium-values strong { display:block; color:#13343a; font-family:'Outfit',sans-serif; font-size:15px; font-weight:650; }
.corporate-premium-values small { display:block; margin-top:8px; color:#7a9094; font-size:10px; line-height:1.45; }
.corporate-factory-stage { position:relative; min-height:545px; margin:0; overflow:hidden; color:#f4ffff; background:#071f25; border:1px solid rgba(13,118,128,.24); border-radius:30px; box-shadow:0 32px 70px rgba(10,52,59,.2); isolation:isolate; }
.corporate-factory-stage::after { position:absolute; inset:0; z-index:1; content:""; background:linear-gradient(180deg,rgba(4,31,37,.12) 18%,rgba(3,23,28,.12) 42%,rgba(2,18,23,.9) 100%),linear-gradient(90deg,rgba(3,24,29,.43),transparent 55%); pointer-events:none; }
.corporate-factory-stage > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .8s cubic-bezier(.2,.75,.2,1); }
.corporate-factory-stage:hover > img { transform:scale(1.025); }
.corporate-factory-meta { position:absolute; top:28px; right:30px; left:30px; z-index:2; display:flex; align-items:center; justify-content:space-between; color:#e9ffff; font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.16em; }
.corporate-factory-meta b { display:grid; width:31px; height:31px; place-items:center; color:#05272d; background:#35d3df; border-radius:50%; font-weight:600; letter-spacing:0; }
.corporate-factory-stage figcaption { position:absolute; bottom:38px; left:34px; z-index:2; }
.corporate-factory-stage figcaption small { color:#79d3da; font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.17em; }
.corporate-factory-stage figcaption strong { display:block; margin-top:12px; color:#f7ffff; font-family:'Outfit',sans-serif; font-size:clamp(31px,3vw,46px); font-weight:450; letter-spacing:-.055em; line-height:.94; }
.corporate-factory-stage figcaption em { color:#2ed0dc; font-style:normal; }
.corporate-factory-note { position:absolute; right:28px; bottom:34px; z-index:2; display:flex; align-items:flex-start; gap:12px; padding:14px 16px; color:#dcebed; background:rgba(3,29,34,.62); border:1px solid rgba(169,234,239,.2); border-radius:14px; backdrop-filter:blur(12px); }
.corporate-factory-note span { color:#2ed0dc; font-size:18px; }.corporate-factory-note p { margin:0; font-family:'Manrope',sans-serif; font-size:9px; line-height:1.5; }
.corporate-premium-manifesto { display:grid; grid-template-columns:1fr 2.3fr auto; align-items:center; gap:35px; min-height:106px; margin-top:70px; padding:0 8px; border-top:1px solid #d2e3e5; border-bottom:1px solid #d2e3e5; }
.corporate-premium-manifesto span { color:#0fa9bb; font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.15em; }
.corporate-premium-manifesto p { margin:0; color:#12343a; font-family:'Outfit',sans-serif; font-size:clamp(19px,2.1vw,29px); font-weight:550; letter-spacing:-.035em; white-space:nowrap; }
.corporate-premium-manifesto b { color:#16c6d7; font-size:24px; font-weight:400; }

@media (max-width:1050px) {
  .corporate-premium-layout { grid-template-columns:1fr; }.corporate-premium-story { max-width:760px; }.corporate-factory-stage { min-height:560px; }
}

@media (max-width:680px) {
  .corporate-intro.corporate-premium { padding:48px 6vw 0; }
  .corporate-kicker { margin-bottom:18px; }.corporate-premium-story h2 { font-size:39px; letter-spacing:-.05em; line-height:.98; }.corporate-premium-lead { margin:25px 0 28px; font-size:14px; line-height:1.68; }
  .corporate-premium-actions { align-items:flex-start; flex-direction:column; gap:18px; }
  .corporate-premium-values { grid-template-columns:1fr; margin-top:38px; }.corporate-premium-values > div,.corporate-premium-values > div:first-child { display:grid; grid-template-columns:35px 1fr; padding:17px 0; border-right:0; border-bottom:1px solid #cedfe1; }.corporate-premium-values > div:last-child { border-bottom:0; }.corporate-premium-values span { grid-row:1 / 3; margin:3px 0 0; }.corporate-premium-values small { margin-top:5px; }
  .corporate-factory-stage { min-height:430px; border-radius:23px; }.corporate-factory-stage > img { object-position:62% center; }.corporate-factory-meta { top:20px; right:20px; left:20px; }.corporate-factory-stage figcaption { right:20px; bottom:24px; left:20px; }.corporate-factory-stage figcaption strong { font-size:31px; }.corporate-factory-note { display:none; }
  .corporate-premium-manifesto { grid-template-columns:1fr auto; gap:14px; min-height:135px; margin-top:46px; padding:20px 0; }.corporate-premium-manifesto span { grid-column:1 / -1; }.corporate-premium-manifesto p { font-size:22px; line-height:1.08; white-space:normal; }
}

@media (max-width:900px), (prefers-reduced-motion:reduce) {
  .hero-scroll-stage { height:auto; min-height:0; }
  .hero-scroll-stage .hero { position:relative; top:auto; height:auto; }
}

/* REBAT Journal — an editorial pause before the footer. */
.journal-section { position:relative; padding:100px 5vw 42px; overflow:hidden; color:#0b2c32; background:#fcfdfc; scroll-margin-top:120px; }
.journal-shell { position:relative; max-width:var(--max); margin:0 auto; }
.journal-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; padding-bottom:42px; }
.journal-eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 27px; color:#53757a; font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.13em; }
.journal-signal { width:7px; height:7px; border-radius:50%; background:#0baabd; box-shadow:0 0 0 5px #e3f6f5; }
.journal-heading h2 { position:relative; margin:0; font-family:'Outfit',sans-serif; font-size:clamp(48px,5.65vw,84px); font-weight:450; line-height:.98; letter-spacing:-.06em; }
.journal-heading h2 em { color:#08adbe; font-style:normal; }
.journal-heading h2 > span { display:inline-block; margin-left:24px; color:#11b8c7; font-family:'Manrope',sans-serif; font-size:.7em; font-weight:400; vertical-align:top; }
.journal-heading-note { padding:0 2px 4px; }
.journal-wordmark { display:flex; align-items:center; gap:9px; font-family:'Outfit',sans-serif; font-size:15px; font-weight:650; letter-spacing:-.04em; }
.journal-wordmark > span { font-weight:400; letter-spacing:.09em; font-size:10px; }
.journal-wordmark b { display:block; margin-left:37px; color:#0bb2c1; font-size:46px; font-weight:400; line-height:.8; }
.journal-heading-note p { margin:20px 0 0; color:#6a7e82; font-size:12px; line-height:1.8; }
.journal-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:26px; padding:18px 0; border-top:1px solid #dce7e7; border-bottom:1px solid #dce7e7; }
.journal-filters { display:flex; flex-wrap:wrap; gap:7px; }
.journal-filter { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:38px; padding:9px 19px; color:#697e81; border:1px solid transparent; border-radius:999px; background:transparent; font-family:'Outfit',sans-serif; font-size:13px; cursor:pointer; transition:color .2s,background .2s,border-color .2s; }
.journal-filter span { font-family:'DM Mono',monospace; font-size:9px; opacity:.7; }
.journal-filter:hover { color:#083038; border-color:#bedcde; }
.journal-filter.is-active { color:#fff; background:#0a2c32; border-color:#0a2c32; }
.journal-edition { color:#758a8d; font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.12em; white-space:nowrap; }
.journal-grid { display:grid; grid-template-columns:minmax(0,1.16fr) minmax(0,1fr); grid-template-rows:1fr 1fr; gap:20px; }
.journal-card { position:relative; min-width:0; overflow:hidden; border:1px solid #dce6e6; border-radius:22px; isolation:isolate; transition:border-color .3s,box-shadow .3s,translate .3s; }
.journal-card[hidden] { display:none; }
.journal-card:hover,.journal-card:focus-within { border-color:#70c9ce; box-shadow:0 20px 45px -20px #174f5533; translate:0 -3px; }
.journal-card h3 { margin:15px 0 13px; font-family:'Outfit',sans-serif; font-size:clamp(24px,2.1vw,32px); font-weight:500; line-height:1.12; letter-spacing:-.045em; }
.journal-card h3 button { padding:0; color:inherit; border:0; background:transparent; text-align:left; font:inherit; letter-spacing:inherit; cursor:pointer; }
.journal-card h3 button::after { position:absolute; inset:0; z-index:5; content:''; border-radius:22px; }
.journal-card h3 button:focus-visible { outline:none; }
.journal-card:has(button:focus-visible) { outline:2px solid #0aa8bb; outline-offset:4px; }
.journal-meta { display:flex; align-items:center; flex-wrap:wrap; gap:9px; color:#617c80; font-family:'DM Mono',monospace; font-size:8px; line-height:1.6; letter-spacing:.07em; }
.journal-meta span:first-child { color:#0a8e9e; }
.journal-meta i { width:3px; height:3px; border-radius:50%; background:currentColor; }
.journal-read { display:inline-flex; align-items:center; gap:22px; color:#183d43; font-family:'Outfit',sans-serif; font-size:12px; font-weight:500; }
.journal-read b { display:grid; place-items:center; width:29px; height:29px; color:#0a7c87; border:1px solid #bedadc; border-radius:50%; font-size:17px; font-weight:400; transition:background .25s,color .25s,transform .25s; }
.journal-card:hover .journal-read b,.journal-card:focus-within .journal-read b { color:#072e34; background:#35d5de; border-color:#35d5de; transform:rotate(45deg); }
.journal-feature { grid-row:1 / 3; color:#f3ffff; background:#09282e; border-color:#163d42; }
.journal-feature-art { position:relative; height:310px; overflow:hidden; background:radial-gradient(ellipse at 55% 76%,#1b6264 0%,#0e373d 39%,#071d24 80%); }
.journal-feature-art::after { position:absolute; inset:0; content:''; pointer-events:none; background:linear-gradient(180deg,transparent 76%,#09282e); }
.journal-cover-label { position:absolute; top:25px; right:28px; left:28px; z-index:2; display:flex; align-items:center; justify-content:space-between; color:#aeccd0; font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.16em; }
.journal-cover-label i { color:#679499; font-size:8px; font-style:normal; letter-spacing:.1em; }
.journal-move { position:absolute; top:47px; left:6%; color:transparent; -webkit-text-stroke:1px rgba(109,217,220,.2); font-family:'Outfit',sans-serif; font-size:clamp(120px,13vw,200px); font-weight:600; letter-spacing:-.06em; line-height:1; }
.journal-orbit { position:absolute; top:24px; left:-6%; width:112%; height:100%; filter:drop-shadow(0 0 7px #28eced66); }
.journal-feature-art > img { position:absolute; top:60px; left:16%; width:72%; height:235px; object-fit:contain; filter:drop-shadow(0 22px 16px #00181c99); transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.journal-feature:hover .journal-feature-art > img { transform:translateX(9px) translateY(-4px); }
.journal-art-caption { position:absolute; bottom:10px; left:28px; z-index:2; display:flex; align-items:center; gap:8px; color:#80bac0; font-family:'DM Mono',monospace; font-size:7px; letter-spacing:.12em; }
.journal-art-caption i { width:5px; height:5px; background:#5cddd7; border-radius:50%; box-shadow:0 0 11px #3dcacb; }
.journal-art-coordinate { position:absolute; right:27px; bottom:8px; z-index:2; color:#57858a; font-family:'DM Mono',monospace; font-size:6px; line-height:1.7; letter-spacing:.09em; text-align:right; }
.journal-feature-copy { position:relative; padding:28px 32px 30px; }
.journal-feature .journal-meta { color:#83a6ab; }
.journal-feature .journal-meta span:first-child { color:#62dfe3; }
.journal-feature h3 { margin:17px 0 14px; font-size:clamp(27px,2.55vw,39px); line-height:1.1; }
.journal-feature-copy > p { max-width:420px; margin:0 0 26px; color:#a0babe; font-size:12px; line-height:1.8; }
.journal-feature .journal-read { color:#ddf5f6; }
.journal-feature .journal-read b { color:#86e8e8; border-color:#3e696f; }
.journal-insight,.journal-publication { display:grid; grid-template-columns:minmax(0,1fr) 38%; min-height:267px; background:#f4f8f7; }
.journal-side-copy { display:flex; align-items:flex-start; flex-direction:column; min-width:0; padding:28px 12px 26px 28px; }
.journal-side-copy p { margin:0 0 23px; color:#6b8083; font-size:11px; line-height:1.75; }
.journal-side-copy .journal-read { margin-top:auto; }
.journal-energy-art { position:relative; display:grid; place-items:center; overflow:hidden; background:radial-gradient(ellipse at 70% 40%,#d4f5ef,transparent 70%); }
.journal-energy-art::before { position:absolute; width:165px; height:165px; content:''; border:1px solid #a5d9d1; border-radius:50%; box-shadow:0 0 0 24px #a5d9d11c,0 0 0 48px #a5d9d111; transform:rotateX(35deg) rotateZ(-28deg); }
.journal-energy-label { position:absolute; top:30px; right:22px; color:#5e9995; font-family:'DM Mono',monospace; font-size:6px; letter-spacing:.12em; }
.journal-energy-cells { position:relative; display:flex; align-items:center; gap:5px; height:130px; margin-top:-6px; transform:rotate(-24deg) skewY(8deg); }
.journal-energy-cells i { position:relative; display:block; width:21px; height:101px; border:1px solid #5cad9f; border-radius:9px 9px 7px 7px; background:linear-gradient(90deg,#125b54,#8cdfcb 34%,#45a997 59%,#216f64); box-shadow:5px 12px 12px #286d6133,inset 1px 0 #c0ffea; }
.journal-energy-cells i::before { position:absolute; top:-1px; right:0; left:0; height:10px; content:''; border:1px solid #60bca8; border-radius:50%; background:radial-gradient(ellipse,#d7fff1 0 28%,#398478 35% 48%,#9ae2cf 55%); }
.journal-energy-cells i:nth-child(2),.journal-energy-cells i:nth-child(4) { translate:0 -12px; }
.journal-energy-cells i:nth-child(3) { translate:0 -24px; }
.journal-energy-symbol { position:absolute; top:43%; left:44%; color:#d2fff2; font-size:42px; line-height:1; text-shadow:0 3px 12px #003b38; transform:rotate(-12deg); }
.journal-energy-footer { position:absolute; right:22px; bottom:27px; color:#5e938c; font-family:'DM Mono',monospace; font-size:6px; line-height:1.7; letter-spacing:.07em; text-align:right; }
.journal-publication { background:#f1f3f6; }
.journal-publication-art { position:relative; display:grid; place-items:center; padding:24px 18px 24px 5px; overflow:hidden; background:radial-gradient(ellipse at 50% 80%,#bed0d5,transparent 70%); }
.journal-book { position:relative; display:flex; flex-direction:column; justify-content:space-between; width:145px; height:202px; padding:13px 13px 11px 16px; color:#0b353b; border-radius:2px 5px 5px 2px; background:linear-gradient(90deg,#36b2b8 0%,#8ee3dc 3%,#bcf4e9 5%,#b0eade 8%,#b9eee3 100%); border:1px solid #74bbba; box-shadow:2px 2px #e2faf2,4px 4px #8fb5b2,13px 19px 19px #153a4b2e; transform:perspective(600px) rotateY(-17deg) rotateZ(9deg); transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.journal-book::after { position:absolute; top:0; bottom:0; left:7px; content:''; width:1px; background:#4a979a44; }
.journal-book-brand { display:flex; align-items:center; justify-content:space-between; gap:7px; font-family:'Outfit',sans-serif; font-size:9px; font-weight:700; letter-spacing:-.04em; }
.journal-book-brand b { font-family:'DM Mono',monospace; font-size:4px; font-weight:400; letter-spacing:.05em; }
.journal-book > strong { position:relative; z-index:1; margin-top:13px; font-family:'Outfit',sans-serif; font-size:25px; font-weight:600; line-height:.94; letter-spacing:-.06em; }
.journal-book > svg { width:100%; height:71px; margin-top:4px; color:#16616b; overflow:visible; }
.journal-book-footer { display:flex; align-items:center; justify-content:space-between; gap:4px; padding-top:9px; border-top:1px solid #76b6ad; font-family:'DM Mono',monospace; font-size:4px; letter-spacing:.01em; }
.journal-book-footer b { font-family:'Outfit',sans-serif; font-size:12px; font-weight:400; }
.journal-publication:hover .journal-book { transform:perspective(600px) rotateY(-9deg) rotateZ(3deg) translateY(-4px); }
.journal-bottom-note { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:25px 0 0; margin-top:30px; border-top:1px solid #dce7e7; }
.journal-bottom-note > span { color:#6d888b; font-family:'DM Mono',monospace; font-size:7px; letter-spacing:.12em; }
.journal-bottom-note p { margin:0; color:#899a9c; font-family:'Outfit',sans-serif; font-size:13px; }
.journal-bottom-note b { display:inline-block; margin-left:15px; color:#0da9b8; font-size:16px; font-weight:400; }
.journal-grid.is-filtered { grid-template-columns:minmax(0,1fr); grid-template-rows:auto; max-width:850px; }
.journal-grid.is-filtered .journal-feature { grid-row:auto; }
.journal-grid.is-filtered .journal-feature-art { height:340px; }
.journal-grid.is-filtered .journal-feature-art > img { top:45px; height:285px; }
.journal-grid.is-filtered .journal-feature-copy { padding-top:26px; }
.journal-grid.is-filtered .journal-insight,.journal-grid.is-filtered .journal-publication { min-height:290px; }
.journal-dialog { width:min(740px,calc(100% - 32px)); max-height:calc(100dvh - 48px); margin:auto; padding:0; color:#12333a; border:1px solid #bed6d7; border-radius:24px; background:#fcfdfc; box-shadow:0 36px 120px #001b2a55; overscroll-behavior:contain; }
.journal-dialog::backdrop { background:#031a22b8; backdrop-filter:blur(12px); }
body.journal-reading { overflow:hidden; }
.journal-dialog-bar { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; padding:17px 26px; color:#658388; border-bottom:1px solid #dfebeb; background:#fcfdfcf5; backdrop-filter:blur(10px); font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.14em; }
.journal-dialog-bar button { display:grid; place-items:center; width:34px; height:34px; padding:0; color:#0d555f; border:1px solid #cde1e2; border-radius:50%; background:#eef7f6; font-size:14px; cursor:pointer; }
.journal-dialog-content { padding:35px clamp(24px,6vw,60px) 45px; }
.journal-dialog-kicker { color:#078b9b; font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.12em; }
.journal-dialog h2 { margin:23px 0 26px; font-family:'Outfit',sans-serif; font-size:clamp(32px,5vw,49px); font-weight:500; line-height:1.05; letter-spacing:-.05em; }
.journal-dialog-content > p:not(.journal-dialog-kicker) { margin:20px 0; color:#60787d; font-size:14px; line-height:1.9; }
.journal-dialog-content > .journal-dialog-lead { color:#284c53; font-size:17px; line-height:1.7; }
.journal-dialog h3 { margin:32px 0 10px; font-family:'Outfit',sans-serif; font-size:24px; font-weight:500; letter-spacing:-.03em; }
.journal-dialog blockquote { margin:30px 0; padding:9px 0 9px 23px; color:#0a7381; border-left:2px solid #1ac8d6; font-family:'Outfit',sans-serif; font-size:24px; line-height:1.4; letter-spacing:-.02em; }
.journal-dialog-link { display:inline-flex; align-items:center; gap:22px; margin-top:9px; padding-bottom:9px; border-bottom:1px solid #18b8c6; font-size:13px; }
.journal-dialog-link span { color:#0aa5b5; font-size:20px; }
.journal-dialog-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 26px; color:#779296; border-top:1px solid #dce7e7; font-family:'DM Mono',monospace; font-size:7px; letter-spacing:.08em; }
.journal-dialog-bottom button { display:flex; align-items:center; gap:15px; padding:7px 0; color:#0b6e7c; border:0; background:transparent; font-family:'Outfit',sans-serif; font-size:13px; cursor:pointer; }
@media (min-width:1600px) { .journal-feature-art { height:350px; }.journal-feature-art > img { height:275px; }.journal-insight,.journal-publication { min-height:287px; } }
@media (max-width:1100px) {
  .journal-grid { grid-template-columns:1fr 1fr; grid-template-rows:auto; gap:16px; }
  .journal-feature { grid-column:1 / -1; grid-row:auto; display:grid; grid-template-columns:1.1fr 1fr; align-items:center; }
  .journal-feature-art { height:340px; }.journal-feature-art > img { top:65px; height:245px; }
  .journal-feature-copy { padding:30px; }.journal-feature h3 { font-size:31px; }.journal-move { top:65px; font-size:145px; }
  .journal-insight,.journal-publication { grid-template-columns:minmax(0,1fr); }
  .journal-side-copy { padding:27px; }.journal-card h3 { font-size:29px; }
  .journal-energy-art,.journal-publication-art { min-height:230px; grid-row:1; }.journal-energy-label { left:26px; right:auto; }.journal-energy-footer { right:26px; }
  .journal-publication-art { padding:24px; }.journal-book { width:145px; height:195px; }
  .journal-grid.is-filtered .journal-feature { display:block; }
  .journal-grid.is-filtered .journal-insight,.journal-grid.is-filtered .journal-publication { grid-template-columns:minmax(0,1fr) 42%; }
  .journal-grid.is-filtered .journal-energy-art,.journal-grid.is-filtered .journal-publication-art { grid-row:auto; }
}
@media (max-width:680px) {
  .journal-section { padding:72px 6vw 32px; }.journal-heading { align-items:flex-start; flex-direction:column; gap:28px; padding-bottom:30px; }
  .journal-eyebrow { margin-bottom:23px; font-size:8px; }.journal-heading h2 { font-size:clamp(42px,10.7vw,65px); }.journal-heading h2 > span { margin-left:15px; }
  .journal-heading-note { display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:100%; gap:20px; }.journal-wordmark { flex-wrap:wrap; max-width:110px; gap:3px 8px; font-size:13px; }.journal-wordmark > span { font-size:8px; }.journal-wordmark b { display:none; }.journal-heading-note p { margin:0; font-size:10px; line-height:1.65; }
  .journal-toolbar { flex-direction:column; align-items:flex-start; gap:13px; padding:15px 0; margin-bottom:20px; }.journal-filters { gap:2px; width:100%; }.journal-filter { min-height:38px; padding:9px 13px; font-size:12px; gap:8px; }.journal-edition { padding-left:4px; font-size:7px; }
  .journal-grid { grid-template-columns:minmax(0,1fr); gap:16px; }.journal-feature { grid-column:auto; display:block; border-radius:19px; }.journal-feature-art { height:270px; }.journal-feature-art > img { top:50px; left:10%; width:82%; height:210px; }.journal-move { top:58px; font-size:clamp(105px,28vw,172px); }.journal-cover-label { top:23px; right:23px; left:23px; font-size:7px; }.journal-art-caption { left:24px; font-size:6px; }.journal-art-coordinate { right:23px; font-size:5px; }
  .journal-feature-copy { padding:25px 25px 29px; }.journal-feature h3 { font-size:clamp(25px,6.7vw,36px); }.journal-feature-copy > p { font-size:12px; margin-bottom:22px; }
  .journal-insight,.journal-publication,.journal-grid.is-filtered .journal-insight,.journal-grid.is-filtered .journal-publication { grid-template-columns:minmax(0,1fr) 35%; min-height:260px; border-radius:19px; }
  .journal-side-copy { padding:25px 0 25px 24px; }.journal-side-copy p { font-size:10px; }.journal-card:not(.journal-feature) h3 { font-size:clamp(22px,5.5vw,29px); }.journal-meta { font-size:7px; gap:6px; }.journal-read { gap:16px; font-size:11px; }
  .journal-energy-art,.journal-publication-art { grid-row:auto; min-height:0; }.journal-energy-art::before { width:112px; height:112px; }.journal-energy-cells { gap:3px; scale:.78; }.journal-energy-label { left:12px; top:26px; font-size:5px; }.journal-energy-footer { right:14px; bottom:27px; font-size:5px; }.journal-energy-symbol { left:40%; font-size:34px; }
  .journal-publication-art { padding:20px 0 20px 8px; }.journal-book { flex-shrink:0; width:120px; height:175px; padding:12px 10px 9px 14px; transform:perspective(600px) rotateY(-22deg) rotateZ(10deg) translateX(8px); }.journal-book > strong { font-size:23px; }.journal-book-brand { font-size:8px; }.journal-book-brand b { font-size:3px; }.journal-book-footer { font-size:3px; }.journal-book > svg { height:60px; }
  .journal-bottom-note { align-items:flex-start; flex-wrap:wrap; gap:13px 20px; margin-top:24px; padding-top:20px; }.journal-bottom-note > span { font-size:6px; }.journal-bottom-note > span:last-child { display:none; }.journal-bottom-note p { font-size:11px; }
  .journal-grid.is-filtered .journal-feature-art { height:270px; }.journal-grid.is-filtered .journal-feature-art > img { top:50px; height:210px; }
  .journal-dialog { max-height:calc(100dvh - 24px); width:calc(100% - 24px); border-radius:20px; }.journal-dialog-bar { padding:13px 18px; }.journal-dialog-content { padding:25px 23px 30px; }.journal-dialog-bottom { padding:18px; }.journal-dialog-bottom > span { max-width:110px; font-size:6px; line-height:1.6; }
}
@media (prefers-reduced-motion:reduce) {
  .journal-section *,.journal-dialog * { scroll-behavior:auto; animation:none !important; transition:none !important; }
  .journal-card:hover,.journal-card:focus-within { translate:none; }
}