۶/* =====================================
   ParsRay Design System v1.0
===================================== */

:root{

--primary:#0F172A;
--secondary:#F59E0B;
--white:#FFFFFF;
--light:#F8FAFC;
--text:#334155;
--border:#E2E8F0;

--radius:18px;

--transition:.35s ease;

}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:'Vazirmatn',sans-serif;

background:var(--white);

color:var(--text);

line-height:1.9;

}

.container{

width:90%;

max-width:1280px;

margin:auto;

}

a{

text-decoration:none;

color:inherit;

}

img{

max-width:100%;

display:block;

}

ul{

list-style:none;

}

header{

position:fixed;

top:0;

right:0;

width:100%;

z-index:999;

background:rgba(255,255,255,.88);

backdrop-filter:blur(18px);

border-bottom:1px solid #eee;

}

header .container{

display:flex;

align-items:center;

justify-content:space-between;

height:90px;

}

.logo{

font-size:32px;

font-weight:900;

color:var(--primary);

letter-spacing:1px;

}

nav ul{

display:flex;

gap:35px;

}

nav a{

font-weight:500;

transition:var(--transition);

}

nav a:hover{

color:var(--secondary);

}

.btn-primary{

background:var(--secondary);

color:#fff;

padding:14px 30px;

border-radius:50px;

transition:.3s;

font-weight:700;

}

.btn-primary:hover{

transform:translateY(-3px);

box-shadow:0 15px 30px rgba(245,158,11,.35);

}

.hero{

padding-top:170px;

padding-bottom:120px;

background:linear-gradient(#fff,#f8fafc);

}

.hero-content{

display:flex;

align-items:center;

justify-content:space-between;

gap:60px;

}

.hero-text{

flex:1;

}

.hero-image{

flex:1;

}

.hero h1{

font-size:58px;

font-weight:900;

line-height:1.4;

color:var(--primary);

margin-bottom:25px;

}

.hero span{

color:var(--secondary);

}

.hero p{

font-size:20px;

margin-bottom:40px;

color:#475569;

}

.hero-buttons{

display:flex;

gap:20px;

margin-top:30px;

}

.badge{

display:inline-block;

background:#F59E0B20;

color:#F59E0B;

padding:8px 18px;

border-radius:30px;

margin-bottom:25px;

font-weight:700;

}

.btn-secondary{

padding:14px 30px;

border:2px solid #0F172A;

border-radius:50px;

color:#0F172A;

transition:.3s;

}

.btn-secondary:hover{

background:#0F172A;

color:white;

}

.services{

padding:100px 0;

background:#F8FAFC;

}

.services h2{

text-align:center;

font-size:42px;

color:#0F172A;

margin-bottom:15px;

}

.services> .container>p{

text-align:center;

margin-bottom:60px;

}

.service-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

.card{

background:white;

padding:35px;

border-radius:20px;

box-shadow:0 10px 25px rgba(0,0,0,.05);

transition:.35s;

text-align:center;

}

.card:hover{

transform:translateY(-10px);

box-shadow:0 20px 40px rgba(0,0,0,.08);

}

.card h3{

margin:20px 0;

color:#0F172A;

}

.card p{

font-size:15px;

}
/* ===== Footer ===== */

.footer{

background:#0F172A;

color:#fff;

padding:70px 0 25px;

margin-top:80px;

}

.footer-grid{

display:grid;

grid-template-columns:2fr 1fr 1fr;

gap:50px;

}

.footer h3{

font-size:30px;

margin-bottom:20px;

color:#F59E0B;

}

.footer h4{

margin-bottom:20px;

}

.footer p{

line-height:2;

opacity:.9;

}

.footer ul{

padding:0;

}

.footer ul li{

margin-bottom:12px;

}

.footer ul li a{

transition:.3s;

}

.footer ul li a:hover{

color:#F59E0B;

}

.footer hr{

margin:40px 0 20px;

border:none;

border-top:1px solid rgba(255,255,255,.15);

}

.copyright{

text-align:center;

font-size:14px;

opacity:.8;

}