:root{
    /* Base */
    --bg:#0e1015;
    --bg-2:#13171f;
    --bg-3:#1a1f2a;
    --card:#161a23;
    --card-hover:#1c2130;
    --border:#262c3a;

    /* Text */
    --text:#ece7dd;
    --muted:#9ba1ad;
    --dim:#6b7280;

    /* Accents — زرشکی + طلایی + مسی + teal */
    --burgundy:#8b2448;
    --wine:#6b1a35;
    --deep-wine:#4a0f24;
    --gold:#d4a574;
    --gold-light:#e8c89a;
    --copper:#b8704a;
    --teal:#3d8b8b;

    /* Gradients */
    --grad-primary:linear-gradient(135deg,#8b2448 0%,#6b1a35 100%);
    --grad-gold:linear-gradient(135deg,#e8c89a 0%,#d4a574 50%,#b8864a 100%);
    --grad-text:linear-gradient(135deg,#e8c89a 0%,#d4a574 40%,#8b2448 100%);
    --grad-mixed:linear-gradient(135deg,#8b2448 0%,#b8704a 60%,#d4a574 100%);

    --glow-gold:0 0 28px rgba(212,165,116,.28);
    --glow-burgundy:0 0 28px rgba(139,36,72,.35);

    --radius:14px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}

body{
    font-family:'Vazirmatn',system-ui,-apple-system,sans-serif;
    background:
        radial-gradient(ellipse 70% 45% at 50% -10%, rgba(212,165,116,.07), transparent 60%),
        radial-gradient(ellipse 60% 40% at 100% 100%, rgba(139,36,72,.18), transparent 60%),
        radial-gradient(ellipse 50% 35% at 0% 70%, rgba(61,139,139,.06), transparent 60%),
        var(--bg);
    color:var(--text);
    line-height:1.85;
    overflow-x:hidden;
    min-height:100vh;
}

a{color:var(--gold);text-decoration:none;transition:.25s}
a:hover{color:var(--gold-light)}
.container{max-width:1140px;margin:0 auto;padding:0 20px}

/* ==== Header ==== */
.header{
    position:sticky;top:0;z-index:100;
    background:rgba(14,16,21,.85);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--border);
}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}

.logo{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700}
.logo-icon{
    width:40px;height:40px;border-radius:11px;
    background:var(--grad-mixed);
    display:grid;place-items:center;color:#fff;font-weight:800;
    box-shadow:var(--glow-gold);
    position:relative;
}
.logo-icon::after{
    content:'';position:absolute;inset:-3px;border-radius:14px;
    background:var(--grad-mixed);filter:blur(10px);opacity:.35;z-index:-1;
}
.logo-text{
    background:var(--grad-text);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    font-weight:800;
}

.menu{display:flex;gap:26px;align-items:center}
.menu a{color:var(--muted);font-size:.94rem;position:relative}
.menu a:hover{color:var(--gold-light)}
.menu a::after{
    content:'';position:absolute;bottom:-6px;right:0;left:0;height:1px;
    background:var(--grad-gold);transform:scaleX(0);transform-origin:right;
    transition:transform .3s;
}
.menu a:hover::after{transform:scaleX(1)}
.nav-tools{
    background:var(--grad-gold) !important;
    color:#2a1a0a !important;
    padding:8px 18px;border-radius:8px;
    font-weight:700 !important;
    box-shadow:0 0 20px rgba(212,165,116,.3);
}
.nav-tools:hover{box-shadow:0 0 30px rgba(212,165,116,.55);transform:translateY(-1px)}
.nav-tools::after{display:none}

/* ==== Eyebrow labels ==== */
.eyebrow{
    display:inline-block;
    font-size:.8rem;letter-spacing:1px;
    color:var(--gold);text-transform:uppercase;
    padding:6px 14px;border-radius:99px;
    border:1px solid rgba(212,165,116,.25);
    background:rgba(212,165,116,.06);
    margin-bottom:18px;
}
.eyebrow.center{display:block;text-align:center;width:fit-content;margin:0 auto 18px}

/* ==== Hero ==== */
.hero{padding:120px 0 100px;text-align:center;position:relative}
.hero::before{
    content:'';position:absolute;inset:0;
    background:
        radial-gradient(circle at 50% 0%, rgba(212,165,116,.10), transparent 45%),
        radial-gradient(circle at 85% 70%, rgba(139,36,72,.15), transparent 50%);
    pointer-events:none;
}
.hero > .container{position:relative;z-index:1}

.hero-badge{
    display:inline-block;padding:8px 20px;border-radius:99px;
    background:rgba(212,165,116,.08);
    border:1px solid rgba(212,165,116,.3);
    color:var(--gold-light);font-size:.86rem;margin-bottom:28px;
    box-shadow:0 0 24px rgba(212,165,116,.12) inset;
}
.hero h1{
    font-size:clamp(2rem,5.2vw,3.6rem);
    line-height:1.35;font-weight:800;margin-bottom:24px;
    letter-spacing:-.5px;
}
.gradient-text{
    background:var(--grad-text);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    filter:drop-shadow(0 0 24px rgba(212,165,116,.25));
}
.hero-sub{max-width:660px;margin:0 auto 40px;color:var(--muted);font-size:1.05rem}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:44px}

.hero-marks{
    display:flex;gap:26px;justify-content:center;flex-wrap:wrap;
    color:var(--dim);font-size:.85rem;
}
.hero-marks span{position:relative;padding-right:16px}
.hero-marks span::before{
    content:'◆';color:var(--gold);position:absolute;right:0;font-size:.55rem;top:50%;transform:translateY(-50%);
}

/* ==== Buttons ==== */
.btn{
    display:inline-block;padding:13px 28px;border-radius:10px;
    font-weight:600;font-size:.95rem;border:none;cursor:pointer;
    font-family:inherit;transition:.3s;
}
.btn-primary{
    background:var(--grad-mixed);
    color:#fff;
    box-shadow:0 0 24px rgba(139,36,72,.35), 0 8px 24px rgba(0,0,0,.4);
}
.btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 0 34px rgba(212,165,116,.4), 0 12px 30px rgba(0,0,0,.5);
}
.btn-ghost{
    border:1px solid rgba(212,165,116,.3);
    color:var(--gold-light);
    background:rgba(212,165,116,.04);
}
.btn-ghost:hover{
    border-color:var(--gold);
    background:rgba(212,165,116,.10);
    box-shadow:0 0 22px rgba(212,165,116,.2);
}

