/* IRANNIAN COMPANY — CINEMATIC REBUILD 2026
   Real structural redesign layer. Dark is limited to cinematic scenes; the site remains balanced and readable. */
:root{
  --ink:#07151c; --ink2:#0c2730; --emerald:#0b4a43; --emerald2:#12675b;
  --gold:#c99b46; --gold2:#f1cf81; --paper:#f7f3eb; --paper2:#fffdf8;
  --sand:#e9dfcf; --text:#1c2a2f; --muted:#66747a; --line:rgba(7,21,28,.12);
  --shadow:0 30px 80px rgba(10,31,38,.14); --radius:30px;
}
html{scroll-behavior:smooth}
body.irannian-cinematic-home,body.irannian-cinematic-inner{
  background:var(--paper);color:var(--text);overflow-x:hidden;
  font-family:Tahoma,Arial,sans-serif!important;
}
body.irannian-cinematic-home *,body.irannian-cinematic-inner *{box-sizing:border-box}
body.irannian-cinematic-home a,body.irannian-cinematic-inner a{transition:.28s ease}
body.irannian-cinematic-home img,body.irannian-cinematic-inner img{max-width:100%}

/* NAV */
#header .navbar{padding:16px 0;background:rgba(5,18,24,.56)!important;backdrop-filter:blur(22px) saturate(145%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none!important;transition:.35s ease}
#header .navbar.cine-nav-scrolled{background:rgba(7,21,28,.94)!important;padding:10px 0;box-shadow:0 12px 35px rgba(0,0,0,.16)!important}
#header .navbar-brand img{height:58px!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3))}
#header .nav-link{color:rgba(255,255,255,.88)!important;font-weight:600!important;font-size:13px!important;padding:11px 12px!important;position:relative}
#header .nav-link:after{content:"";position:absolute;right:12px;left:12px;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);transform:scaleX(0);transition:.25s}
#header .nav-link:hover:after{transform:scaleX(1)}
#header .nav-link:hover{color:var(--gold2)!important}
#header .navbar-toggler{border:1px solid rgba(255,255,255,.28)!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important}

