@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1424;--navy2:#101e32;--ink:#111c2d;--muted:#66758a;--blue:#8cbcff;--cyan:#52d7df;--line:#dce4ee;--paper:#f6f8fb;--white:#fff;--mono:'DM Mono',monospace;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:78px;position:sticky;top:0;z-index:50;background:rgba(9,18,32,.96);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;border-bottom:1px solid #ffffff18}.brand{display:flex;gap:11px;align-items:center;color:white}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #8cbcff80;color:var(--blue);font-weight:800;letter-spacing:-2px;font-size:16px}.brand strong,.brand small{display:block;line-height:1.35;letter-spacing:.06em}.brand strong{font-size:11px}.brand small{font-family:var(--mono);font-size:9px;color:#9aabc1}.nav{display:flex;align-items:center;gap:28px;color:#c5d0df;font-size:11px;font-weight:700}.nav a:hover{color:var(--cyan)}.nav .nav-cta{border:1px solid #7186a3;padding:10px 15px;color:white}.menu-toggle{display:none;background:none;color:white;border:0;font-size:24px}.hero{min-height:650px;background:var(--navy);color:white;padding:95px 8% 75px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,black,transparent 90%)}.hero-copy,.hero-visual{position:relative;z-index:1}.eyebrow,.section-label{font:11px var(--mono);letter-spacing:.13em;color:#6da6ec}.eyebrow{display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 5px #52d7df1e}.hero h1{font-size:clamp(52px,6.2vw,86px);line-height:.99;letter-spacing:-.075em;margin:28px 0 25px;font-weight:800}.hero h1 span,.section h2 span,.contact h2 span{color:var(--blue)}.hero-copy>p{max-width:530px;color:#b2c0d2;font-size:16px;line-height:1.9}.hero-actions,.contact-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;gap:25px;align-items:center;padding:14px 18px;font-size:11px;font-weight:800;letter-spacing:.01em;transition:.2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--blue);color:#071323}.btn-ghost{border:1px solid #62738a;color:#e9eff8}.hero-facts{display:flex;gap:28px;margin-top:58px;border-top:1px solid #ffffff20;padding-top:22px}.hero-facts div{display:flex;flex-direction:column;gap:5px}.hero-facts b{font:11px var(--mono);color:var(--cyan)}.hero-facts span{font-size:10px;color:#9bacc1}.hero-visual{min-height:390px;display:grid;place-items:center}.visual-orbit{position:absolute;border:1px solid #8cbcff30;border-radius:50%;width:390px;height:390px}.orbit-two{width:300px;height:300px;border-style:dashed;transform:rotate(25deg)}.visual-card{width:min(100%,390px);height:340px;background:linear-gradient(140deg,#192b43,#0c1729);border:1px solid #8cbcff45;position:relative;box-shadow:0 30px 80px #0005}.visual-top,.visual-bottom{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;font:9px var(--mono);letter-spacing:.1em;color:#9db2cb}.visual-top{border-bottom:1px solid #ffffff14}.live-dot{color:var(--cyan)}.robot-art{position:absolute;inset:55px 0 42px;overflow:hidden;background:radial-gradient(ellipse at 52% 58%,#4685c51c,transparent 55%)}.arm-base{position:absolute;width:115px;height:23px;left:36%;bottom:22px;background:#7895b4;transform:skew(-18deg);border:3px solid #c2d5e9}.arm-joint{position:absolute;width:39px;height:39px;background:#182b42;border:7px solid #7fafe9;border-radius:50%;z-index:3;box-shadow:0 0 20px #5daaff35}.joint-a{left:43%;bottom:42px}.arm-segment{position:absolute;height:26px;background:linear-gradient(#b6cce3,#476c98);border:2px solid #d5e3f4;transform-origin:left center}.segment-a{width:120px;left:48%;bottom:66px;transform:rotate(-62deg)}.joint-b{left:64%;bottom:166px}.segment-b{width:88px;left:68%;bottom:185px;transform:rotate(-36deg)}.joint-c{left:82%;bottom:217px;width:31px;height:31px}.arm-tool{position:absolute;width:38px;height:13px;left:88%;bottom:232px;background:var(--cyan);transform:rotate(50deg);box-shadow:0 0 20px #52d7df75}.spark{position:absolute;color:var(--cyan);font-size:28px}.spark-a{right:12%;top:17%}.spark-b{left:20%;top:40%;color:var(--blue)}.visual-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ffffff14;font-size:8px}.floating-tag{position:absolute;bottom:23px;left:-23px;display:flex;align-items:center;gap:12px;padding:13px 17px;background:#f6f9ff;color:var(--ink);box-shadow:0 12px 35px #0003}.tag-icon{display:grid;place-items:center;width:35px;height:35px;background:#e3edfc;color:#285c9c;font-size:20px}.floating-tag b,.floating-tag small{display:block}.floating-tag b{font-size:10px}.floating-tag small{font-size:9px;color:var(--muted)}.ticker{overflow:hidden;background:var(--blue);color:#0b1b30;padding:13px 0;white-space:nowrap;font:10px var(--mono);letter-spacing:.1em}.ticker div{word-spacing:10px;text-align:center}.ticker i{font-style:normal;margin:0 20px}.section{padding:100px 8%}.section-label{margin-bottom:32px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.section h2,.contact h2{font-size:clamp(38px,4.6vw,62px);line-height:1.07;letter-spacing:-.065em;margin:0;font-weight:800}.about-text p{color:#536176;font-size:14px;line-height:1.9;margin:0 0 15px}.address-line{font-size:11px;color:#3c4a5f;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.address-line span{color:#4988d4;font-size:18px;margin-right:8px}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:55px}.service-card{background:white;padding:27px;min-height:225px;border:1px solid #e5ebf2;position:relative;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #1c385b12}.card-number{position:absolute;right:22px;top:20px;font:10px var(--mono);color:#9aa9bb}.service-icon{font-size:28px;color:#548dd0;margin-bottom:22px}.service-card h3{margin:0 0 8px;font-size:17px}.service-card p{font-size:12px;color:var(--muted);line-height:1.8;min-height:42px}.service-card>a{font:10px var(--mono);color:#367bc5;display:flex;justify-content:space-between;margin-top:22px}.dark-section{background:var(--navy);color:white}.dark-section .section-label{color:var(--cyan)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-heading>p{max-width:350px;color:#8393aa;font-size:13px;line-height:1.9;margin:0 0 5px}.capability-list{border-top:1px solid #ffffff24}.capability-list>div{display:grid;grid-template-columns:70px 1fr 30px;gap:20px;align-items:center;border-bottom:1px solid #ffffff24;padding:18px 5px;transition:.2s}.capability-list>div:hover{padding-left:14px;background:#ffffff06}.capability-list span{font:11px var(--mono);color:var(--cyan)}.capability-list p{margin:0;font-size:15px;color:#e3ebf5}.capability-list b{font-size:17px;color:#8cbcff;font-weight:400}.automation .section-heading>p,.process .section-heading>p,.customers .section-heading>p{color:#66758a}.automation-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.automation-art{height:410px;background:linear-gradient(135deg,#101e32,#203958);position:relative;overflow:hidden}.art-cross{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:32px 32px}.art-ring{position:absolute;width:270px;height:270px;border:1px solid #83b7ef55;border-radius:50%;left:calc(50% - 135px);top:50px;box-shadow:0 0 0 30px #8cbcff09,0 0 0 65px #8cbcff06}.art-robot{position:absolute;inset:0}.r-base{position:absolute;width:120px;height:24px;left:calc(50% - 60px);bottom:65px;background:#7b9bbd;border:2px solid #d2e3f5;transform:skew(-18deg)}.r-link{position:absolute;height:27px;background:linear-gradient(#d9e7f7,#668cb5);border:2px solid #e7f2ff;transform-origin:left center}.l1{width:105px;left:calc(50% - 22px);bottom:87px;transform:rotate(-63deg)}.l2{width:105px;left:calc(50% + 22px);bottom:182px;transform:rotate(-38deg)}.l3{width:58px;left:calc(50% + 105px);bottom:247px;transform:rotate(45deg)}.r-joint{position:absolute;width:37px;height:37px;border-radius:50%;background:#13283f;border:7px solid #85b8ed;z-index:2}.j1{left:calc(50% - 30px);bottom:75px}.j2{left:calc(50% + 15px);bottom:169px}.j3{left:calc(50% + 98px);bottom:232px;width:30px;height:30px}.r-tool{position:absolute;width:30px;height:12px;background:var(--cyan);left:calc(50% + 140px);bottom:254px;transform:rotate(45deg)}.art-caption{position:absolute;left:20px;bottom:18px;color:#9ab3d2;font:9px var(--mono);letter-spacing:.12em}.detail-head{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.1em;color:#638fc3;padding-bottom:16px;border-bottom:1px solid var(--line)}.detail-head span:last-child{color:#97a5b6}.automation-details ul{list-style:none;padding:0;margin:0}.automation-details li{font-size:12px;padding:13px 0;border-bottom:1px solid var(--line);color:#39485c}.automation-details li:before{content:'↗';color:#4389d1;margin-right:12px}.text-link{display:inline-flex;gap:25px;margin-top:25px;font-size:11px;font-weight:800;color:#367bc5}.milestone{display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;margin-top:85px;padding:35px;background:#eaf1fa;border:1px solid #dbe7f5}.milestone-year{font-size:42px;font-weight:800;letter-spacing:-.05em;color:#315d8c}.milestone-year span{display:block;font:9px var(--mono);letter-spacing:.1em;margin-top:5px}.milestone h3{margin:0 0 10px;font-size:20px}.milestone p{margin:0;font-size:12px;color:#536176;line-height:1.9}.machine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.machine-card{padding:24px 20px;border:1px solid #ffffff24;min-height:230px;background:linear-gradient(145deg,#13243a,#0d192b);transition:.2s}.machine-card:hover{border-color:#8cbcff80;transform:translateY(-4px)}.machine-symbol{height:85px;display:flex;align-items:center;justify-content:center;position:relative;font-size:24px;font-weight:800;letter-spacing:-.06em;color:#b9d7fb;border-bottom:1px solid #ffffff18;margin-bottom:22px}.machine-symbol span{position:absolute;right:0;top:0;font:9px var(--mono);color:var(--cyan)}.machine-card h3{font-size:14px;margin:0 0 8px}.machine-card p{font-size:11px;line-height:1.8;color:#8b9cb3;margin:0}.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.process-steps article{border-top:2px solid #c8d9ee;padding-top:18px;position:relative}.process-steps article:before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:#5b9ce7}.process-steps span{font:11px var(--mono);color:#4988d4}.process-steps h3{font-size:15px;margin:20px 0 8px}.process-steps p{font-size:11px;color:#65738a;line-height:1.8;margin:0}.why-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.why-list p{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid #ffffff20;font-size:13px;color:#d1dbe8;margin:0}.why-list b{color:var(--cyan);font-size:18px}.customer-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.customer-grid div{min-height:90px;padding:18px;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:800;color:#425168;background:#fff;transition:.2s}.customer-grid div:hover{color:#2677c7;background:#f0f6ff}.customer-note{color:#748196;font-size:12px;text-align:center;margin:24px auto 0;max-width:600px}.contact{background:var(--navy);color:white;text-align:center;padding:100px 8% 70px;position:relative;overflow:hidden}.contact-glow{position:absolute;width:500px;height:300px;border-radius:50%;background:#3576c51c;filter:blur(70px);top:-100px;left:calc(50% - 250px)}.contact>*:not(.contact-glow){position:relative}.contact .section-label{color:var(--cyan)}.contact h2{font-size:clamp(48px,6vw,76px);margin:20px 0}.contact>p{max-width:510px;margin:0 auto;color:#a2b2c7;font-size:13px;line-height:1.9}.contact-actions{justify-content:center;margin-bottom:48px}.contact-details{display:flex;justify-content:center;gap:70px;padding-top:30px;border-top:1px solid #ffffff20}.contact-details div{display:flex;flex-direction:column;gap:7px}.contact-details small{font:9px var(--mono);letter-spacing:.1em;color:#8298b4}.contact-details a{font-size:11px;color:#e5edf8}footer{background:#070e19;color:#8c9bb0;padding:25px 6.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px}footer .brand-mark{width:34px;height:34px;font-size:13px}footer .brand strong{font-size:9px}footer .brand small{font-size:8px}footer>a:not(.brand){font:9px var(--mono);color:#a8c9f4}footer>small{font-size:9px}
@media(max-width:900px){.nav{gap:15px}.hero{padding-left:6%;padding-right:6%;grid-template-columns:1fr 1fr}.hero h1{font-size:58px}.section{padding:80px 6%}.customer-grid{grid-template-columns:repeat(3,1fr)}.machine-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading>p{max-width:500px}.automation-layout{gap:30px}}
@media(max-width:680px){.site-header{height:68px;padding:0 5%}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#0b1424;padding:18px 5% 25px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #ffffff20}.nav.open{display:flex}.nav a{padding:12px 0;border-bottom:1px solid #ffffff12}.nav .nav-cta{text-align:center;margin-top:12px;padding:12px}.hero{grid-template-columns:1fr;padding:75px 6% 50px;gap:20px}.hero h1{font-size:clamp(49px,13vw,70px)}.hero-copy>p{font-size:14px}.hero-facts{gap:18px;margin-top:38px}.hero-facts span{font-size:9px}.hero-visual{min-height:365px}.visual-card{width:min(90%,370px)}.visual-orbit{width:310px;height:310px}.orbit-two{width:240px;height:240px}.floating-tag{left:0}.section{padding:70px 6%}.about-layout,.automation-layout,.why-layout{grid-template-columns:1fr;gap:28px}.about-layout{gap:22px}.service-cards{grid-template-columns:1fr;gap:12px;margin-top:35px}.service-card{min-height:190px}.section h2{font-size:42px}.capability-list>div{grid-template-columns:35px 1fr 20px;gap:10px}.capability-list p{font-size:12px}.automation-art{height:330px}.milestone{grid-template-columns:1fr;gap:18px;margin-top:55px;padding:25px}.machine-grid{grid-template-columns:1fr 1fr;gap:10px}.machine-card{padding:18px 14px;min-height:220px}.machine-card h3{font-size:12px}.process-steps{grid-template-columns:1fr 1fr;gap:28px 18px}.process-steps article:last-child{grid-column:1/-1}.customer-grid{grid-template-columns:repeat(2,1fr)}.customer-grid div{font-size:11px;min-height:80px;padding:12px}.contact{padding:75px 6% 45px}.contact h2{font-size:52px}.contact-details{gap:20px;flex-wrap:wrap}.contact-details div{min-width:40%}footer{padding:25px 6%;display:grid;grid-template-columns:1fr 1fr;gap:18px}footer>span{grid-column:1/-1;grid-row:2}footer>small{grid-column:1/-1}footer>a:not(.brand){text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Refined motion and real-machine portfolio */
html{scroll-behavior:smooth}
:focus-visible{outline:2px solid #52d7df;outline-offset:4px}
.service-card,.machine-card,.process-steps article,.capability-list>div,.machine-photo{will-change:transform}
.section:not(.hero){animation:section-arrive .65s ease both}
@keyframes section-arrive{from{opacity:.7}to{opacity:1}}
.reveal-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
.portfolio{background:#eef3f9}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.machine-photo{padding:0;border:0;text-align:left;position:relative;overflow:hidden;cursor:pointer;background:#0b1424;min-height:240px;aspect-ratio:4/3;color:white;isolation:isolate}
.machine-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}
.machine-photo:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#071323eF);z-index:0}
.machine-photo:hover img,.machine-photo:focus-visible img{transform:scale(1.07);filter:saturate(1.08)}
.photo-overlay{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:21px;display:flex;flex-direction:column;gap:5px;transform:translateY(5px);transition:transform .35s}
.machine-photo:hover .photo-overlay{transform:translateY(0)}
.photo-overlay small{font:9px var(--mono);letter-spacing:.12em;color:#83c7ff}
.photo-overlay b{font-size:15px;line-height:1.35}
.photo-overlay i{font:10px var(--mono);font-style:normal;color:#c0d8f5;margin-top:5px}
.portfolio-note{font-size:11px;color:#69798e;margin-top:20px}
.lightbox{position:fixed;z-index:100;inset:0;background:#050b14f2;display:none;align-items:center;justify-content:center;padding:50px 70px}
.lightbox.open{display:flex;animation:fade-in .2s ease}
.lightbox figure{margin:0;max-width:min(100%,1100px);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px}
.lightbox figure img{max-width:100%;max-height:78vh;object-fit:contain;box-shadow:0 20px 80px #0008}
.lightbox figcaption{color:#e9f2ff;font-size:13px}
.lightbox button{position:absolute;border:1px solid #ffffff50;background:#0e1b2d;color:white;cursor:pointer}
.lightbox-close{right:24px;top:24px;font-size:30px;width:44px;height:44px}
.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);font-size:38px;width:44px;height:60px}
.lightbox-prev{left:18px}.lightbox-next{right:18px}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes float-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.visual-card{animation:float-slow 6s ease-in-out infinite}
.pulse{animation:pulse-ring 2s ease-out infinite}
@keyframes pulse-ring{0%{box-shadow:0 0 0 0 #52d7df55}70%{box-shadow:0 0 0 9px #52d7df00}100%{box-shadow:0 0 0 0 #52d7df00}}
@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.portfolio-grid{grid-template-columns:1fr}.machine-photo{aspect-ratio:4/3;min-height:230px}.lightbox{padding:55px 12px}.lightbox-prev{left:5px}.lightbox-next{right:5px}.lightbox figure img{max-height:72vh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal-ready .reveal{opacity:1;transform:none}}

/* Official SKS logo branding */
.brand{gap:12px;min-width:0}
.brand-logo{display:block;width:54px;height:48px;object-fit:cover;object-position:center;border-radius:4px;border:1px solid #d6a74b55;box-shadow:0 0 18px #176bff18}
.brand-wordmark{display:block}
.brand-wordmark strong{font-size:11px;white-space:nowrap;color:#fff}
.brand-wordmark small{font-size:9px;white-space:nowrap;color:#aabbd3}
footer .brand-logo{width:43px;height:38px}
@media(max-width:680px){.brand-logo{width:45px;height:42px}.brand-wordmark strong{font-size:10px}.brand-wordmark small{font-size:8px}}


/* Smooth motion enhancement */
:root { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
.site-header { transition: background .35s ease, box-shadow .35s ease; }
.brand-logo { transition: transform .5s cubic-bezier(.2,.8,.2,1), filter .35s ease; }
.brand:hover .brand-logo { transform: rotate(-4deg) scale(1.06); filter: drop-shadow(0 0 10px #8cbcff55); }
.nav a { transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease; }
.nav a:hover { transform: translateY(-2px); }
.hero-grid { animation: grid-drift 28s linear infinite; }
.visual-orbit.orbit-one { animation: orbit-spin 32s linear infinite; transform-origin: center; }
.visual-orbit.orbit-two { animation: orbit-spin-reverse 24s linear infinite; }
.visual-card { animation: hero-float 7s ease-in-out infinite; transform-style: preserve-3d; transition: box-shadow .4s ease, border-color .4s ease; }
.visual-card:hover { box-shadow: 0 35px 90px #0007, 0 0 35px #52d7df14; border-color: #8cbcff80; }
.arm-segment.segment-a { animation: arm-a 5s ease-in-out infinite alternate; }
.arm-segment.segment-b { animation: arm-b 5s ease-in-out infinite alternate; }
.arm-joint { animation: joint-glow 3s ease-in-out infinite alternate; }
.joint-b { animation-delay: .6s; } .joint-c { animation-delay: 1.1s; }
.spark-a { animation: spark-twinkle 3s ease-in-out infinite; }
.spark-b { animation: spark-twinkle 3.5s ease-in-out infinite reverse; }
.pulse { animation: pulse-glow 2s ease-in-out infinite; }
.floating-tag { animation: tag-float 5s ease-in-out infinite; transition: transform .3s ease; }
.btn { transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, background .3s ease; }
.btn:hover { box-shadow: 0 10px 25px #0002; }
.service-card, .machine-card, .process-steps article, .milestone, .customer-grid div { transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease, border-color .35s ease; }
.service-card:hover, .machine-card:hover { transform: translateY(-7px); box-shadow: 0 18px 45px #10243a18; }
.machine-photo img { transition: transform .8s cubic-bezier(.2,.8,.2,1), filter .5s ease; }
.machine-photo:hover img { transform: scale(1.045); filter: saturate(1.08); }
.ticker { background-size: 200% 100%; animation: ticker-glow 12s ease-in-out infinite alternate; }
.reveal-ready .reveal { opacity: 0; transform: translateY(24px); filter: blur(2px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.8,.2,1), filter .75s ease; }
.reveal-ready .reveal.is-visible { opacity: 1; transform: translateY(0); filter: blur(0); }
.lightbox { opacity: 0; transition: opacity .3s ease, visibility .3s ease; }
.lightbox.open { opacity: 1; }
@keyframes orbit-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes orbit-spin-reverse { from { transform: rotate(25deg); } to { transform: rotate(-335deg); } }
@keyframes grid-drift { from { background-position: 0 0, 0 0; } to { background-position: 48px 48px, 48px 48px; } }
@keyframes hero-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes arm-a { from { transform: rotate(-62deg); } to { transform: rotate(-57deg); } }
@keyframes arm-b { from { transform: rotate(-36deg); } to { transform: rotate(-42deg); } }
@keyframes joint-glow { from { box-shadow: 0 0 10px #5daaff20; } to { box-shadow: 0 0 23px #5daaff70; } }
@keyframes spark-twinkle { 0%,100% { opacity: .45; transform: scale(.85) rotate(0deg); } 50% { opacity: 1; transform: scale(1.12) rotate(18deg); } }
@keyframes pulse-glow { 0%,100% { box-shadow: 0 0 0 4px #52d7df18; } 50% { box-shadow: 0 0 0 8px #52d7df08; } }
@keyframes tag-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes ticker-glow { from { filter: saturate(.95); } to { filter: saturate(1.15); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .reveal-ready .reveal { opacity: 1; transform: none; filter: none; }
}