/* Main brand colors */
:root{--navy:#082b4b;--navy2:#103b60;--gold:#f5bd32;--ink:#102e4c;--muted:#5c6e7e;--pale:#f3f7fa;--line:#e2e9ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Vazirmatn",Tahoma,sans-serif;background:#fff;line-height:1.8}a{color:inherit;text-decoration:none}.phone-number{direction:ltr;unicode-bidi:bidi-override;display:inline-block;white-space:nowrap}.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.topbar{background:var(--navy);color:#fff;font-size:12px}.topbar-inner,.topbar-inner>div{display:flex;align-items:center;gap:26px}.topbar-inner{justify-content:space-between;min-height:38px}.topbar span{color:var(--gold)}.topbar a:hover,.main-nav a:hover{color:var(--gold)}
.site-header{position:sticky;top:0;z-index:20;background:#ffffffed;box-shadow:0 5px 24px #0b2e4b0d;backdrop-filter:blur(12px)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand-mark{width:55px;height:48px;display:inline-flex}.brand-mark svg{width:100%;height:100%}.brand-copy{display:flex;flex-direction:column;line-height:1.3}.brand-copy strong{font-size:27px;font-weight:900}.brand-copy small{font-size:10px;font-weight:700}.main-nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,32px);font-size:13px;font-weight:700}.main-nav a{padding:26px 0 22px;border-bottom:3px solid transparent}.main-nav a.active{border-color:var(--gold)}.menu-toggle{display:none;border:0;background:var(--navy);color:white;border-radius:8px;padding:8px 12px;font-size:20px;cursor:pointer}
.hero{min-height:350px;position:relative;overflow:hidden;border-radius:0 0 8px 8px;display:flex;align-items:center;background:var(--navy);color:#fff}.hero-image{position:absolute;inset:0;background:url("building.jpg") center 42%/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(5,35,62,.94),rgba(5,35,62,.72) 48%,rgba(5,35,62,.28) 100%)}.hero-content{position:relative;z-index:1;width:min(650px,70%);padding:48px 5.5%;margin-right:auto}.eyebrow{display:inline-block;color:var(--gold);font-weight:800;font-size:12px;margin-bottom:8px}.hero h1{font-size:clamp(25px,3vw,37px);line-height:1.55;margin:0 0 12px;font-weight:900}.hero p{font-size:13px;line-height:2.1;color:#e7edf3;margin:0 0 20px;max-width:570px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 19px;border-radius:9px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0002}.btn-gold{background:var(--gold);color:#172b3c}.section-pad{padding-block:48px}.section-heading{text-align:center;margin-bottom:28px}.section-heading .eyebrow{color:#b58308}.section-heading h2{font-size:23px;margin:0;font-weight:900}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{text-align:center;padding:18px 13px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0b2e4b12}.service-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 10px;border-radius:50%;background:#edf3f8;color:var(--navy);font-size:29px;font-weight:700}.service-card h3{font-size:13px;line-height:1.8;margin:0 0 8px}.service-card p{color:var(--muted);font-size:11px;line-height:2;margin:0}.service-grid-five .service-card{text-align:right}.service-grid-five .service-icon{margin:0 0 10px}
.why{min-height:190px;position:relative;overflow:hidden;border-radius:10px;display:flex;align-items:center;color:white;background:var(--navy)}.why-photo{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1500&q=80") center/cover}.why-overlay{position:absolute;inset:0;background:linear-gradient(270deg,#082b4b,rgba(8,43,75,.94) 45%,rgba(8,43,75,.52))}.why-copy{position:relative;z-index:1;padding:28px 4%;max-width:70%}.why-copy h2{font-size:22px;margin:0 0 8px}.why-copy p{font-size:12px;line-height:2.1;color:#e2eaf1;margin:0}.report-mini{z-index:1;position:relative;align-self:stretch;margin-right:auto;width:25%;padding:25px 22px;background:#031c33bf;border-right:3px solid var(--gold)}.report-icon{font-size:25px;color:var(--gold)}.report-mini h3{margin:0 0 7px;font-size:16px}.report-mini p{font-size:11px;margin:3px 0;color:#e0e7ee}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding-block:20px;border-bottom:1px solid var(--line)}.benefit{display:flex;align-items:center;gap:12px;padding:6px 16px;border-left:1px solid var(--line)}.benefit>span{flex:0 0 43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#edf3f8;color:var(--navy);font-size:20px;font-weight:800}.benefit div{display:flex;flex-direction:column}.benefit strong{font-size:12px}.benefit small,.benefit a{font-size:10px;color:var(--muted)}.benefit a{color:#9a7108;font-weight:700}
.featured{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:18px;align-items:stretch}.feature-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:40% 60%;min-height:350px;box-shadow:0 8px 26px #082b4b08}.feature-photo{background:url("https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=900&q=80") center/cover;min-height:100%}.feature-copy{padding:25px}.tag{display:inline-block;padding:3px 10px;border-radius:5px;background:#fff3d0;color:#8a6507;font-size:10px;font-weight:800}.feature-copy h2{font-size:22px;line-height:1.6;margin:8px 0}.feature-copy p{font-size:12px;color:var(--muted);line-height:2}.feature-copy ul{padding-right:18px;margin:10px 0 18px;font-size:11px;line-height:2.1}.feature-copy li::marker{color:#c18c0a}.text-link{color:#936a00;font-size:12px;font-weight:900}.side-promo{border-radius:12px;background:var(--navy);color:white;padding:25px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.side-promo::after{display:none!important;content:none!important}.promo-logo{color:var(--gold);font-size:30px;font-weight:900}.side-promo h3{font-size:17px;margin:12px 0 3px}.side-promo p{color:#d9e4ed;font-size:13px}.side-promo strong{margin-top:25px;font-size:14px}.side-promo small{font-size:11px;color:#cbd7e2}
.contact-section{background:var(--navy);color:white;padding:38px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.contact-inner h2{margin:0 0 4px;font-size:24px}.contact-inner p{margin:0;font-size:13px;color:#d9e4ed}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-outline{color:white;border:1px solid #a9bdce}.footer{background:#061f37;color:#d8e3ed;font-size:11px;padding:17px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.footer p{margin:0}.footer-brand{color:white;font-size:15px;font-weight:900}.footer-brand span{font-size:10px;font-weight:400;color:#b8c7d4}
@media(max-width:900px){.brand-copy strong{font-size:23px}.brand-mark{width:46px}.main-nav{gap:14px;font-size:11px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(2){border-left:0}.benefit{padding-block:12px}.featured{grid-template-columns:minmax(0,1fr) 210px}.feature-card{grid-template-columns:35% 65%}.feature-copy{padding:20px}}
@media(max-width:650px){.container{width:min(100% - 24px,540px)}.topbar-inner{justify-content:center;min-height:34px;font-size:10px}.topbar-inner>div:first-child{display:none}.topbar-inner>div{gap:14px}.nav-wrap{min-height:68px}.brand-mark{width:42px;height:40px}.brand-copy strong{font-size:22px}.brand-copy small{font-size:9px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;right:12px;left:12px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 30px #082b4b18;padding:8px 16px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:10px 0;border-bottom:1px solid var(--line)}.main-nav a:last-child{border-bottom:0}.hero{min-height:390px}.hero-image{background-position:45% center}.hero-shade{background:linear-gradient(0deg,rgba(5,35,62,.98),rgba(5,35,62,.84) 60%,rgba(5,35,62,.2))}.hero-content{width:100%;padding:125px 22px 28px}.hero h1{font-size:27px}.hero p{font-size:12px}.section-pad{padding-block:35px}.section-heading h2{font-size:20px}.service-grid{gap:10px}.service-card{padding:15px 10px}.service-icon{width:50px;height:50px}.why{display:block}.why-copy{max-width:100%;padding:25px 22px}.why-copy h2{font-size:20px}.report-mini{width:100%;padding:17px 22px;border-right:0;border-top:3px solid var(--gold)}.report-mini p{display:inline-block;margin-left:10px}.benefits{padding-block:10px}.benefit{border-left:0;padding:10px 3px;gap:8px}.benefit>span{flex-basis:36px;height:36px;font-size:17px}.benefit strong{font-size:11px}.benefit small,.benefit a{font-size:9px}.featured{grid-template-columns:1fr}.feature-card{grid-template-columns:1fr}.feature-photo{min-height:180px}.feature-copy{padding:20px}.feature-copy h2{font-size:21px}.side-promo{min-height:280px}.contact-inner{align-items:flex-start;flex-direction:column;gap:18px}.contact-inner h2{font-size:21px}.contact-actions{width:100%}.contact-actions .btn{flex:1 1 100%}.footer-inner{flex-direction:column;text-align:center;gap:7px}}


/* Cinematic motion, scroll feedback, and interactive details */
:root{scroll-padding-top:88px}
::selection{background:var(--gold);color:var(--navy)}
.scroll-progress{position:fixed;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,#f5bd32,#fff0a8);z-index:100;box-shadow:0 0 12px #f5bd3270;transition:width .08s linear}
.hero{isolation:isolate;box-shadow:0 22px 50px #082b4b12}
.hero-image{transform:scale(1.04);animation:cinema-drift 22s ease-in-out infinite alternate;will-change:transform}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(115deg,transparent 35%,#ffffff0b 50%,transparent 65%);background-size:220% 100%;animation:light-sweep 12s ease-in-out infinite}
.hero-content{animation:hero-enter .9s cubic-bezier(.2,.75,.2,1) both}
.btn{position:relative;overflow:hidden}.btn::after{content:"";position:absolute;inset:-80% auto -80% -45%;width:28%;transform:rotate(20deg);background:#ffffff45;transition:left .5s ease}.btn:hover::after{left:125%}
.service-card{position:relative;overflow:hidden}.service-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--gold);transform:scaleY(0);transform-origin:bottom;transition:transform .3s}.service-card:hover::before{transform:scaleY(1)}
.why-photo,.feature-photo{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.why:hover .why-photo,.feature-card:hover .feature-photo{transform:scale(1.045)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}
.service-card.reveal:nth-child(2),.benefit.reveal:nth-child(2){transition-delay:.08s}.service-card.reveal:nth-child(3),.benefit.reveal:nth-child(3){transition-delay:.16s}.service-card.reveal:nth-child(4),.benefit.reveal:nth-child(4){transition-delay:.24s}.service-card.reveal:nth-child(5){transition-delay:.32s}
.faq-section{max-width:900px}.faq-list{display:grid;gap:10px}.faq-item{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}.faq-item[open]{border-color:#e6c15f;box-shadow:0 10px 28px #082b4b0b}.faq-item summary{cursor:pointer;list-style:none;padding:16px 20px;font-weight:800;font-size:13px;position:relative;padding-left:48px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";position:absolute;left:18px;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f6f0df;color:#8a6507;font-size:18px;transition:transform .25s}.faq-item[open] summary::after{content:"−";transform:translateY(-50%) rotate(180deg)}.faq-item p{margin:0;padding:0 20px 17px;color:var(--muted);font-size:12px;line-height:2.1;animation:faq-open .25s ease both}
.floating-whatsapp{position:fixed;z-index:30;left:20px;bottom:20px;display:flex;align-items:center;gap:9px;background:var(--navy);color:#fff;border:1px solid var(--gold);padding:11px 15px;border-radius:999px;box-shadow:0 10px 30px #082b4b30;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s}.floating-whatsapp:hover{transform:translateY(-3px);box-shadow:0 14px 34px #082b4b40}.wa-symbol{display:grid;place-items:center;width:25px;height:25px;border:2px solid white;border-radius:50%;font-size:17px;line-height:1}
.back-to-top{position:fixed;z-index:29;right:20px;bottom:22px;width:42px;height:42px;border:1px solid #d8e1e9;border-radius:50%;background:#fff;color:var(--navy);box-shadow:0 8px 24px #082b4b20;font:700 22px inherit;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.main-nav a{transition:color .2s,border-color .2s}.site-header{transition:box-shadow .25s}.site-header.scrolled{box-shadow:0 8px 28px #082b4b16}
@keyframes cinema-drift{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(1.2%,-1%,0)}}
@keyframes light-sweep{0%,45%{background-position:150% 0}70%,100%{background-position:-120% 0}}
@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes faq-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.floating-whatsapp{left:12px;bottom:12px;padding:9px 12px;font-size:11px}.back-to-top{right:12px;bottom:15px;width:38px;height:38px}.faq-item summary{padding:14px 14px 14px 45px;font-size:12px}.faq-item p{padding:0 14px 14px}.hero-image{animation-duration:28s}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Keep Persian phone digits in the correct visual order inside RTL layouts. */
.phone-number{direction:ltr;unicode-bidi:bidi-override;white-space:nowrap;display:inline-block}

/* Taller booking/contact banner: expand the entire blue section, not just its buttons */
.contact-section{padding:88px 0;min-height:280px;display:flex;align-items:center}
.contact-section .container{width:min(100% - 40px,1180px)}
.contact-inner h2{font-size:27px}
.contact-inner p{font-size:14px}
.contact-actions .btn{padding:15px 22px;font-size:15px;min-height:54px}
.contact-actions .phone-number{font-size:18px;font-weight:800;letter-spacing:.2px}
@media(max-width:650px){.contact-section{padding:58px 0;min-height:0}.contact-section .container{width:min(100% - 24px,540px)}.contact-inner h2{font-size:22px}.contact-actions .btn{padding:14px 18px}.contact-actions .phone-number{font-size:17px}}


/* Expandable service categories with numbered details */
.service-expand-card{padding:0;text-align:right;align-self:start}
.service-card-toggle{width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:right;cursor:pointer;padding:18px 15px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.service-expand-card .service-icon{margin:0;width:54px;height:54px;flex-shrink:0}
.service-card-title{font-size:14px;line-height:1.9;font-weight:900;color:var(--navy)}
.service-toggle-hint{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}
.service-toggle-hint span{color:#b58308;font-size:18px;font-weight:800;transition:transform .2s}
.service-card-toggle[aria-expanded="true"] .service-toggle-hint span{transform:rotate(45deg)}
.service-details{padding:0 18px 18px;border-top:1px solid var(--line);animation:serviceOpen .22s ease-out}
.service-details ol{margin:12px 0 0;padding-right:22px;color:var(--muted);font-size:12px;line-height:2.2}
.service-details li{padding:3px 2px}
.service-details li::marker{color:#b58308;font-weight:900}
.service-expand-card:has(.service-card-toggle[aria-expanded="true"]){box-shadow:0 12px 30px #0b2e4b12;border-color:#d6b04b}
@keyframes serviceOpen{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.service-card-toggle{padding:15px 12px}.service-card-title{font-size:13px}.service-details{padding:0 13px 14px}.service-details ol{font-size:11px}}

/* Interactive business card */
.business-card{display:block;width:100%;height:100%;min-height:190px;padding:0;border:0;background:transparent;color:inherit;text-align:center;cursor:pointer;perspective:1000px;overflow:visible}
.business-card-inner{position:relative;display:block;width:100%;height:100%;min-height:190px;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.business-card.is-flipped .business-card-inner{transform:rotateY(180deg)}
.business-card-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:18px 14px;border-radius:14px;background:linear-gradient(145deg,#0b3153,#061f37);color:#fff;box-shadow:0 12px 28px #082b4b20;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #ffffff20}
.business-card-front{border-right:0}.business-card-back{transform:rotateY(180deg);background:linear-gradient(145deg,#123f65,#082b4b);border-left:0}
.business-card-name{font-size:clamp(24px,2.3vw,30px);font-weight:900;color:var(--gold)}
.business-card-face>span{font-size:14px;font-weight:600;line-height:1.7}.business-card-face small,.business-card-hint{margin-top:8px;color:#c8d9e7;font-size:11px}.business-card:focus-visible{outline:3px solid var(--gold);outline-offset:5px;border-radius:14px}
/* Slightly larger type for readability */
body{font-size:16px}.main-nav{font-size:15px}.topbar{font-size:14px}.hero-content p,.why-copy p,.feature-copy p{font-size:16px}.service-card-title{font-size:17px}.service-details li{font-size:15px}.contact-inner p{font-size:15px}.contact-actions .btn{font-size:15px}
@media(max-width:650px){.business-card-face>span{font-size:13px}.business-card-name{font-size:25px}.main-nav{font-size:15px}}

/* Brand-matched floating contact buttons */
.floating-bale{position:fixed;z-index:30;left:202px;bottom:20px;display:flex;align-items:center;gap:9px;background:var(--navy);color:#fff;border:1px solid var(--gold);padding:11px 15px;border-radius:999px;box-shadow:0 10px 30px #082b4b30;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s}
.floating-bale:hover{transform:translateY(-3px);box-shadow:0 14px 34px #082b4b40}
.bale-symbol{display:grid;place-items:center;width:25px;height:25px;border:2px solid var(--gold);border-radius:50%;font-size:15px;line-height:1;color:var(--gold)}
@media(max-width:650px){.floating-bale{left:145px;bottom:12px;padding:9px 12px;font-size:11px}}


/* Corrected placement: interactive business card replaces the lower-left promo card. */
.featured{display:grid;grid-template-columns:minmax(220px, 0.72fr) minmax(0, 2.28fr);gap:20px;align-items:stretch}
.featured .feature-card{grid-column:2;grid-row:1;min-width:0}
.card-stage{grid-column:1;grid-row:1;position:relative;min-height:360px;display:flex;align-items:center;justify-content:center;padding:14px;isolation:isolate;overflow:hidden;border-radius:14px;background:#f8fafc;border:1px solid var(--line)}
.card-stage-logo{position:absolute;inset:0;display:grid;place-items:center;z-index:-1;opacity:.18;pointer-events:none}
.card-stage-logo svg{width:92%;max-width:260px;height:auto;filter:drop-shadow(0 8px 18px #082b4b20)}
.card-stage .business-card{position:relative;z-index:1;width:100%;height:320px;min-height:320px;margin:0;padding:0;border:0;border-radius:14px;background:transparent;display:block;text-align:center;color:#fff}
.card-stage .business-card-inner{height:100%;min-height:320px}
.card-stage .business-card-face{border-radius:14px;padding:24px 16px}
.card-stage .business-card-name{font-size:29px;color:var(--gold);font-weight:900}
.card-stage .business-card-face span{font-size:13px}
.card-stage .business-card-face small{font-size:10px;margin-top:8px;color:#d7e3ee}
@media(max-width:760px){.featured{grid-template-columns:1fr}.featured .feature-card{grid-column:1;grid-row:1}.card-stage{grid-column:1;grid-row:2;min-height:340px}.card-stage .business-card{height:300px;min-height:300px}.card-stage .business-card-inner{min-height:300px}}

/* Contact buttons: consistent navy-and-gold styling, never browser-white */
.contact-actions .btn-outline{background:var(--navy2);color:#fff;border:1px solid var(--gold);box-shadow:0 3px 10px #00000012}
.contact-actions .btn-outline:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.contact-actions .btn-outline:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

/* Business card: place the actual logo on the card, not as a watermark behind it. */
.card-stage{min-height:350px;padding:0;background:transparent;border:0;overflow:visible}
.card-stage-logo{display:none!important}
.card-stage .business-card{height:100%;min-height:350px;align-self:stretch}
.card-stage .business-card-inner{height:100%;min-height:350px}
.card-stage .business-card-face{height:100%;justify-content:center;gap:8px;padding:22px 16px}
.business-card-logo{display:block;width:72px;height:72px;object-fit:contain;background:#fff;border-radius:14px;padding:7px;margin-bottom:2px}
.business-card-front .business-card-name{margin-top:0}
/* Match the adjacent article's full height while keeping the card on the right in RTL layout. */
.featured{grid-template-columns:minmax(220px,.72fr) minmax(0,2.28fr);align-items:stretch}
.featured .feature-card{min-height:350px;height:100%}
.card-stage{grid-column:1;grid-row:1;min-height:350px}
.featured .feature-card{grid-column:2;grid-row:1}
@media(max-width:760px){.featured{grid-template-columns:1fr}.featured .feature-card{grid-column:1;grid-row:1}.card-stage{grid-column:1;grid-row:2;min-height:320px}.card-stage .business-card,.card-stage .business-card-inner{height:320px;min-height:320px}}

/* Contact popup and QR layout */
.social-dialog{width:min(92vw,440px);border:1px solid #dce5ed;border-radius:18px;padding:26px;background:#fff;color:var(--ink);box-shadow:0 24px 90px #00182e40;font-family:inherit}
.social-dialog::backdrop{background:#061f37a8;backdrop-filter:blur(4px)}
.social-dialog h2{font-size:21px;margin:0 0 6px}
.dialog-close{position:absolute;top:10px;left:12px;border:0;background:#eef3f7;color:var(--navy);border-radius:50%;width:34px;height:34px;font-size:24px;cursor:pointer}
.dialog-intro{font-size:13px;color:var(--muted);margin:0 0 18px}
.dialog-options{display:flex;flex-direction:column;gap:12px}
.dialog-primary-option{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dialog-app-link{flex:1;text-align:center}
.dialog-qr{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:130px}
.dialog-qr img{width:124px;height:124px;object-fit:contain;border:1px solid var(--line);border-radius:8px;padding:4px;background:#fff}
.dialog-qr small{font-size:10px;color:var(--muted)}
.dialog-copy-link{background:var(--navy2);color:#fff;border:1px solid var(--gold);cursor:pointer;font-family:inherit}
.dialog-copy-link:hover{background:var(--gold);color:var(--navy)}
@media(max-width:650px){.social-dialog{display:none!important}}


/* Latest requested layout: business card on the LEFT of the feature text in RTL layout. */
@media(min-width:761px){
  .featured{grid-template-columns:minmax(0,2.28fr) minmax(220px,.72fr);}
  .featured .feature-card{grid-column:1;grid-row:1;}
  .featured .card-stage{grid-column:2;grid-row:1;}
}
@media(max-width:760px){
  .featured{grid-template-columns:1fr;}
  .featured .feature-card{grid-column:1;grid-row:1;}
  .featured .card-stage{grid-column:1;grid-row:2;}
}

/* Faint building/D logo watermark across BOTH faces of the flipping business card. */
.card-stage{background:transparent;border:0;padding:0;overflow:visible;}
.card-stage-logo{display:none!important;}
.card-stage .business-card-face{isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#0b3153,#061f37);}
.card-stage .business-card-back{background:linear-gradient(145deg,#123f65,#082b4b);}
.card-stage .business-card-face::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url("darvand-logo.svg") center center/90% auto no-repeat;
  opacity:.20;filter:grayscale(.15);
}
.card-stage .business-card-face>*{position:relative;z-index:1;}
.card-stage .business-card-face .business-card-name{ text-shadow:0 2px 12px #061f37a0;}
.dialog-account-id{display:inline-block;direction:ltr;text-align:left;font-weight:800;color:var(--navy);background:#f3f6f8;border:1px solid #e1e8ee;border-radius:8px;padding:7px 11px;margin:0 0 12px;font-size:13px;letter-spacing:.2px;}