/* CINEMATIC HERO — actual new composition */
#header.cinematic-hero{position:relative;min-height:100vh;overflow:hidden;background:
 radial-gradient(circle at 78% 24%,rgba(201,155,70,.24),transparent 23%),
 radial-gradient(circle at 23% 75%,rgba(18,103,91,.3),transparent 30%),
 linear-gradient(125deg,#041016 0%,#0a2730 48%,#0b4a43 100%)!important;color:#fff}
#header.cinematic-hero:before{content:"";position:absolute;inset:-20%;background:repeating-radial-gradient(circle at 65% 40%,transparent 0 54px,rgba(241,207,129,.055) 55px 56px);animation:cineOrbit 22s linear infinite;pointer-events:none}
#header.cinematic-hero:after{content:"";position:absolute;width:54vw;height:54vw;border:1px solid rgba(241,207,129,.15);border-radius:50%;right:-12vw;top:10vh;box-shadow:0 0 0 45px rgba(241,207,129,.025),0 0 0 90px rgba(241,207,129,.015);pointer-events:none}
.cine-hero-shell{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:70px;padding:145px max(5vw,40px) 80px;max-width:1500px;margin:auto;direction:rtl}
.cine-hero-copy{position:relative;z-index:4;text-align:right}
.cine-hero-copy:before{content:"";display:block;width:88px;height:2px;margin-bottom:28px;background:linear-gradient(90deg,var(--gold),transparent);box-shadow:0 0 20px rgba(241,207,129,.45)}
.cine-hero-copy h1{font-size:clamp(38px,4.7vw,76px)!important;line-height:1.28!important;font-weight:900!important;letter-spacing:-2px;color:#fff!important;margin:0 0 28px!important;max-width:820px;text-shadow:0 10px 32px rgba(0,0,0,.28)}
.cine-hero-copy h1::first-line{color:var(--gold2)}
.cine-hero-copy p{font-size:clamp(16px,1.35vw,21px)!important;line-height:2.05!important;color:rgba(255,255,255,.76)!important;max-width:720px;margin:0 0 34px!important}
.cine-hero-copy .head-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}
.cine-hero-copy .bttn{border-radius:999px!important;padding:15px 25px!important;font-weight:700!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important}
.cine-hero-copy .btn-purple{background:linear-gradient(135deg,var(--gold2),var(--gold))!important;color:#132026!important;border-color:transparent!important;box-shadow:0 12px 35px rgba(201,155,70,.24)!important}
.cine-hero-copy .btn-empty{background:rgba(255,255,255,.07)!important;color:#fff!important;backdrop-filter:blur(12px)}
.cine-hero-copy .bttn:hover{transform:translateY(-3px)}
.cine-hero-visual{position:relative;min-height:650px;isolation:isolate}
.cine-frame{position:absolute;overflow:hidden;border-radius:34px;box-shadow:0 35px 90px rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.15);background:#102d35}
.cine-frame img{width:100%;height:100%;object-fit:cover;display:block}
.cine-frame-photo{width:69%;height:72%;left:2%;top:10%;transform:rotate(-3deg);animation:frameFloatA 9s ease-in-out infinite}
.cine-frame-photo img{animation:kenburns 18s ease-in-out infinite alternate}
.cine-frame-graphic{width:53%;height:43%;right:0;bottom:4%;transform:rotate(4deg);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(228,240,237,.88));animation:frameFloatB 10s ease-in-out infinite}
.cine-frame-graphic img{object-fit:contain;padding:25px;filter:drop-shadow(0 20px 30px rgba(7,21,28,.22))}
.cine-brand-orbit{position:absolute;right:5%;top:3%;width:220px;height:220px;border-radius:50%;display:grid;place-items:center;background:rgba(5,18,24,.74);border:1px solid rgba(241,207,129,.34);box-shadow:0 0 80px rgba(201,155,70,.18);backdrop-filter:blur(18px);z-index:5;animation:brandFloat 8s ease-in-out infinite}
.cine-brand-orbit img{width:87%;filter:drop-shadow(0 16px 26px rgba(0,0,0,.35))}
.cine-light-streak{position:absolute;width:130%;height:110px;right:-20%;top:48%;background:linear-gradient(90deg,transparent,rgba(241,207,129,.22),transparent);filter:blur(20px);transform:rotate(-12deg);mix-blend-mode:screen;animation:streak 7s ease-in-out infinite;z-index:3}
#header .background-shapes{display:none!important}

/* CLIENT / TRUST RIBBON */
#clients.clients{position:relative;background:#fff!important;padding:0!important;border-bottom:1px solid var(--line);z-index:3}
#clients .container{max-width:1280px!important;padding:0 24px!important}
#clients .clients-inner{min-height:94px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;box-shadow:none!important}
#clients p,#clients span,#clients h2,#clients h3{color:var(--ink)!important;font-size:14px!important;letter-spacing:.1px}

/* GENERAL SCENES */
body.irannian-cinematic-home section{position:relative}
body.irannian-cinematic-home .section-title span,body.irannian-cinematic-home .main-title>span{color:var(--gold)!important;font-weight:800!important;letter-spacing:.3px}
body.irannian-cinematic-home .section-title h2,body.irannian-cinematic-home .main-title h2{font-size:clamp(30px,3.4vw,52px)!important;line-height:1.45!important;color:var(--ink)!important;font-weight:900!important;letter-spacing:-1px}

/* SERVICES — new asymmetric card architecture */
#services.services{padding:120px 0 135px!important;background:
 radial-gradient(circle at 12% 12%,rgba(201,155,70,.12),transparent 25%),
 linear-gradient(180deg,#fffdf9 0%,#f3eee5 100%)!important}
#services .services-box{box-shadow:none!important;background:transparent!important}
#services .section-title{text-align:center!important;margin:0 auto 62px!important;max-width:780px}
#services .services-inner>.row{display:grid!important;grid-template-columns:1fr .8fr 1fr!important;gap:26px!important;margin:0!important;align-items:stretch!important}
#services .services-inner>.row>[class*=col-]{max-width:none!important;width:auto!important;flex:none!important;padding:0!important;display:block!important}
#services .side-service{display:grid!important;gap:24px!important;height:100%}
#services .service-item{position:relative!important;display:grid!important;grid-template-columns:64px 1fr!important;align-items:start!important;gap:17px!important;padding:29px!important;margin:0!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(7,21,28,.08)!important;border-radius:26px!important;box-shadow:0 18px 55px rgba(21,48,53,.09)!important;overflow:hidden!important;backdrop-filter:blur(14px);transition:.35s ease!important}
#services .service-item:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(201,155,70,.09);left:-50px;bottom:-50px;transition:.35s}
#services .service-item:hover{transform:translateY(-8px)!important;box-shadow:0 26px 70px rgba(21,48,53,.14)!important;border-color:rgba(201,155,70,.35)!important}
#services .service-item:hover:after{transform:scale(1.6)}
#services .plus-icon{position:relative!important;inset:auto!important;width:58px!important;height:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,var(--ink),var(--emerald))!important;color:var(--gold2)!important;box-shadow:0 12px 28px rgba(7,21,28,.18)!important}
#services .plus-icon i{font-size:27px!important;color:inherit!important}
#services .service-txt{padding:0!important;text-align:right!important}
#services .service-txt h3{color:var(--ink)!important;font-size:19px!important;font-weight:900!important;margin:0 0 9px!important}
#services .service-txt p{color:var(--muted)!important;line-height:1.95!important;margin:0!important;font-size:14px!important}
#services .service-box.center{height:100%!important;min-height:510px!important;border-radius:36px!important;background:
 linear-gradient(rgba(5,18,24,.17),rgba(5,18,24,.58)),url('../img/man-in-white-dress-shirt-926390.jpg') center/cover!important;box-shadow:var(--shadow)!important;position:relative!important;overflow:hidden!important}
#services .service-box.center:before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.22);border-radius:24px}
#services .service-box.center:after{content:"";position:absolute;width:190px;height:190px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:url('../img/main-logo.png') center/88% no-repeat,rgba(4,16,22,.68);border:1px solid rgba(241,207,129,.35);box-shadow:0 20px 50px rgba(0,0,0,.35);animation:brandFloat 8s ease-in-out infinite}

/* AI SCENES */
#random-post.random-post{padding:120px 0!important;background:var(--ink)!important;overflow:hidden}
#random-post:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,rgba(18,103,91,.32),transparent 27%),radial-gradient(circle at 88% 68%,rgba(201,155,70,.16),transparent 25%);pointer-events:none}
#random-post> .container{position:relative;z-index:2}
#random-post> .container>h2.sr-only{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;text-align:center;color:#fff!important;font-size:clamp(30px,3.4vw,52px)!important;font-weight:900!important;margin:0 0 64px!important}
#random-post .first-post,#random-post .second-post{border-radius:36px!important;padding:20px!important;margin-bottom:34px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 30px 90px rgba(0,0,0,.24)!important;overflow:hidden!important;backdrop-filter:blur(14px)}
#random-post .first-post .row,#random-post .second-post .row{min-height:450px!important}
#random-post .post-img{height:100%!important;min-height:390px!important;display:grid!important;place-items:center!important;border-radius:26px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(241,207,129,.1),rgba(18,103,91,.2))!important;position:relative!important}
#random-post .post-img:before{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(241,207,129,.22);border-radius:50%;animation:cineOrbit 14s linear infinite}
#random-post .post-img img{max-height:330px!important;position:relative!important;z-index:2!important;filter:drop-shadow(0 22px 35px rgba(0,0,0,.32));animation:brandFloat 7s ease-in-out infinite!important}
#random-post .post-txt{padding:42px 50px!important;text-align:right!important}
#random-post .label{display:inline-flex!important;padding:8px 14px!important;border-radius:999px!important;background:rgba(201,155,70,.13)!important;color:var(--gold2)!important;border:1px solid rgba(241,207,129,.24)!important;font-weight:800!important}
#random-post .post-txt h3{color:#fff!important;font-size:clamp(26px,2.4vw,40px)!important;font-weight:900!important;line-height:1.55!important;margin:18px 0!important}
#random-post .post-txt p{color:rgba(255,255,255,.7)!important;font-size:15px!important;line-height:2.1!important}
#random-post .post-txt a{display:inline-flex!important;align-items:center!important;gap:7px!important;margin-top:12px!important;padding:13px 22px!important;border-radius:999px!important;background:linear-gradient(135deg,var(--gold2),var(--gold))!important;color:var(--ink)!important;font-weight:800!important}
#random-post .top-ico,#random-post .dots{display:none!important}

/* STATS — monumental cards */
#statistics.statistics{padding:105px 0!important;background:#e9e1d5!important}
#statistics> .container>h2.sr-only{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;text-align:center;color:var(--ink)!important;font-size:clamp(30px,3.2vw,48px)!important;font-weight:900!important;margin:0 0 48px!important}
#statistics .statistics-inner{background:transparent!important;box-shadow:none!important;padding:0!important}
#statistics .statistics-inner .row .row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important;margin:0!important}
#statistics .statistics-inner .row .row>[class*=col-]{max-width:none!important;width:auto!important;flex:none!important;padding:0!important}
#statistics .counter{min-height:250px!important;border-radius:30px!important;padding:34px 26px!important;background:rgba(255,255,255,.74)!important;border:1px solid rgba(7,21,28,.08)!important;box-shadow:0 22px 60px rgba(7,21,28,.09)!important;text-align:right!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;transition:.35s!important}
#statistics .counter.active{background:linear-gradient(145deg,var(--ink),var(--emerald))!important}
#statistics .counter.active h3,#statistics .counter.active .counter-value{color:#fff!important}
#statistics .counter:hover{transform:translateY(-7px)}
#statistics .counter-icon{width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:rgba(201,155,70,.13)!important;color:var(--gold)!important;margin:0 0 25px auto!important}
#statistics .counter-icon i{font-size:28px!important}
#statistics .counter-value{font-size:34px!important;color:var(--gold)!important;font-weight:900!important}
#statistics .counter h3{color:var(--ink)!important;font-size:18px!important;font-weight:900!important;line-height:1.7!important;margin:10px 0 0!important}

/* CTA / TRIAL — image cinematic, not flat dark */
#trial.trial{min-height:590px!important;padding:120px 0!important;display:flex!important;align-items:center!important;text-align:right!important;background:
 linear-gradient(90deg,rgba(5,18,24,.93) 0%,rgba(5,18,24,.78) 47%,rgba(5,18,24,.16) 100%),url('../img/careers.jpg') center/cover fixed!important;color:#fff!important;overflow:hidden}
#trial .container{position:relative;z-index:2}
#trial .container>*:not(img){max-width:700px!important;margin-right:0!important;margin-left:auto!important}
#trial .trial-label{color:var(--gold2)!important;font-weight:900!important}
#trial p{color:rgba(255,255,255,.76)!important;font-size:17px!important;line-height:2!important}
#trial h2{font-size:clamp(32px,4vw,58px)!important;color:#fff!important;font-weight:900!important;line-height:1.5!important;margin:25px 0!important}
#trial .line-sepa{background:linear-gradient(90deg,var(--gold),transparent)!important;height:2px!important}
#trial .bttn{border-radius:999px!important;background:linear-gradient(135deg,var(--gold2),var(--gold))!important;color:var(--ink)!important;border:0!important;padding:14px 25px!important;font-weight:900!important}
#trial img{position:absolute!important;width:36%!important;max-width:480px!important;left:6%!important;bottom:-7%!important;filter:drop-shadow(0 25px 55px rgba(0,0,0,.3));opacity:.9;animation:brandFloat 8s ease-in-out infinite}

/* WHY IRANNIAN — photo editorial composition */
#start-working.start-working{padding:120px 0!important;background:var(--paper2)!important;color:var(--text)!important;overflow:hidden}
#start-working .overlay{display:none!important}
#start-working .row{display:grid!important;grid-template-columns:1.07fr .93fr!important;gap:70px!important;margin:0!important;align-items:center!important}
#start-working .row>[class*=col-]{max-width:none!important;width:auto!important;flex:none!important;padding:0!important}
#start-working .video-place{height:570px!important;border-radius:40px!important;overflow:hidden!important;position:relative!important;box-shadow:var(--shadow)!important}
#start-working .video-place:before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.38);border-radius:27px;z-index:2;pointer-events:none}
#start-working .video-place img{width:100%!important;height:100%!important;object-fit:cover!important;animation:kenburns 20s ease-in-out infinite alternate}
#start-working .video-place a{position:absolute!important;z-index:4!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:86px!important;height:86px!important;border-radius:50%!important;background:rgba(255,255,255,.86)!important;color:var(--emerald)!important;display:grid!important;place-items:center!important;box-shadow:0 20px 55px rgba(0,0,0,.18)!important}
#start-working .video-txt{padding:0!important;color:var(--text)!important;text-align:right!important}
#start-working .video-txt>span{color:var(--gold)!important;font-weight:900!important}
#start-working .video-txt h2{font-size:clamp(34px,4vw,58px)!important;color:var(--ink)!important;font-weight:900!important;margin:13px 0 18px!important}
#start-working .video-txt p{color:var(--muted)!important;font-size:16px!important;line-height:2.1!important}
#start-working .video-txt ul .row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 16px!important;margin-top:25px!important}
#start-working .video-txt ul li{padding:11px 0!important;color:var(--ink)!important;font-weight:700!important;border-bottom:1px solid var(--line)!important}
#start-working .video-txt ul li i{color:var(--gold)!important;margin-left:8px!important}

/* PRINCIPLES */
#principles.principles{padding:115px 0!important;background:linear-gradient(180deg,#f0e9de,#fffdf8)!important}
#principles .section-title{max-width:760px!important;margin:0 auto 55px!important}
#principles .section-title p{color:var(--muted)!important}
#principles .row.mt-5{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important;margin-top:0!important}
#principles .row.mt-5>[class*=col-]{max-width:none!important;width:auto!important;flex:none!important;padding:0!important}
#principles .principle-item{height:100%!important;min-height:290px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;border-radius:30px!important;background:rgba(255,255,255,.8)!important;border:1px solid rgba(7,21,28,.08)!important;box-shadow:0 18px 55px rgba(7,21,28,.08)!important;transition:.35s!important}
#principles .principle-item:hover{transform:translateY(-8px)!important;background:#fff!important}
#principles .principle-icon{width:72px!important;height:72px!important;border-radius:22px!important;background:linear-gradient(145deg,var(--ink),var(--emerald))!important;display:grid!important;place-items:center!important}
#principles .principle-icon i{color:var(--gold2)!important;font-size:32px!important}
#principles h3{color:var(--ink)!important;font-weight:900!important}
#principles p{color:var(--muted)!important;line-height:2!important}

/* BLOG — gallery-like editorial rail */
#blog.blog{padding:120px 0 140px!important;background:#fff!important}
#blog .main-title{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:end!important;margin-bottom:45px!important;text-align:right!important}
#blog .main-title p{color:var(--muted)!important;font-size:16px!important;line-height:2!important;margin:0!important;text-align:left!important}
#blog .growth-notes-slider{padding:0 32px 50px!important}
#blog .post-item{border-radius:28px!important;overflow:hidden!important;border:1px solid rgba(7,21,28,.08)!important;box-shadow:0 18px 55px rgba(7,21,28,.09)!important;background:#fff!important}
#blog .post-img{aspect-ratio:1.5!important;overflow:hidden!important}
#blog .post-img img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .7s ease!important}
#blog .post-item:hover .post-img img{transform:scale(1.08)!important}
#blog .post-txt{padding:25px!important}
#blog .post-title{color:var(--ink)!important;font-weight:900!important;font-size:17px!important;line-height:1.8!important}
#blog .post-txt p{color:var(--muted)!important}
#blog .tags a{background:rgba(201,155,70,.13)!important;color:#8a6428!important}
#blog .owl-nav button{background:var(--ink)!important;color:var(--gold2)!important}

/* CONTACT — split cinematic ending */
#contact-us.contact-us{background:var(--ink)!important;color:#fff!important;padding:0!important}
#contact-us .map-area{padding:100px 0 50px!important;background:radial-gradient(circle at 80% 20%,rgba(18,103,91,.38),transparent 34%),var(--ink)!important}
#contact-us .map-area .main-title{text-align:center!important;max-width:820px!important;margin:auto!important}
#contact-us .map-area h2{color:#fff!important}
#contact-us .map-area p{color:rgba(255,255,255,.68)!important}
#contact-us .map-area a{display:inline-block!important;color:var(--gold2)!important;font-size:30px!important;font-weight:900!important;margin-top:16px!important;direction:ltr}
#contact-us .form-area{background:transparent!important;padding:0 0 110px!important}
#contact-us .form-box{max-width:960px!important;margin:auto!important;padding:44px!important;border-radius:34px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(18px)!important;box-shadow:0 30px 80px rgba(0,0,0,.22)!important}
#contact-us .form-box h3{color:#fff!important;font-size:30px!important;font-weight:900!important}
#contact-us .form-box p{color:rgba(255,255,255,.65)!important}
#contact-us .floating-label-field{background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;border-radius:16px!important;padding:15px!important}
#contact-us .floating-label{color:rgba(255,255,255,.6)!important}
#contact-us input[type=submit]{background:linear-gradient(135deg,var(--gold2),var(--gold))!important;color:var(--ink)!important;border:0!important;border-radius:999px!important;padding:14px 30px!important;font-weight:900!important}
#contact-us .background-shapes{display:none!important}

/* FOOTER */
#footer.footer{background:#041016!important;color:rgba(255,255,255,.7)!important;border-top:1px solid rgba(255,255,255,.08)!important}
#footer a{color:rgba(255,255,255,.72)!important}
#footer a:hover{color:var(--gold2)!important}
#footer h3,#footer h4,#footer .footer-title{color:#fff!important}
#footer img{filter:none!important}

/* INNER PAGES — consistent cinematic visual system, not black flood */
body.irannian-cinematic-inner{background:linear-gradient(180deg,#f7f3eb,#fff)!important}
body.irannian-cinematic-inner .header{background:linear-gradient(125deg,#06141b,#0b3a39)!important}
body.irannian-cinematic-inner .inner-pages,.irannian-cinematic-inner .page-header,.irannian-cinematic-inner .breadcrumb-area{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(5,18,24,.88),rgba(11,74,67,.72)),url('../img/inner-pages.jpg') center/cover!important;color:#fff!important}
body.irannian-cinematic-inner .inner-pages:after,body.irannian-cinematic-inner .page-header:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(241,207,129,.18);left:-120px;top:-120px;box-shadow:0 0 0 45px rgba(241,207,129,.025)}
body.irannian-cinematic-inner .section-title h2,body.irannian-cinematic-inner .main-title h2{color:var(--ink)!important;font-weight:900!important}
body.irannian-cinematic-inner .service-item,body.irannian-cinematic-inner .post-item,body.irannian-cinematic-inner .team-item,body.irannian-cinematic-inner .portfolio-item,body.irannian-cinematic-inner .price-item,body.irannian-cinematic-inner .faq-item{border-radius:24px!important;background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 18px 52px rgba(7,21,28,.08)!important;overflow:hidden}
body.irannian-cinematic-inner .bttn,body.irannian-cinematic-inner input[type=submit],body.irannian-cinematic-inner button[type=submit]{border-radius:999px!important}

/* REVEAL / INTERACTION */
[data-cine-reveal]{opacity:0;transform:translateY(34px);transition:opacity .85s cubic-bezier(.2,.65,.2,1),transform .85s cubic-bezier(.2,.65,.2,1)}
[data-cine-reveal].is-visible{opacity:1;transform:none}
.cine-pointer-glow{position:fixed;width:340px;height:340px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(201,155,70,.08),transparent 68%);transform:translate(-50%,-50%);transition:opacity .2s;mix-blend-mode:multiply}
.cine-progress{position:fixed;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold2));z-index:99999;box-shadow:0 0 14px rgba(241,207,129,.5)}

@keyframes cineOrbit{to{transform:rotate(360deg)}}
@keyframes frameFloatA{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-14px)}}
@keyframes frameFloatB{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(2deg) translateY(13px)}}
@keyframes brandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes streak{0%,100%{opacity:.2;transform:translateX(-5%) rotate(-12deg)}50%{opacity:.7;transform:translateX(8%) rotate(-12deg)}}
@keyframes kenburns{from{transform:scale(1.02)}to{transform:scale(1.11)}}

