/* REDCOWEB — FULL-BLEED ARCHITECTURAL SYSTEM v4 (2026-10-09)
   True viewport-width section design with real Laravel content.
   Every background spans 100%; readable content retains safe responsive gutters.
*/
:root{--rv4-ink:#152f3a;--rv4-teal:#0c7985;--rv4-soft:#f6f8f8;--rv4-border:#e6ecee;--rv4-ease:cubic-bezier(.22,1,.36,1);--rv4-gutter:clamp(20px,4.4vw,96px)}
body:has(.rd27){background:#fff}
body:has(.rd27) #main{width:100%;max-width:100%;overflow:clip}
body:has(.rd27) .site-header{position:sticky;z-index:1000;top:10px;left:auto;right:auto;width:calc(100% - clamp(24px,5.6vw,110px));max-width:none;margin:10px auto -2px;border:1px solid #e8eff0;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 14px 60px -37px rgba(31,67,77,.3);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
body:has(.rd27) .site-header .header-inner{width:calc(100% - clamp(18px,2vw,40px));max-width:none;margin-inline:auto}
body:has(.rd27) .rw-header-logo{max-width:98px;height:53px;object-fit:contain}
body:has(.rd27) .rv4-brand-text{display:inline-flex;flex-direction:column;line-height:1.25;gap:2px;color:#132d39;font:900 14px/1.1 Arial,sans-serif;letter-spacing:-.035em;white-space:nowrap}
body:has(.rd27) .rv4-brand-text small{font-family:inherit;font-size:9px;font-weight:600;line-height:1.2;letter-spacing:0;color:#64808b}
body:has(.rd27) .main-nav a{font-size:12px;white-space:nowrap}
body:has(.rd27) .header-cta{background:linear-gradient(130deg,#0d7886,#095a68);color:#fff;border-radius:10px;border:0}
body:has(.rd27) .rw-header-phone{font-size:12px}
.rd27 .rd27-container{width:calc(100% - 2 * var(--rv4-gutter));max-width:none!important}
.rd27 .rd27-hero{margin-top:-72px;padding-top:135px;min-height:760px;background:
radial-gradient(ellipse at 66% 18%,rgba(231,239,239,.37),transparent 47%),
radial-gradient(ellipse at 4% 87%,rgba(206,220,219,.44),transparent 45%),
linear-gradient(137deg,#fdfcfb 4%,#f7f9f8 43%,#edf3f4 100%)}
.rd27 .rd27-hero::before,.rd27 .rd27-hero::after{content:"";position:absolute;pointer-events:none;z-index:-1;opacity:.23}
.rd27 .rd27-hero::before{width:clamp(220px,24vw,490px);height:100%;left:-5%;bottom:-8%;background:url('/media/persepolis/persepolis-column.png') bottom center/contain no-repeat;filter:grayscale(.75) brightness(1.25)}
.rd27 .rd27-hero::after{right:-8%;top:5%;width:25%;height:92%;background:radial-gradient(ellipse at center,rgba(227,212,191,.15),transparent 70%),url('/media/persepolis/persepolis-column.png') right bottom/contain no-repeat;transform:scaleX(-1);opacity:.15}
.rd27 .rd27-hero-grid{grid-template-columns:minmax(0,47%) minmax(0,53%);min-height:585px;gap:0}
.rd27 .rd27-hero-copy{max-width:720px;padding-bottom:40px}
.rd27 .rd27-hero-copy h1{font-size:clamp(37px,3.55vw,76px);line-height:1.46;font-weight:950}
.rd27 .rd27-hero-copy>p{font-size:clamp(13px,1.03vw,18px);max-width:670px}
.rd27 .rd27-hero-gallery{width:100%;max-width:none;min-height:590px}
.rd27 .rd27-laptop{height:68%;top:11%;left:5%;right:15%;border-width:7px;box-shadow:0 40px 78px -18px rgba(36,49,57,.3)}
.rd27 .rd27-laptop-base{top:79.5%;left:2%;right:11%}
.rd27 .rd27-phone{height:52%;width:24%;max-width:180px;right:0;top:33%;transform:rotate(6deg)}
.rd27 .rd27-stone{bottom:11%;height:16%;left:-1%;width:99%}
.rd27 .rd27-float-one{top:15%;right:0}
.rd27 .rd27-float-two{top:43%;left:-2%}
.rd27 .rd27-float-three{bottom:17%;left:10%}
.rd27 .rd27-hero-bottom{position:relative;z-index:2;padding:10px 0 15px}
.rd27 .rd27-proof{background:rgba(255,255,255,.97)}
.rd27 .rd27-proof-grid{padding-block:25px;gap:12px}
.rd27 .rd27-proof-grid span{font-size:clamp(11px,.82vw,15px)}
.rdv4-clients{width:100%;background:linear-gradient(90deg,#fff,#fbfcfc,#fff);border-bottom:1px solid #edf2f2}
.rdv4-clients-inner{min-height:125px;display:grid;grid-template-columns:minmax(190px,24%) minmax(0,76%);gap:28px;align-items:center}
.rdv4-client-label{display:grid;gap:6px}
.rdv4-client-label span{font:800 10px Arial,sans-serif;letter-spacing:2px;color:#37929b}
.rdv4-client-label strong{font-size:14px;color:#4d666f}
.rdv4-client-names{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,1.7vw,36px);overflow:auto;scrollbar-width:thin;scroll-snap-type:x proximity;padding:15px 0}
.rdv4-client-name{flex:0 0 auto;font-size:clamp(12px,1.1vw,18px);font-weight:900;color:#778a91;scroll-snap-align:center;opacity:.88}
.rd27 .rd27-section{padding-block:clamp(75px,7.2vw,140px)}
.rd27 .rd27-heading{margin-bottom:clamp(25px,2.8vw,56px)}
.rd27 .rd27-heading h2{font-size:clamp(29px,2.7vw,54px)}
.rd27 .rd27-heading p{font-size:clamp(12px,.95vw,17px)}
.rd27 .rd27-services{position:relative;isolation:isolate;background:radial-gradient(circle at 98% 34%,rgba(218,235,237,.6),transparent 28%),linear-gradient(180deg,#fcfdfd,#f0f5f7 62%,#fff)}
.rd27 .rd27-services::before{content:"";position:absolute;right:-12%;bottom:0;height:80%;width:37%;background:url('/media/persepolis/persepolis-column.png') right bottom/contain no-repeat;opacity:.075;filter:grayscale(1);z-index:-1}
.rd27 .rd27-services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,1.5vw,28px)}
.rd27 .rd27-service-card{min-height:clamp(225px,16vw,330px);padding:clamp(22px,2vw,38px);border-radius:clamp(20px,1.8vw,30px);box-shadow:0 25px 65px -49px rgba(26,79,93,.4)}
.rd27 .rd27-service-card h3{font-size:clamp(17px,1.27vw,24px)}
.rd27 .rd27-service-card p{font-size:clamp(12px,.91vw,16px);max-width:480px}
.rd27 .rd27-card-icon{width:65px;height:65px;font-size:34px}
.rd27 .rd27-work{background:linear-gradient(180deg,#fff,#f9fbfb)}
.rd27 .rd27-case-grid{gap:clamp(15px,1.5vw,30px)}
.rd27 .rd27-case-card{border-radius:24px}
.rd27 .rd27-case-image{height:clamp(260px,23vw,470px)}
.rd27 .rd27-case-big .rd27-case-image{height:clamp(350px,33vw,620px)}
.rd27 .rd27-case-info{padding:22px 27px}
.rd27 .rd27-case-info h3{font-size:clamp(17px,1.2vw,24px)}
.rd27 .rd27-feature{position:relative;isolation:isolate;background:radial-gradient(ellipse at 10% 80%,rgba(201,223,224,.48),transparent 45%),linear-gradient(110deg,#f4f8f8,#fff);padding-block:clamp(90px,10vw,190px)}
.rd27 .rd27-feature::before{content:"";position:absolute;bottom:-14%;right:-8%;width:30%;height:100%;opacity:.1;background:url('/media/persepolis/persepolis-column.png') right bottom/contain no-repeat;z-index:-1}
.rd27 .rd27-feature-grid{grid-template-columns:55% 45%;gap:0}
.rd27 .rd27-feature-visual{height:clamp(375px,36vw,750px)}
.rd27 .rd27-feature-device{inset:15px 11% 3% 0;border-radius:24px;border-width:10px}
.rd27 .rd27-feature-copy{padding-inline:clamp(20px,3vw,70px)}
.rd27 .rd27-feature-copy h2{font-size:clamp(29px,2.5vw,52px)}
.rd27 .rd27-method{background:#fff}
.rd27 .rd27-steps{gap:clamp(10px,1.3vw,25px)}
.rd27 .rd27-step{padding:clamp(24px,2vw,45px);min-height:250px;border-radius:22px}
.rd27 .rd27-step h3{font-size:clamp(16px,1.1vw,22px)}
.rd27 .rd27-cta{background:radial-gradient(circle at 8% 90%,#225d67 0,transparent 37%),linear-gradient(135deg,#153542,#064d5b);padding:clamp(70px,7vw,125px) 0}
.rd27 .rd27-cta-shell{width:calc(100% - 2 * var(--rv4-gutter));padding:0;max-width:none!important;min-height:245px;border:0;border-radius:0;background:transparent;box-shadow:none}
.rd27 .rd27-cta-shell h2{font-size:clamp(29px,2.5vw,49px)}
.rd27 .rd27-cta-art{inset:-140px;opacity:.075}
.rdv4-industry-spotlight{position:relative;isolation:isolate;width:100%;background:radial-gradient(circle at 5% 90%,rgba(221,230,227,.6),transparent 50%),linear-gradient(120deg,#f9faf8,#edf4f4);padding-block:clamp(85px,9vw,165px)}
.rdv4-industry-spotlight::before{content:"";position:absolute;left:-8%;bottom:0;width:38%;height:92%;background:url('/media/persepolis/persepolis-column.png') left bottom/contain no-repeat;opacity:.085;z-index:-1}
.rdv4-industry-layout{display:grid;grid-template-columns:40% minmax(0,60%);align-items:center;gap:clamp(25px,3vw,64px)}
.rdv4-industry-content h2{font-size:clamp(28px,2.8vw,55px);line-height:1.56;margin:20px 0;font-weight:900}
.rdv4-industry-content p{font-size:clamp(13px,1.04vw,17px);line-height:2.15;color:#66818a;max-width:560px;margin:0 0 28px}
.rdv4-industry-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.25vw,28px)}
.rdv4-industry-card{position:relative;height:clamp(195px,16vw,310px);display:block;overflow:hidden;border:1px solid #e1eaea;border-radius:22px;box-shadow:0 30px 70px -46px rgba(27,73,84,.4);background:#f1f4f4}
.rdv4-industry-card:nth-child(2){transform:translateY(-22px)}.rdv4-industry-card:nth-child(3){transform:translateY(22px)}
.rdv4-industry-card img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:scale .65s var(--rv4-ease)}
.rdv4-industry-card:hover img{scale:1.07}
.rdv4-industry-card::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(16,46,54,.7))}
.rdv4-industry-card strong,.rdv4-industry-card>span{position:absolute;color:#fff;z-index:1;bottom:21px;font-size:clamp(12px,1vw,19px)}
.rdv4-industry-card strong{right:22px}.rdv4-industry-card>span{left:20px;font-size:23px}
.rdv4-confidence{background:#fff;border-block:1px solid #e7eeee;position:relative}
.rdv4-confidence-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:190px;align-items:center}
.rdv4-confidence-inner>div{display:flex;align-items:center;justify-content:center;gap:14px;padding:27px 8px;border-left:1px solid #e8eeee}
.rdv4-confidence-inner>div:last-child{border:0}
.rdv4-confidence-inner strong{font:800 clamp(26px,2.1vw,43px) Arial,sans-serif;letter-spacing:-2px;color:#0d7180}
.rdv4-confidence-inner span{font-size:clamp(11px,.92vw,17px);font-weight:700;color:#536b76}
.rdv4-faq{padding-block:clamp(95px,9vw,170px);background:linear-gradient(115deg,#f8fafb,#fff 80%)}
.rdv4-faq-layout{display:grid;grid-template-columns:35% 65%;gap:clamp(20px,3vw,65px)}
.rdv4-faq-intro h2{font-size:clamp(30px,2.7vw,53px);line-height:1.55;margin:17px 0}
.rdv4-faq-intro p{font-size:clamp(12px,.95vw,16px);line-height:2.1;color:#69818b;max-width:500px;margin-bottom:25px}
.rdv4-faq-list{display:grid;gap:11px}
.rdv4-faq-list details{border:1px solid #e5eced;background:rgba(255,255,255,.93);border-radius:15px;box-shadow:0 17px 35px -36px rgba(24,65,76,.3);transition:border-color .2s}
.rdv4-faq-list details[open]{border-color:#abd7dd}
.rdv4-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:19px 22px;font-size:clamp(12px,1vw,17px);font-weight:800;color:#304953}
.rdv4-faq-list summary::-webkit-details-marker{display:none}
.rdv4-faq-list summary span{background:#eef6f7;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:#0d7581;font-size:21px;flex-shrink:0}
.rdv4-faq-list details[open] summary span{transform:rotate(45deg)}
.rdv4-faq-list details p{border-top:1px solid #f1f5f5;margin:0;padding:16px 24px 24px;font-size:13px;color:#637f89;line-height:2}
.rd27 .rd27-portfolio-hero{margin-top:-74px;padding-block:140px 33px;background:radial-gradient(circle at 12% 40%,rgba(209,227,230,.44),transparent 40%),linear-gradient(125deg,#fff 3%,#f6f9f9 100%);min-height:800px}
.rd27 .rd27-portfolio-hero::before,.rd27 .rd27-portfolio-hero::after{content:"";position:absolute;pointer-events:none;z-index:-1;background:url('/media/persepolis/persepolis-column.png') bottom center/contain no-repeat;opacity:.14}
.rd27 .rd27-portfolio-hero::before{left:-5%;bottom:-3%;height:85%;width:23%}
.rd27 .rd27-portfolio-hero::after{right:-7%;bottom:0;height:72%;width:20%;transform:scaleX(-1);opacity:.1}
.rd27 .rd27-portfolio-top{grid-template-columns:43% 57%;min-height:600px}
.rd27 .rd27-portfolio-copy h1{font-size:clamp(43px,4vw,80px)}
.rd27 .rd27-portfolio-stage{min-height:550px}
.rd27 .rd27-portfolio-device{top:5%;left:3%;right:4%;height:76%;border-width:9px;box-shadow:0 45px 90px -37px #576a6d}
.rd27 .rd27-portfolio-stone{bottom:9%;height:14%}
.rd27 .rd27-portfolio-meta{bottom:3%;right:4%;min-width:210px;padding:20px 26px}
.rd27 .rd27-portfolio-arrows{bottom:0;left:0}
.rd27 .rd27-project-strip{width:calc(100% - 2 * var(--rv4-gutter));padding:12px;gap:12px;box-shadow:0 24px 75px -46px #57717a}
.rd27 .rd27-project-chip{padding:10px 13px;gap:15px;flex:1;font-size:clamp(11px,.83vw,15px)}
.rd27 .rd27-project-chip img{width:clamp(55px,5vw,95px);height:clamp(43px,4vw,65px)}
.rd27 .rd27-portfolio-list{padding-block:clamp(80px,7vw,145px)}
.rd27 .rd27-portfolio-grid{gap:clamp(16px,1.5vw,31px)}
.rd27 .rd27-portfolio-card{border-radius:23px}
.rd27 .rd27-portfolio-image{height:clamp(300px,24vw,460px)}
.rd27 .rd27-wide .rd27-portfolio-image{height:clamp(410px,32vw,630px)}
.rd27 .rd27-portfolio-caption{padding:22px 27px}
.rd27 .rd27-portfolio-caption h3{font-size:clamp(17px,1.2vw,24px)}
.rdv4-multidevice{isolation:isolate;position:relative;background:radial-gradient(circle at 70% 0,rgba(183,209,214,.55),transparent 50%),linear-gradient(120deg,#f2f6f6,#fff);padding-block:clamp(110px,9vw,185px)}
.rdv4-multidevice::after{content:"";position:absolute;right:-5%;bottom:0;height:95%;width:26%;background:url('/media/persepolis/persepolis-column.png') right bottom/contain no-repeat;z-index:-1;opacity:.1}
.rdv4-multidevice-grid{display:grid;grid-template-columns:37% 63%;align-items:center;gap:clamp(15px,3vw,60px)}
.rdv4-device-heading h2{font-size:clamp(34px,3.05vw,60px);line-height:1.5;margin:19px 0}
.rdv4-device-heading p{font-size:clamp(13px,1vw,17px);line-height:2.1;color:#677f87;max-width:560px}
.rdv4-device-heading .rd27-btn{margin-top:25px}
.rdv4-device-icons{display:flex;gap:20px;flex-wrap:wrap;margin-top:27px;color:#58747d;font-size:13px}
.rdv4-multidevice-scene{position:relative;min-height:clamp(390px,34vw,680px);filter:drop-shadow(0 40px 44px rgba(26,58,65,.17))}
.rdv4-device-large,.rdv4-device-tablet,.rdv4-device-phone{position:absolute;background:#171e23;overflow:hidden}
.rdv4-device-large{width:80%;height:78%;top:4%;left:3%;border:10px solid #182029;border-radius:20px;transform:rotate(-2deg);box-shadow:0 40px 70px -32px rgba(12,47,56,.45)}
.rdv4-device-tablet{width:40%;height:58%;right:0;top:35%;border:9px solid #293136;border-radius:17px;transform:rotate(5deg);box-shadow:0 27px 51px -24px #344e54}
.rdv4-device-phone{width:19%;height:52%;bottom:0;left:12%;border:8px solid #161c20;border-radius:26px;transform:rotate(-8deg);box-shadow:0 26px 50px -24px #425760}
.rdv4-multidevice-scene img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.rdv4-workflow{padding-block:clamp(95px,9vw,175px);background:linear-gradient(#fff,#f7fafb)}
.rdv4-workflow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.4vw,27px)}
.rdv4-workflow-card{position:relative;min-height:230px;padding:clamp(18px,1.9vw,35px);border-radius:20px;background:#fff;border:1px solid #e7edef;box-shadow:0 23px 45px -37px rgba(33,77,86,.34)}
.rdv4-workflow-number{font:700 12px Arial,sans-serif;color:#9fb1b5;letter-spacing:1px}
.rdv4-workflow-symbol{width:54px;height:54px;margin-top:24px;border-radius:17px;background:#eef8f9;border:1px solid #e2f0f2;display:grid;place-items:center;color:#157e8b;font-size:24px}
.rdv4-workflow-card h3{margin:21px 0 8px;font-size:clamp(15px,1.15vw,21px)}
.rdv4-workflow-card p{font-size:clamp(11px,.81vw,15px);color:#7c8e95;line-height:2}
.rw-lux-footer{background:linear-gradient(135deg,#fff,#f6f9fa)}
body:has(.rd27) .rw-lux-footer-shell{width:calc(100% - 2 * var(--rv4-gutter));max-width:none}
:is(.rw-sv3-shell,.rahkar-shell,.rw-ai2 .shell,.blog26-page .shell,.reference-page .shell){width:calc(100% - 2 * var(--rv4-gutter))!important;max-width:none!important}
.rw-sv3-hero,.rw-ai2-hero,.rahkar-hero{isolation:isolate;overflow:hidden;position:relative}
.rw-sv3-hero{background:radial-gradient(circle at 85% 45%,rgba(196,217,222,.48),transparent 45%),linear-gradient(135deg,#fff,#f1f7f8);min-height:700px}
.rw-sv3-hero::before,.rw-ai2-hero::before,.rahkar-hero::before{content:"";position:absolute;z-index:-1;left:-8%;bottom:-12%;width:30%;height:100%;background:url('/media/persepolis/persepolis-column.png') bottom left/contain no-repeat;opacity:.14;pointer-events:none}
.rw-sv3-hero-grid{grid-template-columns:50% 50%;gap:0!important;min-height:660px}
.rw-sv3-hero-copy h1{font-size:clamp(33px,3.4vw,70px)!important;line-height:1.48}
.rw-sv3-hero-media{width:100%;max-width:none}
.rw-sv3-glass-frame{border-radius:26px;overflow:visible;box-shadow:none}
.rw-sv3-glass-frame img{box-shadow:0 38px 80px -46px #7892a0;border-radius:22px;width:100%;max-width:none}
.rw-sv3-services{background:linear-gradient(135deg,#f3f9fa,#fff)}
.rw-sv3-service-grid{gap:clamp(15px,1.7vw,30px)}
.rw-sv3-service-card{min-height:250px}
.rw-sv3-cta{background:linear-gradient(135deg,#0e5360,#0b3440)}
.rw-sv3-cta-card{width:100%;max-width:none}
.rw-ai2-hero{background:radial-gradient(circle at 70% 35%,rgba(166,227,239,.68),transparent 50%),linear-gradient(135deg,#fff,#eaf7fb);min-height:700px}
.rw-ai2-hero::before{opacity:.12;left:-13%}
.rw-ai2-hero-grid{grid-template-columns:48% 52%;min-height:650px;gap:1vw}
.rw-ai2-hero-copy h1{font-size:clamp(35px,3.5vw,73px)!important}
.rw-ai2-hero-art{width:100%;max-width:none}
.rw-ai2-hero-art img{width:100%;max-width:none;filter:drop-shadow(0 22px 48px rgba(41,129,160,.2))}
.rw-ai2-stack,.rw-ai2-solutions{background:linear-gradient(#fff,#f3f9fb)}
.rw-ai2-architecture{background:radial-gradient(circle at 45% 30%,rgba(195,233,241,.34),transparent 65%),#fff}
.rahkar-hero{background:radial-gradient(circle at 70% 45%,rgba(196,226,228,.45),transparent 55%),linear-gradient(140deg,#fff,#f1f8f8)}
.rahkar-hero-grid{grid-template-columns:48% 52%;gap:2vw}
.rahkar-product-stage{box-shadow:0 38px 82px -45px rgba(45,94,107,.35)}
.rahkar-section{width:100%;background:linear-gradient(135deg,#f9fbfb,#fff)}
.rahkar-industries{background:linear-gradient(130deg,#fff,#f1f7f7)}
@media(max-width:1100px){
 body:has(.rd27) .site-header .main-nav a{font-size:11px}
 .rd27 .rd27-container{width:calc(100% - 2 * clamp(18px,3vw,50px))}
 .rd27 .rd27-hero-copy h1{font-size:clamp(33px,4vw,50px)}
 .rd27 .rd27-hero-gallery{min-height:480px}
 .rd27 .rd27-laptop{height:65%}
 .rd27 .rd27-laptop-base{top:76%}
 .rd27 .rd27-portfolio-device{height:65%;top:15%}
 .rd27 .rd27-portfolio-meta{bottom:3%}
 .rw-sv3-hero-grid,.rw-ai2-hero-grid{min-height:570px}
}
@media(max-width:850px){
 :root{--rv4-gutter:clamp(18px,4vw,40px)}
 body:has(.rd27) .site-header{top:0;margin:0 0 -1px;width:100%;border-radius:0}
 .rd27 .rd27-hero{margin-top:0;padding-top:55px;min-height:0}
 .rd27 .rd27-hero-grid{grid-template-columns:1fr;min-height:0}
 .rd27 .rd27-hero-copy h1{font-size:clamp(32px,5.5vw,48px)}
 .rd27 .rd27-hero-gallery{min-height:540px;width:min(100%,700px)}
 .rd27 .rd27-laptop{top:10%;height:65%}.rd27 .rd27-laptop-base{top:75%}
 .rd27 .rd27-phone{top:33%;height:48%}
 .rdv4-clients-inner{grid-template-columns:1fr;gap:5px;padding-block:25px}
 .rdv4-client-names{justify-content:flex-start}
 .rd27 .rd27-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rdv4-industry-layout,.rdv4-multidevice-grid{grid-template-columns:1fr;gap:25px}
 .rdv4-industry-cards{width:min(100%,750px);margin-inline:auto}
 .rd27 .rd27-feature-grid{grid-template-columns:1fr}
 .rd27 .rd27-feature-visual{height:430px}
 .rdv4-confidence-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rdv4-confidence-inner>div:nth-child(2){border:0}
 .rdv4-faq-layout{grid-template-columns:1fr;gap:30px}
 .rd27 .rd27-portfolio-hero{margin-top:0;padding-top:45px;min-height:0}
 .rd27 .rd27-portfolio-top{grid-template-columns:1fr;min-height:0}
 .rd27 .rd27-portfolio-stage{min-height:460px}
 .rd27 .rd27-portfolio-device{height:72%;top:8%}
 .rdv4-multidevice-scene{min-height:480px;width:min(100%,750px);margin-inline:auto}
 .rdv4-workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .rw-sv3-hero-grid,.rw-ai2-hero-grid,.rahkar-hero-grid{grid-template-columns:1fr;min-height:0}
 .rw-sv3-hero,.rw-ai2-hero,.rahkar-hero{min-height:0}
 .rw-sv3-hero-copy h1,.rw-ai2-hero-copy h1{font-size:clamp(31px,5vw,48px)!important}
}
@media(max-width:560px){
 :root{--rv4-gutter:16px}
 body:has(.rd27) .site-header .header-inner{width:calc(100% - 18px)}
 body:has(.rd27) .rw-header-logo{width:57px;height:45px}
 body:has(.rd27) .rv4-brand-text{font-size:11px}
 body:has(.rd27) .rv4-brand-text small{display:none}
 .rd27 .rd27-container{width:calc(100% - 32px)}
 .rd27 .rd27-hero{padding-top:30px}
 .rd27 .rd27-hero-gallery{min-height:330px}
 .rd27 .rd27-laptop{height:64%;top:8%}.rd27 .rd27-laptop-base{top:71%}.rd27 .rd27-phone{height:52%;top:30%}
 .rd27 .rd27-services-grid{gap:11px}
 .rd27 .rd27-service-card{min-height:210px;padding:17px}
 .rd27 .rd27-card-icon{width:45px;height:45px;font-size:23px}
 .rd27 .rd27-case-image,.rd27 .rd27-case-big .rd27-case-image{height:250px}
 .rdv4-industry-cards{gap:10px}
 .rdv4-industry-card{height:195px;border-radius:15px}
 .rdv4-industry-card:nth-child(2),.rdv4-industry-card:nth-child(3){transform:none}
 .rdv4-industry-card strong{font-size:11px;right:11px}.rdv4-industry-card>span{left:11px;bottom:13px}
 .rdv4-confidence-inner{min-height:0}
 .rdv4-confidence-inner>div{flex-direction:column;gap:5px;padding:22px 9px}
 .rdv4-confidence-inner span{font-size:10px}
 .rdv4-faq-list summary{font-size:12px;padding:15px}
 .rd27 .rd27-portfolio-stage{min-height:310px}
 .rd27 .rd27-portfolio-device{height:68%;top:9%;border-width:5px}
 .rd27 .rd27-portfolio-meta{bottom:6%;min-width:130px;padding:10px 13px}
 .rd27 .rd27-portfolio-caption h3{font-size:15px}
 .rd27 .rd27-portfolio-image,.rd27 .rd27-wide .rd27-portfolio-image{height:245px}
 .rdv4-multidevice-scene{min-height:300px}
 .rdv4-device-large{border-width:6px;border-radius:12px}
 .rdv4-device-tablet{border-width:5px;border-radius:9px}
 .rdv4-device-phone{border-width:5px;border-radius:12px}
 .rdv4-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .rdv4-workflow-card{min-height:205px;padding:17px}
 .rdv4-workflow-card h3{font-size:13px}
 .rdv4-workflow-card p{font-size:10px}
 .rd27 .rd27-cta-shell{width:calc(100% - 32px)}
}
@media(prefers-reduced-motion:reduce){
 .rd27 .rdv4-industry-card img{transition:none}
}

/* Keyboard-accessible skip navigation must never create mobile sideways scrolling. */
body .skip-link:not(:focus):not(:focus-visible){
 position:fixed!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;
 padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;
 clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;
}
body .skip-link:focus,body .skip-link:focus-visible{
 position:fixed!important;top:12px!important;right:12px!important;left:auto!important;
 z-index:999999!important;padding:12px 20px!important;width:auto!important;height:auto!important;
 clip:auto!important;clip-path:none!important;background:#fff!important;color:#0b6c77!important;border:2px solid #0b6c77!important;border-radius:8px!important;
}
/* Extra right-edge clipping for ornamental art while preserving real content. */
.rd27 .rd27-cta-shell{overflow:hidden}
.rw-sv3-hero,.rw-ai2-hero,.rahkar-hero{overflow:clip}
html{overflow-x:clip}

/* Compact header: preserve the mobile menu without forcing a 480px layout. */
@media(max-width:700px){
 .site-header{max-width:100%;overflow:visible}
 .site-header .header-inner,.site-header .shell.header-inner{
  width:calc(100% - 18px)!important;max-width:none!important;min-width:0!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:6px!important;flex-wrap:nowrap!important;padding-inline:0!important
 }
 .site-header .main-nav{display:none!important}
 .site-header .rw-header-brand{min-width:0!important;max-width:170px;flex:0 1 auto!important;gap:3px!important}
 .site-header .rw-header-logo{width:60px!important;max-width:60px!important;height:43px!important}
 .site-header .rv4-brand-text{font-size:11px!important}
 .site-header .header-actions{min-width:0!important;width:auto!important;flex:0 0 auto!important;gap:4px!important}
 .site-header .header-cta,.site-header .rw-header-phone{display:none!important}
 .site-header .mobile-menu{display:block!important;flex:0 0 40px!important;margin:0!important}
 .site-header .mobile-menu summary{min-width:40px!important;min-height:40px!important}
 .site-header .public-locales{display:flex;flex:0 0 auto;gap:2px}
 .site-header .public-locales a{min-width:27px!important;min-height:30px!important;font-size:10px!important;padding:2px!important}
}
@media(max-width:375px){
 .site-header .public-locales{display:none!important}
}

/* Reference-matched editorial direction for services and AI. */
@media(min-width:851px){
 .rw-sv3-hero-grid,.rw-ai2-hero-grid{direction:ltr}
 .rw-sv3-hero-copy,.rw-ai2-hero-copy{direction:rtl;text-align:right}
 .rw-sv3-hero-media,.rw-ai2-hero-art{direction:rtl}
}
.rw-sv3{display:flex;flex-direction:column;align-items:stretch}
.rw-sv3>.rw-sv3-hero{order:1}
.rw-sv3>.rw-sv3-services{order:2}
.rw-sv3>.rw-sv3-scroll-stories{order:3}
.rw-sv3>.rw-sv3-devices{order:4}
.rw-sv3>.rw-sv3-process{order:5}
.rw-sv3>.rw-sv3-cta{order:6}
@media(min-width:1200px){
 .rw-sv3-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.rw-ai2-hero-art{position:relative;isolation:isolate}
.rw-ai2-hero-art::before{content:"";position:absolute;inset:6% 8%;z-index:-1;background:repeating-radial-gradient(circle at center,rgba(11,150,186,.12) 0 1px,transparent 2px 42px),radial-gradient(ellipse at center,rgba(135,222,237,.3),transparent 68%);filter:blur(2px);border-radius:50%}

@media(min-width:851px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .rd27 .rdv4-tilt-card{
   transform:perspective(1200px) rotateX(var(--rdv4-rx,0deg)) rotateY(var(--rdv4-ry,0deg));
   transform-style:preserve-3d;
   will-change:transform;
 }
}