@font-face{font-family:Vazir;src:url(fonts/Vazirmatn-Arabic.woff2)}@font-face{font-family:Vazir;src:url(fonts/Vazirmatn-Latin.woff2);unicode-range:U+0-024F}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f7f1;color:#25312d;font-family:Vazir,sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0 0 14px}h1{font-size:clamp(32px,4vw,58px);line-height:1.45}h2{font-size:26px;line-height:1.5}h3{font-size:18px}p{color:#58645f}button:focus-visible,a:focus-visible{outline:3px solid #527742;outline-offset:4px}.header{display:flex;align-items:center;gap:28px;padding:20px 5%;direction:ltr;position:relative;z-index:10}.brand{width:150px;display:block}.header nav{display:flex;gap:26px;margin:auto;direction:rtl;font-size:14px}.header nav .active{border-bottom:2px solid #8bb175}.header-actions{display:flex;gap:12px;direction:rtl}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid #b0b8b0;border-radius:9px;background:transparent;padding:10px 24px;font-weight:650;white-space:normal;text-align:center}.primary{background:#b5d5a4;border-color:#b5d5a4}.small{padding:6px 17px;font-size:13px}.btn:hover{background:#dbe6d4}.actions{display:flex;gap:12px;flex-wrap:wrap}.menu-toggle{display:none}.wrap{width:min(1240px,90%);margin:30px auto 65px}section{margin:32px 0;padding-bottom:28px;border-bottom:1px solid #e1e4dc}.section-head{display:flex;align-items:center;justify-content:space-between;margin:15px 0}.section-head a{font-size:13px}.hero{height:600px;position:relative;border:0;margin:0;padding:0;overflow:hidden;background:#f8f7f1}.hero>img{width:100%;height:100%;object-fit:cover}.hero-copy{position:absolute;right:6%;top:22%;width:38%;perspective:1000px}.hero-copy h1{font-size:clamp(30px,4.3vw,63px);line-height:1.55}.hero-copy p{font-size:22px;margin:18px 0 25px}.hero-control{position:absolute;left:4%;bottom:20px;background:#f8f7f1d9;border:1px solid #a8b3a6;border-radius:30px;padding:5px 16px;font-size:12px}.hero.playing .hero-copy>*{opacity:0;transform:perspective(1000px) translateZ(-180px) rotateY(-12deg) translateY(25px);transition:opacity .8s,transform 1.2s cubic-bezier(.2,.7,.2,1)}.hero.playing.reveal-title .hero-copy h1,.hero.playing.reveal-sub .hero-copy p,.hero.playing.reveal-actions .hero-copy .actions{opacity:1;transform:none}.intro-header{opacity:0;transform:perspective(1000px) rotateX(-20deg) translateY(-20px)}.header{transition:opacity 1s,transform 1.2s}.intro-dark{background:#0b1310}.intro-dark .header{color:#eef3ea}#replay[hidden],#skip[hidden]{display:none}.featured{display:grid;grid-template-columns:1fr 1fr 2fr;gap:18px}.project{padding:0;background:none;border:0;text-align:right;width:100%;transition:transform .3s}.project img{width:100%;height:255px;object-fit:cover;border-radius:12px}.project span{display:flex;justify-content:space-between;margin-top:12px;font-weight:650}.project b{border:1px solid #d3dace;border-radius:50%;width:32px;height:32px;text-align:center}.project:hover{transform:translateY(-3px)}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{border:1px solid #dfe4da;background:#fff9;border-radius:16px;padding:24px;min-width:0}.service-card{padding:15px;text-align:right;transition:border-color .2s}.service-card img{height:140px;width:100%;object-fit:contain}.service-card span{font-size:13px;color:#647068}.service-card.selected{border-color:#83a56c;background:#eef4e7}.app-card{border:1px solid #dfe4da;border-radius:15px;overflow:hidden}.app-card img{width:100%;height:220px;object-fit:cover}.app-card span{display:block;padding:14px}.article-card img{width:100%;height:190px;object-fit:cover;border-radius:12px}.article-card h3,.article-card h2{margin-top:12px;font-size:18px}.cta{text-align:center;background:#e4ecd9;border-radius:15px;border:0;padding:25px;background-image:linear-gradient(90deg,#dfeadbc9,#f8f7f1aa),url(img/glass.webp);background-size:cover}.page-heading{margin:25px 0 30px}.filters{display:flex;gap:10px;margin:22px 0;flex-wrap:wrap}.chip{background:#fff8;border:1px solid #d3dcd0;padding:9px 20px;border-radius:9px}.chip.selected{background:#c5dcb5;border-color:#8baa76}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery>div[hidden]{display:none}.square{aspect-ratio:1;display:block}.square img{height:100%;width:100%;object-fit:cover}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:25px;align-items:center}.service-detail>img{width:100%;height:290px;object-fit:cover;border-radius:12px}.app-intro{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:center}.app-intro>img{width:100%;border-radius:10px}.about-hero{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:30px}.about-hero img{grid-column:2;grid-row:1;border-radius:16px}.about-hero>div{grid-column:1;grid-row:1}.reading{max-width:780px;margin:auto}.reading>img{width:100%;border-radius:14px;margin-bottom:30px}.reading p{white-space:pre-line}.search{max-width:500px}.calculator{display:grid;grid-template-columns:1.65fr 1fr;gap:24px;align-items:start}.contact{margin-top:18px}.estimate{position:sticky;top:25px}.estimate strong{display:block;font-size:32px;color:#355c30;margin:20px 0}.estimate img{margin-top:22px;border-radius:12px}.options{display:flex;gap:18px;flex-wrap:wrap}.options label{display:flex;align-items:center;gap:6px}.options input{width:18px;height:18px}label{display:block;font-weight:500;margin:12px 0}input,select,textarea{display:block;background:#fff;width:100%;border:1px solid #cfd7cd;border-radius:8px;padding:10px 13px;min-width:0;margin-top:6px}input::placeholder,textarea::placeholder{color:#909b93}input[type=checkbox]{accent-color:#759e60;margin:0}details{border-top:1px solid #e3e7df;padding:13px 0;margin-top:12px}summary{cursor:pointer;font-weight:600}footer{display:flex;align-items:center;gap:24px;padding:24px 5%;border-top:1px solid #e1e4dc;font-size:12px;flex-wrap:wrap;direction:ltr}footer .brand{width:105px}footer a:nth-of-type(2){margin-left:auto}.muted{font-size:13px;color:#647168}.login{max-width:530px;width:90%;margin:45px auto}.login h1{font-size:32px}.login-fox{height:200px;width:100%;object-fit:cover;border-radius:10px}.dashboard{display:grid;grid-template-columns:210px minmax(0,1fr);gap:25px;width:94%;margin:25px auto}.sidebar{border:1px solid #dfe5db;border-radius:12px;padding:20px;align-self:start;position:sticky;top:20px}.sidebar a{display:block;padding:10px;border-radius:8px}.sidebar a:hover{background:#e6efdF}.dashboard-body .card{margin-bottom:20px}.stats strong{display:block;font-size:36px;margin-top:12px}.badge{background:#e2efda;border-radius:8px;padding:4px 9px;font-size:12px;white-space:nowrap}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;font-size:14px}td,th{padding:15px 10px;border-bottom:1px solid #e2e7df;white-space:nowrap}th{background:#edf1e8}.ledger p{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e3e6dd;padding:15px 0;flex-wrap:wrap}.invoice{max-width:900px;margin:auto;overflow-wrap:anywhere}.alert{background:#f8e8de;border:1px solid #e4be9f;padding:14px;margin:20px 5%;border-radius:9px}.success{background:#e5efdc;border-color:#aec999}dialog{border:1px solid #cad3c4;padding:0;background:#f8f7f1;color:#25312d;border-radius:18px;width:min(1100px,95vw);max-height:94dvh;overflow:auto}dialog::backdrop{background:#0b1310c9;backdrop-filter:blur(8px)}dialog[open]{animation:modal-in .4s both}.close{position:absolute;left:15px;top:15px;width:42px;height:42px;z-index:2;border-radius:50%;border:1px solid #c5d0bf;background:#f8f7f1e8;font-size:26px}.viewer-caption{padding:24px}#viewer-media{height:55vh;background:#0b1310;display:flex;align-items:center;justify-content:center}#viewer-media img,#viewer-media video{width:100%;height:100%;object-fit:contain}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}main{animation:page-in .6s both}body.leaving main{opacity:0;transform:perspective(1200px) translateZ(-90px) rotateY(3deg);transition:.2s}body.modal-open{overflow:hidden}@keyframes page-in{from{opacity:0;transform:perspective(1200px) translateZ(-60px) translateY(12px)}to{opacity:1;transform:none}}@keyframes modal-in{from{opacity:0;transform:perspective(1000px) rotateX(5deg) scale(.96)}to{opacity:1;transform:none}}@media(max-width:900px){.header{gap:12px;flex-wrap:wrap}.header nav{display:none;order:4;width:100%;flex-wrap:wrap;padding:16px 0}.header nav.open{display:flex}.menu-toggle{display:block;border:0;background:none;font-size:25px;margin-left:auto}.brand{width:120px}.header-actions{gap:6px}.header-actions .btn{padding:5px 10px}.hero{height:690px}.hero>img{height:420px;position:absolute;top:0;object-position:25% center}.hero-copy{top:auto;bottom:40px;width:88%;right:6%;text-align:center}.hero-copy h1{font-size:32px}.hero-copy p{font-size:17px;margin:12px 0}.hero-copy .actions{justify-content:center}.hero-control{bottom:auto;top:380px}.featured{grid-template-columns:repeat(3,minmax(0,1fr))}.project img{height:180px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator{grid-template-columns:1fr}.estimate{position:static;grid-row:2}.estimate img{display:none}.dashboard{grid-template-columns:1fr}.sidebar{position:static;display:flex;gap:10px;flex-wrap:wrap}.sidebar h3{width:100%}.sidebar form{margin-right:auto}.about-hero,.service-detail,.app-intro{grid-template-columns:1fr}.about-hero img,.about-hero>div{grid-column:auto;grid-row:auto}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{flex-wrap:nowrap;overflow:auto;padding-bottom:10px}.chip{flex:0 0 auto}.app-intro>img{grid-row:1}.app-card img{height:150px}}@media(max-width:560px){.wrap{width:90%;margin-top:15px}.header{padding:15px 5%}.brand{width:105px}.header-actions .btn{font-size:11px}.hero{height:620px}.hero>img{height:330px}.hero-copy{bottom:40px}.hero-copy h1{font-size:29px}.hero-control{top:302px}.featured{grid-template-columns:1fr}.featured .project img{height:220px}.three,.two{grid-template-columns:1fr}.section-head h2{font-size:22px}.section-head a{font-size:11px}.service-card img{height:95px}.service-card h3{font-size:15px}.service-card{padding:12px}.gallery{gap:12px}.card{padding:18px}.page-heading h1{font-size:34px}.service-detail>img{height:220px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stats .card{font-size:11px;padding:12px}.stats strong{font-size:26px}.viewer-caption{padding:18px}#viewer-media{height:44vh}.invoice h1{font-size:30px}footer{gap:14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.header,footer,.no-print{display:none!important}.wrap{width:100%;margin:0}.invoice{border:0}.two{grid-template-columns:1fr 1fr}body{background:white}.invoice p{font-size:13px}}

[hidden]{display:none!important}
.dashboard-body{min-width:0}.featured .project:first-child{grid-column:3;grid-row:1}.featured .project:nth-child(2){grid-column:2;grid-row:1}.featured .project:nth-child(3){grid-column:1;grid-row:1}@media(max-width:560px){.featured .project:first-child,.featured .project:nth-child(2),.featured .project:nth-child(3){grid-column:auto;grid-row:auto}}@media(max-width:900px){.dashboard{grid-template-columns:minmax(0,1fr)}}