@media(max-width:991px){
 #header .navbar{background:rgba(5,18,24,.94)!important}
 #header .navbar-collapse{padding:14px 0 18px}
 .cine-hero-shell{grid-template-columns:1fr;gap:25px;padding:130px 28px 60px;min-height:auto}
 .cine-hero-copy{text-align:center}.cine-hero-copy:before{margin:0 auto 24px}.cine-hero-copy p{margin-left:auto!important;margin-right:auto!important}.cine-hero-copy .head-buttons{justify-content:center}
 .cine-hero-visual{min-height:520px;max-width:700px;width:100%;margin:auto}
 #services .services-inner>.row{grid-template-columns:1fr 1fr!important}
 #services .services-inner>.row>[class*=col-]:nth-child(2){grid-column:1/-1;grid-row:1}
 #services .service-box.center{min-height:380px!important}
 #start-working .row{grid-template-columns:1fr!important;gap:42px!important}
 #start-working .video-place{height:480px!important}
 #principles .row.mt-5{grid-template-columns:1fr!important}
}
@media(max-width:767px){
 #header .navbar-brand img{height:48px!important}
 .cine-hero-shell{padding:110px 18px 45px}
 .cine-hero-copy h1{font-size:38px!important;letter-spacing:-1px}
 .cine-hero-copy p{font-size:15px!important;line-height:2!important}
 .cine-hero-copy .head-buttons{display:grid;grid-template-columns:1fr;width:100%}.cine-hero-copy .bttn{text-align:center!important}
 .cine-hero-visual{min-height:390px}
 .cine-frame-photo{width:78%;height:70%;left:0;top:8%}.cine-frame-graphic{width:56%;height:42%;right:0}.cine-brand-orbit{width:145px;height:145px;right:4%;top:0}
 #services.services,#random-post.random-post,#statistics.statistics,#start-working.start-working,#principles.principles,#blog.blog{padding:80px 0!important}
 #services .services-inner>.row{grid-template-columns:1fr!important}
 #services .services-inner>.row>[class*=col-]:nth-child(2){grid-column:auto;grid-row:auto}
 #services .service-box.center{min-height:330px!important}
 #random-post .first-post,#random-post .second-post{padding:10px!important;border-radius:26px!important}
 #random-post .post-img{min-height:280px!important}#random-post .post-txt{padding:28px 18px!important}
 #statistics .statistics-inner .row .row{grid-template-columns:1fr!important}
 #trial.trial{min-height:650px!important;padding:85px 0 230px!important;background-attachment:scroll!important;background-position:center!important}#trial img{width:70%!important;left:15%!important;bottom:-4%!important}
 #start-working .video-place{height:360px!important;border-radius:28px!important}
 #start-working .video-txt ul .row{grid-template-columns:1fr!important}
 #blog .main-title{grid-template-columns:1fr!important;gap:12px!important}#blog .main-title p{text-align:right!important}
 #contact-us .form-box{padding:28px 18px!important;border-radius:25px!important}
 .cine-pointer-glow{display:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-cine-reveal]{opacity:1!important;transform:none!important}}