/* ==== Sections ==== */
.section{padding:90px 0;position:relative}
.section-alt{background:linear-gradient(180deg,transparent,var(--bg-2),transparent)}
.section-title{
    font-size:clamp(1.6rem,3.4vw,2.1rem);
    font-weight:800;margin-bottom:14px;line-height:1.4;
}
.section-title.center{text-align:center}
.section-title.right{text-align:right}
.section-title:not(.right):not(.center){
    background:var(--grad-text);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.section-sub{color:var(--muted);margin-bottom:54px}
.section-sub.center{text-align:center}
.section-sub.right{text-align:right}

/* ==== About ==== */
.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}
.about-text p{color:var(--muted);margin-bottom:16px}
.check-list{list-style:none;margin-top:26px;display:grid;gap:12px}
.check-list li{
    position:relative;padding-right:30px;color:var(--text);font-size:.95rem;
}
.check-list li::before{
    content:'✓';position:absolute;right:0;top:0;
    width:20px;height:20px;border-radius:50%;
    background:var(--grad-gold);color:#2a1a0a;
    display:grid;place-items:center;font-size:.72rem;font-weight:900;
}

.about-card{position:relative}
.about-card-inner{
    background:linear-gradient(160deg,var(--card),#100c13);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:44px 34px;
    position:relative;
    overflow:hidden;
}
.about-card-inner::before{
    content:'';position:absolute;top:0;right:0;left:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(212,165,116,.7),transparent);
}
.about-card-inner::after{
    content:'';position:absolute;bottom:-60px;left:-60px;
    width:160px;height:160px;border-radius:50%;
    background:radial-gradient(circle,rgba(139,36,72,.35),transparent 70%);
    pointer-events:none;
}
.quote-mark{
    font-size:5rem;line-height:1;color:var(--gold);
    opacity:.35;font-family:Georgia,serif;margin-bottom:-14px;
}
.about-card-inner p{
    font-size:1.08rem;line-height:1.9;color:var(--text);
    position:relative;z-index:1;
}
.quote-author{
    display:block;margin-top:18px;color:var(--gold);font-size:.88rem;
}

