/* معماران هوشمند فردا — استایل مشترک همه صفحات */

:root{
  --navy:#0b1f3a; --navy-2:#132d52; --teal:#14b8a6; --teal-d:#0d9488;
  --gold:#f5b942; --bg:#f7f9fc; --bg-2:#ffffff; --card:#ffffff; --text:#1e293b; --muted:#64748b;
  --heading:#0b1f3a; --line:#e2e8f0; --radius:20px; --shadow:0 10px 30px -12px rgba(11,31,58,.25);
  --input:#f7f9fc; --input-focus:#ffffff; --footer:#06142a;
  color-scheme:light;
}
[data-theme="dark"]{
  --bg:#081426; --bg-2:#0c1b33; --card:#10223f; --text:#e2e8f0; --muted:#94a3b8;
  --heading:#f1f5f9; --line:#1e3556; --shadow:0 10px 30px -12px rgba(0,0,0,.6);
  --input:#0b1a31; --input-focus:#0f2342; --footer:#040c18;
  color-scheme:dark;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Vazirmatn',Tahoma,sans-serif;background:var(--bg);color:var(--text);line-height:1.9;font-size:16px;transition:background .3s,color .3s}
html[lang="en"] body{line-height:1.7}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
.container{width:min(1180px,92%);margin-inline:auto}
section{padding:96px 0}
h1,h2,h3{line-height:1.5;font-weight:800;color:var(--heading)}
h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.eyebrow{display:inline-block;background:rgba(20,184,166,.12);color:var(--teal-d);padding:6px 16px;border-radius:999px;font-size:.85rem;font-weight:700;margin-bottom:14px}
[data-theme="dark"] .eyebrow{color:var(--teal)}
.section-head{text-align:center;max-width:680px;margin:0 auto 56px}
.section-head p{color:var(--muted);margin-top:10px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:14px;font-weight:700;border:2px solid transparent;cursor:pointer;transition:.3s;font-family:inherit;font-size:1rem}
.btn-primary{background:linear-gradient(135deg,var(--teal),var(--teal-d));color:#fff;box-shadow:0 10px 25px -8px rgba(20,184,166,.7)}
.btn-primary:hover{transform:translateY(-3px)}
.btn-ghost{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.05)}
.btn-ghost:hover{background:#fff;color:var(--navy)}
.btn-outline{border-color:var(--teal);color:var(--teal-d);background:transparent}
.btn-outline:hover{background:var(--teal);color:#fff}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--gold);color:var(--navy);padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{inset-inline-start:8px}

/* Header */
header{position:fixed;inset:0 0 auto 0;z-index:50;transition:.3s;padding:18px 0}
header.scrolled,header.solid{background:rgba(11,31,58,.92);backdrop-filter:blur(12px);padding:12px 0;box-shadow:0 6px 24px rgba(0,0,0,.2)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;font-size:1.05rem}
.logo-img{height:72px;width:72px;background:#fff;border-radius:14px;padding:4px;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:.3s}
header.scrolled .logo-img,header.solid .logo-img{height:56px;width:56px}
.foot-logo{height:110px;width:110px;background:#fff;border-radius:16px;padding:8px;margin-bottom:14px}
.menu{display:flex;gap:26px;list-style:none;align-items:center}
.menu a{color:#e2e8f0;font-weight:500;position:relative;padding:6px 0}
.menu a::after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:2px;background:var(--gold);transform:scaleX(0);transition:.3s}
.menu a:hover::after,.menu a[aria-current="page"]::after{transform:scaleX(1)}
.nav-tools{display:flex;align-items:center;gap:10px}
.nav-cta{padding:10px 20px!important;font-size:.92rem}
.tool-btn{height:42px;min-width:42px;padding:0 10px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:grid;place-items:center;font:700 .85rem/1 inherit;font-family:inherit;transition:.25s}
.tool-btn:hover{background:#fff;color:var(--navy)}
.tool-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.theme-toggle .moon{display:none}
[data-theme="dark"] .theme-toggle .sun{display:none}
[data-theme="dark"] .theme-toggle .moon{display:block}
.burger{display:none;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}

/* Hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;color:#fff;overflow:hidden;background:radial-gradient(1200px 600px at 10% 10%,#1d4a7e 0,transparent 60%),radial-gradient(900px 500px at 90% 80%,#0d7a70 0,transparent 60%),var(--navy);padding-top:120px}
.net-map{position:absolute;inset:0;width:100%;height:100%;opacity:.75}
.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;pointer-events:none}
.hero-grid a,.hero-grid button{pointer-events:auto}
.hero h1{color:#fff;font-size:clamp(2rem,4.6vw,3.4rem);margin-bottom:20px}
.hero h1 span{background:linear-gradient(90deg,var(--teal),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.tagline{color:var(--gold);font-weight:700;font-size:1.15rem;margin-bottom:6px}
.tagline-en{color:#94a3b8;font-size:.95rem;letter-spacing:.5px;margin-bottom:22px;direction:ltr;text-align:start}
html[dir="rtl"] .tagline-en{text-align:right}
.hero p.lead{color:#cbd5e1;font-size:1.1rem;max-width:560px;margin-bottom:34px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-stats{display:flex;gap:34px;margin-top:48px;flex-wrap:wrap}
.hero-stats strong{display:block;font-size:1.9rem;color:var(--gold);font-weight:900}
.hero-stats span{color:#94a3b8;font-size:.9rem}
.hero-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:28px;padding:28px;backdrop-filter:blur(10px);box-shadow:0 30px 60px -20px rgba(0,0,0,.5);animation:float 7s ease-in-out infinite}
.hero-card .row{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:14px;background:rgba(255,255,255,.06);margin-bottom:12px}
.dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e;display:inline-block;margin-inline-end:8px}
.bar{height:8px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:8px}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--gold));border-radius:99px;animation:grow 2.5s ease forwards;width:0}
@keyframes float{50%{transform:translateY(-8px)}}
@keyframes grow{to{width:var(--w)}}

/* Page hero (inner pages) */
.page-hero{position:relative;color:#fff;background:radial-gradient(900px 400px at 15% 0,#1d4a7e 0,transparent 60%),radial-gradient(700px 400px at 90% 100%,#0d7a70 0,transparent 60%),var(--navy);padding:170px 0 80px;overflow:hidden}
.page-hero h1{color:#fff;font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:14px;max-width:820px}
.page-hero p{color:#cbd5e1;font-size:1.08rem;max-width:720px}
.page-hero .hero-actions{margin-top:28px}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:.88rem;color:#94a3b8;margin-bottom:18px;list-style:none}
.crumbs li+li::before{content:"/";margin-inline-end:8px;opacity:.6}
.crumbs a:hover{color:var(--gold)}
.meta{color:#94a3b8;font-size:.9rem;margin-top:12px}

/* Services */
.services{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.card{background:var(--card);border-radius:var(--radius);padding:36px 30px;box-shadow:var(--shadow);border:1px solid var(--line);transition:.35s;position:relative;overflow:hidden;display:flex;flex-direction:column}
.card:hover{transform:translateY(-6px);border-color:var(--teal)}
.icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(20,184,166,.15),rgba(245,185,66,.2));margin-bottom:22px;color:var(--teal-d);flex-shrink:0}
[data-theme="dark"] .icon{color:var(--teal)}
.icon svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card h3{font-size:1.25rem;margin-bottom:10px}
.card p{color:var(--muted);margin-bottom:18px}
.card ul,.checklist{list-style:none;display:grid;gap:8px}
.card li::before,.checklist li::before{content:"✓";color:var(--teal-d);font-weight:900;margin-inline-end:8px}
.card li{font-size:.94rem;color:var(--text)}
.card-link{margin-top:auto;padding-top:22px;color:var(--teal-d);font-weight:700;display:inline-flex;gap:6px}
[data-theme="dark"] .card-link{color:var(--teal)}
.card-link:hover{gap:10px}

/* BMS 3D demo */
.bms-demo{background:var(--bg-2)}
.demo-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.demo-stage{position:relative;aspect-ratio:1/1;max-height:520px;width:100%;border-radius:30px;background:radial-gradient(circle at 50% 70%,#163a66,var(--navy) 70%);box-shadow:var(--shadow);overflow:hidden;cursor:grab;touch-action:pan-y}
.demo-stage:active{cursor:grabbing}
.scene{position:absolute;inset:0;display:grid;place-items:center;perspective:1100px}
.building{--w:150px;--d:110px;--fh:44px;position:relative;width:var(--w);height:calc(var(--fh) * 6);transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-35deg)}
.floor{position:absolute;inset-inline-start:0;width:var(--w);height:var(--fh);transform-style:preserve-3d;bottom:calc(var(--i) * var(--fh))}
.floor .f{position:absolute;background:rgba(30,80,140,.55);border:1px solid rgba(148,197,255,.45);transition:background .4s,box-shadow .4s}
.floor .front,.floor .back{width:var(--w);height:var(--fh)}
.floor .left,.floor .right{width:var(--d);height:var(--fh);inset-inline-start:calc((var(--w) - var(--d)) / 2)}
.floor .top{width:var(--w);height:var(--d);top:calc((var(--fh) - var(--d)) / 2);background:rgba(20,50,95,.7)}
.floor .front{transform:translateZ(calc(var(--d) / 2))}
.floor .back{transform:rotateY(180deg) translateZ(calc(var(--d) / 2))}
.floor .right{transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}
.floor .left{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2))}
.floor .top{transform:rotateX(90deg) translateZ(calc(var(--fh) / 2))}
.floor .front,.floor .back,.floor .left,.floor .right{background-image:repeating-linear-gradient(90deg,transparent 0 10px,rgba(255,255,255,.18) 10px 22px,transparent 22px 26px);background-size:100% 50%;background-repeat:no-repeat;background-position:0 50%}
.floor:hover .f{background-color:rgba(20,184,166,.55)}
.ground{position:absolute;width:280px;height:280px;left:50%;bottom:0;margin-left:-140px;transform:translateY(50%) rotateX(90deg);background:radial-gradient(circle,rgba(20,184,166,.35),transparent 65%)}
.building.sys-light .floor .front,.building.sys-light .floor .back,.building.sys-light .floor .left,.building.sys-light .floor .right{background-color:rgba(245,185,66,.5);box-shadow:0 0 18px rgba(245,185,66,.5)}
.building.sys-hvac .floor .top{background:rgba(91,156,240,.75)}
.building.sys-hvac .floor:nth-child(odd) .f{border-color:#7dd3fc}
.building.sys-security .floor .f{border-color:#f87171}
.building.sys-security .floor .front{animation:scan 2.4s linear infinite}
@keyframes scan{50%{box-shadow:inset 0 0 0 2px rgba(248,113,113,.9)}}
.floor-tip{position:absolute;top:16px;inset-inline-start:16px;background:#fff;color:var(--navy);padding:8px 14px;border-radius:12px;font-weight:700;font-size:.88rem;box-shadow:0 10px 25px rgba(0,0,0,.25);pointer-events:none}
.demo-hint{position:absolute;bottom:14px;inset-inline:0;text-align:center;color:#94a3b8;font-size:.82rem;pointer-events:none}
.sys-btns{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.sys-btn{padding:10px 18px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;font:600 .95rem inherit;font-family:inherit;transition:.25s}
.sys-btn[aria-pressed="true"]{border-color:var(--teal);background:rgba(20,184,166,.12);color:var(--teal-d)}
[data-theme="dark"] .sys-btn[aria-pressed="true"]{color:var(--teal)}
.readout{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.readout div{padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.readout b{display:block;font-size:1.4rem;color:var(--heading)}
.readout span{color:var(--muted);font-size:.86rem}

/* About */
.about{background:var(--bg-2)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about p{color:var(--muted);margin:16px 0}
.values{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.value{padding:20px;border-radius:16px;background:var(--bg);border:1px solid var(--line)}
.value b{color:var(--heading);display:block;margin-bottom:4px}
.value span{font-size:.9rem;color:var(--muted)}
.visual{position:relative;height:440px;border-radius:30px;background:linear-gradient(160deg,var(--navy),var(--navy-2));overflow:hidden;box-shadow:var(--shadow)}
.visual svg{width:100%;height:100%}
.visual .tag{position:absolute;background:#fff;color:var(--navy);padding:10px 16px;border-radius:14px;font-weight:700;font-size:.9rem;box-shadow:0 10px 25px rgba(0,0,0,.2)}
.tag.t1{top:30px;inset-inline-start:24px}
.tag.t2{bottom:36px;inset-inline-end:24px}

/* Process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}
.step{text-align:center;padding:30px 20px;background:var(--card);border-radius:var(--radius);border:1px solid var(--line);position:relative}
.step .num{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-weight:900;font-size:1.2rem}
[data-theme="dark"] .step .num{background:#1b3a66}
.step h3{font-size:1.05rem;margin-bottom:8px}
.step p{color:var(--muted);font-size:.92rem}

/* Blog cards */
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px}
.post-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.35s;display:flex;flex-direction:column}
.post-card:hover{transform:translateY(-6px);border-color:var(--teal)}
.post-cover{aspect-ratio:16/8;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),#0d7a70);color:var(--gold)}
.post-cover svg{width:64px;height:64px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.post-body{padding:26px;display:flex;flex-direction:column;flex:1}
.post-body h3{font-size:1.15rem;margin-bottom:8px}
.post-body p{color:var(--muted);font-size:.95rem}
.post-body .card-link{padding-top:16px}

/* Content pages (service detail & article) */
.content-grid{display:grid;grid-template-columns:1fr 320px;gap:50px;align-items:start}
.prose{font-size:1.04rem}
.prose h2{font-size:1.5rem;margin:40px 0 14px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.15rem;margin:26px 0 10px}
.prose p{margin-bottom:16px}
.prose ul,.prose ol{margin:0 0 18px;padding-inline-start:22px;display:grid;gap:8px}
.prose ul.checklist{padding:0}
.prose a{color:var(--teal-d);text-decoration:underline;text-underline-offset:4px}
[data-theme="dark"] .prose a{color:var(--teal)}
.prose table{width:100%;border-collapse:collapse;margin:10px 0 24px;font-size:.95rem;background:var(--card);border-radius:14px;overflow:hidden}
.prose th,.prose td{padding:12px 14px;border:1px solid var(--line);text-align:start;vertical-align:top}
.prose th{background:rgba(20,184,166,.1);color:var(--heading)}
.table-wrap{overflow-x:auto}
.callout{padding:18px 22px;border-radius:16px;background:rgba(245,185,66,.12);border-inline-start:4px solid var(--gold);margin:22px 0}
.aside{position:sticky;top:110px;display:grid;gap:18px}
.aside-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.aside-box h3{font-size:1.05rem;margin-bottom:10px}
.aside-box p{color:var(--muted);font-size:.93rem;margin-bottom:16px}
.aside-box .btn{width:100%;justify-content:center}
.aside-box ul{list-style:none;display:grid;gap:8px}
.aside-box ul a:hover{color:var(--teal-d)}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:10px 0 24px}
.feature{padding:22px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.feature b{display:block;color:var(--heading);margin-bottom:4px}
.feature span{color:var(--muted);font-size:.93rem}

/* FAQ */
.faq{display:grid;gap:12px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:0 22px;transition:.25s}
.faq details[open]{border-color:var(--teal)}
.faq summary{cursor:pointer;padding:18px 0;font-weight:700;color:var(--heading);list-style:none;display:flex;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--teal-d);transition:.25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-bottom:18px;color:var(--muted)}

/* CTA band */
.cta-band{background:linear-gradient(135deg,var(--teal-d),#0b4f6c);color:#fff;border-radius:28px;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta-band h2{color:#fff;font-size:1.6rem}
.cta-band p{color:#d1fae5}
.cta-band .btn{background:#fff;color:var(--navy)}

/* Contact */
.contact{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff}
.contact h2,.contact h3{color:#fff}
.contact .eyebrow{background:rgba(255,255,255,.1);color:var(--gold)}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:start}
.info{display:grid;gap:18px;margin-top:28px}
.info div{display:flex;gap:14px;align-items:center;color:#cbd5e1}
.info .icon{margin:0;background:rgba(255,255,255,.08);color:var(--gold);width:52px;height:52px}
form{background:var(--card);color:var(--text);border-radius:26px;padding:36px;box-shadow:0 30px 60px -20px rgba(0,0,0,.4)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}
label{font-weight:500;font-size:.92rem;color:var(--heading)}
input,select,textarea{font-family:inherit;font-size:1rem;padding:13px 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--input);transition:.2s;color:var(--text)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal);background:var(--input-focus);box-shadow:0 0 0 4px rgba(20,184,166,.15)}
textarea{min-height:110px;resize:vertical}
form .btn{width:100%;justify-content:center}
.hp{position:absolute;inset-inline-start:-9999px}
.success{display:none;margin-top:14px;padding:14px;border-radius:12px;background:#ecfdf5;color:#065f46;font-weight:500;text-align:center}
.success.err{background:#fef2f2;color:#991b1b}
.form-note{margin-top:12px;font-size:.85rem;color:var(--muted);text-align:center}

footer{background:var(--footer);color:#94a3b8;padding:60px 0 28px}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
footer h4{color:#fff;margin-bottom:14px}
footer ul{list-style:none;display:grid;gap:8px}
footer a:hover{color:var(--gold)}
.copy{margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);text-align:center;font-size:.9rem}

.to-top{position:fixed;bottom:24px;inset-inline-end:24px;width:48px;height:48px;border-radius:14px;background:var(--teal);color:#fff;border:0;cursor:pointer;font-size:20px;opacity:0;pointer-events:none;transition:.3s;box-shadow:var(--shadow);z-index:40}
.to-top.show{opacity:1;pointer-events:auto}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}

/* Responsive */
@media (max-width:980px){
  .hero-grid,.about-grid,.contact-grid,.demo-grid,.content-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .foot{grid-template-columns:1fr 1fr}
  .hero-card{display:none}
  .aside{position:static}
}
@media (max-width:720px){
  section{padding:72px 0}
  .burger{display:block}
  .menu{position:fixed;top:0;inset-inline-end:-100%;height:100vh;width:78%;background:var(--navy);flex-direction:column;align-items:flex-start;padding:90px 30px;gap:24px;transition:.4s;box-shadow:0 0 30px rgba(0,0,0,.3)}
  .menu.open{inset-inline-end:0}
  .nav-cta{display:none}
  .logo-img{height:56px;width:56px}
  .building{--w:120px;--d:90px;--fh:36px}
  .services,.steps,.values,.form-row,.foot,.feature-grid,.readout{grid-template-columns:1fr}
  .visual{height:320px}
  form{padding:24px}
  .cta-band{padding:30px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
  .bar i{width:var(--w)}
}

/* اصلاحات پایداری و دسترس‌پذیری */
html { scroll-padding-top: 100px; }
body { overflow-wrap: anywhere; }
button, input, select, textarea { font: inherit; }
button:disabled { opacity: .65; cursor: not-allowed; }
img { height: auto; }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Shared navigation refinements */
.logo{white-space:nowrap;flex-shrink:0}
.logo-img{object-fit:contain}
.nav{min-height:56px}
.menu a[aria-current="page"]{color:#fff;font-weight:800}
.menu a[aria-current="page"]::after{transform:scaleX(1)}
@media(max-width:980px){.nav{gap:12px}.menu{gap:14px}.logo{font-size:.95rem}.nav-cta{padding:9px 12px!important}}
@media(max-width:720px){.menu{z-index:70;top:0;inset-inline-end:-100%;width:min(84vw,360px);height:100dvh;overflow-y:auto}.menu.open{inset-inline-end:0}.nav{min-height:48px}.logo-img,header.scrolled .logo-img,header.solid .logo-img{width:48px;height:48px}.logo{gap:8px;font-size:.9rem}.nav-tools{margin-inline-start:auto}.burger{display:block;min-width:42px;min-height:42px;position:relative;z-index:80}}
body.menu-open{overflow:hidden}

/* Unified typography, network motif, knowledge cards, footer and 3D demo polish */
html,body,button,input,select,textarea{font-family:'Vazirmatn',Tahoma,Arial,sans-serif}
.net-map{z-index:0;pointer-events:none}
.page-hero>.container{z-index:1}
.hero>.net-map{position:absolute;inset:0;width:100%;height:100%;opacity:.58;z-index:0;pointer-events:none}
.hero-grid{z-index:1}
.page-hero{isolation:isolate}
.knowledge-section{background:var(--bg-2)}
.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.knowledge-card{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow);height:100%;transition:transform .25s,border-color .25s}
.knowledge-card:hover{transform:translateY(-5px);border-color:var(--teal)}
.knowledge-card h3{font-size:1.12rem;margin:12px 0 8px}
.knowledge-card p{color:var(--muted);font-size:.95rem}
.knowledge-tag{display:inline-flex;border-radius:999px;padding:4px 11px;background:rgba(20,184,166,.12);color:var(--teal-d);font-size:.8rem;font-weight:700}
[data-theme="dark"] .knowledge-tag{color:#5eead4}
.site-footer .foot{grid-template-columns:1.5fr 1fr 1fr 1.1fr;align-items:start}
.footer-brand{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:14px}
.footer-brand .foot-logo{margin:0;width:58px;height:58px;padding:5px;border-radius:13px}
.footer-brand strong{font-weight:900}
.foot-brand p,.site-footer .foot>div:last-child p{max-width:330px;color:#a8b5c8}
.footer-cta{margin-top:14px;padding:10px 16px!important}
.demo-stage {
    isolation: isolate;
    perspective: 1100px;
    aspect-ratio: 1.12/1;
    max-height: 580px;
    min-height: 390px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.floor-tip{z-index:20;max-width:calc(100% - 32px);white-space:normal;line-height:1.6;border:1px solid rgba(20,184,166,.35);background:rgba(255,255,255,.97);box-shadow:0 14px 36px rgba(0,0,0,.32)}
.demo-hint{z-index:15;background:rgba(5,18,37,.48);padding:5px 12px;border-radius:999px;width:max-content;max-width:90%;margin-inline:auto;left:0;right:0;bottom:14px}
.floor{cursor:pointer}
.sys-btn{min-height:44px}
@media(max-width:980px){.knowledge-grid{grid-template-columns:1fr 1fr}.site-footer .foot{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.knowledge-grid,.site-footer .foot{grid-template-columns:1fr}.demo-stage{min-height:350px;aspect-ratio:1/1}.knowledge-card{padding:22px}.footer-brand .foot-logo{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.knowledge-card:hover{transform:none}}




/* ============ اصلاحات نسخه‌ی بازبینی‌شده ============ */
:root{--teal-d:#0f766e}
/* ستون‌های خالی بعد از حذف aside / کارت‌ها */
.content-grid{grid-template-columns:1fr;max-width:860px}
.hero-grid{grid-template-columns:minmax(0,760px);pointer-events:auto}
.about-grid{grid-template-columns:minmax(0,820px)}
@media(max-width:980px){.hero-grid,.about-grid{grid-template-columns:1fr}}
/* مدل سه‌بعدی */
.building{direction:ltr;transition:none}
.scene{direction:ltr}
.demo-stage .floor-tip{direction:rtl}
/* کنتراست دکمه‌ها */
.btn-primary{background:linear-gradient(135deg,#0f766e,#115e59)}
.to-top{background:#0f766e}
/* فونت دکمه‌ها (shorthand نامعتبر قبلی) */
.tool-btn{font-weight:700;font-size:.85rem}
.sys-btn{font-weight:600;font-size:.95rem}
body{overflow-wrap:break-word}
@supports (height:100svh){.hero{min-height:100svh}}
/* کارت‌های دانش لینک نیستند */
.knowledge-card:hover{transform:none;border-color:var(--line)}
/* منوی موبایل از ۱۰۲۴ پیکسل به پایین */
@media(max-width:1024px){
  .burger{display:block;min-width:42px;min-height:42px;position:relative;z-index:80}
  .menu{position:fixed;top:0;inset-inline-end:-100%;width:min(84vw,360px);height:100dvh;overflow-y:auto;background:var(--navy);flex-direction:column;align-items:flex-start;padding:90px 30px;gap:24px;z-index:70;visibility:hidden;transition:inset-inline-end .4s,visibility 0s .4s;box-shadow:0 0 30px rgba(0,0,0,.3)}
  .menu.open{inset-inline-end:0;visibility:visible;transition:inset-inline-end .4s}
  .nav-tools{margin-inline-start:auto}
}
.services{grid-template-columns:repeat(2,1fr)}
@media(max-width:720px){.services{grid-template-columns:1fr}}