:root{--navy:#0d1c2d;--navy2:#091725;--cyan:#16dcd8;--blue:#058fba;--text:#102037;--muted:#66768a;--line:#e5edf1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--text);line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:#091725f5;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff13}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{width:155px;height:57px;object-fit:contain}nav{display:flex;align-items:center;gap:29px}nav>a{font-size:14px;color:#fff;font-weight:600}nav>a:hover{color:var(--cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#21e1e0,#15c9dc);color:#092338!important;border:0;border-radius:40px;padding:13px 25px;font-size:14px;font-weight:750;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 25px #06b7d53a}.btn-small{padding:10px 19px}.btn-outline{border:1px solid #d2e7f0;background:transparent;color:#fff!important}.menu-toggle{display:none}.hero{background:radial-gradient(circle at 72% 45%,#0e5365 0%,#0d2739 31%,var(--navy2) 76%);color:#fff;overflow:hidden}.hero-inner{min-height:550px;display:grid;grid-template-columns:48% 52%;align-items:center}.hero-copy{padding:60px 0;position:relative;z-index:2}.eyebrow{color:#00afc5;font-size:12px;font-weight:800;letter-spacing:3px;margin:0 0 20px}.hero .eyebrow,.dark-section .eyebrow{color:#6bf6ed}h1,h2,h3{line-height:1.17;letter-spacing:-.035em}h1{font-size:clamp(46px,5.3vw,75px);margin:0 0 23px;max-width:600px}h1 span,h2 em{font-style:normal;color:var(--cyan)}h2{font-size:clamp(31px,3.2vw,45px);margin:0 0 24px}h3{font-size:18px;margin:8px 0 10px}.hero-copy>p:not(.eyebrow){font-size:17px;max-width:530px;color:#d3e2e9}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.hero-visual{height:480px;position:relative;background:repeating-linear-gradient(28deg,transparent 0 28px,#1de5e51c 29px 31px,transparent 32px 75px),radial-gradient(circle at 55% 45%,#1a94a76b,transparent 55%);transform:perspective(650px) rotateY(-13deg);border-radius:35px;box-shadow:inset 0 0 90px #061b29}.chip{position:absolute;left:32%;top:31%;width:38%;height:38%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#10283a;border:12px solid #1d5465;border-radius:22px;color:#f5ffff;font-size:58px;font-weight:900;letter-spacing:-5px;box-shadow:0 0 0 16px #082739,0 0 70px #00f5e26b}.chip span{font-size:16px;letter-spacing:10px;color:var(--cyan)}.trace{position:absolute;background:var(--cyan);height:4px;box-shadow:0 0 18px var(--cyan)}.t1{width:35%;top:23%;left:3%}.t2{width:37%;top:77%;right:2%}.t3{width:27%;top:57%;left:4%}.t4{width:29%;top:40%;right:3%}.section{padding:92px 0}.services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px}.services article{text-align:center;padding:30px 27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.services article:nth-child(3n){border-right:0}.services article:nth-child(n+4){border-bottom:0}.services p{font-size:14px;color:var(--muted);max-width:270px;margin:auto}.symbol{color:#00a9c4;font-size:43px;font-weight:700;line-height:1.4}.dark-section{background:linear-gradient(115deg,#081725,#11384a);color:#fff;padding:95px 0;overflow:hidden}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.split p:not(.eyebrow){color:#c6d5de;max-width:520px}.split .btn{margin-top:18px}.board-art{height:300px;border-radius:25px;position:relative;background:repeating-linear-gradient(45deg,transparent 0 20px,#04d4d338 21px 23px,transparent 24px 56px),radial-gradient(circle,#096f85,#061927 70%);box-shadow:inset 0 0 60px #00d4d322}.board-chip{position:absolute;inset:27% 32%;background:#0d1b2b;border:9px solid #167c92;border-radius:15px;display:grid;place-items:center;font-size:55px;font-weight:800;color:#7df7f1;box-shadow:0 0 55px #04e1dd80}.about>div>p:not(.eyebrow){max-width:790px;color:var(--muted)}.advantages{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;text-align:center}.advantages>div{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.advantages>div:last-child{border:0}.advantages strong{font-size:35px;color:#0399b9}.advantages span{font-size:14px;color:var(--muted)}.contact{background:#f0f7fa}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.contact p{color:#53687a}.contact a{color:#007fa1;font-weight:700}form{display:flex;flex-direction:column;gap:9px;background:#fff;padding:32px;border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 35px #0b2a3a0c}label{font-size:13px;font-weight:750}input,textarea{font:inherit;border:1px solid #cfdee5;border-radius:9px;padding:11px 13px;width:100%;margin-bottom:10px}input:focus,textarea:focus{outline:2px solid var(--cyan);border-color:transparent}.form-note{font-size:12px!important;margin:0 0 10px}form .btn{align-self:flex-start}footer{background:#091725;color:#c3d2da;padding:25px 0;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-inner>div{display:flex;gap:25px}.legal{max-width:850px;margin:70px auto;padding:0 22px;min-height:55vh}.legal h1{font-size:44px}.legal h2{font-size:24px;margin-top:32px}.legal p{color:#435669}.legal-notice{background:#fff3d9;border-left:4px solid #dd9c1b;padding:15px 20px}@media(max-width:800px){.menu-toggle{display:block;background:transparent;border:1px solid #6b8797;color:white;border-radius:7px;padding:6px 12px;font-size:24px}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#091725;padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero-inner,.split,.contact-grid{grid-template-columns:1fr}.hero-inner{padding-bottom:35px}.hero-visual{height:280px;transform:none}.chip{font-size:35px;border-width:7px}.chip span{font-size:10px}.services{grid-template-columns:repeat(2,1fr)}.services article,.services article:nth-child(3n){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.services article:nth-child(2n){border-right:0}.services article:nth-child(n+5){border-bottom:0}.advantages{grid-template-columns:repeat(2,1fr);gap:30px}.advantages>div:nth-child(2){border:0}.section{padding:65px 0}}@media(max-width:480px){.services{grid-template-columns:1fr}.services article,.services article:nth-child(3n),.services article:nth-child(n+5){border-right:0;border-bottom:1px solid var(--line)}.services article:last-child{border-bottom:0}.hero-visual{height:230px}.contact-grid{gap:30px}form{padding:22px}}

/* Generated visual assets, locally hosted */
.hero-visual{background:linear-gradient(90deg,rgba(9,23,37,.05),rgba(9,23,37,.05)),url('assets/hero-pcb.webp') center / cover no-repeat;transform:none;border-radius:24px;box-shadow:0 24px 70px #0007}
.board-art{background:url('assets/pcb-design.webp') center / cover no-repeat;box-shadow:0 22px 55px #0005}
.gallery-section{padding:75px 0;background:#f4f9fb}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.gallery-grid figure{margin:0;overflow:hidden;border-radius:18px;background:white;box-shadow:0 12px 35px #0b2a3a12}.gallery-grid img{display:block;width:100%;height:235px;object-fit:cover}.gallery-grid figcaption{font-weight:700;padding:15px 20px}.gallery-section h2{max-width:700px}@media(max-width:800px){.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:250px}.hero-visual{height:320px}}

/* Soft, translucent image-to-content transitions inspired by concept one */
.hero{background:#091725;position:relative;isolation:isolate}
.hero-inner{position:relative;isolation:isolate;grid-template-columns:49% 51%;min-height:575px}
.hero-copy{z-index:2;text-shadow:0 2px 20px rgba(5,16,27,.28)}
.hero-visual{position:absolute;z-index:-1;top:0;right:calc((min(1160px,100vw - 44px) - 100vw)/2);bottom:0;width:78%;height:auto;border-radius:0;box-shadow:none;transform:none;background:url('assets/hero-pcb.webp') center right / cover no-repeat;opacity:.96;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.14) 17%,rgba(0,0,0,.78) 48%,#000 76%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.14) 17%,rgba(0,0,0,.78) 48%,#000 76%)}
.hero:after{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,#091725 0%,rgba(9,23,37,.90) 24%,rgba(9,23,37,.46) 52%,rgba(9,23,37,.07) 85%),linear-gradient(0deg,rgba(9,23,37,.6),transparent 28%,transparent 78%,rgba(9,23,37,.20));}
.hero-inner{z-index:1}
.dark-section{position:relative;isolation:isolate;background:#091725}
.dark-section .split{position:relative;min-height:340px;isolation:isolate}
.dark-section .split>div:first-child{position:relative;z-index:2}
.board-art{position:absolute;z-index:-1;right:0;top:-55px;bottom:-55px;width:70%;height:auto;border-radius:0;box-shadow:none;background:url('assets/pcb-design.webp') center / cover no-repeat;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.30) 28%,#000 78%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.30) 28%,#000 78%)}
.dark-section:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#091725 4%,rgba(9,23,37,.92) 29%,rgba(9,23,37,.46) 66%,rgba(9,23,37,.15) 100%)}
.gallery-grid figure{position:relative;isolation:isolate;background:#091725;min-height:270px}
.gallery-grid img{height:270px;transition:transform .45s ease}
.gallery-grid figure:hover img{transform:scale(1.035)}
.gallery-grid figcaption{position:absolute;bottom:0;left:0;right:0;color:white;padding:54px 22px 20px;background:linear-gradient(0deg,rgba(9,23,37,.96),rgba(9,23,37,.64) 48%,transparent);text-shadow:0 2px 8px #0007}
@media(max-width:800px){.hero-inner{display:block;min-height:590px;padding-bottom:25px}.hero-copy{max-width:620px;padding:70px 0}.hero-visual{width:100%;right:-22px;top:0;bottom:0;height:auto;mask-image:linear-gradient(to bottom,rgba(0,0,0,.2),#000 55%,rgba(0,0,0,.75));-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.2),#000 55%,rgba(0,0,0,.75))}.hero:after{background:linear-gradient(90deg,rgba(9,23,37,.94),rgba(9,23,37,.68)),linear-gradient(0deg,rgba(9,23,37,.9),transparent 60%)}.dark-section .split{display:block;min-height:380px}.dark-section .split>div:first-child{max-width:620px}.board-art{width:100%;top:-65px;bottom:-65px;opacity:.6}.dark-section:after{background:linear-gradient(90deg,rgba(9,23,37,.96),rgba(9,23,37,.67))}}
@media(max-width:480px){.hero-inner{min-height:510px}.hero-copy{padding:62px 0}.hero-copy>p:not(.eyebrow){font-size:16px}.gallery-grid img{height:240px}.gallery-grid figure{min-height:240px}}
@media(prefers-reduced-motion:reduce){.gallery-grid img{transition:none}}