@font-face{font-family:IRANSans;src:url('assets/IRANSansWeb.woff') format('woff');font-display:swap}
:root{--bg:#11181e;--bg2:#151f26;--panel:#172129;--text:#f4f7f8;--muted:#9eabb4;--accent:#62d394;--violet:#6c2cff;--line:#24313a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:IRANSans,Arial,sans-serif}
body.en{font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(1140px,92%);margin:auto}
.top{position:sticky;top:0;z-index:50;background:rgba(10,14,18,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.05)}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:800 23px Arial;letter-spacing:4px}.menu{display:flex;gap:22px;font-size:13px}.menu a{color:#c7d0d6;position:relative}.menu a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--accent);transform:scaleX(0);transition:.25s}.menu a:hover:after,.menu a.active:after{transform:scaleX(1)}
.lang{display:flex;gap:7px}.lang button{border:1px solid #41505c;background:transparent;color:#fff;border-radius:20px;padding:6px 10px;cursor:pointer}.lang button.on{background:var(--accent);color:#07110c;border-color:var(--accent)}
.hero{min-height:650px;display:grid;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 38%,rgba(126,0,255,.25),transparent 27%),linear-gradient(180deg,#080713 0%,#0c0d14 100%)}
.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.14em}.hero h1,.page-hero h1{font-size:64px;line-height:1.06;margin:16px 0;max-width:600px}.hero h1 span{color:var(--accent)}.hero p,.lead{color:var(--muted);line-height:1.9;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:5px;padding:12px 18px;color:#fff}.btn.fill{background:var(--accent);color:#08110c;font-weight:700}
.ai-portrait{height:570px;position:relative;filter:drop-shadow(0 20px 50px rgba(104,0,255,.25))}.head{position:absolute;width:285px;height:360px;right:17%;top:70px;border-radius:45% 45% 42% 42%;background:linear-gradient(90deg,#0c6bcb 0 48%,#ff0a9d 52% 100%);overflow:hidden;animation:float 6s ease-in-out infinite}.head:before{content:"";position:absolute;inset:-40px;background:repeating-linear-gradient(33deg,transparent 0 22px,rgba(255,255,255,.13) 23px 24px),repeating-linear-gradient(115deg,transparent 0 30px,rgba(255,255,255,.12) 31px 32px)}.head:after{content:"";position:absolute;width:65px;height:18px;border-radius:50%;background:#07111e;left:55px;top:145px;box-shadow:110px 0 #07111e}.neck{position:absolute;width:150px;height:120px;right:22.5%;top:400px;background:linear-gradient(90deg,#134ed3,#fc168e)}.shoulders{position:absolute;width:520px;height:220px;right:0;bottom:-40px;border-radius:55% 55% 0 0;background:linear-gradient(120deg,#151e35,#16131f 55%,#44133b)}
.orbit{position:absolute;border:1px solid rgba(104,116,255,.25);border-radius:50%;animation:spin 14s linear infinite}.o1{width:390px;height:160px;right:6%;top:190px;transform:rotate(12deg)}.o2{width:330px;height:125px;right:10%;top:210px;animation-direction:reverse}
.section{padding:92px 0}.section.alt{background:var(--bg2)}.section-head{text-align:center;margin-bottom:36px}.section-head h2{font-size:35px;margin:8px 0}.purpose{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-card{background:var(--panel);padding:24px;border:1px solid #1e2a33;min-height:150px;transition:.3s}.feature-card:hover{transform:translateY(-6px);border-color:#315346}.feature-card .icon{font-size:30px;color:var(--accent)}.feature-card h3{font-size:16px;margin:13px 0 6px}.feature-card p{font-size:12px;color:var(--muted);line-height:1.7}
.tech{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px}.robot{height:390px;position:relative}.robot-body{position:absolute;right:15%;bottom:0;width:240px;height:270px;border-radius:48% 48% 12% 12%;background:linear-gradient(135deg,#f2f5f6,#7a8790 65%,#151e24);transform:rotate(-6deg)}.robot-head{position:absolute;right:26%;top:12px;width:120px;height:105px;border-radius:45%;background:linear-gradient(135deg,#fff,#96a0a7);box-shadow:inset -28px -8px #111}.robot-arm{position:absolute;width:190px;height:55px;background:linear-gradient(90deg,#dce4e8,#636c73);right:4%;top:110px;border-radius:40px;transform:rotate(-38deg);transform-origin:right center;animation:arm 4s ease-in-out infinite}
.cards6{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.media-card{background:#121b21;border:1px solid #202d35;overflow:hidden}.thumb{height:155px;background:linear-gradient(135deg,#6730ff,#16d7d0);position:relative;overflow:hidden}.media-card:nth-child(2n) .thumb{background:linear-gradient(135deg,#2f4c64,#b3bec6)}.media-card:nth-child(3n) .thumb{background:linear-gradient(135deg,#db2da0,#5f38d2)}.thumb:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.2);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px rgba(255,255,255,.25)}.media-body{padding:14px}.media-body h3{font-size:15px;margin:0 0 7px}.media-body p{font-size:12px;color:var(--muted);line-height:1.6}
.quotes{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.quote{background:#131c22;border:1px solid #202b34;padding:22px}.quote .mark{color:var(--accent);font-size:28px}.quote p{font-size:12px;color:#b8c1c7;line-height:1.7}.quote strong{font-size:13px}.quote span{color:var(--muted);font-size:11px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gitem{aspect-ratio:1.4;border-radius:4px;position:relative;overflow:hidden;background:linear-gradient(135deg,#6a35ff,#1dbdc6)}.gitem:nth-child(2n){background:linear-gradient(135deg,#dfe8ec,#283f4b)}.gitem:nth-child(3n){background:linear-gradient(135deg,#ee1c9b,#6e2ee8)}.gitem:after{content:attr(data-label);position:absolute;left:10px;bottom:8px;font-size:11px;background:#071014c7;padding:5px 7px}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:760px;margin:auto}.price{background:#152028;border:1px solid #24323b;padding:28px;text-align:center}.price.featured{background:#62b98b;color:#07110c;transform:scale(1.05)}.price .money{font-size:36px;font-weight:800;margin:15px 0}.price ul{list-style:none;padding:0;line-height:2;color:inherit;opacity:.8;font-size:12px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article{background:#131c22;border:1px solid #202b34}.article .pic{height:150px;background:linear-gradient(135deg,#33b6b0,#091f36)}.article:nth-child(2) .pic{background:linear-gradient(135deg,#ff1eaa,#5b29e0)}.article:nth-child(3) .pic{background:linear-gradient(135deg,#131313,#b18229)}.article .body{padding:16px}.article h3{font-size:15px;line-height:1.6}
.footer{background:#10161b;border-top:1px solid #202a31;padding:55px 0 25px}.foot{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:35px}.foot h4{font-size:14px}.foot p,.foot a{font-size:12px;color:var(--muted);line-height:1.9}.newsletter{display:flex;gap:8px}.newsletter input{background:#1a252c;border:1px solid #2c3a43;color:#fff;padding:10px;min-width:0}.copy{text-align:center;color:#66737c;font-size:11px;margin-top:35px}
.chat{position:fixed;right:18px;bottom:18px;z-index:30;width:42px;height:42px;border-radius:50%;background:var(--violet);display:grid;place-items:center;box-shadow:0 8px 22px #0008}
.page-hero{padding:125px 0 75px;background:radial-gradient(circle at 80% 30%,rgba(95,31,211,.24),transparent 30%),#0d1117}.page-content{padding:75px 0}.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form input,.contact-form textarea{background:#151f26;border:1px solid #26343e;color:#fff;padding:13px}.contact-form textarea{grid-column:1/-1;min-height:140px}.contact-form button{grid-column:1/-1;justify-self:start}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes spin{to{transform:rotate(372deg)}}@keyframes arm{0%,100%{transform:rotate(-38deg)}50%{transform:rotate(-29deg)}}
@media(max-width:900px){.menu{display:none}.hero-grid,.purpose,.tech,.page-grid{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:46px}.ai-portrait{height:450px}.cards6{grid-template-columns:1fr 1fr}.quotes{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero{min-height:auto}.hero-grid{padding:60px 0}.hero h1,.page-hero h1{font-size:36px}.ai-portrait{height:370px}.head{right:8%;transform:scale(.8)}.cards6,.quotes,.pricing,.blog-grid,.feature-grid,.foot{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.section{padding:65px 0}}
