/* 3Dtangoo – CAD/3D Wireframe Theme (consolidated) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Poppins:wght@700;800&display=swap');

:root{--bg:#0a0b0e;--grid:#11131a;--edge:#2a2e3a;--text:#e7eaf2;--sub:#aeb4c6;--neon1:#74ffcf;--neon2:#55c8ff;--accent:#ffd166;--radius:20px;--shadow:0 14px 40px rgba(0,0,0,.45)}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:radial-gradient(1200px 600px at 80% 10%, #0f1220 0%, var(--bg) 60%);color:var(--text);font:16px/1.65 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}
img{max-width:100%;display:block} a{color:inherit;text-decoration:none}
.container{width:min(1160px,92%);margin-inline:auto}
body::before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);background-size:46px 46px;mask-image:radial-gradient(1200px 600px at 70% -10%, black 50%, transparent 75%);opacity:.35}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(700px 400px at 20% 10%, rgba(85,200,255,.15), transparent 60%),radial-gradient(700px 400px at 80% 80%, rgba(116,255,207,.08), transparent 60%);pointer-events:none}

.nav{position:sticky;top:0;z-index:50;background:rgba(10,11,14,.55);border-bottom:1px solid #1b1f2a;backdrop-filter:saturate(160%) blur(10px)}
.nav .inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand .logo{width:40px;height:40px;border-radius:12px;background:radial-gradient(circle at 30% 30%, var(--neon1) 0 35%, transparent 36%),conic-gradient(from 220deg at 50% 50%, var(--neon1), var(--neon2) 60%, var(--neon1));box-shadow:0 0 25px rgba(116,255,207,.35), inset 0 0 18px rgba(85,200,255,.25)}
.brand span{font-family:'Poppins', sans-serif;font-weight:800;letter-spacing:.4px}
.menu{display:flex;gap:14px;flex-wrap:wrap}
.menu a{padding:8px 12px;border-radius:12px;color:var(--sub);transition:.2s background,.2s color,.2s transform}
.menu a:hover{background:#151823;color:var(--text);transform:translateY(-1px)}
.cta{padding:10px 16px;border-radius:12px;background:linear-gradient(135deg,var(--neon1),var(--neon2));color:#03121a;font-weight:800;box-shadow:0 10px 30px rgba(85,200,255,.25)}

.hero{padding:86px 0 34px}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}
.h1{font-family:'Poppins', sans-serif;font-size:clamp(36px,4.8vw,62px);line-height:1.02;margin:0 0 10px}
.h1 .wire{background:linear-gradient(135deg,var(--neon1),var(--neon2));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--sub)}

.card{background:linear-gradient(180deg,#11151e,#0d0f15);border:1px solid #1e2431;border-radius:var(--radius);padding:18px;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
@media (max-width:900px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cards{grid-template-columns:1fr}}
.card .title{font-weight:700;margin:6px 0 2px}

.section{padding:44px 0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
@media (max-width:900px){.grid-2{grid-template-columns:1fr}}

.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.gallery{grid-template-columns:1fr}}
.thumb{overflow:hidden;border-radius:16px;border:1px solid #202737;background:#0b0e15}
.thumb img{aspect-ratio:4/3;object-fit:cover;filter:saturate(110%) contrast(105%)}

.form{display:grid;gap:12px}
.input, textarea{background:#121722;border:1px solid #232a3a;color:var(--text);padding:12px;border-radius:12px}
.input:focus, textarea:focus{outline:none;border-color:#3a7fab;box-shadow:0 0 0 3px rgba(85,200,255,.15)}
textarea{min-height:140px}
.btn{padding:12px 16px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--neon1),var(--neon2));font-weight:800;color:#021319;cursor:pointer}

.footer{margin-top:44px;padding:30px 0;border-top:1px solid #1c2230;color:var(--sub)}

.svg-wrap{position:relative}
.wire-poly{filter:drop-shadow(0 12px 30px rgba(85,200,255,.15))}
.lens{transform-origin:center;animation:spin 12s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* --- ATECO + Mega Title additions --- */
.mega{font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(52px,8vw,120px);line-height:.95;letter-spacing:.5px;margin:0;background:linear-gradient(135deg,var(--neon1),var(--neon2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(85,200,255,.15)}
.ateco{display:grid;gap:18px;margin-top:10px}
.ateco .code{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#121722;border:1px solid #232a3a;color:var(--text);font-weight:700}
.ateco .desc{display:grid;gap:10px}
.ateco .desc .group{background:linear-gradient(180deg,#11151e,#0d0f15);border:1px solid #1e2431;border-radius:14px;padding:14px}
.ateco h3{margin:0 0 6px;font-size:18px}
.ateco ul{margin:0 0 2px 18px}