/* =========================================================
   IRANNIAN — LIGHT GOLD/BLACK FINAL OVERRIDE · 2026-08-25
   ========================================================= */
@import url('https://cdn.fontcdn.ir/Font/Persian/Dana/Dana.css');

:root{
  --paper:#ffffff;
  --paper2:#fffdf9;
  --ink:#111111;
  --ink2:#262626;
  --gold:#b68a2d;
  --gold2:#e2bd67;
  --sand:#f3ede2;
  --text:#262626;
  --muted:#6b6b6b;
  --line:rgba(17,17,17,.09);
}

html,body,button,input,textarea,select,a,p,span,div,h1,h2,h3,h4,h5,h6,label,li{
  font-family:'Dana','IRY',Tahoma,Arial,sans-serif!important;
}
body.irannian-cinematic-home,body.irannian-cinematic-inner{
  background:#fff!important;
  color:var(--text)!important;
}

/* light cinematic navigation */
#header .navbar{
  background:rgba(255,255,255,.78)!important;
  border-bottom:1px solid rgba(17,17,17,.07)!important;
  box-shadow:0 10px 40px rgba(17,17,17,.04)!important;
  backdrop-filter:blur(20px) saturate(150%)!important;
}
#header .navbar.cine-nav-scrolled{
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 12px 40px rgba(17,17,17,.08)!important;
}
#header .nav-link{color:#161616!important;font-weight:700!important}
#header .nav-link:hover{color:var(--gold)!important}
#header .navbar-toggler{border-color:rgba(17,17,17,.14)!important;background:#fff!important}

