/* lux.css — visual layer on top of style.css (V24). Nothing in the original files was changed:
   delete this file and lux.js (and the two lines that load them) to get the previous look back.
   1. typography: thin Vazirmatn 200 for section titles
   2. colour: the bright turquoise palette remapped to the logo teal + warm bone (generated below)
   3. titles: the other language written under each title (added by lux.js) */

@font-face{font-family:"Vazir";font-weight:200;font-display:swap;src:url(fonts/vazirmatn-arabic-200-normal.woff2) format("woff2")}

/* 1. titles */
h2.title,h1.title,.dhead h1{font-weight:200;letter-spacing:0}
h2.title b,h2.title strong,h1.title b{font-weight:500}

/* 3. second-language line under a title */
.t-alt{display:block;unicode-bidi:isolate;margin:-2px auto 22px;font-family:"Cormorant Garamond",Garamond,Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;
  font-size:clamp(1.02rem,1.5vw,1.28rem);line-height:1.5;letter-spacing:.02em;color:#5f7f86}
.t-alt[lang="fa"]{font-family:Vazir,Tahoma,sans-serif;font-style:normal;font-weight:400;letter-spacing:0;font-size:clamp(.95rem,1.3vw,1.1rem)}
.thead .t-alt,.dhead .t-alt{margin-inline:0;margin-top:4px}
html[data-theme="dark"] .t-alt{color:#9dbcc2}

/* 2. colours */
/* generated colour layer: only colour values of style.css rules, remapped to the brand teal + bone palette. Remove this file to go back. */
.bgvid{background:#eae7e2}
.plain:nth-of-type(even){background:var(--tex),#efe9e1ea}
.shot{box-shadow:0 12px 34px #2a8da533}
.shot:hover{box-shadow:0 20px 50px #2a8da555}
.cmp{box-shadow:0 14px 40px #2a8da533}
.after{background-image:var(--b),linear-gradient(135deg,#7fb3c0,#2a8da5)}
.before{background-image:var(--a),linear-gradient(135deg,#d6cfc5,#24788a)}
.dgrid{background:var(--tex),#f8f7f5}
.dhead{box-shadow:0 10px 30px #2a8da533}
.dgrid::after{box-shadow:inset 0 0 90px 10px #f8f7f5}
.fixlinks .hl{box-shadow:0 10px 30px #2a8da555}
.vframe video{background:#e4e0d9}
body.home{background:var(--tex),#f7f4ef}
.vlinks .hl{box-shadow:0 10px 28px #2a8da566}
body.home .plain:nth-of-type(even){background:#efe9e1cc}
body.blogpage{background:var(--tex),#f7f4ef}
.pbody{box-shadow:0 10px 30px #2a8da51f}
.formbox input:focus,.formbox select:focus,.formbox textarea:focus{box-shadow:0 0 0 4px #2a8da51f}
.shint{color:#1e6f82}
@media(max-width:800px){.vframe{box-shadow:0 10px 28px #2a8da53a;background:#f7f4ef}}
body.orderpage{background:var(--tex),#f7f4ef}
.stage{box-shadow:0 18px 50px #2a8da544}
.stage .tf:focus,.stage .tn:focus{box-shadow:0 0 0 .35cqw #2a8da588}
.stage .dot input:focus-visible+i,.stage .tooth input:focus-visible+i{box-shadow:0 0 0 .6cqw #2a8da5}
.obox{box-shadow:0 10px 30px #2a8da51f}
.upl:hover span{background:#e8e4dd}
.cph input:focus{box-shadow:0 0 0 4px #2a8da51f}
.omsg{background:#f2f0ed;color:#24788a}
html[data-theme="dark"] .box{border-color:#2a8da540}
html[data-theme="dark"] .formbox input,html[data-theme="dark"] .formbox select,html[data-theme="dark"] .formbox textarea, html[data-theme="dark"] .cph input{border-color:#2a8da54d}
html[data-theme="dark"] .side{border-color:#2a8da533}
html[data-theme="dark"] .blogmain,html[data-theme="dark"] .post{color:#f2eee8}
html[data-theme="dark"] .pbody{border-color:#2a8da540}
html[data-theme="dark"] .obox{border-color:#2a8da540}
html[data-theme="dark"] .dhead{border-color:#2a8da533}
html[data-theme="dark"] .shint{color:#f2eee8}
.tgl{background:#24788a}
.lg{background:#2a8da5}
.lg .tk b{color:#2a8da5}
footer.sitefoot{color:#e4dfd7;background:linear-gradient(135deg,#1e6f82 0%,#193f41 55%,#122d2f 100%)}
.sf-line a{color:#7fb3c0}
.sf-mail input::placeholder{color:#8ed2e4}
.sf-msg.ok{color:#a5dbea}
.fpost{color:#e4dfd7}
.fpost b{color:#f2eee8}
.sf-links a{color:#dbd4ca}
.sf-links a:hover{color:#7fb3c0}
html[data-theme="dark"] .upbox{background:#2a8da50d;border-color:#2a8da559}
.box:hover{box-shadow:0 2px 4px #1c2f3008,0 22px 40px -16px #1e6f8244}
.tag{color:#24788a}
.more,.vlinks .hl,.fbtns .hl,button.hl,a.hl{box-shadow:0 8px 20px -8px #2a8da5aa}
html[data-theme="dark"] #themeBtn{color:#f2f0ec}
#themeBtn .i-moon{fill:#2a8da5;stroke:#2a8da5}
footer.sitefoot,body.home footer.sitefoot,html[data-theme="dark"] footer.sitefoot{color:#9cd7e8}
.sf-line{color:#9cd7e8}
.sf-line a,.sf-links a{color:#9cd7e8}
.fpost,.fpost b{color:#ece9e4}
.fpost small{color:#2a8da5}
.sf-bottom{color:#2a8da5}
.formbox input:focus,.formbox textarea:focus,.formbox select:focus{box-shadow:0 0 0 4px #2a8da522}
html[data-theme="dark"] .sub{color:#2a8da5}
html[data-theme="dark"] .lg,html[data-theme="dark"][data-lang="en"] .lg{color:#f2f0ec}
html[data-theme="dark"] .side .logo{background:#efede9}
.dhead.orb{box-shadow:0 14px 30px -8px #2a8da5cc}
.dhead.orb:hover{box-shadow:0 18px 36px -8px #1e6f82cc}
.mhead{background:#ebe7e2;box-shadow:0 0 0 1.5px #24788a,0 10px 28px -6px #0f2729aa,0 0 24px #2a8da566,inset 0 0 18px #1e6f8255}
.mlens.open .mhead{box-shadow:0 0 0 2px #24788a,0 22px 50px -10px #0f2729cc,0 0 46px #2a8da5aa,inset 0 0 30px #1e6f8277}
.mscan{background:linear-gradient(to bottom,transparent,#a9ccd455 70%,#a9ccd4cc 98%,#fff 100%)}
.mglow{background:radial-gradient(circle at 30% 24%,#ffffffaa 0,#ffffff00 38%),radial-gradient(circle at 50% 50%,transparent 62%,#1e6f8244 100%)}
.mhandle{background:linear-gradient(#f7f5f3,#6cc4dc 55%,#6b7c82)}
.mhandle::after{background:linear-gradient(#2a8da5,#1e6f82)}
.mrip{border:2px solid #a9ccd4;box-shadow:0 0 18px #a9ccd4}
.mtip{box-shadow:0 6px 14px -4px #2a8da599}
.fxpaper{background-image:repeating-linear-gradient(transparent 0 31px,#2a8da522 31px 32px)}
.fxpaper h3{color:#1e6f82}
.fxpaper p{color:#2a8da5}
.fxl{background:#e4dfd8}
.fxseal{filter:drop-shadow(0 0 1px #1e6f82)}
.fxring{border:3px solid #2a8da5}
.box::before{background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),#2a8da526,transparent 65%)}
.sp-line .st4{fill:#24788a}
html[data-theme="dark"] .sp-line .dr{stroke:#2a8da5}
.trustc .ic{background:#2a8da51a}
.fxorb{box-shadow:0 14px 30px -8px #2a8da5cc}
.sf-note{color:#7dcbe1}
.aibtn{box-shadow:0 12px 26px -12px #2a8da5cc}
.aitip{background:var(--td,#1e6f82)}
.aitip .aih{color:#a5dbea}
.aitip::after{border-top-color:var(--td,#1e6f82)}
.aimode.on{background:var(--cream2,#f1efeb);box-shadow:0 0 0 3px #2a8da522}
.aikw{background:var(--cream2,#f1efeb)}
.qa{box-shadow:0 8px 24px #2a8da51a}
.qa[open]{box-shadow:0 14px 36px #2a8da533;border-color:var(--gold,#24788a)}
.qa summary{color:var(--td,#1e6f82)}
.qa summary::after{background:var(--tl,#efe9e1);color:var(--t,#2a8da5)}
.qa[open] summary::after{background:var(--t,#2a8da5)}
.qa-a a{color:var(--t,#2a8da5)}
.cform label{color:var(--td,#1e6f82)}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:var(--t,#2a8da5);box-shadow:0 0 0 4px #2a8da522}
.cmsg.ok{color:#1e6f82}
html[data-theme="dark"] .qa{border-color:#2a8da540}
html[data-theme="dark"] .qa summary{color:#e0dad2}
html[data-theme="dark"] .qa summary::after{color:#7fb3c0}
html[data-theme="dark"] .qa[open] summary::after{background:#2a8da5}
html[data-theme="dark"] .cform label{color:#e0dad2}
html[data-theme="dark"] .cform input,html[data-theme="dark"] .cform select,html[data-theme="dark"] .cform textarea{border-color:#2a8da555;color:#efe9e1}
html[data-theme="dark"] .cmsg.ok{color:#7fb3c0}
.hpposts .bcard .rm{color:var(--t,#2a8da5)}
.vframe{background:#f2f0ed}
.ibtn:hover{border-color:#2a8da588;box-shadow:0 8px 22px #2a8da533}
html[data-theme="dark"] .ibtn{border-color:#2a8da540;color:#a9ccd4}
.tl-track{background:linear-gradient(#2a8da522,#2a8da540,#2a8da522)}
.tl-beam{background:linear-gradient(#24788a,#2a8da5);box-shadow:0 0 10px #2a8da599}
.tl-dot{border:2px solid #2a8da566}
.tl-node.on .tl-dot{box-shadow:0 0 0 4px #2a8da555}
html[data-theme="dark"] .tl{border-color:#2a8da533}
html[data-theme="dark"] .tl-lab{color:#e0dad2aa}
html[data-theme="dark"] .tl-node.on .tl-lab{color:#a9ccd4}
.tm-ph{background:#e4e0d9}
.tm-bar{background:#2a8da540}
.tm-soc a:hover{background:#2a8da522}
html[data-theme="dark"] .tm-name{color:#a9ccd4}
html[data-theme="dark"] .tm-soc a{color:#a9ccd4}
.xc-card.on{box-shadow:0 18px 44px #2a8da555}
.xc-card:focus-visible{box-shadow:0 0 0 3px #2a8da5}
.xc-more{background:#2a8da5cc}
.tico{background:#f5f3f0}
.tico.c1{color:#24788a}
.tico.c2{color:#2a8da5}
.tico.c3{color:#1e6f82}
.tico.c4{color:#2a8da5}
html[data-theme="dark"] .tcard{border-color:#2a8da533}
html[data-theme="dark"] .tcard h3{color:#f2eee8}
html[data-theme="dark"] .tcard p{color:#81cce1}
html[data-theme="dark"] .tico{border-color:#2a8da52a}
body.toolpage{background:var(--tex),#f7f4ef}
.tback{background:#2a8da51a}
.tback:hover{background:#2a8da533}
.more.ghost{border:1.5px solid #2a8da588}
.more.ghost:hover{background:#2a8da51a}
.tf select:focus,.tf input:focus{box-shadow:0 0 0 3px #2a8da52e}
.stepper button:hover{background:#2a8da51a}
.seg input:focus-visible+span{outline:3px solid #2a8da555}
.tf .chk input{accent-color:#2a8da5}
.p-tbl .neg{color:#2a8da5}
.p-total{background:linear-gradient(135deg,#2a8da5,#1e6f82)}
.d-big{background:linear-gradient(135deg,#2a8da5,#1e6f82)}
.d-steps li::before{background:linear-gradient(#2a8da5,#2a8da533)}
.sh-sw.a{background:#2a8da514}
.sh-slot.on{background:#2a8da514}
.sh-teeth{background:radial-gradient(circle at 50% 40%,#f7f5f3,#ece9e4)}
.ck-prog{background:#2a8da522}
.ck-prog i{background:linear-gradient(90deg,#24788a,#2a8da5)}
.chip:hover{background:#2a8da51a}
.ck i{border:2px solid #2a8da588}
.ck input:focus-visible+i{outline:3px solid #2a8da555}
.ck.ok span{text-decoration-color:#2a8da588}
html[data-theme="dark"] .tpanel,html[data-theme="dark"] .sh-group,html[data-theme="dark"] .tf select,html[data-theme="dark"] .tf input[type=date],html[data-theme="dark"] .stepper input,html[data-theme="dark"] .stepper button,html[data-theme="dark"] .sh-slot,html[data-theme="dark"] .chip,html[data-theme="dark"] .ck i{border-color:#2a8da533;color:#f2eee8}
html[data-theme="dark"] .tf label>span:first-child,html[data-theme="dark"] .tfl>span,html[data-theme="dark"] .sh-group h3,html[data-theme="dark"] .ck-g h3,html[data-theme="dark"] .sh-slot em{color:#a9ccd4}
html[data-theme="dark"] .seg span{border-color:#2a8da533}
html[data-theme="dark"] .tback,html[data-theme="dark"] .more.ghost{color:#a9ccd4}
#themeBtn.ibtn,#langBtn.ibtn,html[data-theme="dark"] #themeBtn.ibtn,html[data-lang="en"] #langBtn.ibtn,html[data-theme="dark"] #langBtn.ibtn{border:1px solid #1e6f8230}
html[data-theme="dark"] #themeBtn.ibtn,html[data-theme="dark"] #langBtn.ibtn,html[data-theme="dark"][data-lang="en"] #langBtn.ibtn{border-color:#2a8da540;color:#a9ccd4}
html[data-theme="dark"] #themeBtn.ibtn .i-moon{color:#a9ccd4}
:root{--t:#2a8da5;--tl:#f1efeb;--gold-l:#d9d2c7;--cream:#fbfbfa;--cream2:#f8f7f5;--line:#d9d2c7;--c1:#2a8da5}
html[data-theme="dark"]{--t:#2a8da5;--td:#8fc0cc;--ink:#ece8e2;--gold-l:#24788a;--c1:#2a8da5;--c2:#b4d2d9;--deep:#f5f3f0}
.tlx-line{background:linear-gradient(to bottom,transparent 0,#d9d2c7 6%,#d9d2c7 94%,transparent 100%)}
.tlx-dot::after{background:#f1efeb;border:1.5px solid #d9d2c7}
.tlx-dot.done::after{background:#2a8da5;border-color:#2a8da5;box-shadow:0 0 0 4px #2a8da533}
html[data-theme="dark"] .tlx-t.on,html[data-theme="dark"] .tlx-t:hover{color:#ece8e2}
.xc{scrollbar-color:#2a8da5 transparent}
.xc::-webkit-scrollbar-thumb{background:#2a8da5}
.ftr-news::before{background:radial-gradient(circle,#2a8da533,transparent 66%)}
.ftr-mail:focus-within{border-color:#2a8da5;box-shadow:0 0 0 3px #2a8da533}
.ftr-mail button:hover{background:#1e6f82}
.ftr-news .sf-msg.ok{color:#1e6f82}
.ftr-links a:hover{color:#1e6f82}
.ftr-line a:hover{color:#1e6f82}
.ftr-ig:hover{background:#2a8da5;border-color:#2a8da5}
.ftr-team a:hover b{color:#1e6f82}
html[data-theme="dark"] .ftr-tgl .sw{background:#2a8da5}
.ftr-bl a:hover{color:#1e6f82}
@media(max-width:800px){.ftr .sf-callbtn{background:#2a8da5}}
html[data-theme="dark"] .ftr-mail button{background:#2a8da5}
html[data-theme="dark"] .ftr-news .sf-msg.ok{color:#2a8da5}
.p-total,.d-big{background:linear-gradient(135deg,#2a8da5,#83cde2)}
.sh-sw.b::after{background:#b4d2d9}
.sh-sw.b{border-color:#b4d2d9;background:#b4d2d91f}
.sh-slot:nth-child(2).on{border-color:#b4d2d9;background:#b4d2d91f}
.tcard:hover,.tcard:focus-visible{border-color:#2a8da5;box-shadow:0 16px 38px #2a8da533}
.tico.c1,.tico.c2,.tico.c3,.tico.c4{color:#1e6f82}
.eyebrow{color:#1e6f82}
html[data-theme="dark"] .more.ghost{color:#b4d2d9!important;border-color:#2a8da588}
html[data-theme="dark"] .eyebrow{color:#b4d2d9}
.ibtn{border-color:#d9d2c7}
#themeBtn.ibtn .i-sun{color:#1e6f82}
.box,.tcard,.tpanel,.sh-group{border-color:#d9d2c7}
.tm-tag{color:#1e6f82}
html[data-theme="dark"] .tm-tag{color:#83cde2}
.dock:not([data-ready]){border:1px solid #d9d2c7}
.dk-pill{border:1px solid #d9d2c7}
.dk-i:hover,.dk-tgl:hover,.dk-i:focus-visible,.dk-tgl:focus-visible{background:#2a8da526}
.dk-i.on{background:#2a8da533}
.dk-i.on::after{background:#2a8da5}
.dk-i.logo{border:1.5px solid #2a8da53d}
.dk-i.cta{background:#2a8da5}
.dk-i.cta:hover{background:#79c9df}
html[data-theme="dark"] .dk-pill{border-color:#2a8da533}
html[data-theme="dark"] .dk-i,html[data-theme="dark"] .dk-tgl{color:#a9ccd4}
html[data-theme="dark"] .dk-i.on{color:#2a8da5}
html[data-theme="dark"] .dk-i.logo{background:#f2eee8}
html[data-theme="dark"] .dk-i.cta{background:#2a8da5}
html[data-theme="dark"] .dk-bar{background:#f2eee8}
html[data-theme="dark"] .ob::before{background:#f9f8f6}
.plain,body.home .plain{background:#f7f5f3}
.dn-badge{background:#2a8da5;box-shadow:0 12px 28px -10px #2a8da5aa}
.dn-c{background:linear-gradient(160deg,#ebe7e2,#a0d9e9)}
.dn-ico{color:#164f5c}
.dn-nav{border:1px solid #2a8da544}
.dn-nav:hover{background:#2a8da5}
html[data-theme="dark"] .dn-ico{color:#2a8da5}
html[data-theme="dark"] .dn-nav{color:#f6f4f2}
.auth .av{background:#d9d2c7;color:#164f5c}
.auth .an{color:var(--td,#164f5c)}
.avpick .avp{background:#efe9e1 center/cover no-repeat;border:1.5px dashed #2a8da599;color:#164f5c}
.soc{background:#f7f5f3}
.soc .shots label.on{border-color:#2a8da5}
.soc .shots input{accent-color:#247f98}
.cour .chk input{accent-color:#247f98}
#fcontact.ftr-hl::before{border:2px solid #2a8da5;background:#2a8da512}
#fcontact.ftr-hl h4{color:#247f98}
.omain .stage{box-shadow:0 10px 34px #2a8da533}
.omain .osec{border-top:1px solid #2a8da52e}
html[data-theme="dark"] .omain .osec{border-top-color:#2a8da540}
.tlx-beam{background:#2a8da5;box-shadow:0 0 10px #2a8da5aa}
.tlx-beam::after{background:#2a8da5;box-shadow:0 0 0 4px #2a8da53a,0 0 14px #2a8da5}
@media(max-width:800px){html.mhero body.home .vframe{box-shadow:0 12px 30px #2a8da533!important;background:#f2f0ed!important}}
.cmp img.img{background:linear-gradient(135deg,#d6cfc5,#24788a)}
.post{--a1:#1e6f82;--a2:#24788a;--abg:#f8f7f5}
html[data-theme="dark"] .post{--a1:#7fb3c0;--a2:#2a8da5}
.pbody strong{background:linear-gradient(transparent 62%,#2a8da533 62%)}
.pbody a{text-decoration-color:#2a8da588}
.pbody ul li::before{box-shadow:0 0 0 4px #2a8da526}
.pbody ol li{border:1px solid #2a8da52e}
.pbody .callout.tip{--cb:#f4f2f0;--cl:#a2dae9;--cc:#1e6f82}
.pbody .callout.sum{--cb:linear-gradient(135deg,#f3f1ee,#fbfaf9);--cl:#2a8da5;--cc:#1e6f82}
html[data-theme="dark"] .pbody .callout.tip{--cl:#1f5766;--cc:#8ad0e4}
html[data-theme="dark"] .pbody .callout.sum{--cl:#1f5766;--cc:#8ad0e4}
.pbody figure img,.pbody>p img{box-shadow:0 14px 34px -14px #1e6f8255}
@keyframes fpulse{0%,100%{background:transparent}40%{background:#7fb3c033;box-shadow:0 0 0 6px #7fb3c033;border-radius:10px}}

@keyframes fxpulse{0%,100%{box-shadow:0 0 0 0 #2a8da5aa}50%{box-shadow:0 0 0 12px #2a8da500}}

@keyframes fxkey{0%{transform:translateY(8px)}35%{transform:translateY(5px) scale(.97);box-shadow:inset 0 0 0 2px #2a8da5aa,0 0 28px #2a8da566}100%{transform:none}}

@keyframes ftrhl{0%,100%{box-shadow:none}15%,60%{box-shadow:0 0 0 6px #2a8da533,0 14px 40px #2a8da544}}