:root{color-scheme:dark;font-family:"Avenir Next","Segoe UI",Arial,sans-serif;color:#f7f7f5;background:#090b0d;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit}
.page{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;padding:clamp(30px,4.2vw,72px) clamp(26px,6.4vw,108px) 37px}
.scene,.shade{position:absolute;inset:0;z-index:-2;pointer-events:none}
.scene{background:#090b0d url("assets/semiconductor-background.png") center center/cover no-repeat}
.shade{z-index:-1;background:linear-gradient(90deg,rgba(5,7,8,.24) 0%,rgba(5,7,8,.12) 43%,transparent 72%),linear-gradient(0deg,rgba(4,5,6,.68),transparent 22%)}
.header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.brand{display:block;width:clamp(235px,21.5vw,300px);flex-shrink:0;margin-left:-5px;margin-top:-9px;text-decoration:none}
.brand img{display:block;width:100%;height:auto}
.header-contact{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border:1px solid #a8a7a4;border-radius:6px;font-size:15px;font-weight:400;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s;margin-top:2px;background:rgba(8,10,11,.17)}
.header-contact:hover{background:rgba(255,255,255,.1);border-color:#fff}
.main{width:min(100%,780px);padding:clamp(46px,7.2vh,86px) 0 66px}
h1{margin:0 0 18px;font-size:clamp(64px,6.4vw,100px);font-weight:400;letter-spacing:-.055em;line-height:1.06}
.intro{font-size:clamp(23px,2.2vw,32px);font-weight:400;line-height:1.4;letter-spacing:-.025em;margin:0 0 8px}
.description{font-size:clamp(15px,1.35vw,19px);line-height:1.6;letter-spacing:.09em;color:#b9babd;margin:0}
.contacts{display:flex;align-items:flex-start;flex-direction:column;margin-top:43px;gap:0}
.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:54px;padding:12px 27px;background:linear-gradient(105deg,#f4a02d,#ffb846);border:1px solid #dd912b;border-radius:6px;color:#17140c;font-size:20px;font-weight:600;text-decoration:none;box-shadow:0 3px 24px rgba(255,157,33,.08);transition:background .2s,transform .2s,box-shadow .2s}
.contact-button:hover{background:#ffc15e;transform:translateY(-2px);box-shadow:0 4px 26px rgba(255,157,33,.17)}
.contact-detail{font-size:17px;line-height:1.5;color:#c8c9ca;text-underline-offset:4px;text-decoration-thickness:1px;transition:color .2s}
.contact-detail:hover{color:#ffb846}
.email{margin-top:13px}
.telephone{display:inline-flex;align-items:center;gap:9px;margin-top:14px;text-decoration:none;letter-spacing:.015em}
.telephone:hover{text-decoration:underline}
.footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;color:#bfc0c2;line-height:1.5}
.footer p{margin:0}
.website{font-size:13px;color:#97999b;letter-spacing:.025em}
a:focus-visible{outline:2px solid #ffb846;outline-offset:6px}
@media(min-width:1600px){.page{padding-top:65px;padding-bottom:48px}.main{padding-top:85px}}
@media(max-width:900px){.page{padding:36px 40px 29px}.brand{width:240px}.main{padding-top:58px;padding-bottom:64px}h1{font-size:70px}.intro{font-size:25px}.description{font-size:16px}.scene{background-position:58% center}.shade{background:linear-gradient(90deg,rgba(5,7,8,.46),rgba(5,7,8,.2) 54%,transparent),linear-gradient(0deg,rgba(4,5,6,.7),transparent 30%)}.contacts{margin-top:35px}.footer{font-size:14px}}
@media(max-width:600px){.page{min-height:100svh;padding:27px 25px 25px}.header{gap:12px;align-items:center}.brand{width:202px;margin-top:-6px}.header-contact{font-size:12px;padding:8px 9px;gap:4px;margin-top:-15px}.header-contact svg{width:13px;height:13px}.main{padding-top:clamp(76px,15vh,145px);padding-bottom:65px}h1{font-size:clamp(52px,11.6vw,68px);letter-spacing:-.055em;margin-bottom:17px}.intro{font-size:clamp(20px,4.7vw,25px);max-width:360px;line-height:1.4;margin-bottom:10px}.description{font-size:14px;max-width:285px;letter-spacing:.06em}.contacts{margin-top:32px}.contact-button{min-height:51px;font-size:18px;padding:11px 23px;gap:11px}.contact-detail{font-size:16px}.email{margin-top:15px}.telephone{margin-top:14px}.scene{background-position:67% top;background-size:auto 100%;opacity:.85}.shade{background:linear-gradient(90deg,rgba(5,7,8,.88),rgba(5,7,8,.55) 63%,rgba(5,7,8,.18)),linear-gradient(0deg,#090b0d 0%,rgba(5,7,8,.65) 20%,transparent 70%)}.footer{flex-direction:column;align-items:flex-start;gap:8px;font-size:13px}.website{font-size:12px}}
@media(max-width:360px){.brand{width:160px}.header-contact{font-size:11px}.main{padding-top:75px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.contact-button:hover{transform:none}}