/* Hero: white cinematic canvas with black + gold accents */
#header.cinematic-hero{
  min-height:100vh;
  color:#111!important;
  background:
    radial-gradient(circle at 78% 22%,rgba(226,189,103,.22),transparent 22%),
    radial-gradient(circle at 15% 82%,rgba(17,17,17,.055),transparent 27%),
    linear-gradient(135deg,#ffffff 0%,#fffdf8 52%,#f7f0e5 100%)!important;
}
#header.cinematic-hero:before{
  inset:-18%;
  background:repeating-radial-gradient(circle at 68% 38%,transparent 0 56px,rgba(182,138,45,.065) 57px 58px)!important;
  opacity:.72;
}
#header.cinematic-hero:after{
  border-color:rgba(182,138,45,.16)!important;
  box-shadow:0 0 0 44px rgba(182,138,45,.035),0 0 0 88px rgba(17,17,17,.018)!important;
}
.cine-hero-copy:before{background:linear-gradient(90deg,var(--gold),rgba(182,138,45,0))!important}
.cine-hero-copy h1{color:#111!important;text-shadow:none!important}
.cine-hero-copy h1::first-line{color:#111!important}
.cine-hero-copy h1 strong,.cine-hero-copy h1 b{color:var(--gold)!important}
.cine-hero-copy p{color:#5d5d5d!important}
.cine-hero-copy .btn-purple{
  background:linear-gradient(135deg,#111,#2a2a2a)!important;
  color:#f3cf7b!important;
  box-shadow:0 15px 34px rgba(17,17,17,.18)!important;
}
.cine-hero-copy .btn-empty{
  background:#fff!important;color:#171717!important;
  border:1px solid rgba(17,17,17,.13)!important;
  box-shadow:0 12px 30px rgba(17,17,17,.06)!important;
}

/* make initial graphic scene livelier */
.cine-hero-visual{min-height:670px;filter:none}
.cine-hero-visual:before,
.cine-hero-visual:after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;
}
.cine-hero-visual:before{
  width:490px;height:490px;right:7%;top:7%;
  border:1px solid rgba(182,138,45,.25);
  box-shadow:0 0 0 24px rgba(182,138,45,.04),0 0 0 65px rgba(17,17,17,.025);
  animation:cineOrbit 20s linear infinite;
}
.cine-hero-visual:after{
  width:220px;height:220px;left:4%;bottom:7%;
  background:radial-gradient(circle,rgba(226,189,103,.18),rgba(226,189,103,0) 70%);
  filter:blur(3px);animation:brandFloat 7s ease-in-out infinite;
}
.cine-frame{
  border-color:rgba(17,17,17,.09)!important;
  box-shadow:0 28px 75px rgba(17,17,17,.18)!important;
  background:#fff!important;
}
.cine-frame-photo{
  width:70%;height:73%;left:1%;top:10%;
  border:10px solid rgba(255,255,255,.88)!important;
}
.cine-frame-photo:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(145deg,transparent 45%,rgba(226,189,103,.17));pointer-events:none;
}
.cine-frame-graphic{
  width:58%;height:45%;right:-2%;bottom:2%;
  background:linear-gradient(145deg,#fff,#f6efe2)!important;
  border:1px solid rgba(182,138,45,.2)!important;
  box-shadow:0 24px 60px rgba(17,17,17,.14),inset 0 0 0 1px rgba(255,255,255,.7)!important;
}
.cine-frame-graphic:before{
  content:"AI";position:absolute;left:18px;top:14px;z-index:2;
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  font-size:12px;font-weight:900;letter-spacing:1px;color:#111;
  border:1px solid rgba(182,138,45,.5);background:rgba(255,255,255,.82);
  box-shadow:0 8px 24px rgba(17,17,17,.08);
}
.cine-frame-graphic img{padding:30px!important;filter:drop-shadow(0 22px 25px rgba(17,17,17,.15))!important;animation:graphicPulse 6s ease-in-out infinite}
.cine-brand-orbit{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(182,138,45,.35)!important;
  box-shadow:0 24px 60px rgba(17,17,17,.13),0 0 0 12px rgba(255,255,255,.5)!important;
}
.cine-brand-orbit img{filter:drop-shadow(0 14px 24px rgba(17,17,17,.2))!important}
.cine-light-streak{
  height:120px!important;background:linear-gradient(90deg,transparent,rgba(226,189,103,.3),transparent)!important;
  mix-blend-mode:multiply!important;opacity:.85;
}
.cine-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold2);box-shadow:0 0 18px rgba(182,138,45,.55);z-index:4;pointer-events:none;animation:particleDrift var(--dur,6s) ease-in-out infinite alternate}
@keyframes graphicPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.025)}}
@keyframes particleDrift{0%{transform:translate3d(0,0,0);opacity:.25}50%{opacity:.9}100%{transform:translate3d(var(--dx,22px),var(--dy,-28px),0);opacity:.35}}

