:root{--ink:#061126;--navy:#07152c;--slate:#12223a;--yellow:#f3f451;--orange:#f3f451;--paper:#fff;--white:#fff;--muted:#677080;--line:rgba(4,18,41,.11);--radius:3px}
body{background:#fff;color:#071326;line-height:1.85}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(45deg,transparent 48.8%,rgba(10,30,56,.055) 49%,rgba(10,30,56,.055) 51%,transparent 51.2%),linear-gradient(-45deg,transparent 48.8%,rgba(10,30,56,.055) 49%,rgba(10,30,56,.055) 51%,transparent 51.2%);background-size:54px 54px}
header{background:#fff!important;border-bottom:1px solid #e4e8ee;color:#071326;box-shadow:0 5px 20px rgba(5,18,39,.06)}
nav{height:76px}.brand{padding:5px 10px;width:145px}.navlinks{font-size:.84rem;font-weight:700}.navlinks a:hover{color:#777900}.menu{color:#071326}.btn{border-radius:2px;min-height:48px;padding:0 22px}.btn-primary{background:var(--yellow);color:#081326}.btn-primary:hover{background:#e1e23a}.btn-outline{border-color:#c9ced6;background:#fff;color:#0a1528}
.hero{min-height:620px;padding:120px 0 55px;align-items:center;background:linear-gradient(90deg,rgba(3,13,29,.18),rgba(3,13,29,.04)),url('assets/images/romak-factory-hero.png') center/cover}
.hero:after{background:linear-gradient(90deg,rgba(4,15,33,.25),transparent)}.hero-content{width:min(1180px,calc(100% - 40px));margin:auto}.hero-content>*{max-width:520px}.hero-content{background:#fff;color:#081326;padding:44px 48px;margin-right:max(calc((100vw - 1180px)/2),20px);width:min(520px,calc(100% - 40px));border:1px solid #e1e4e9;box-shadow:0 25px 60px rgba(0,0,0,.18)}
.hero h1{font-size:clamp(2.5rem,5vw,4.2rem);margin-bottom:20px}.hero h1 span{color:#999b00}.hero .lead{color:#667080;font-size:.96rem}.hero-badge,.scroll{display:none}.hero-actions{margin-top:25px}
.stats{margin-top:0;background:#07152c;width:100%;max-width:none}.stat-grid{width:min(1180px,calc(100% - 40px));margin:auto;background:transparent;border:0;border-radius:0;box-shadow:none}.stat{padding:22px 28px}.stat strong{color:var(--yellow);font-size:1.1rem}.stat span{color:#b7c0ce}
section{padding:88px 0}.eyebrow{color:#8a8c00}.eyebrow:before{background:var(--yellow)}h2{font-size:clamp(1.9rem,3.4vw,3rem)}.lead{color:#5e6875;font-size:1rem}.section-head{margin-bottom:40px}.section-head p{color:#687281}
#about,.products,.process,#projects{background-color:rgba(255,255,255,.96);background-image:linear-gradient(45deg,transparent 48.8%,rgba(10,30,56,.05) 49%,rgba(10,30,56,.05) 51%,transparent 51.2%),linear-gradient(-45deg,transparent 48.8%,rgba(10,30,56,.05) 49%,rgba(10,30,56,.05) 51%,transparent 51.2%);background-size:58px 58px}
.about-grid{grid-template-columns:.92fr 1.08fr;gap:55px}.image-stack{order:2;padding:0 0 45px 45px}.image-stack .main{height:450px;border-radius:2px}.image-stack .small{height:180px;border-radius:0;border-color:#fff}.image-stack .mark{right:-15px;background:var(--yellow);border-radius:0}.checks{gap:10px}.check{background:#fff;border-color:#dde2e8;border-radius:2px;color:#10203a}.check:before{color:#9da000}
.products{border-radius:0!important}.cards{gap:24px}.card{min-height:390px;border-radius:0;box-shadow:0 10px 28px rgba(6,19,40,.12)}.card:after{background:linear-gradient(transparent 35%,rgba(4,14,31,.93))}.card-content{inset:auto 22px 20px}.card-index,.card a{color:var(--yellow)}
.process-grid{gap:0;border-top:1px solid #dfe3e8}.step{border-top:3px solid var(--yellow);border-left:1px solid #dfe3e8;background:#fff;padding:28px}.step:before{color:#9da000}
.factory{min-height:610px;padding:0;background:linear-gradient(90deg,transparent 0 48%,#061126 48% 100%),url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1300&q=88') left center/50% 100% no-repeat}.factory .container{display:flex;justify-content:flex-start}.factory-panel{width:50%;margin-right:auto;padding:65px;background:transparent;border:0;border-radius:0;backdrop-filter:none;color:#fff}.factory-panel .lead{color:#c1c8d2}.factory-item b{background:var(--yellow)}
.services{background:#fff;color:#071326}.service-grid{grid-template-columns:repeat(3,1fr);border-color:#e0e4e9;background:#e0e4e9;border-radius:0}.service{background:#fff;color:#071326;text-align:center;min-height:235px;padding:34px}.service .icon{color:#959800}.service p{color:#6a7480}.service:hover{box-shadow:inset 0 -4px 0 var(--yellow)}
.project-strip{height:340px;gap:18px}.project-strip img{border-radius:0}.project-strip img:nth-child(2){margin:0;height:100%}
#projects:after{content:"پشتیبانی از پروژه، از انتخاب تا بهره‌برداری";display:block;background:#061126;color:#fff;text-align:center;font-size:clamp(1.5rem,3vw,2.7rem);font-weight:900;margin-top:70px;padding:60px 20px;border-bottom:6px solid var(--yellow)}
.trust{background:#061126;color:#fff;padding:78px 0}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.trust-quote{background:#fff;color:#172238;padding:34px 38px;box-shadow:14px 14px 0 var(--yellow)}.trust-quote p{font-size:1.08rem}.trust-quote span{font-size:.8rem;color:#77808c}.trust-copy p{color:#bac2cd}.blog{background-color:#fff;background-image:linear-gradient(45deg,transparent 48.8%,rgba(10,30,56,.05) 49%,rgba(10,30,56,.05) 51%,transparent 51.2%),linear-gradient(-45deg,transparent 48.8%,rgba(10,30,56,.05) 49%,rgba(10,30,56,.05) 51%,transparent 51.2%);background-size:58px 58px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-card{background:#fff;border:1px solid #e0e4e9;padding-bottom:24px}.blog-card img{height:220px;width:100%;object-fit:cover}.blog-card span{display:inline-block;background:var(--yellow);padding:4px 12px;margin:0 20px;transform:translateY(-15px);font-size:.75rem;font-weight:800}.blog-card h3,.blog-card a{margin-right:20px;margin-left:20px}.blog-card h3{font-size:1rem;min-height:58px}.blog-card a{font-size:.82rem;color:#777900;font-weight:800}
.cta{background:#fff;padding:70px 0}.cta-box{border-radius:0;background:var(--yellow);padding:44px 50px}.cta-box h2{font-size:2rem}.cta-box .btn{background:#071326}
footer{background:#061126}.footer-grid p,.footer-grid a{color:#b4bdc9}.footer-logo{border-radius:2px}.install{border-radius:2px}
@media(max-width:900px){.navlinks{background:#fff;color:#071326}.hero-content{margin:auto}.factory{background:linear-gradient(rgba(6,17,38,.82),rgba(6,17,38,.94)),url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1300&q=88') center/cover}.factory-panel{width:100%;padding:55px 25px}.service-grid{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr;gap:45px}.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{min-height:680px;background-position:62% center}.hero-content{padding:32px 24px}.hero h1{font-size:2.7rem}.stat-grid{width:100%}.about-grid{grid-template-columns:1fr}.image-stack{order:0}.cards,.service-grid,.blog-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.project-strip{height:390px}.cta-box{padding:32px 24px}.cta-box h2{font-size:1.65rem}}

/* Image-rich section treatment */
.process-grid{gap:0}.step{padding:145px 28px 28px;overflow:hidden}.step:after{content:"";position:absolute;inset:0 0 auto;height:120px;background-position:center;background-size:cover;filter:saturate(.72)}.step:nth-child(1):after{background-image:url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=700&q=82')}.step:nth-child(2):after{background-image:url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=700&q=82')}.step:nth-child(3):after{background-image:url('assets/images/romak-quality-service.png')}.step:nth-child(4):after{background-image:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=700&q=82')}
.services .service-grid{border:0;background:transparent;gap:20px}.services .service{padding:0;text-align:right;min-height:390px;border:1px solid #e0e4e9;overflow:hidden}.service>img{display:block;width:100%;height:180px;object-fit:cover;filter:saturate(.78);transition:.45s}.service>div{padding:24px 26px}.service:hover{box-shadow:0 14px 35px rgba(6,19,40,.13),inset 0 -4px 0 var(--yellow)}.service:hover>img{transform:scale(1.045);filter:saturate(1)}
.trust{background:linear-gradient(90deg,rgba(6,17,38,.97),rgba(6,17,38,.80)),url('assets/images/romak-quality-service.png') center/cover;padding:95px 0}
.cta-box{background:linear-gradient(90deg,var(--yellow) 0 58%,rgba(243,244,81,.88)),url('assets/images/romak-factory-hero.png') left center/cover;min-height:190px;padding:52px 50px}
@media(max-width:600px){.services .service-grid{grid-template-columns:1fr}.cta-box{background:linear-gradient(rgba(243,244,81,.94),rgba(243,244,81,.94)),url('assets/images/romak-factory-hero.png') center/cover}}

/* Fully local offline image overrides */
.factory{background-image:linear-gradient(90deg,transparent 0 48%,#061126 48% 100%),url('assets/images/factory-main.jpg')}
.step:nth-child(1):after{background-image:url('assets/images/consulting.jpg')}.step:nth-child(2):after{background-image:url('assets/images/factory-main.jpg')}.step:nth-child(3):after{background-image:url('assets/images/romak-quality-service.png')}.step:nth-child(4):after{background-image:url('assets/images/handover.jpg')}
@media(max-width:900px){.factory{background-image:linear-gradient(rgba(6,17,38,.82),rgba(6,17,38,.94)),url('assets/images/factory-main.jpg')}}

/* Factory split: copy on navy at right, image at left */
.factory .container{direction:rtl;justify-content:flex-start}.factory-panel{margin-right:0;margin-left:auto;text-align:right}
@media(max-width:900px){.factory-panel{margin:0;width:100%}}

/* Premium 3D entrance and interaction motion */
body{perspective:1400px}.reveal{opacity:0;transform:translate3d(0,58px,-90px) rotateX(7deg);transform-origin:center bottom;filter:blur(7px);transition:opacity .85s cubic-bezier(.2,.75,.25,1),transform 1s cubic-bezier(.16,1,.3,1),filter .7s ease;will-change:transform,opacity,filter}.reveal.show{opacity:1;transform:translate3d(0,0,0) rotateX(0);filter:blur(0)}
.cards,.process-grid,.service-grid,.project-strip,.blog-grid,.stat-grid{perspective:1200px}.card,.step,.service,.blog-card,.stat,.project-strip img{transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease,filter .45s ease}
.cards .card:nth-child(2),.process-grid .step:nth-child(2),.service-grid .service:nth-child(2),.blog-grid .blog-card:nth-child(2),.stat-grid .stat:nth-child(2){transition-delay:.1s}.cards .card:nth-child(3),.process-grid .step:nth-child(3),.service-grid .service:nth-child(3),.blog-grid .blog-card:nth-child(3),.stat-grid .stat:nth-child(3){transition-delay:.2s}.process-grid .step:nth-child(4),.service-grid .service:nth-child(4),.stat-grid .stat:nth-child(4){transition-delay:.3s}.service-grid .service:nth-child(5){transition-delay:.4s}.service-grid .service:nth-child(6){transition-delay:.5s}
.tilt-3d{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(8px);box-shadow:0 24px 50px rgba(5,18,38,.18)}.tilt-3d img{transform:translateZ(20px) scale(1.04)}
.hero-content{animation:heroCardIn 1.15s cubic-bezier(.16,1,.3,1) both}.hero{animation:heroImageIn 1.4s ease both}@keyframes heroCardIn{0%{opacity:0;transform:perspective(1000px) translate3d(-70px,20px,-120px) rotateY(-10deg);filter:blur(8px)}100%{opacity:1;transform:none;filter:none}}@keyframes heroImageIn{0%{filter:brightness(.55) saturate(.45);background-size:108% auto}100%{filter:brightness(1) saturate(1);background-size:cover}}
.eyebrow:before{transform-origin:right;animation:linePulse 2.4s ease-in-out infinite}@keyframes linePulse{0%,100%{transform:scaleX(.35);opacity:.55}50%{transform:scaleX(1);opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.show,.card,.step,.service,.blog-card,.stat,.project-strip img,.hero,.hero-content,.eyebrow:before{animation:none!important;transition:none!important;transform:none!important;filter:none!important;opacity:1!important}}