@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--ink:#eaf2f7;--muted:#9eafb9;--navy:#09131e;--slate:#132636;--line:#274353;--amber:#f8b84a;--cyan:#58d6d2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.8}a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.top{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(9,19,30,.95);backdrop-filter:blur(12px)}nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;text-decoration:none;white-space:nowrap}.mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--amber);color:var(--navy);font-size:20px}.navlinks{display:flex;gap:8px;list-style:none;padding:0;margin:0}.navlinks a{display:block;color:var(--muted);text-decoration:none;font-size:.93rem;padding:8px 14px;border:1px solid transparent;border-radius:8px;white-space:nowrap}.navlinks a:hover,.navlinks a.active{color:var(--navy);background:var(--amber)}
.hero,.pagehead{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,#1c5560 0,transparent 28%),radial-gradient(circle at 82% 4%,#44331c 0,transparent 25%),linear-gradient(115deg,#0a1722,#102b38)}.hero{padding:90px 0 72px}.pagehead{padding:62px 0}.gridbg{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#a2c3d0 1px,transparent 1px),linear-gradient(90deg,#a2c3d0 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero .wrap{position:relative;display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:center}.pagehead .wrap{position:relative}.eyebrow{color:var(--amber);font-weight:700;font-size:.9rem;letter-spacing:.4px}.hero h1,.pagehead h1{font-size:clamp(2.2rem,5vw,4.35rem);line-height:1.25;letter-spacing:-1.8px;margin:12px 0 18px}.pagehead h1{font-size:clamp(2rem,4vw,3.3rem)}.hero p,.pagehead p{max-width:720px;font-size:1.08rem;color:#c3d0d7;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-block;border-radius:8px;padding:11px 21px;text-decoration:none;font-weight:700}.primary{background:var(--amber);color:#17212a}.secondary{border:1px solid #5c7380;color:var(--ink)}.panel{border:1px solid rgba(126,190,194,.36);border-radius:16px;padding:22px;background:rgba(8,23,33,.68);box-shadow:0 24px 55px #0004}.panel h3{margin:0 0 14px;color:var(--cyan)}.spec{display:flex;justify-content:space-between;border-top:1px solid #ffffff18;padding:10px 0;font-size:.9rem}.spec span:last-child{color:var(--amber);font-weight:700}
section{padding:76px 0}.section-title{font-size:2rem;margin:0 0 6px;line-height:1.4}.section-note{color:var(--muted);margin:0 0 28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.project{background:var(--slate);border:1px solid var(--line);padding:23px;border-radius:12px}.icon{font-size:1.6rem;color:var(--amber)}.card h2,.card h3{margin:8px 0;font-size:1.16rem}.card p{margin:0;color:var(--muted);font-size:.94rem}.projects{background:#0d1d29}.project{position:relative;background:linear-gradient(130deg,#18394a,#102734);border-color:#315568}.project span{color:var(--amber);font-size:.85rem;font-weight:700}.project h2,.project h3{margin:8px 0;font-size:1.25rem}.project p{margin:0;color:#b8c8cf}.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}.contactbox{border-right:3px solid var(--amber);padding:0 20px}.contactbox p{color:var(--muted);margin:10px 0}.contactbox a{text-decoration:none;font-weight:700;direction:ltr;display:inline-block}.footer{padding:22px 0;border-top:1px solid #ffffff14;color:#8496a0;font-size:.85rem;text-align:center}
@media(max-width:760px){nav{min-height:auto;padding:12px 0;align-items:flex-start;flex-direction:column}.navlinks{width:100%;overflow-x:auto;padding-bottom:2px}.navlinks a{padding:7px 12px}.hero{padding:58px 0 50px}.hero .wrap,.contact{grid-template-columns:1fr;gap:28px}.hero h1{letter-spacing:-1px}.panel{max-width:430px}.cards{grid-template-columns:1fr}section{padding:52px 0}.wrap{width:min(100% - 32px,1120px)}}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.gallery-item{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--slate)}.photo-placeholder{min-height:220px;display:grid;place-items:center;text-align:center;padding:30px;background:linear-gradient(135deg,#173546,#0d202c);color:var(--muted);border-bottom:1px solid var(--line)}.photo-placeholder strong{display:block;color:var(--amber);font-size:1.1rem;margin-bottom:5px}.gallery-item figcaption{padding:14px 18px;font-weight:700}.gallery-note{color:var(--muted);margin:8px 0 0}@media(max-width:960px){.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.gallery{grid-template-columns:1fr}.photo-placeholder{min-height:210px}}