/* ==== Cards grid ==== */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.card{
    background:linear-gradient(160deg,var(--card),#100c13);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:30px 28px;
    transition:.35s;
    position:relative;
    overflow:hidden;
}
.card::before{
    content:'';position:absolute;top:0;right:0;left:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(212,165,116,.6),transparent);
    opacity:0;transition:.35s;
}
.card:hover{
    transform:translateY(-6px);
    border-color:rgba(212,165,116,.4);
    background:linear-gradient(160deg,var(--card-hover),#130d15);
    box-shadow:0 20px 50px rgba(0,0,0,.5), 0 0 40px rgba(212,165,116,.10);
}
.card:hover::before{opacity:1}
.card-icon{
    font-size:1.9rem;margin-bottom:16px;display:inline-block;
    filter:drop-shadow(0 0 14px rgba(212,165,116,.4));
}
.card h3{font-size:1.13rem;margin-bottom:10px;color:var(--gold-light);font-weight:700}
.card p{color:var(--muted);font-size:.92rem}

/* ==== Approach ==== */
.approach{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:26px;position:relative;
}
.approach-step{
    padding:28px 22px;
    background:linear-gradient(160deg,rgba(212,165,116,.04),transparent);
    border:1px solid var(--border);
    border-radius:var(--radius);
    position:relative;
    transition:.3s;
}
.approach-step:hover{
    border-color:rgba(212,165,116,.35);
    box-shadow:0 0 30px rgba(212,165,116,.10);
}
.step-num{
    font-size:2.2rem;font-weight:900;line-height:1;
    background:var(--grad-text);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    margin-bottom:16px;display:block;
}
.approach-step h3{color:var(--gold-light);font-size:1.05rem;margin-bottom:10px}
.approach-step p{color:var(--muted);font-size:.9rem}
.step-line{
    position:absolute;top:50%;left:-26px;width:26px;height:1px;
    background:linear-gradient(90deg,rgba(212,165,116,.5),transparent);
    display:none;
}

/* ==== Stats ==== */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px;text-align:center}
.stat{
    padding:32px 12px;
    border-radius:var(--radius);
    background:linear-gradient(160deg,rgba(139,36,72,.06),transparent);
    border:1px solid var(--border);
    transition:.3s;
}
.stat:hover{
    border-color:rgba(212,165,116,.35);
    box-shadow:0 0 30px rgba(212,165,116,.10);
}
.stat-num{
    font-size:2.5rem;font-weight:900;
    background:var(--grad-text);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    filter:drop-shadow(0 0 18px rgba(212,165,116,.3));
}
.stat-label{color:var(--muted);font-size:.9rem;margin-top:8px}

/* ==== Contact ==== */
.contact-wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:start}
.contact-list{list-style:none;margin-top:28px;display:grid;gap:16px;color:var(--muted)}
.contact-list li{display:flex;align-items:center;gap:12px}
.contact-list .ico{
    width:34px;height:34px;border-radius:9px;
    background:rgba(212,165,116,.08);
    border:1px solid rgba(212,165,116,.25);
    display:grid;place-items:center;color:var(--gold);font-size:.9rem;
}
.contact-list a{color:var(--gold-light)}

.contact-form{display:grid;gap:14px}
.contact-form input,
.contact-form textarea{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:10px;
    padding:15px 17px;
    color:var(--text);
    font-family:inherit;font-size:.95rem;
    resize:vertical;transition:.25s;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder{color:var(--dim)}
.contact-form input:focus,
.contact-form textarea:focus{
    outline:none;
    border-color:var(--gold);
    box-shadow:0 0 0 3px rgba(212,165,116,.12), 0 0 22px rgba(212,165,116,.15);
    background:#191a22;
}
.hp{position:absolute;left:-9999px}

.alert{padding:14px 18px;border-radius:10px;margin-top:20px;font-size:.92rem}
.alert.ok{background:rgba(61,139,139,.10);border:1px solid rgba(61,139,139,.4);color:#6fc7c7}
.alert.err{background:rgba(139,36,72,.12);border:1px solid rgba(139,36,72,.45);color:#e28ba6}

/* ==== Footer ==== */
.footer{
    background:linear-gradient(180deg,transparent,var(--bg-2));
    border-top:1px solid var(--border);
    padding:52px 0 22px;margin-top:60px;position:relative;
}
.footer::before{
    content:'';position:absolute;top:-1px;right:0;left:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(212,165,116,.5),transparent);
}
.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.footer strong{
    background:var(--grad-text);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    font-size:1.02rem;
}
.footer p{color:var(--muted);font-size:.9rem;margin-top:6px}
.footer-links{display:flex;gap:22px}
.footer-links a{color:var(--muted);font-size:.9rem}
.footer-links a:hover{color:var(--gold-light)}
.copyright{
    margin-top:34px;padding-top:22px;border-top:1px solid var(--border);
    text-align:center;color:var(--dim);font-size:.85rem;
}

/* ==== Scrollbar ==== */
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,var(--gold),var(--burgundy));
    border-radius:99px;
}
::-webkit-scrollbar-thumb:hover{background:var(--gold)}
::selection{background:rgba(212,165,116,.3);color:#fff}

/* ==== Responsive ==== */
@media(max-width:900px){
    .about-grid{grid-template-columns:1fr;gap:40px}
    .contact-wrap{grid-template-columns:1fr;gap:40px}
}
@media(max-width:768px){
    .menu{display:none}
    .hero{padding:80px 0 70px}
    .section{padding:70px 0}
    .footer-inner{flex-direction:column;text-align:center}
    .step-line{display:none}
}