/* keep the rest of the site bright with black/gold identity */
#services.services,#principles.principles,#blog.blog,#contact-us.contact-us{
  background:#fff!important;
}
#services.services{background:radial-gradient(circle at 12% 12%,rgba(182,138,45,.08),transparent 23%),linear-gradient(180deg,#fff,#fbf8f2)!important}
#statistics.statistics{background:linear-gradient(135deg,#171717,#262626)!important}
#trial.trial{background:linear-gradient(135deg,#fffaf0,#f4ead8)!important;color:#111!important}
#trial.trial h2,#trial.trial p{color:#171717!important}
#start-working.start-working{background:#111!important}
#random-post.random-post{background:linear-gradient(180deg,#fff,#fbf8f3)!important}

/* compact, tidy trust/license area */
.footer-trust-badges{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;
  gap:10px!important;padding:18px 14px!important;margin:10px auto 18px!important;
  max-width:980px!important;background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(17,17,17,.08)!important;border-radius:20px!important;
  box-shadow:0 10px 34px rgba(17,17,17,.05)!important;
}
.footer-trust-badges a,
.footer-trust-badges .irannian-license-wrapper{
  width:84px!important;height:84px!important;min-width:84px!important;
  padding:8px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:14px!important;background:#fff!important;border:1px solid rgba(17,17,17,.07)!important;
  box-shadow:none!important;overflow:hidden!important;
}
.footer-trust-badges img,
.footer-trust-badges .asnaf-logo,
.footer-trust-badges .asnaf-badge img{
  width:auto!important;height:auto!important;max-width:66px!important;max-height:66px!important;object-fit:contain!important;margin:0!important;
}
.footer-trust-badges a:hover{transform:translateY(-3px)!important;border-color:rgba(182,138,45,.38)!important;box-shadow:0 9px 24px rgba(17,17,17,.08)!important}

