/* Kaynak: servomotion-site-tum131026/assets/base.css (içerik değiştirilmeden taşındı; sadece yol düzeltmeleri) */
:root{--yellow:#ffd400;--ink:#0b0f14;--line:#293542;--muted:#afbdcd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:18px/1.6 Barlow,Arial,sans-serif;color:#17212d;background:#f4f6f9}a{color:inherit}h1,h2,h3,.brand,.btn{font-family:'Barlow Condensed','Arial Narrow',sans-serif;line-height:1.05}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,5.7vw,78px);letter-spacing:-.015em;color:white}h2{font-size:clamp(34px,4vw,50px)}h3{font-size:30px}.wrap{max-width:1260px;margin:auto;padding:0 28px}.nav{background:#11171e;color:white;border-bottom:1px solid var(--line)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:17px;padding-bottom:17px}.brand{font-size:27px;text-decoration:none;font-weight:700;letter-spacing:.035em}.nav nav{display:flex;gap:17px;flex-wrap:wrap;justify-content:flex-end}.nav nav a{text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.06em}.nav a:hover,.nav [aria-current]{color:var(--yellow)}.hero{background-color:var(--ink);background-image:linear-gradient(#18232d55 1px,transparent 1px),linear-gradient(90deg,#18232d55 1px,transparent 1px);background-size:48px 48px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding-top:72px;padding-bottom:64px}.label{font:13px/1.5 'IBM Plex Mono',monospace;letter-spacing:.16em;margin-bottom:20px;color:#64758a}.hero .label,.dark .label{color:var(--yellow)}h1 em{font-style:normal;color:var(--yellow)}.intro{font-size:20px;max-width:51ch;margin-top:25px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;letter-spacing:.06em;text-decoration:none;padding:17px 24px;border:1px solid #667384}.primary{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.btn:hover{box-shadow:0 0 0 2px currentColor}.hero figure{margin:0}.hero img{width:100%;display:block;aspect-ratio:1.65;object-fit:contain}.hero figcaption{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;gap:15px;font-size:14px}.hero figcaption b{color:white;letter-spacing:.06em}.strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#101720}.strip div{padding:23px 22px;border-right:1px solid var(--line);font-size:15px}.strip b{display:block;color:white;margin-bottom:7px;font-size:16px}.section{padding:76px 0}.section-head{max-width:780px;margin-bottom:36px}.section-head:before{content:'';display:block;background:var(--yellow);width:60px;height:4px;margin-bottom:20px}.section-head p:last-child{margin-top:18px;color:#506275}.products{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product{background:white;border:1px solid #d9e0e8;display:flex;flex-direction:column}.visual{height:290px;background:#0b0f14;display:flex;align-items:center;justify-content:center;padding:25px}.visual img{width:100%;height:100%;object-fit:contain}.product-content{padding:30px;display:flex;flex-direction:column;flex:1}.product-content .label{margin-bottom:10px}.product-content p{margin-top:18px;color:#506275}.specs{display:flex;gap:22px;margin:25px 0;padding:19px 0;border-block:1px solid #d9e0e8;flex-wrap:wrap}.specs b{display:block;font-size:21px;color:#17212d}.specs span{font-size:14px;color:#506275}.product .btn{align-self:flex-start;margin-top:auto}.dark{background:#121a22;color:#e1e7ed}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.benefits article{border-top:1px solid #415060;padding-top:23px}.number{font:14px 'IBM Plex Mono',monospace;color:var(--yellow);margin-bottom:17px}.benefits h3{font-size:27px}.benefits p{color:var(--muted);margin-top:16px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:17px}th,td{text-align:left;padding:20px;border-bottom:1px solid #d9e0e8;vertical-align:top}th{background:#121a22;color:white}td:first-child{font-weight:600;width:25%}td{width:37.5%}.note{font-size:14px;color:#64758a;margin-top:15px}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.about p{color:#506275}.about a{display:inline-block;margin-top:20px;font-weight:600}.contact{background:var(--yellow);padding:60px 0}.contact .wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}.contact p{margin-top:20px;max-width:67ch}.contact-links{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.contact-links a{font-weight:700;overflow-wrap:anywhere}footer{padding:30px 0;background:#0b0f14;color:#aebdcd;font-size:14px}footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}a:focus-visible{outline:3px solid #589deb;outline-offset:5px}@media(max-width:900px){.nav .wrap{flex-direction:column;align-items:flex-start}.nav nav{gap:15px}.hero-grid{grid-template-columns:1fr;padding-top:45px}.hero figure{max-width:600px;width:100%;margin:auto}.strip{grid-template-columns:1fr 1fr}.products{gap:16px}.product-content{padding:23px}.benefits{gap:22px}.contact .wrap,.about{grid-template-columns:1fr;gap:30px}}@media(max-width:600px){.wrap{padding:0 20px}.section{padding:50px 0}.nav nav{gap:12px 18px}.nav nav a{font-size:13px}.hero-grid{gap:30px}.intro{font-size:18px}.products,.benefits{grid-template-columns:1fr}.visual{height:260px}.strip div{padding:18px 12px}.strip b{font-size:14px}.hero figcaption{font-size:12px}.contact-links a{font-size:16px}th,td{padding:14px;min-width:160px}h1{font-size:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-message{margin-top:27px}.hero-benefits{border-left:3px solid var(--yellow);padding-left:20px;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(25px,2.4vw,34px);font-weight:600;line-height:1.23;letter-spacing:.01em}.hero-benefits span,.hero-benefits strong{display:block}.hero-benefits span{color:#e1e7ed}.hero-benefits strong{color:var(--yellow);font-weight:600}.hero-signoff{font-size:17px;line-height:1.55;margin-top:18px;color:var(--muted)}.strip div{padding:24px 20px}.strip p{font-size:15px;line-height:1.55;color:#d0dae6;margin-top:12px}.strip span{display:block;font-size:14px;line-height:1.55;margin-top:10px;color:#9badc1}.strip b{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:19px;line-height:1.2}.strip div:last-child{border-right:0}@media(max-width:600px){.strip{grid-template-columns:1fr}.strip div{padding:20px 16px;border-right:0;border-bottom:1px solid var(--line)}.hero-signoff br{display:none}}#sistemler .section-head{max-width:880px}#sistemler .product{border-top:3px solid var(--yellow)}#sistemler .product-content h3{font-size:34px;letter-spacing:.025em}#sistemler .product-content .label{font-size:12px;letter-spacing:.12em}#sistemler .product .btn{background:#121a22;color:#fff;border-color:#121a22}#sistemler .product .btn:hover{color:var(--yellow)}#sistemler .specs{gap:30px}#sistemler .product-content{padding:32px}@media(max-width:600px){#sistemler .product-content{padding:24px}}

footer .wrap,.foot .wrap{display:block}
.fcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-bottom:24px;border-bottom:1px solid #22303e}
.fcol b{display:block;font-family:Barlow,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.13em;color:#fff;margin-bottom:13px}
.fcol a{display:block;text-decoration:none;color:#aebdcd;font-size:14.5px;line-height:1.45;margin-bottom:8px}
.fcol a:hover{color:#ffd400}
.fbase{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:20px;font-size:13.5px;color:#8ea0b4}
.fbase a{color:#aebdcd;text-decoration:none}
.fbase a:hover{color:#ffd400}
@media(max-width:860px){.fcols{grid-template-columns:1fr 1fr;gap:22px}}
@media(max-width:520px){.fcols{grid-template-columns:1fr;gap:18px}.fcol a{margin-bottom:7px}}

.fotobox{margin:0;border-top:1px solid #d9e0e8;background:#0A1017}
.fotobox img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}
.fotobox figcaption{font:11px/1.6 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#7a8a9b;background:#fbfcfd;border-top:1px solid #d9e0e8;padding:11px 16px}
.fotorow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.fotorow .fotobox{border:1px solid #d9e0e8}
@media(max-width:760px){.fotorow{grid-template-columns:1fr;gap:14px}}