@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";.site-header .brand{width:176px;height:70px;flex:0 0 auto;overflow:hidden;background:url(/images/brand/mechaton-logo.svg) left center / contain no-repeat}.site-header .brand>*{display:none!important}footer .brand{width:210px;height:92px;flex:0 0 auto;overflow:hidden;background:url(/images/brand/mechaton-logo.svg) left center / contain no-repeat}footer .brand>*{display:none!important}@media(max-width:900px){.site-header .brand{width:145px;height:60px}footer .brand{width:190px;height:86px}}@media(max-width:560px){.site-header .brand{width:132px;height:56px}}:root{--bg:#080b0d;--panel:#0f1417;--line:#263037;--text:#f3f6f7;--muted:#9aa7ad;--accent:#f28c28;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(to bottom,rgba(8,11,13,.9),transparent)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--accent);color:var(--accent);font-weight:700}.brand strong,.brand small{display:block;letter-spacing:.14em}.brand strong{font-family:Manrope;font-size:14px}.brand small{font-size:8px;color:var(--muted);margin-top:2px}.site-header nav{display:flex;gap:30px;font-size:13px;color:#c9d1d4}.site-header nav a:hover{color:var(--accent)}.header-cta{border:1px solid rgba(255,255,255,.35);padding:12px 18px;font-size:12px}.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;background:radial-gradient(circle at 72% 45%,#344049 0,#182126 23%,#0a0e10 58%)}.industrial-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;transform:perspective(600px) rotateX(55deg) scale(1.5);transform-origin:center bottom;opacity:.8}.beam{position:absolute;background:linear-gradient(90deg,transparent,rgba(242,140,40,.42),transparent);height:2px;width:70%;filter:blur(1px);animation:scan 6s infinite ease-in-out}.beam-one{top:36%;left:32%;transform:rotate(-23deg)}.beam-two{top:60%;left:48%;transform:rotate(18deg);animation-delay:2s}@keyframes scan{50%{transform:translateY(80px) rotate(-12deg);opacity:.25}}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#080b0dfa 0,#080b0dc2 43%,#080b0d2e 75%),linear-gradient(0deg,rgba(8,11,13,.75),transparent 35%)}.hero-content{position:relative;z-index:2;width:min(var(--max),92vw);margin:90px auto 0}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;color:var(--muted);font-weight:600}.eyebrow span{display:inline-block;width:38px;height:1px;background:var(--accent);vertical-align:middle;margin-right:12px}.hero h1{font:500 clamp(52px,7vw,104px)/.98 "Manrope";letter-spacing:-.045em;margin:28px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy{font-size:17px;line-height:1.7;color:#c0c9cd;max-width:610px}.hero-actions{display:flex;gap:14px;margin-top:36px}.button{display:inline-block;padding:16px 22px;font-size:12px;font-weight:600;letter-spacing:.06em}.primary{background:var(--accent);color:#111}.ghost{border:1px solid rgba(255,255,255,.3)}.hero-status{position:absolute;z-index:2;right:4vw;bottom:52px;display:flex;gap:16px;align-items:center}.hero-status>span{font-size:34px;color:var(--accent)}.hero-status small,.hero-status strong{display:block}.hero-status small{font-size:8px;color:var(--muted);letter-spacing:.2em}.hero-status strong{font-size:11px;margin-top:4px}.scroll-cue{position:absolute;left:4vw;bottom:42px;z-index:2;font-size:8px;letter-spacing:.25em;color:var(--muted);display:flex;gap:14px;align-items:center}.scroll-cue i{width:60px;height:1px;background:var(--muted)}.section{width:min(var(--max),90vw);margin:auto;padding:130px 0}.intro-grid,.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:100px}.intro h2,.section-heading h2,.process h2,.digital h2,.contact h2,.project-copy h2{font:500 clamp(40px,5vw,70px)/1.04 "Manrope";letter-spacing:-.04em;margin:20px 0}.intro h2 span,.contact h2 span{color:var(--accent)}.intro-grid>div p,.section-heading>p,.digital p,.project-copy>p{color:var(--muted);line-height:1.8;font-size:16px}.text-link{display:inline-block;margin-top:20px;color:var(--accent);font-size:13px}.capability-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border-top:1px solid var(--line)}.capability-row article{padding:34px 36px 10px 0;border-right:1px solid var(--line)}.capability-row article+article{padding-left:36px}.capability-row strong{font-size:12px;letter-spacing:.15em}.capability-row p{color:var(--muted);line-height:1.7}.services{border-top:1px solid var(--line)}.section-heading{align-items:end}.service-list{margin-top:70px;border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:70px 1.2fr 1fr 30px;gap:20px;align-items:center;padding:30px 10px;border-bottom:1px solid var(--line);transition:.25s}.service-list article:hover{background:#11171a;padding-left:20px}.service-list span{color:var(--accent);font-size:11px}.service-list h3{font:500 22px Manrope;margin:0}.service-list p{color:var(--muted);margin:0}.service-list i{font-style:normal;color:var(--accent)}.project-feature{min-height:720px;display:grid;grid-template-columns:1.2fr .8fr}.project-visual{position:relative;background:radial-gradient(circle at 45% 50%,#39474e 0,#151c20 34%,#090c0e 75%);overflow:hidden}.project-lines{position:absolute;inset:8%;border:1px solid rgba(242,140,40,.35);transform:skew(-7deg);box-shadow:50px 40px 0 -1px #0a0e10,50px 40px #ffffff1a,100px 80px 0 -1px #0a0e10,100px 80px #ffffff0f}.project-visual span{position:absolute;left:40px;bottom:35px;font-size:10px;letter-spacing:.2em}.project-copy{background:var(--panel);padding:100px 6vw;display:flex;flex-direction:column;justify-content:center}.project-copy dl{margin-top:40px}.project-copy dl div{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.project-copy dt{color:var(--accent);font-size:11px}.project-copy dd{margin:0}.process-track{display:grid;grid-template-columns:repeat(6,1fr);margin-top:75px;border-top:1px solid var(--line)}.process-track div{padding:30px 12px;border-right:1px solid var(--line);min-height:130px}.process-track span,.process-track strong{display:block}.process-track span{color:var(--accent);font-size:10px}.process-track strong{margin-top:44px;font-size:13px}.digital{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.dashboard-mock{border:1px solid #334047;background:#0d1215;padding:22px;transform:perspective(900px) rotateY(-7deg);box-shadow:40px 40px 80px #0006}.mock-top{display:flex;gap:7px;padding-bottom:18px}.mock-top span{width:7px;height:7px;border-radius:50%;background:#3a464c}.mock-grid{display:grid;grid-template-columns:1.4fr .6fr;grid-template-rows:120px 90px 90px;gap:12px}.mock-grid i{background:linear-gradient(135deg,#1b252a,#101619);border:1px solid #27343a}.mock-grid i:first-child{grid-row:span 2}.mock-grid i:nth-child(4){grid-column:span 2}.contact{text-align:center;padding-top:170px;padding-bottom:170px}.contact h2{font-size:clamp(46px,6vw,88px)}.contact .button{margin-top:30px}footer{border-top:1px solid var(--line);padding:38px 4vw;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}footer p{letter-spacing:.1em}@media(max-width:900px){.site-header{height:72px}.site-header nav,.header-cta{display:none}.hero-content{margin-top:70px}.hero h1{font-size:52px}.hero-status{display:none}.intro-grid,.section-heading,.digital,.project-feature{grid-template-columns:1fr;gap:42px}.capability-row{grid-template-columns:1fr}.capability-row article{border-right:0;border-bottom:1px solid var(--line);padding:26px 0!important}.service-list article{grid-template-columns:44px 1fr 25px}.service-list p{display:none}.project-feature{min-height:auto}.project-visual{min-height:480px}.project-copy{padding:80px 7vw}.process-track{grid-template-columns:repeat(2,1fr)}.digital{gap:60px}footer{align-items:flex-start;gap:30px;flex-direction:column}}@media(max-width:560px){.section{padding:90px 0}.hero-content{width:88vw}.hero h1{font-size:42px}.hero-copy{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start}.intro h2,.section-heading h2,.process h2,.digital h2,.project-copy h2{font-size:38px}.project-visual{min-height:360px}.dashboard-mock{transform:none}.contact h2{font-size:43px}.scroll-cue{display:none}}:root{--bg: #05090d;--panel: #0a131b;--line: #20313e;--text: #f4f7f9;--muted: #9eabb5;--brand: #003466;--accent: #2b78a6;--accent-light: #79afd0}body{background:radial-gradient(circle at 78% 8%,rgba(0,52,102,.16),transparent 34%),var(--bg)}[id]{scroll-margin-top:110px}.site-header{background:linear-gradient(to bottom,rgba(5,9,13,.96),rgba(5,9,13,.48),transparent);border-bottom-color:#79afd024}.brand-mark{border-color:var(--accent);color:var(--accent-light);background:#00346624;box-shadow:inset 0 0 20px #2b78a60f}.site-header nav a:hover,.text-link,.service-list span,.service-list i,.project-copy dt,.process-track span,.hero-status>span,.intro h2 span,.contact h2 span,.hero h1 em{color:var(--accent-light)}.hero-media{background:radial-gradient(circle at 72% 45%,#263d4c 0,#14232e 24%,#081017 58%,#05090d 82%)}.industrial-grid{background-image:linear-gradient(rgba(121,175,208,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(121,175,208,.035) 1px,transparent 1px)}.beam{background:linear-gradient(90deg,transparent,rgba(43,120,166,.58),transparent);box-shadow:0 0 20px #2b78a629}.hero-overlay{background:linear-gradient(90deg,#05090dfc 0,#05090dcc 43%,#05090d33 75%),linear-gradient(0deg,rgba(5,9,13,.82),transparent 38%)}.eyebrow span{background:var(--accent);box-shadow:0 0 12px #2b78a652}.button.primary{color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent));border:1px solid rgba(121,175,208,.28);box-shadow:0 14px 36px #0034663d;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.button.primary:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 18px 44px #2b78a647}.button.ghost,.header-cta{border-color:#79afd057;background:#0034660f}.button.ghost:hover,.header-cta:hover{border-color:var(--accent-light);background:#0034662e}.service-list article:hover{background:linear-gradient(90deg,#00346629,#0a131b4d)}.project-visual{background:radial-gradient(circle at 45% 50%,#2d4a5c 0,#122430 34%,#071017 75%)}.project-lines{border-color:#2b78a67a;box-shadow:50px 40px 0 -1px #071017,50px 40px #79afd024,100px 80px 0 -1px #071017,100px 80px #79afd014}.dashboard-mock{border-color:#294354;background:#091219;box-shadow:40px 40px 80px #00000070,0 0 42px #00346614}.mock-grid i{background:linear-gradient(135deg,#142834,#0b161e);border-color:#203b4c}::selection{background:#2b78a657;color:#fff}.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-strip article{min-height:145px;min-width:0;padding:30px 28px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.stats-strip article:last-child{border-right:0}.stats-strip strong{font:500 30px Manrope;color:var(--accent-light)}.stats-strip span{font-size:12px;color:var(--muted);line-height:1.5}.projects{border-top:1px solid var(--line)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:28px;margin-top:70px}.project-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);background:#0a131b8f;transition:transform .3s ease,border-color .3s ease}.project-card:hover{transform:translateY(-6px);border-color:#79afd073}.project-card-media{position:relative;min-width:0;width:100%;height:auto;aspect-ratio:16 / 9;flex:none;overflow:hidden;background:#0b151d}.project-card-media:has(.project-photo-set):before{content:"";position:absolute;inset:0;width:auto;height:auto;transform:none;z-index:2;pointer-events:none;background:linear-gradient(180deg,#05090d0a,#05090d1f 52%,#05090db3)}.project-card-media:has(.project-photo-set):after{content:"";position:absolute;width:auto;height:auto;inset:0;transform:none;z-index:3;pointer-events:none;border:1px solid rgba(121,175,208,.08);box-shadow:inset 0 0 70px #0003}.project-photo-set,.project-photo-set.is-pair{position:absolute;inset:0;min-width:0;width:100%;height:100%;display:block;overflow:hidden}.project-photo-set img{position:absolute;inset:0;min-width:0;width:100%;max-width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.05) brightness(.86);transition:transform .55s ease,filter .55s ease}.project-photo-set img:nth-child(n+2){display:none}.project-card:hover .project-photo-set img{transform:scale(1.035);filter:saturate(.95) contrast(1.06) brightness(.92)}.project-card-media:not(:has(.project-photo-set)):before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(121,175,208,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(121,175,208,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent)}.project-card-media:not(:has(.project-photo-set)):after{content:"";position:absolute;width:55%;height:55%;right:10%;top:20%;border:1px solid rgba(121,175,208,.28);transform:skew(-12deg) rotate(-5deg);box-shadow:30px 28px 0 -1px #0b151d,30px 28px #79afd024}.project-tone-one{background:radial-gradient(circle at 70% 35%,#29495d,#0b151d 65%)}.project-tone-two{background:radial-gradient(circle at 35% 55%,#233f51,#09131a 68%)}.project-tone-three{background:radial-gradient(circle at 65% 60%,#31546a,#0a151d 68%)}.project-tone-four{background:radial-gradient(circle at 45% 35%,#27475a,#09131a 68%)}.project-index{position:absolute;z-index:4;left:24px;top:22px;font:500 11px Manrope;color:#fff;letter-spacing:.12em;background:#05090d94;border:1px solid rgba(121,175,208,.25);padding:7px 9px;backdrop-filter:blur(8px)}.project-geometry{position:absolute;z-index:1;left:10%;right:10%;bottom:12%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 24px #2b78a640}.project-card-copy{min-width:0;flex:1;padding:30px}.project-card-copy p{font-size:10px;letter-spacing:.16em;color:var(--accent-light);margin:0 0 14px}.project-card-copy h3{font:500 27px Manrope;margin:0 0 24px;overflow-wrap:anywhere}.project-card-copy span{font-size:12px;color:var(--muted)}.project-note{font-size:11px;color:var(--muted);margin-top:22px;text-align:right}.advisory{border-top:1px solid var(--line)}.advisory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px;margin-top:70px}.advisory-card{position:relative;min-width:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);background:linear-gradient(135deg,#00346624,#0a131b8c)}.advisory-card>img{position:relative;z-index:0;width:100%;max-width:100%;height:auto;aspect-ratio:16 / 9;display:block;object-fit:cover;object-position:center;filter:saturate(.78) contrast(1.06) brightness(.78)}.advisory-card:before{content:"";position:absolute;z-index:1;inset:0 0 auto;width:100%;aspect-ratio:16 / 9;background:linear-gradient(to bottom,transparent 42%,rgba(5,9,13,.84));pointer-events:none}.advisory-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(121,175,208,.12);right:-60px;bottom:-70px;transform:rotate(45deg);pointer-events:none}.advisory-card-content{position:relative;min-width:0;padding:38px 42px 44px;z-index:2}.advisory-grid span{font-size:10px;letter-spacing:.16em;color:var(--accent-light)}.advisory-grid h3{font:500 30px Manrope;margin:24px 0 18px}.advisory-grid p{color:var(--muted);line-height:1.75;margin-bottom:38px}.advisory-grid small{font-size:9px;letter-spacing:.13em;color:#c2cdd3}.contact-actions{display:flex;justify-content:center;gap:14px;margin-top:30px}.contact .button{margin-top:0}.contact-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;margin:80px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-channels a{min-width:0;padding:28px 20px;border-right:1px solid var(--line)}.contact-channels a:last-child{border-right:0}.contact-channels small,.contact-channels strong{display:block}.contact-channels small{font-size:8px;letter-spacing:.18em;color:var(--muted);margin-bottom:10px}.contact-channels strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.contact-channels a:hover strong{color:var(--accent-light)}@media(max-width:900px){.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-strip article:nth-child(2){border-right:0}.stats-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}.project-grid,.advisory-grid{grid-template-columns:1fr}.project-card-media{aspect-ratio:16 / 9}.contact-channels{grid-template-columns:1fr}.contact-channels a{border-right:0;border-bottom:1px solid var(--line)}.contact-channels a:last-child{border-bottom:0}.site-header nav a:nth-child(4){display:none}}@media(max-width:560px){[id]{scroll-margin-top:82px}.stats-strip{grid-template-columns:1fr}.stats-strip article{border-right:0;border-bottom:1px solid var(--line)}.stats-strip article:last-child{border-bottom:0}.project-card-media{aspect-ratio:4 / 3}.project-card-copy h3{font-size:23px}.advisory-card>img,.advisory-card:before{aspect-ratio:4 / 3}.advisory-card-content{padding:32px 26px 36px}.contact-actions{flex-direction:column;align-items:center}.project-note{text-align:left}}