/* 3-second entry sequence */
.irannian-entry{
  position:fixed;inset:0;z-index:2147483000;background:#fff;display:grid;place-items:center;overflow:hidden;
  transition:opacity .45s ease,visibility .45s ease;
}
.irannian-entry.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.irannian-entry:before,.irannian-entry:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(182,138,45,.18);animation:entryOrbit 3s linear infinite}
.irannian-entry:before{width:min(68vw,720px);height:min(68vw,720px)}
.irannian-entry:after{width:min(48vw,500px);height:min(48vw,500px);animation-direction:reverse}
.entry-gold-line{position:absolute;width:130vw;height:2px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);transform:rotate(-10deg);filter:blur(.2px);animation:entrySweep 2.5s ease-in-out both}
.entry-mark{position:relative;z-index:2;width:min(280px,56vw);filter:drop-shadow(0 22px 30px rgba(17,17,17,.16));animation:entryMark 2.4s cubic-bezier(.2,.72,.18,1) both}
.entry-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 24px rgba(182,138,45,.7);animation:entrySpark 2.4s ease-in-out infinite}
@keyframes entryMark{0%{opacity:0;transform:scale(.72) rotate(-4deg);filter:blur(9px)}38%{opacity:1;transform:scale(1.04) rotate(0);filter:blur(0)}72%{transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes entryOrbit{to{transform:rotate(360deg)}}
@keyframes entrySweep{0%{opacity:0;transform:translateX(-80%) rotate(-10deg)}45%{opacity:1}100%{opacity:0;transform:translateX(80%) rotate(-10deg)}}
@keyframes entrySpark{0%,100%{transform:scale(.6);opacity:.2}50%{transform:scale(1.3);opacity:1}}

@media(max-width:991px){
  .cine-hero-shell{grid-template-columns:1fr!important;padding-top:135px!important;gap:30px!important}
  .cine-hero-visual{min-height:510px!important}
  #header.cinematic-hero{min-height:auto!important}
}
@media(max-width:600px){
  #header .navbar-brand img{height:46px!important}
  .cine-hero-copy h1{font-size:36px!important;line-height:1.45!important;letter-spacing:-1px!important}
  .cine-hero-copy p{font-size:15px!important;line-height:2!important}
  .cine-hero-visual{min-height:430px!important}
  .cine-frame-photo{width:76%!important;height:68%!important;top:8%!important}
  .cine-frame-graphic{width:62%!important;height:42%!important}
  .cine-brand-orbit{width:132px!important;height:132px!important;right:2%!important}
  .footer-trust-badges{gap:7px!important;padding:12px 8px!important;border-radius:16px!important}
  .footer-trust-badges a,.footer-trust-badges .irannian-license-wrapper{width:70px!important;height:70px!important;min-width:70px!important;padding:6px!important}
  .footer-trust-badges img,.footer-trust-badges .asnaf-logo,.footer-trust-badges .asnaf-badge img{max-width:54px!important;max-height:54px!important}
}
@media(prefers-reduced-motion:reduce){.irannian-entry{display:none!important}.cine-particle{animation:none!important}}