:root{--bg:#f5f7f8;--surface:#fff;--surface2:#eef2f4;--ink:#10161b;--muted:#66727a;--line:rgba(15,25,32,.10);--accent:#587a83;--accent2:#b89b68;--dark:#071018;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.018;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.ambient{position:fixed;width:36vw;height:36vw;border-radius:50%;filter:blur(100px);opacity:.16;pointer-events:none;z-index:-1}.ambient-a{background:#bdd3d7;left:-18vw;top:30vh}.ambient-b{background:#ded2b8;right:-18vw;top:120vh}.site-header{position:fixed;top:0;left:0;right:0;height:80px;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid transparent;transition:.35s}.site-header.scrolled{background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-color:var(--line);box-shadow:0 8px 35px rgba(10,20,25,.05)}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(10,20,25,.2);border-radius:10px;font-family:Manrope;font-weight:800;background:rgba(255,255,255,.55);box-shadow:5px 5px 15px rgba(0,0,0,.06),-4px -4px 12px rgba(255,255,255,.9)}.brand b{display:block;font:800 13px Manrope;letter-spacing:.16em}.brand small{display:block;color:#7b858c;font-size:8px;letter-spacing:.22em;margin-top:2px}.desktop-nav{display:flex;gap:30px}.desktop-nav a,.mobile-nav a{color:#5f6a72;text-decoration:none;font-size:12px;letter-spacing:.08em;transition:.25s}.desktop-nav a:hover,.mobile-nav a:hover{color:#111}.menu-btn{display:none;background:none;border:0}.hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;background:#e9eef0}.hero-visual{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;overflow:hidden}.hero-visual.active{opacity:1;z-index:1}.hero-visual img{position:absolute;right:-1%;bottom:-2%;width:min(72vw,1050px);height:88%;object-fit:cover;object-position:center;border-radius:0 0 0 38%;filter:saturate(.92) contrast(1.03);transition:transform 7s ease}.hero-land img{object-position:center}.vehicle-halo{position:absolute;right:5%;top:17%;width:50vw;height:50vw;max-width:760px;max-height:760px;border-radius:50%;background:radial-gradient(circle,rgba(180,201,205,.38),rgba(255,255,255,0) 65%);filter:blur(3px)}.hero-glc:after,.hero-land:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f5f7f8 0%,rgba(245,247,248,.98) 28%,rgba(245,247,248,.32) 55%,rgba(245,247,248,.02) 80%);pointer-events:none}.hero-land:after{background:linear-gradient(90deg,#f5f7f8 0%,rgba(245,247,248,.98) 28%,rgba(245,247,248,.30) 55%,rgba(245,247,248,.02) 80%)}.hero-light{position:absolute;inset:0;background:radial-gradient(circle at 76% 55%,rgba(255,255,255,.8),transparent 26%),linear-gradient(120deg,transparent 40%,rgba(255,255,255,.28),transparent 62%);z-index:2;pointer-events:none}.hero-grid{position:absolute;inset:0;background:linear-gradient(rgba(20,35,40,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,35,40,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,black,transparent 70%);z-index:2}.hero-content{position:relative;z-index:5;width:min(760px,90%);margin-left:9vw;margin-top:2vh}.eyebrow{font-size:10px;letter-spacing:.2em;color:#718087;display:flex;align-items:center;gap:10px}.eyebrow i{width:28px;height:1px;background:var(--accent);display:inline-block}.hero h1{font:800 clamp(62px,8.5vw,128px)/.84 Manrope;margin:28px 0;letter-spacing:-.075em;color:#10171c}.hero h1 em,h2 span,h2 em{font-style:normal;color:var(--accent)}.hero p{max-width:560px;color:#536169;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.btn{display:inline-flex;align-items:center;gap:22px;padding:15px 19px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.08em}.btn-light{background:#111b20;color:#fff;box-shadow:0 15px 35px rgba(9,18,23,.17)}.btn span{font-size:18px}.text-link{color:#425158;text-decoration:none;font-size:12px}.text-link span{margin-left:8px}.hero-glass{position:absolute;right:7vw;bottom:13vh;padding:18px 22px;border:1px solid rgba(255,255,255,.7);border-radius:12px;background:rgba(255,255,255,.54);backdrop-filter:blur(18px);z-index:7;box-shadow:0 20px 50px rgba(20,30,35,.08)}.hero-glass span{display:block;font-size:8px;letter-spacing:.18em;color:#829097;margin-bottom:7px}.hero-glass strong{font-size:11px;letter-spacing:.05em}.hero-switch{position:absolute;right:7vw;top:100px;z-index:8;display:flex;padding:4px;border:1px solid rgba(20,30,35,.12);border-radius:11px;background:rgba(255,255,255,.64);backdrop-filter:blur(14px);box-shadow:0 15px 35px rgba(20,30,35,.07)}.hero-switch button{border:0;background:transparent;color:#77838a;padding:9px 13px;font-size:9px;letter-spacing:.12em;border-radius:8px;cursor:pointer}.hero-switch button.active{background:#101a20;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12)}.vehicle-caption{position:absolute;right:7vw;bottom:23vh;z-index:7;text-align:right;opacity:.85}.vehicle-caption span{display:block;font:700 12px Manrope;letter-spacing:.13em}.vehicle-caption small{display:block;color:#7b888e;font-size:8px;letter-spacing:.18em;margin-top:5px}.scroll-cue{position:absolute;bottom:28px;left:9vw;color:#78858b;font-size:8px;letter-spacing:.2em;display:flex;align-items:center;gap:10px;z-index:7}.scroll-cue span{height:32px;width:1px;background:#8a969b}.section{max-width:var(--max);margin:auto;padding:140px 5vw}.section-kicker{font-size:9px;letter-spacing:.22em;color:#879299;margin-bottom:60px}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.intro h2,.section-head h2,.tech-copy h2,.journey-title h2{font:700 clamp(42px,5.5vw,78px)/.98 Manrope;letter-spacing:-.055em;margin:0}.intro-copy{padding-top:10px}.lead{font-size:21px!important;line-height:1.7!important;color:#38464e!important}.intro-copy p{color:#77848b;line-height:1.9;font-size:14px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:90px;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(20,30,35,.05)}.stat-row div{background:rgba(255,255,255,.75);padding:28px}.stat-row b{display:block;font:700 30px Manrope}.stat-row span{display:block;color:#758188;font-size:10px;letter-spacing:.1em;margin-top:7px}.cinematic{height:85vh;min-height:650px;position:relative;overflow:hidden;display:flex;align-items:center;background:#071018;color:#fff}.cinematic-bg{position:absolute;inset:-5%;background:url('https://images.unsplash.com/photo-1486006920555-c77dcf18193c?auto=format&fit=crop&w=2200&q=85') center/cover;transform:scale(1.04)}.cinematic-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,14,.91),rgba(4,10,14,.44),rgba(4,10,14,.72))}.cinematic-content{position:relative;z-index:2;max-width:620px;margin-left:9vw}.cinematic h2{font:700 clamp(48px,7vw,96px)/.9 Manrope;letter-spacing:-.06em;margin:25px 0}.cinematic p{color:#b4c0c5;line-height:1.8;max-width:500px}.floating-orb{position:absolute;border-radius:50%;border:1px solid rgba(220,240,240,.13);box-shadow:0 0 80px rgba(160,210,220,.08)}.orb-one{width:320px;height:320px;right:8%;top:20%}.orb-two{width:520px;height:520px;right:-8%;top:3%}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:60px}.section-head p{max-width:410px;color:#7e8a91;line-height:1.8;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.glass-card{background:rgba(255,255,255,.67);border:1px solid rgba(20,35,40,.09);box-shadow:10px 14px 35px rgba(25,35,40,.07),-5px -5px 20px rgba(255,255,255,.75),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(18px)}.service-card{min-height:300px;padding:28px;border-radius:13px;position:relative;overflow:hidden;transition:transform .4s,box-shadow .4s,border-color .4s}.service-card:hover{transform:translateY(-8px) rotateX(1deg) rotateY(-1deg);border-color:rgba(88,122,131,.3);box-shadow:18px 28px 60px rgba(20,35,40,.12),-7px -7px 25px rgba(255,255,255,.9)}.card-no{font-size:9px;color:#98a2a7;letter-spacing:.12em}.icon{font-size:34px;color:#587a83;margin:52px 0 20px;text-shadow:0 0 22px rgba(88,122,131,.16)}.service-card h3{font:600 20px Manrope;margin:0 0 12px}.service-card p{font-size:12px;line-height:1.7;color:#718087;max-width:300px}.card-arrow{position:absolute;right:25px;bottom:25px;color:#61747c}.technology{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.engine-visual{height:520px;position:relative;overflow:hidden;border:1px solid rgba(20,35,40,.08);border-radius:22px;background:radial-gradient(circle at 50% 48%,rgba(102,132,140,.14),transparent 38%),linear-gradient(145deg,#f9fbfb,#eef2f2);box-shadow:18px 28px 70px rgba(20,35,40,.09),-8px -8px 25px rgba(255,255,255,.95)}.engine-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(70,95,101,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(70,95,101,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}.engine-topline{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;z-index:5;font-size:8px;letter-spacing:.16em;color:#77878d}.engine-topline b{font:700 9px Manrope;color:#33454c;letter-spacing:.1em}.engine-stage-real{position:absolute;inset:80px 25px 72px;filter:drop-shadow(0 18px 25px rgba(24,39,44,.13))}.cylinders{position:absolute;left:13%;right:13%;top:24%;height:55%;display:flex;gap:9px;justify-content:center}.cylinder{position:relative;width:27%;height:100%;border:3px solid #4b5c61;border-top-color:#839196;border-radius:13px 13px 8px 8px;background:linear-gradient(90deg,#dce2e3,#f8f9f9 50%,#c8d0d2);overflow:visible;box-shadow:inset 4px 0 8px rgba(255,255,255,.7),inset -5px 0 8px rgba(40,55,60,.08)}.cylinder:after{content:"";position:absolute;left:-5px;right:-5px;bottom:-7px;height:14px;border-radius:50%;background:#8a999d;border:2px solid #46575d}.piston{position:absolute;left:9%;width:82%;height:23%;top:12%;border-radius:5px 5px 9px 9px;background:linear-gradient(90deg,#89979b,#e5e9e9 48%,#78878c);border:2px solid #526267;box-shadow:inset 0 3px 5px rgba(255,255,255,.6)}.piston:before,.piston:after{content:"";position:absolute;left:8%;right:8%;height:3px;border-radius:2px;background:#66767b;top:25%}.piston:after{top:48%}.p1{animation:piston1 1.65s ease-in-out infinite}.p2{animation:piston2 1.65s ease-in-out infinite}.p3{animation:piston3 1.65s ease-in-out infinite}.rod{position:absolute;width:18%;height:48%;left:41%;top:32%;background:linear-gradient(90deg,#728287,#dce1e2,#69797e);border:2px solid #506066;border-radius:8px;transform-origin:50% 0}.r1{animation:rod1 1.65s ease-in-out infinite}.r2{animation:rod2 1.65s ease-in-out infinite}.r3{animation:rod3 1.65s ease-in-out infinite}.valve{position:absolute;width:8px;height:34px;top:-34px;background:#68787d;border-radius:5px;transform-origin:50% 100%}.v1{left:27%;animation:valve1 1.65s ease-in-out infinite}.v2{right:27%;animation:valve2 1.65s ease-in-out infinite}.camshaft{position:absolute;left:9%;right:9%;top:15%;height:18px;border-radius:12px;background:linear-gradient(#aeb9bc,#5d6e73 45%,#b7c0c2 55%,#66777c);border:2px solid #536469;animation:camRotate 1.65s linear infinite;transform-origin:center}.cam-lobe{position:absolute;top:-13px;width:25px;height:44px;border-radius:50% 50% 42% 42%;background:linear-gradient(90deg,#697a7f,#d7dcdd,#63747a);border:2px solid #526267;transform:rotate(24deg)}.l1{left:5%}.l2{left:22%;transform:rotate(-24deg)}.l3{left:38%}.l4{left:54%;transform:rotate(-24deg)}.l5{left:70%}.l6{left:86%;transform:rotate(-24deg)}.rockers{position:absolute;left:12%;right:12%;top:21%;display:flex;justify-content:space-between;z-index:3}.rockers i{width:17%;height:8px;border-radius:8px;background:linear-gradient(90deg,#58686d,#c2cbcd,#5d6d72);border:1px solid #4f6065;transform-origin:20% 50%;animation:rocker 1.65s ease-in-out infinite}.rockers i:nth-child(even){animation-delay:-.825s}.crankshaft{position:absolute;left:13%;right:13%;bottom:13%;height:28px;border-radius:50%;background:linear-gradient(#7c8b90,#46565c,#9ba7aa);border:2px solid #46565b;transform-origin:center;animation:crankRotate 1.65s linear infinite;box-shadow:0 10px 20px rgba(30,45,50,.16)}.crankshaft span{position:absolute;width:16px;height:52px;border-radius:9px;background:#65757a;border:2px solid #48585d;top:-14px}.crankshaft span:nth-child(1){left:17%;transform:rotate(20deg)}.crankshaft span:nth-child(2){left:48%;transform:rotate(-20deg)}.crankshaft span:nth-child(3){right:17%;transform:rotate(20deg)}.motion-glow{position:absolute;left:10%;right:10%;bottom:8%;height:60px;background:radial-gradient(ellipse,rgba(104,145,153,.22),transparent 68%);filter:blur(10px);animation:pulseGlow 1.65s ease-in-out infinite}.engine-readout{position:absolute;left:28px;right:28px;bottom:22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#7a888e;font-size:7px;letter-spacing:.12em}.engine-readout b{color:#31434a;font:700 8px Manrope;margin-right:10px}@keyframes piston1{0%,100%{top:10%}50%{top:68%}}@keyframes piston2{0%,100%{top:68%}50%{top:10%}}@keyframes piston3{0%,100%{top:38%}25%{top:10%}75%{top:68%}}@keyframes rod1{0%,100%{transform:rotate(-7deg);height:48%}50%{transform:rotate(7deg);height:54%}}@keyframes rod2{0%,100%{transform:rotate(7deg);height:54%}50%{transform:rotate(-7deg);height:48%}}@keyframes rod3{0%,100%{transform:rotate(-3deg);height:51%}50%{transform:rotate(3deg);height:49%}}@keyframes valve1{0%,35%,100%{transform:rotate(0)}18%{transform:rotate(-18deg)}}@keyframes valve2{0%,62%,100%{transform:rotate(0)}50%{transform:rotate(18deg)}}@keyframes rocker{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes camRotate{to{transform:rotate(360deg)}}@keyframes crankRotate{to{transform:rotate(360deg)}}@keyframes pulseGlow{50%{opacity:.45;transform:scale(1.08)}}.tech-copy .section-kicker{margin-bottom:25px}.tech-copy p{color:#7a888f;line-height:1.85;font-size:13px;max-width:570px}.tech-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tech-pills span,.contact-chips span{font-size:9px;letter-spacing:.08em;color:#64737a;border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.55)}
.journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.timeline{border-left:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:90px 1fr;gap:25px;padding:0 0 55px 28px;position:relative}.timeline-item:before{content:"";position:absolute;left:-4px;top:4px;width:7px;height:7px;border-radius:50%;background:#6f9299;box-shadow:0 0 20px rgba(111,146,153,.4)}.timeline-item>span{font-size:10px;color:#8b999f;letter-spacing:.12em}.timeline-item h3{font:600 20px Manrope;margin:0 0 10px}.timeline-item p{margin:0;color:#7f8e95;font-size:13px;line-height:1.8}.vision-panel{padding:55px;border-radius:16px}.vision-panel .section-kicker{margin-bottom:45px}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.vision-grid h2{font:700 44px Manrope;margin:0 0 20px}.vision-grid p{color:#7b898f;line-height:1.9;font-size:13px}.final-cta{height:85vh;min-height:620px;position:relative;display:flex;align-items:center;overflow:hidden;background:#071018;color:#fff}.final-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1504215680853-026ed2a45def?auto=format&fit=crop&w=2200&q=85') center/cover}.final-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,13,.9),rgba(3,9,13,.4),rgba(3,9,13,.72))}.final-content{position:relative;z-index:2;margin-left:9vw}.final-content h2{font:700 clamp(58px,8vw,112px)/.88 Manrope;letter-spacing:-.065em;margin:25px 0}.final-content p{color:#b3c0c5}.contact-chips{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap}.contact-chips span{color:#c3d0d5;border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.06)}footer{padding:35px 5vw;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);background:#fff}.footer-brand{display:flex;gap:12px;align-items:center}.footer-brand b{display:block;font:700 11px Manrope;letter-spacing:.15em}.footer-brand small{display:block;color:#6e7d85;font-size:8px;margin-top:4px}.footer-copy{font-size:9px;color:#7b878d}.socials{display:flex;gap:8px;align-items:center}.socials a{width:35px;height:35px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:#607078;background:rgba(255,255,255,.75);box-shadow:4px 5px 12px rgba(20,30,35,.06),-3px -3px 9px rgba(255,255,255,.9);transition:.25s}.socials a:hover{color:#fff;background:#111b20;transform:translateY(-3px);box-shadow:0 12px 25px rgba(10,20,25,.15)}.socials svg{width:16px;height:16px;fill:currentColor;stroke:currentColor;stroke-width:1.5}.socials svg rect,.socials svg circle{fill:none}.socials svg .fill{fill:currentColor;stroke:none}.mobile-nav{display:none}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
/* Customer testimonials */
.testimonials{padding-top:110px;padding-bottom:150px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.testimonial-card{position:relative;min-height:310px;padding:32px;border-radius:15px;overflow:hidden;transition:transform .45s ease,box-shadow .45s ease}.testimonial-card:before{content:"";position:absolute;inset:auto -20% -45% 30%;height:180px;background:radial-gradient(circle,rgba(88,122,131,.13),transparent 65%);pointer-events:none}.testimonial-card:hover{transform:translateY(-8px) rotateX(1deg);box-shadow:18px 28px 60px rgba(20,35,40,.12),-7px -7px 25px rgba(255,255,255,.9)}.quote-mark{font:800 62px/1 Georgia,serif;color:var(--accent);opacity:.55}.testimonial-card p{font:500 15px/1.9 Inter;color:#43525a;max-width:360px;margin:18px 0 38px}.testimonial-meta{display:flex;align-items:center;gap:12px;margin-top:auto}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#111b20;color:#fff;font:700 10px Manrope;box-shadow:0 8px 20px rgba(10,20,25,.14)}.testimonial-meta strong{display:block;font:600 11px Manrope;letter-spacing:.05em}.testimonial-meta small{display:block;color:#859197;font-size:9px;margin-top:4px}
@media(max-width:900px){.testimonial-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.testimonial-grid{grid-template-columns:1fr}.testimonials{padding-bottom:100px}}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%,100%{transform:translateY(-170px);opacity:0}30%,70%{opacity:.7}50%{transform:translateY(170px)}}@media(max-width:900px){.desktop-nav{display:none}.menu-btn{display:flex;flex-direction:column;gap:6px}.menu-btn span{width:25px;height:1px;background:#1a2429}.mobile-nav{position:fixed;z-index:29;top:80px;left:0;right:0;padding:22px 5vw;background:rgba(255,255,255,.94);backdrop-filter:blur(20px);display:none;flex-direction:column;gap:20px;border-bottom:1px solid var(--line)}.mobile-nav.open{display:flex}.hero{min-height:760px}.hero-content{margin-left:6vw}.hero h1{font-size:clamp(62px,15vw,100px)}.hero-glass{display:none}.hero-switch{right:5vw}.vehicle-caption{right:6vw;bottom:16vh}.hero-visual img{width:90vw;height:62%;right:-8%;bottom:0;border-radius:0 0 0 25%}.scroll-cue{left:6vw}.section{padding:100px 6vw}.intro-grid,.technology,.journey-layout,.vision-grid{grid-template-columns:1fr}.intro-grid{gap:35px}.stat-row{grid-template-columns:1fr 1fr;margin-top:60px}.service-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head p{margin-top:30px}.engine-visual{height:420px}.cinematic-content,.final-content{margin-left:6vw;margin-right:6vw}footer{flex-wrap:wrap}.footer-copy{width:100%}}@media(max-width:600px){.hero{min-height:700px}.hero p{font-size:13px;max-width:390px}.hero-actions{gap:18px}.hero-switch{top:88px;right:4vw}.hero-switch button{padding:8px 9px;font-size:8px}.hero h1{margin-top:24px}.vehicle-caption{bottom:17vh;right:5vw}.vehicle-caption span{font-size:10px}.hero-visual img{width:118vw;height:56%;right:-17%;object-fit:cover}.service-grid{grid-template-columns:1fr}.service-card{min-height:260px}.stat-row{grid-template-columns:1fr 1fr}.stat-row div{padding:20px}.tech-visual{height:340px}.ring-a{width:280px;height:280px}.ring-b{width:200px;height:200px}.vision-panel{padding:30px}.final-cta{min-height:620px}footer{display:grid;grid-template-columns:1fr auto}.footer-copy{grid-column:1/-1}.socials{justify-content:flex-end}.cinematic{min-height:600px}.cinematic h2{font-size:55px}}

/* V4: cinematic engine diagnostic HUD */
.tech-visual{overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(88,122,131,.16),rgba(255,255,255,.34) 34%,rgba(255,255,255,.72) 68%);border:1px solid rgba(20,35,40,.08);box-shadow:inset 0 1px rgba(255,255,255,.9),10px 20px 60px rgba(20,30,35,.08)}
.tech-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49.7%,rgba(88,122,131,.09) 50%,transparent 50.3%),linear-gradient(90deg,transparent 49.7%,rgba(88,122,131,.07) 50%,transparent 50.3%);background-size:100% 74px,74px 100%;mask-image:radial-gradient(circle at center,#000,transparent 74%);pointer-events:none}
.engine-stage{position:absolute;width:78%;max-width:560px;transform:translateY(12px);filter:drop-shadow(0 22px 32px rgba(38,67,74,.12));opacity:.9}
.engine-svg{width:100%;height:auto;overflow:visible}
.engine-lines{fill:none;stroke:#587a83;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8 7;animation:engineDash 8s linear infinite}
.engine-points{fill:#b89b68;filter:drop-shadow(0 0 7px rgba(184,155,104,.45));animation:pointPulse 1.7s ease-in-out infinite alternate}
.scan-grid{position:absolute;inset:10% 12%;background:linear-gradient(90deg,transparent 0 49%,rgba(92,132,141,.1) 50%,transparent 51%),linear-gradient(0deg,transparent 0 49%,rgba(92,132,141,.08) 50%,transparent 51%);background-size:100% 42px,42px 100%;mask-image:radial-gradient(circle,#000 0 40%,transparent 78%);opacity:.65}
.tech-core{position:absolute;z-index:5;width:152px;height:152px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:rgba(255,255,255,.58);border:1px solid rgba(20,35,40,.12);backdrop-filter:blur(16px);box-shadow:10px 15px 45px rgba(20,30,35,.09),-7px -7px 25px rgba(255,255,255,.92),0 0 45px rgba(88,122,131,.08);animation:coreFloat 4s ease-in-out infinite}
.tech-core span{font:800 20px Manrope;letter-spacing:.08em}.tech-core small{font-size:7px;letter-spacing:.22em;color:#829198}.tech-core b{font:800 10px Manrope;letter-spacing:.22em;color:#b08e57;margin-top:3px}
.tech-hud{position:absolute;z-index:7;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.16em;color:#7d8d93}.hud-top{top:24px}.hud-top span{color:#8da1a8}.hud-top b{font-size:7px;color:#60747b}.hud-bottom{bottom:24px}.hud-bottom strong{color:#668b91;font-size:7px}
.scan-readout{position:absolute;z-index:7;padding:10px 12px;border:1px solid rgba(20,35,40,.08);border-radius:9px;background:rgba(255,255,255,.46);backdrop-filter:blur(12px);box-shadow:0 10px 25px rgba(20,30,35,.05)}.scan-readout span,.scan-readout small{display:block;font-size:6px;letter-spacing:.16em;color:#87959b}.scan-readout b{display:block;font:700 12px Manrope;letter-spacing:.08em;margin:4px 0}.readout-left{left:22px;top:32%;}.readout-right{right:22px;top:58%;text-align:right}.scan-line{z-index:8;box-shadow:0 0 18px rgba(88,140,150,.6);animation:scan 3.2s ease-in-out infinite}.ring{z-index:2}.tech-visual .ring-a{animation-duration:18s}.tech-visual .ring-b{animation-duration:11s}
@keyframes engineDash{to{stroke-dashoffset:-180}}@keyframes pointPulse{to{opacity:.35;transform:scale(.72);transform-origin:center}}@keyframes coreFloat{50%{transform:translateY(-6px)}}
@media(max-width:900px){.engine-stage{width:86%}.scan-readout{transform:scale(.9)}.readout-left{left:12px}.readout-right{right:12px}.tech-hud{left:16px;right:16px}}
@media(max-width:600px){.tech-visual{height:430px}.engine-stage{width:94%}.tech-core{width:122px;height:122px}.tech-core span{font-size:16px}.readout-left{top:26%}.readout-right{top:63%}.scan-readout b{font-size:10px}.hud-top b{display:none}.hud-bottom span:nth-child(2){display:none}}

/* V6 engineering experience */
.engineering-motion{background:radial-gradient(circle at 50% 45%,rgba(88,122,131,.16),transparent 42%),linear-gradient(145deg,#fbfcfc,#edf2f2);}
.engineering-motion .engine-stage-real{inset:78px 18px 70px;}
.engine-block{position:absolute;left:5%;right:5%;top:9%;bottom:8%;}
.head-rail{position:absolute;left:5%;right:5%;top:8%;height:13px;border-radius:8px;background:linear-gradient(90deg,#738287,#eef1f1 45%,#697a7f);border:2px solid #53656a;box-shadow:0 5px 12px rgba(35,50,55,.12)}
.cylinders{left:4%;right:4%;top:25%;height:54%;gap:6px}.cylinder{width:15.8%}
.camshaft{left:3%;right:3%;top:13%}.rockers{left:5%;right:5%;top:20%}.crankshaft{left:4%;right:4%;bottom:7%}
.p4{animation:piston4 1.65s ease-in-out infinite}.p5{animation:piston5 1.65s ease-in-out infinite}.p6{animation:piston6 1.65s ease-in-out infinite}
.r4{animation:rod4 1.65s ease-in-out infinite}.r5{animation:rod5 1.65s ease-in-out infinite}.r6{animation:rod6 1.65s ease-in-out infinite}
.motion-label{position:absolute;z-index:8;font:700 8px Manrope;letter-spacing:.14em;color:#5e7076;background:rgba(255,255,255,.72);border:1px solid rgba(20,35,40,.1);backdrop-filter:blur(12px);padding:8px 10px;border-radius:8px;box-shadow:5px 8px 18px rgba(20,35,40,.08)}
.motion-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b89b68;box-shadow:0 0 9px rgba(184,155,104,.7);margin-right:5px}.label-piston{left:4%;top:48%}.label-cam{right:4%;top:18%}.label-crank{right:5%;bottom:18%}
@keyframes piston4{0%,100%{top:38%}25%{top:68%}75%{top:10%}}@keyframes piston5{0%,100%{top:10%}50%{top:68%}}@keyframes piston6{0%,100%{top:68%}50%{top:10%}}
@keyframes rod4{0%,100%{transform:rotate(3deg);height:49%}50%{transform:rotate(-3deg);height:52%}}@keyframes rod5{0%,100%{transform:rotate(-7deg);height:48%}50%{transform:rotate(7deg);height:54%}}@keyframes rod6{0%,100%{transform:rotate(7deg);height:54%}50%{transform:rotate(-7deg);height:48%}}
.motion-story{background:#071018;color:#eef4f5;min-height:78vh;display:flex;align-items:center;position:relative;overflow:hidden}.motion-story:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 50%,rgba(88,122,131,.22),transparent 30%),linear-gradient(90deg,rgba(7,16,24,.98),rgba(7,16,24,.72));pointer-events:none}.motion-story-inner{position:relative;z-index:2;width:min(1240px,90vw);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.story-copy h2{font:500 clamp(42px,5vw,74px)/.98 Manrope;letter-spacing:-.05em;margin:18px 0 25px}.story-copy h2 span{color:#b9cdd1}.story-copy p{max-width:520px;color:#9baab0;line-height:1.9;font-size:14px}.motion-sequence{height:430px;position:relative;display:grid;place-items:center}.sequence-orbit{position:absolute;border:1px solid rgba(190,211,215,.17);border-radius:50%;animation:orbitSpin 18s linear infinite}.orbit-one{width:330px;height:330px}.orbit-two{width:220px;height:220px;animation-duration:11s;animation-direction:reverse}.sequence-core{width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 80px rgba(88,122,131,.12),inset 0 1px rgba(255,255,255,.12);font:700 10px Manrope;letter-spacing:.18em}.sequence-core b{font-size:18px;color:#b89b68}.sequence-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#c5a76e;box-shadow:0 0 18px rgba(197,167,110,.8)}.dot-one{top:17%;right:20%;animation:dotFloat 4s ease-in-out infinite}.dot-two{bottom:18%;left:17%;animation:dotFloat 5s ease-in-out infinite .8s}.dot-three{top:46%;left:5%;animation:dotFloat 4.5s ease-in-out infinite 1.4s}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes dotFloat{50%{transform:translateY(-14px) scale(1.2);opacity:.55}}
@media(max-width:900px){.motion-story-inner{grid-template-columns:1fr}.motion-sequence{height:330px}.motion-story{min-height:auto}.engineering-motion .engine-stage-real{inset:75px 10px 68px}.motion-label{font-size:7px}}
@media(max-width:600px){.engineering-motion{height:450px}.engineering-motion .engine-stage-real{inset:72px 4px 65px}.cylinders{gap:3px}.motion-label{display:none}.motion-story{padding-top:90px;padding-bottom:90px}.motion-sequence{height:280px}.orbit-one{width:240px;height:240px}.orbit-two{width:160px;height:160px}.sequence-core{width:165px;height:165px}.sequence-core span{font-size:8px}}

/* Real engine video presentation */
.video-engine-card{background:radial-gradient(circle at 50% 48%,rgba(60,82,88,.16),transparent 42%),linear-gradient(145deg,#f8faf9,#e9edef);}
.engine-video-frame{position:absolute;left:50%;top:64px;bottom:58px;transform:translateX(-50%);width:min(76%,390px);border-radius:18px;overflow:hidden;background:#0b1114;border:1px solid rgba(255,255,255,.72);box-shadow:0 25px 65px rgba(13,24,29,.22),0 0 45px rgba(88,122,131,.12);}
.engine-video-backdrop{position:absolute;inset:-10%;background:#10171a;filter:blur(28px);opacity:.45;transform:scale(1.08);}
.engine-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0b1114;z-index:2;}
.video-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(4,10,13,.20),transparent 24%,transparent 72%,rgba(4,10,13,.45));box-shadow:inset 0 0 55px rgba(0,0,0,.35);}
.video-glass-tag{position:absolute;z-index:5;padding:8px 11px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(255,255,255,.10);backdrop-filter:blur(12px);color:rgba(255,255,255,.86);font:700 7px Manrope;letter-spacing:.13em;box-shadow:0 10px 25px rgba(0,0,0,.18);}
.video-glass-tag i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b89b68;box-shadow:0 0 10px rgba(184,155,104,.8);margin-right:5px;}
.tag-piston{left:16px;bottom:18px}.tag-cam{right:16px;top:18px}.tag-1hz{left:16px;top:18px;}
@media(max-width:900px){.engine-video-frame{width:min(68%,390px);}}
@media(max-width:600px){.video-engine-card{height:450px}.engine-video-frame{width:72%;top:62px;bottom:56px}.video-glass-tag{font-size:6px;padding:7px 8px}.tag-piston{left:8px;bottom:12px}.tag-cam{right:8px;top:12px}.tag-1hz{left:8px;top:12px}.engine-readout{left:18px;right:18px;bottom:18px;gap:7px}}

/* Realistic service imagery */
.service-card{padding:0;min-height:360px}
.service-card .card-no{position:absolute;z-index:3;top:18px;left:20px;padding:7px 9px;border-radius:999px;color:#fff;background:rgba(10,20,25,.48);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px)}
.service-photo{height:178px;overflow:hidden;background:#dfe5e6}
.service-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .7s ease}
.service-card:hover .service-photo img{transform:scale(1.045);filter:saturate(1.04) contrast(1.03)}
.service-card h3,.service-card p{margin-left:28px;margin-right:28px}
.service-card h3{margin-top:25px}
.service-card p{margin-bottom:45px}
.service-card .card-arrow{right:28px;bottom:27px}
@media(max-width:600px){.service-card{min-height:330px}.service-photo{height:170px}}


/* Login page */
.nav-login{display:inline-flex!important;align-items:center;gap:7px;padding:10px 15px;border-radius:999px;background:#0b1720!important;color:#fff!important;box-shadow:0 8px 22px rgba(7,16,24,.14);transition:transform .25s ease,box-shadow .25s ease!important}
.nav-login:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(7,16,24,.2)!important}.nav-login span{font-size:13px}
.login-page{min-height:100vh;background:linear-gradient(135deg,#f7f9f8 0%,#edf1f1 50%,#e6ecee 100%);color:#10202b;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;position:relative}
.login-page:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-190px;top:-180px;background:radial-gradient(circle,rgba(184,155,104,.16),transparent 65%);pointer-events:none}
.login-page:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;left:-250px;bottom:-260px;background:radial-gradient(circle,rgba(88,122,131,.13),transparent 68%);pointer-events:none}
.login-visual{position:relative;min-height:100vh;background:linear-gradient(135deg,rgba(5,15,21,.96),rgba(10,28,35,.88)),url('https://media.toyota-gib.com/web/models/70-series/70-series-header.webp') center/cover;display:flex;align-items:flex-end;padding:clamp(35px,6vw,90px);overflow:hidden}
.login-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,14,20,.18),rgba(5,14,20,.92));}
.login-visual-content{position:relative;z-index:2;color:#fff;max-width:560px}.login-eyebrow{font:700 10px Manrope;letter-spacing:.28em;text-transform:uppercase;color:#c7aa78}.login-visual h1{font:500 clamp(45px,5vw,78px)/.95 Manrope;letter-spacing:-.055em;margin:18px 0 22px}.login-visual h1 span{color:#c6d3d6}.login-visual p{max-width:500px;color:#b8c5c9;line-height:1.8;font-size:14px}.login-stat-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.login-stat{padding:10px 13px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:12px;backdrop-filter:blur(12px);font:700 9px Manrope;letter-spacing:.12em;color:#dbe4e5}
.login-panel{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:35px;min-height:100vh}.login-card{width:min(460px,100%);background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.9);border-radius:28px;padding:clamp(28px,4vw,46px);box-shadow:0 28px 80px rgba(27,46,54,.13),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(22px)}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:38px}.login-brand-mark{width:42px;height:42px;border-radius:13px;background:#0b1720;color:#c7aa78;display:grid;place-items:center;font:800 13px Manrope;box-shadow:0 10px 25px rgba(7,16,24,.18)}.login-brand strong{font:800 15px Manrope;letter-spacing:-.02em}.login-brand small{display:block;margin-top:2px;color:#718087;font-size:10px}
.login-card h2{font:600 34px/1.05 Manrope;letter-spacing:-.04em;margin:0 0 10px}.login-intro{color:#6c7a80;font-size:13px;line-height:1.7;margin:0 0 30px}.login-field{margin-bottom:18px}.login-field label{display:block;font:700 10px Manrope;letter-spacing:.12em;text-transform:uppercase;color:#52636a;margin:0 0 8px}.login-input-wrap{position:relative}.login-field input{width:100%;box-sizing:border-box;border:1px solid #d8e0e1;background:rgba(255,255,255,.78);border-radius:13px;padding:14px 15px;color:#13232c;font:500 14px Inter;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.login-field input:focus{border-color:#8399a0;background:#fff;box-shadow:0 0 0 4px rgba(88,122,131,.10)}.login-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#718087;font:700 10px Manrope;cursor:pointer;padding:8px}.login-options{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:5px 0 24px;font-size:11px;color:#6d7b81}.login-check{display:flex;align-items:center;gap:7px}.login-check input{accent-color:#0b1720}.login-link{color:#243942;text-decoration:none;font-weight:700}.login-button{width:100%;border:0;border-radius:13px;padding:15px 18px;background:#0b1720;color:#fff;font:700 11px Manrope;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 30px rgba(7,16,24,.18);transition:transform .2s,box-shadow .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(7,16,24,.25)}.login-note{text-align:center;color:#89959a;font-size:10px;line-height:1.6;margin:22px 0 0}.login-back{display:inline-flex;align-items:center;gap:7px;color:#68777d;text-decoration:none;font:700 10px Manrope;letter-spacing:.08em;margin-top:24px}.login-back:hover{color:#0b1720}
.login-message{display:none;margin:0 0 18px;padding:11px 13px;border-radius:10px;background:#fff4e5;color:#75531e;font-size:11px;line-height:1.5}.login-message.show{display:block}
@media(max-width:850px){.login-page{grid-template-columns:1fr}.login-visual{min-height:380px;padding:45px 28px}.login-visual h1{font-size:48px}.login-panel{min-height:auto;padding:30px 20px 55px;margin-top:-35px}.login-card{max-width:500px}.login-visual-content p{max-width:600px}}
@media(max-width:520px){.login-visual{min-height:330px}.login-visual h1{font-size:41px}.login-stat-row{margin-top:22px}.login-stat{font-size:8px}.login-panel{padding:20px 14px 45px}.login-card{border-radius:22px;padding:27px 21px}.login-card h2{font-size:29px}}