/* Theme Name: YasMedia_2030 Version: 1.3.0 Text Domain: yas-media */ :root{ --yas-ink:#0e0e12; --yas-voltage:#d7ff3e; --yas-bone:#f4f1e9; --yas-bg:var(--yas-ink); --yas-surface:#14141a; --yas-surface-soft:#181820; --yas-surface-glass:rgba(255,255,255,.06); --yas-text:var(--yas-bone); --yas-text-muted:#cdc8be; --yas-text-soft:rgba(244,241,233,.78); --yas-border:rgba(244,241,233,.12); --yas-shadow:0 16px 40px rgba(0,0,0,.32); --yas-shadow-soft:0 12px 32px rgba(0,0,0,.18); --yas-max:1280px; --yas-transition:260ms cubic-bezier(.16,1,.3,1) } body.lang-en{ direction:ltr!important; text-align:left!important; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--yas-bg);color:var(--yas-text);font-family:'Alexandria',Inter,system-ui,sans-serif;line-height:1.7} body.lang-en{font-family:Inter,'Alexandria',system-ui,sans-serif} img,video{display:block;max-width:100%;height:auto} a{text-decoration:none;color:inherit} button,input,textarea,select{font:inherit} .yas-container{width:min(calc(100% - 32px),var(--yas-max));margin-inline:auto} .yas-section{padding:88px 0} .yas-eyebrow{font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--yas-voltage);margin-bottom:14px;margin-right:40px;} .yas-title{font-family:'Alexandria',Inter,sans-serif;font-size:clamp(1.2rem,1.5vw,1.5rem);line-height:1.5;margin:0 0 18px;font-weight:400} .yas-subtitle{max-width:64ch;color:var(--yas-text-muted)} .yas-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:999px;font-weight:700;transition:all var(--yas-transition)} .yas-btn-primary{background:var(--yas-voltage);color:#111} .yas-btn-secondary{border:1px solid var(--yas-border);color:var(--yas-bone);background:transparent} .yas-btn-glass,.yas-btn-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(12px)} .yas-btn:hover{transform:translateY(-2px)} .section-heading{display:flex;flex-direction:column;gap:10px;max-width:880px} .section-heading--center{align-items:center;text-align:center;margin-inline:auto} .section-actions{display:flex;justify-content:center;margin-top:28px} .site-header{position:sticky;top:0;z-index:70;background:rgba(14,14,18,.76);backdrop-filter:blur(12px);border-bottom:1px solid var(--yas-border)} .site-header .yas-container{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:20px} .site-header--lightglass{position:fixed;top:16px;left:0;right:0;background:transparent;border:0;backdrop-filter:none} .site-header--lightglass .yas-container{background:rgba(255,255,255,.07);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:12px 18px} .brand-logo{font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#fff} .header-actions{display:flex;align-items:center;gap:14px} .main-navigation ul{display:flex;list-style:none;gap:28px;margin:0;padding:0} .main-navigation a{color:#fff;font-weight:600} .main-navigation a:hover,.main-navigation .current-menu-item>a{color:var(--yas-voltage)} .header-lang-switch{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff} .menu-toggle{display:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff} .mobile-drawer{position:fixed;inset:0 0 0 auto;width:min(88vw,360px);background:#111117;border-inline-start:1px solid var(--yas-border);z-index:90;padding:24px;transform:translateX(100%);transition:transform var(--yas-transition)} .mobile-drawer.open{transform:translateX(0)} .mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:all var(--yas-transition);z-index:89} .mobile-overlay.open{opacity:1;visibility:visible} .mobile-menu{list-style:none;padding:32px 0 0;margin:0;display:grid;gap:16px} .hero{position:relative;background:#000} .hero--ethereal{min-height:100vh;color:#fff;background:#0c111d} .hero-media{position:absolute;inset:0} .hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover} .hero-media--video{position:absolute;inset:0;overflow:hidden} .hero-media--video::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,61,120,.24) 0%,rgba(180,116,164,.16) 46%,rgba(12,12,18,.40) 100%)} .hero-light{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;mix-blend-mode:screen} .hero-light--one{width:420px;height:420px;top:10%;left:8%;background:rgba(107,160,255,.45)} .hero-light--two{width:460px;height:460px;right:8%;bottom:14%;background:rgba(255,182,197,.34)} .hero-content{position:relative;z-index:1;padding:150px 0 64px} .hero-content--centered{display:grid;place-items:center;text-align:center;min-height:100vh;padding-top:160px;padding-bottom:80px} .hero-copy{max-width:1100px} .hero-eyebrow{color:#fff;letter-spacing:.16em} .hero-title-display{font-size:clamp(1.5rem,3.8vw,4rem);line-height:1.08;letter-spacing:-.035em;margin-inline:auto;max-width:11.5ch;text-wrap:balance} .hero-summary{font-size:clamp(.95rem,1.35vw,1.08rem);max-width:44ch;margin:18px auto 0;color:rgba(255,255,255,.84)} .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px} .hero-actions--centered{justify-content:center} .hero-panel,.hero-panel--glass{max-width:860px;background:rgba(9,9,11,.28);backdrop-filter:blur(6px);padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:32px} .marquee-strip--soft{background:linear-gradient(180deg,#11131a,#0d0f15);border-block:1px solid rgba(255,255,255,.08);overflow:hidden} .marquee-track{display:flex;gap:40px;width:max-content;padding:16px 0;color:rgba(244,241,233,.78);font-size:1rem;white-space:nowrap} .marquee-track span{padding-inline:22px} .marquee-track--arabic{animation:marqueeRight 26s linear infinite} .marquee-track--english{animation:marqueeLeft 26s linear infinite} @keyframes marqueeRight{from{transform:translateX(-45%)}to{transform:translateX(0)}} @keyframes marqueeLeft{from{transform:translateX(0)}to{transform:translateX(-45%)}} .projects-grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px} .projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))} .project-card,.content-card,.contact-card,.service-row,.process-step,.stat-card,.form-card,.info-card{background:var(--yas-surface);border:1px solid var(--yas-border);border-radius:28px;box-shadow:var(--yas-shadow)} .project-card{overflow:hidden;transition:transform var(--yas-transition),border-color var(--yas-transition)} .project-card:hover{transform:translateY(-8px);border-color:rgba(215,255,62,.4)} .project-card__media{aspect-ratio:16/10;overflow:hidden} .project-card__media img{width:100%;height:100%;object-fit:cover} .project-card__body,.content-card,.contact-card,.form-card,.info-card,.stat-card{padding:24px} .project-card__meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--yas-text-muted);font-size:.92rem} .project-pill{padding:6px 10px;border-radius:999px;background:rgba(244,241,233,.06);border:1px solid rgba(244,241,233,.08)} .stats-premium-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px} .stat-panel{padding:28px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(215,255,62,.11);box-shadow:0 16px 36px rgba(0,0,0,.16)} .stat-panel strong{display:block;font-size:clamp(2.4rem,4vw,4.4rem);line-height:1;color:var(--yas-voltage);margin-bottom:12px} .stat-panel span{color:var(--yas-text-muted)} .ai-shell{display:grid;gap:28px} .ai-intro{max-width:860px} .ai-refined-title{max-width:17ch} .ai-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:980px;margin-inline:auto} .ai-feature-card{position:relative;padding:22px;border-radius:24px;background:radial-gradient(circle at top right,rgba(215,255,62,.09),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:transform var(--yas-transition),border-color var(--yas-transition),box-shadow var(--yas-transition);min-height:190px} .ai-feature-card:hover{transform:translateY(-6px);border-color:rgba(215,255,62,.28);box-shadow:0 20px 40px rgba(0,0,0,.22)} .ai-feature-card__kicker{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(215,255,62,.32);color:var(--yas-voltage);margin-bottom:18px;font-weight:800} .ai-feature-card h3{margin:0 0 12px;font-size:1.55rem;font-family:'Alexandria',Inter,sans-serif} .ai-feature-card p{margin:0;color:var(--yas-text-muted)} .services-clean-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px} .service-clean-card{position:relative;overflow:hidden;border-radius:28px;min-height:360px;background:#111} .service-clean-card a{display:block;height:100%;position:relative} .service-clean-card__media,.service-clean-card__media img{width:100%;height:100%} .service-clean-card__media img{object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .9s} .service-clean-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,18,.04),rgba(12,12,18,.16) 35%,rgba(12,12,18,.84) 100%)} .service-clean-card__content{position:absolute;inset:auto 20px 20px 20px;display:flex;align-items:end;justify-content:space-between;gap:16px} .service-clean-card__content h3{margin:0;font-size:1.4rem;color:#fff;max-width:12ch;font-family:'Alexandria',Inter,sans-serif} .service-clean-card__arrow{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.10);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);color:#fff;flex-shrink:0} .service-clean-card:hover .service-clean-card__media img{transform:scale(1.08);filter:saturate(1.06)} .service-rows{display:grid;gap:24px} .service-row{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:center;padding:22px} .service-row__media{border-radius:24px;overflow:hidden;min-height:320px} .service-row__media img{width:100%;height:100%;object-fit:cover} .service-row__content h3{font-size:1.8rem;margin:0 0 12px;font-family:'Alexandria',Inter,sans-serif} .service-row__content p{color:var(--yas-text-muted);margin:0 0 10px} .process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative} .process-steps::before{content:'';position:absolute;top:34px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,rgba(215,255,62,.15),rgba(215,255,62,.85),rgba(215,255,62,.15))} .process-step{position:relative;padding:92px 24px 24px} .process-step__number{position:absolute;top:0;inset-inline-start:24px;transform:translateY(-50%);width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--yas-voltage);color:#111;font-weight:900} .process-split-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:46px;align-items:start} .process-copy{position:sticky;top:120px} .process-flow{display:grid;gap:18px;position:relative} .process-flow::before{content:'';position:absolute;right:30px;top:12px;bottom:12px;width:1px;background:linear-gradient(180deg,rgba(215,255,62,.12),rgba(215,255,62,.72),rgba(215,255,62,.12))} .process-node{display:grid;grid-template-columns:82px 1fr;gap:18px;padding:24px 24px 24px 0;align-items:start} .process-node__num{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--yas-voltage);color:#111;font-weight:900;margin-right:auto} .process-node h3{margin:0 0 10px;font-size:1.55rem;font-family:'Alexandria',Inter,sans-serif} .process-node p{margin:0;color:var(--yas-text-muted)} .page-hero{padding:96px 0 24px} .project-layout,.form-shell,.contact-layout{display:grid;grid-template-columns:1.7fr .9fr;gap:28px} .form-shell{grid-template-columns:1fr 1.1fr} .lead-form{display:grid;gap:16px} .lead-form label{font-weight:700;display:block;margin-bottom:8px} .lead-form input,.lead-form textarea,.lead-form select{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(244,241,233,.12);background:#101014;color:var(--yas-bone)} .lead-form textarea{min-height:150px;resize:vertical} .inline-two{display:grid;grid-template-columns:1fr 1fr;gap:16px} .contact-stack{display:grid;gap:18px} .final-cta-card{padding:42px;border-radius:34px;text-align:center;background:radial-gradient(circle at top center,rgba(215,255,62,.10),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.08)} .site-footer{margin-top:40px;border-top:1px solid var(--yas-border);background:#0b0b0f} .footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px;padding:42px 0} .footer-title{font-size:1.15rem;margin:0 0 14px} .footer-list{list-style:none;padding:0;margin:0;display:grid;gap:10px} .footer-meta{padding:18px 0 28px;border-top:1px solid rgba(244,241,233,.08);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--yas-text-muted);font-size:.95rem} .social-links{display:flex;gap:10px;flex-wrap:wrap} .social-links a{padding:10px 14px;border-radius:999px;border:1px solid var(--yas-border);color:var(--yas-text-muted)} .floating-whatsapp{position:fixed;inset-inline-end:20px;bottom:20px;z-index:80;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 18px 34px rgba(37,211,102,.28);opacity:0;visibility:hidden;transform:translateY(16px);transition:all var(--yas-transition)} .floating-whatsapp.is-visible{opacity:1;visibility:visible;transform:translateY(0)} .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease} .reveal.is-visible{opacity:1;transform:none} @media (max-width:1100px){ .stats-premium-grid,.services-clean-grid,.ai-feature-grid{grid-template-columns:repeat(2,1fr)} .process-split-layout{grid-template-columns:1fr;gap:26px} .process-copy{position:static} .yas-eyebrow{letter-spacing:.15em;margin-right:0} } @media (max-width:960px){ .project-layout,.form-shell,.contact-layout,.footer-grid,.service-row{grid-template-columns:1fr} .process-steps{grid-template-columns:1fr 1fr} .process-steps::before{display:none} .main-navigation{display:none} .menu-toggle{display:grid;place-items:center} .yas-eyebrow{letter-spacing:.15em;margin-right:0} } @media (max-width:860px){ .site-header--lightglass .yas-container{border-radius:28px} .header-cta{display:none} .stats-premium-grid,.services-clean-grid,.ai-feature-grid{grid-template-columns:1fr} .service-clean-card{min-height:300px} } @media (max-width:720px){ .yas-section{padding:72px 0} .hero-content{padding-top:122px} .hero-content--centered{padding-top:132px;padding-bottom:52px} .hero-panel,.hero-panel--glass{padding:24px} .inline-two,.process-steps,.projects-grid,.stats-grid{grid-template-columns:1fr} } @media (max-width:640px){ .site-header--lightglass{top:10px} .site-header--lightglass .yas-container{padding:10px 14px;border-radius:26px} .header-lang-switch{padding:10px 12px} .hero-title-display{font-size:clamp(2.4rem,11vw,3.8rem);max-width:9.5ch} .hero-summary{font-size:1rem} .process-node{grid-template-columns:70px 1fr} .process-node__num{width:52px;height:52px} } /* ── Footer 4-column layout ── */ .footer-grid--4col{grid-template-columns:repeat(4,1fr);gap:36px;align-items:start} @media(max-width:900px){.footer-grid--4col{grid-template-columns:repeat(2,1fr)}} @media(max-width:540px){.footer-grid--4col{grid-template-columns:1fr}} /* ── Social icons with SVG ── */ .footer-socials{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 10px} .footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--yas-bone);transition:background var(--yas-transition),color var(--yas-transition),border-color var(--yas-transition)} .footer-socials a:hover{background:var(--yas-voltage);border-color:var(--yas-voltage);color:#111} .footer-socials svg{display:block;flex-shrink:0} /* ── Footer bottom links ── */ .footer-bottom a{color:var(--yas-text-muted);transition:color var(--yas-transition)} .footer-bottom a:hover{color:var(--yas-voltage)} /* ── Footer: remove list bullets ── */ .site-footer ul{list-style:none;margin:0;padding:0} .site-footer ul li{padding:3px 0} /* ── Footer: all links & text hover → Voltage ── */ .site-footer a{color:var(--yas-text-muted);transition:color var(--yas-transition)} .site-footer a:hover{color:var(--yas-voltage)} .footer-nav a,.footer-links-block a{color:var(--yas-text-muted)} .footer-nav a:hover,.footer-links-block a:hover{color:var(--yas-voltage)} .footer-bottom a{color:var(--yas-text-muted)} .footer-bottom a:hover{color:var(--yas-voltage)} .footer-brand-block a{color:var(--yas-text-muted)} .footer-brand-block a:hover{color:var(--yas-voltage)} /* ── Social icons hover already handles icon bg ── */ .footer-socials a:hover{background:var(--yas-voltage);border-color:var(--yas-voltage);color:#111} /* === YAS premium refinements: typography, stats, AI stack, footer legal === */ .hero-title-display--safe{max-width:18ch;text-wrap:balance;font-size:clamp(2.8rem,5.8vw,6.2rem);line-height:1.03;letter-spacing:-.045em} .hero-summary{max-width:58ch;font-size:clamp(1rem,1.35vw,1.18rem)} .section-heading .yas-title,.section-heading--center .yas-title{text-wrap:balance} .services-title-large{text-align:center;align-items:center;margin-inline:auto}.services-title-large .yas-title{font-size:clamp(2.6rem,6vw,5.7rem);max-width:12ch}.services-title-large .yas-subtitle{margin-inline:auto;max-width:74ch} .stats-section--premium{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(215,255,62,.09),transparent 34%)} .stats-premium-grid{position:relative;isolation:isolate}.stats-premium-grid::before{content:'';position:absolute;inset:20% -6%;height:1px;background:linear-gradient(90deg,transparent,rgba(215,255,62,.55),transparent);z-index:-1}.stat-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.018));border-color:rgba(255,255,255,.12);backdrop-filter:blur(14px);transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .6s,box-shadow .6s}.stat-panel::after{content:'';position:absolute;inset:auto -20% -45% -20%;height:80%;background:radial-gradient(circle,rgba(215,255,62,.16),transparent 58%);opacity:.75}.stat-panel:hover{transform:translateY(-8px) scale(1.015);border-color:rgba(215,255,62,.38);box-shadow:0 28px 70px rgba(0,0,0,.32)}.stat-panel strong{letter-spacing:-.06em;text-shadow:0 0 34px rgba(215,255,62,.22)} .ai-section-stacked{overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(215,255,62,.10),transparent 30%),#0b0b0f}.ai-intro{text-align:center;margin-inline:auto}.ai-intro .yas-subtitle{margin-inline:auto}.ai-refined-title{max-width:18ch;margin-inline:auto;font-size:clamp(2.6rem,5.6vw,5.4rem);line-height:1.06}.ai-feature-stack{position:relative;height:640px;margin-top:54px;perspective:1200px}.ai-feature-card--stack{position:absolute;width:min(48%,620px);min-height:178px;padding:28px 84px 28px 28px;inset-inline-start:50%;top:50%;opacity:.96;transform:translate(-50%,-50%) translateY(var(--stack-y,0)) scale(.92) rotate(var(--stack-r,0deg));box-shadow:0 24px 70px rgba(0,0,0,.34);transition:transform 1.05s cubic-bezier(.16,1,.3,1),inset .95s cubic-bezier(.16,1,.3,1),opacity .8s,border-color .8s}.lang-ar .ai-feature-card--stack{padding:28px 28px 28px 84px}.ai-feature-card--1{--stack-y:-18px;--stack-r:1deg;z-index:4}.ai-feature-card--2{--stack-y:0px;--stack-r:-1.5deg;z-index:3}.ai-feature-card--3{--stack-y:18px;--stack-r:1.2deg;z-index:2}.ai-feature-card--4{--stack-y:36px;--stack-r:-.8deg;z-index:1}.ai-feature-stack.is-spread .ai-feature-card--1{inset-inline-start:72%;top:20%;transform:translate(-50%,-50%) rotate(0) scale(1)}.ai-feature-stack.is-spread .ai-feature-card--2{inset-inline-start:28%;top:20%;transform:translate(-50%,-50%) rotate(0) scale(1)}.ai-feature-stack.is-spread .ai-feature-card--3{inset-inline-start:72%;top:68%;transform:translate(-50%,-50%) rotate(0) scale(1)}.ai-feature-stack.is-spread .ai-feature-card--4{inset-inline-start:28%;top:68%;transform:translate(-50%,-50%) rotate(0) scale(1)}.ai-feature-card__icon{position:absolute;inset-inline-end:24px;top:24px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(215,255,62,.24);color:var(--yas-voltage);background:rgba(0,0,0,.16);font-size:1.35rem}.ai-feature-card__kicker{width:auto;height:auto;border:0;color:rgba(215,255,62,.72);margin-bottom:10px}.ai-feature-card h3{font-size:clamp(1.35rem,2vw,2rem);line-height:1.18}.ai-feature-card p{font-size:.98rem;line-height:1.75} .reveal{filter:blur(8px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1),filter .9s ease}.reveal.is-visible{filter:blur(0)} .footer-bottom--legal{border-top:1px solid rgba(244,241,233,.14);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-bottom--legal>div:last-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footer-bottom--legal>div:last-child a{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)} @media(max-width:1100px){.ai-feature-card--stack{width:min(52%,560px)}.ai-feature-stack.is-spread .ai-feature-card--1,.ai-feature-stack.is-spread .ai-feature-card--3{inset-inline-start:70%}.ai-feature-stack.is-spread .ai-feature-card--2,.ai-feature-stack.is-spread .ai-feature-card--4{inset-inline-start:30%}} @media(max-width:860px){.hero-title-display--safe{font-size:clamp(2.5rem,12vw,4rem);max-width:12ch}.services-title-large .yas-title{font-size:clamp(2.3rem,11vw,3.8rem)}.ai-feature-stack{height:auto;display:grid;gap:16px}.ai-feature-card--stack{position:relative;inset:auto!important;top:auto!important;width:100%;transform:none!important;padding:24px}.lang-ar .ai-feature-card--stack{padding:24px}.ai-feature-card__icon{position:static;margin-bottom:14px}.footer-bottom--legal{align-items:flex-start;flex-direction:column}} /* === Fix round 2: cleaner typography, balanced sections, AI cards 2x2, cinematic hover === */ .yas-section{padding:78px 0} .yas-title{font-size:clamp(1.55rem,2.45vw,2.55rem);line-height:1.5;letter-spacing:-.015em;text-wrap:balance} .yas-subtitle,.hero-summary,.ai-feature-card p,.stat-panel span,.section-heading p{font-size:clamp(.92rem,1vw,1.04rem);line-height:2} .hero-copy{width:min(100%,1120px);margin-inline:auto;padding-inline:18px} .hero-title-display, .hero-title-display--safe{max-width:980px!important;width:100%;font-size:clamp(2.45rem,5vw,4.9rem)!important;line-height:1.08!important;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:normal;word-break:normal} .hero-summary{max-width:760px!important;margin-inline:auto} .section-heading{width:min(100%,1000px)} .services-title-large .yas-title{max-width:1000px!important;font-size:clamp(2.25rem,4.9vw,4.6rem)!important;line-height:1.08} .ai-refined-title{max-width:920px!important;font-size:clamp(2rem,4vw,4.2rem)!important;line-height:1.12!important} .ai-feature-stack{height:680px;max-width:1180px;margin-inline:auto} .ai-feature-card--stack{width:min(45%,520px)!important;min-height:250px;border-radius:30px;padding:34px!important;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 82% 18%,rgba(215,255,62,.12),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.018));backdrop-filter:blur(14px)} .lang-ar .ai-feature-card--stack{padding:34px!important;text-align:right} .ai-feature-card__kicker{display:none!important} .ai-feature-card__icon{position:absolute;inset-inline-end:26px;top:26px;width:52px;height:52px;font-size:1.25rem;box-shadow:0 0 28px rgba(215,255,62,.10);animation:yasIconFloat 3.2s ease-in-out infinite} .ai-feature-card h3{font-size:clamp(1.15rem,1.55vw,1.55rem)!important;line-height:1.28!important;margin-top:42px;margin-bottom:12px;max-width:18ch} .ai-feature-card p{font-size:.94rem!important;line-height:1.85!important;max-width:58ch} .ai-feature-card::before,.stat-panel::before,.project-card::before,.service-clean-card::before,.content-card::before,.contact-card::before,.form-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.18) 45%,transparent 62%);transform:translateX(120%) skewX(-18deg);transition:transform .8s cubic-bezier(.16,1,.3,1);z-index:2} .ai-feature-card:hover::before,.stat-panel:hover::before,.project-card:hover::before,.service-clean-card:hover::before,.content-card:hover::before,.contact-card:hover::before,.form-card:hover::before{transform:translateX(-120%) skewX(-18deg)} .ai-feature-card:hover{border-color:rgba(215,255,62,.42)!important;box-shadow:0 34px 90px rgba(0,0,0,.38),0 0 0 1px rgba(215,255,62,.08);transform:translateY(-10px)!important} .ai-feature-stack.is-spread .ai-feature-card--1{inset-inline-start:73%;top:28%;transform:translate(-50%,-50%) scale(1)!important} .ai-feature-stack.is-spread .ai-feature-card--2{inset-inline-start:27%;top:28%;transform:translate(-50%,-50%) scale(1)!important} .ai-feature-stack.is-spread .ai-feature-card--3{inset-inline-start:73%;top:72%;transform:translate(-50%,-50%) scale(1)!important} .ai-feature-stack.is-spread .ai-feature-card--4{inset-inline-start:27%;top:72%;transform:translate(-50%,-50%) scale(1)!important} .stat-panel,.project-card,.service-clean-card,.content-card,.contact-card,.form-card{position:relative;overflow:hidden;transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .65s,border-color .65s} .stat-panel:hover,.project-card:hover,.service-clean-card:hover,.content-card:hover,.contact-card:hover,.form-card:hover{transform:translateY(-8px);border-color:rgba(215,255,62,.32);box-shadow:0 28px 70px rgba(0,0,0,.30)} .reveal{transform:translateY(34px) scale(.985);filter:blur(10px)} .reveal.is-visible{transform:none;filter:blur(0)} @keyframes yasIconFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-7px) rotate(6deg)}} .footer-bottom--legal{border-top:1px solid rgba(244,241,233,.18)!important;margin-top:24px;padding-top:22px!important;display:flex;justify-content:space-between;align-items:center;gap:20px;direction:ltr} .footer-copyright{order:2;text-align:right;direction:rtl;color:var(--yas-text-muted)} .footer-legal-links{order:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;direction:rtl;margin-right:auto} .footer-legal-links a{padding:0!important;border:0!important;background:transparent!important;color:var(--yas-text-muted)} @media(max-width:980px){ .hero-title-display,.hero-title-display--safe{font-size:clamp(2.1rem,7vw,3.8rem)!important;max-width:760px!important} .ai-feature-stack{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px} .ai-feature-card--stack{position:relative!important;inset:auto!important;top:auto!important;width:100%!important;min-height:235px;transform:none!important} .footer-legal-links{order:1;margin-right:0} } @media(max-width:640px){ .yas-section{padding:64px 0}.hero-title-display,.hero-title-display--safe{font-size:clamp(2rem,10vw,3rem)!important;max-width:92vw!important}.hero-title-display br{display:none}.ai-feature-stack{grid-template-columns:1fr}.ai-feature-card--stack{min-height:220px}.footer-bottom--legal{flex-direction:column}.footer-copyright{order:2;text-align:center}.footer-legal-links{order:1;margin-right:0} } /* === V3 fixes: text width + professional AI cards === */ .yas-subtitle{max-width:none!important;width:100%} .hero-title-display,.hero-title-display--safe{max-width:none!important;width:100%!important;text-wrap:balance;overflow-wrap:normal;word-break:normal} .hero-copy{width:100%;max-width:min(1180px,94vw)} .hero-summary{max-width:none!important;width:100%;font-size:clamp(.95rem,1.15vw,1.12rem)} .hero-title-display,.hero-title-display--safe{font-size:clamp(2.55rem,4.65vw,5.35rem)!important;line-height:1.08!important} .ai-section-stacked .ai-shell{max-width:1200px;margin-inline:auto} .ai-feature-stack, .ai-feature-stack.is-spread{ height:auto!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px!important; max-width:1040px!important; margin:42px auto 0!important; perspective:none!important; } .ai-feature-card--stack, .ai-feature-stack.is-spread .ai-feature-card--1, .ai-feature-stack.is-spread .ai-feature-card--2, .ai-feature-stack.is-spread .ai-feature-card--3, .ai-feature-stack.is-spread .ai-feature-card--4{ position:relative!important; inset:auto!important; top:auto!important; width:100%!important; min-height:260px!important; transform:none!important; opacity:1!important; } .ai-feature-card--stack{ border-radius:30px!important; padding:92px 30px 30px!important; display:flex!important; flex-direction:column!important; justify-content:flex-start!important; align-items:flex-start!important; text-align:start!important; background: radial-gradient(circle at 86% 12%,rgba(215,255,62,.14),transparent 28%), linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 58%,rgba(215,255,62,.028))!important; border:1px solid rgba(255,255,255,.105)!important; box-shadow:0 22px 60px rgba(0,0,0,.28)!important; overflow:hidden!important; isolation:isolate; } .ai-feature-card--stack::after{ content:''; position:absolute; inset:-45% -18% auto auto; width:210px; height:210px; border-radius:50%; background:rgba(215,255,62,.08); filter:blur(22px); opacity:.75; transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .7s; z-index:0; } .ai-feature-card__icon{ position:absolute!important; inset-inline-start:30px!important; inset-inline-end:auto!important; top:28px!important; width:54px!important; height:54px!important; border-radius:18px!important; display:grid!important; place-items:center!important; color:var(--yas-voltage)!important; background:rgba(215,255,62,.075)!important; border:1px solid rgba(215,255,62,.28)!important; box-shadow:0 0 26px rgba(215,255,62,.10)!important; font-size:1.35rem!important; animation:yasIconFloat 3.2s ease-in-out infinite; z-index:3; } .lang-ar .ai-feature-card__icon{inset-inline-start:auto!important;inset-inline-end:30px!important} .ai-feature-card__kicker{display:none!important} .ai-feature-card h3{ position:relative;z-index:3; margin:0 0 12px!important; max-width:none!important; font-size:clamp(1.35rem,1.75vw,1.85rem)!important; line-height:1.28!important; letter-spacing:-.01em; } .ai-feature-card p{ position:relative;z-index:3; max-width:none!important; font-size:clamp(.93rem,1vw,1.02rem)!important; line-height:1.9!important; } .ai-feature-card--stack:hover{ transform:translateY(-10px)!important; border-color:rgba(215,255,62,.38)!important; box-shadow:0 34px 95px rgba(0,0,0,.42),0 0 0 1px rgba(215,255,62,.08)!important; } .ai-feature-card--stack:hover::after{transform:translate(-14%,18%) scale(1.18);opacity:1} .ai-feature-card--stack:hover .ai-feature-card__icon{transform:translateY(-3px) rotate(-4deg)} @media(max-width:900px){ .ai-feature-stack,.ai-feature-stack.is-spread{grid-template-columns:1fr!important;max-width:620px!important} .ai-feature-card--stack{min-height:auto!important;padding:88px 24px 28px!important} .hero-title-display,.hero-title-display--safe{font-size:clamp(2.15rem,9vw,3.7rem)!important} } /* === V4 final polish: AI card spacing, directional entry, footer shape, stats cleanup === */ .stats-premium-grid::before{display:none!important} .stat-panel{overflow:hidden!important} .ai-feature-stack, .ai-feature-stack.is-spread{max-width:1080px!important;gap:24px!important} .ai-feature-card--stack, .ai-feature-stack.is-spread .ai-feature-card--1, .ai-feature-stack.is-spread .ai-feature-card--2, .ai-feature-stack.is-spread .ai-feature-card--3, .ai-feature-stack.is-spread .ai-feature-card--4{ min-height:225px!important; } .ai-feature-card--stack{ padding:100px 28px 28px!important; justify-content:flex-start!important; } .ai-feature-card h3{margin-top:0!important;margin-bottom:10px!important} .ai-feature-card p{margin-top:0!important} .ai-feature-card__icon{top:26px!important} .lang-ar .ai-feature-card--stack{text-align:right!important} .ai-feature-card--stack.reveal{opacity:0!important;filter:blur(12px);transition:opacity .95s ease,filter .95s ease,transform 1.05s cubic-bezier(.16,1,.3,1),border-color .75s,box-shadow .75s!important} .ai-feature-card--1.reveal:not(.is-visible), .ai-feature-card--3.reveal:not(.is-visible){transform:translateX(95px) scale(.965)!important} .ai-feature-card--2.reveal:not(.is-visible), .ai-feature-card--4.reveal:not(.is-visible){transform:translateX(-95px) scale(.965)!important} .ai-feature-card--stack.reveal.is-visible{opacity:1!important;filter:blur(0);transform:none!important} .ai-feature-card:hover::before, .stat-panel:hover::before, .project-card:hover::before, .service-clean-card:hover::before, .content-card:hover::before, .contact-card:hover::before, .form-card:hover::before{transition-duration:1.45s!important} .ai-feature-card::before,.stat-panel::before,.project-card::before,.service-clean-card::before,.content-card::before,.contact-card::before,.form-card::before{transition-duration:1.45s!important} .site-footer{position:relative;overflow:hidden;border-top:0!important;background:linear-gradient(180deg,#101015 0%,#09090d 100%)!important;margin-top:70px!important} .site-footer::before{content:'';position:absolute;inset:0 0 auto 0;height:92px;background:radial-gradient(70% 120% at 50% 0%,rgba(215,255,62,.10),transparent 62%);pointer-events:none} .site-footer::after{content:'';position:absolute;left:50%;top:-42px;transform:translateX(-50%);width:min(92vw,1180px);height:84px;border-radius:0 0 42px 42px;border:1px solid rgba(244,241,233,.10);border-top:0;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0));pointer-events:none} .site-footer .yas-container{position:relative;z-index:1} .footer-grid--4col{padding-top:58px!important} .footer-links-block a,.footer-nav a{display:inline-flex;align-items:center;gap:8px} .footer-links-block a::before,.footer-nav a::before{content:'›';color:var(--yas-voltage);opacity:.0;transform:translateX(6px);transition:opacity .35s,transform .35s} .footer-links-block a:hover::before,.footer-nav a:hover::before{opacity:1;transform:translateX(0)} /* Arabic Version */ html[dir="rtl"] .footer-phone{ direction: rtl; text-align: right !important; unicode-bidi: plaintext; } html[dir="rtl"] .footer-phone a{ display: inline-block; direction: ltr; text-align: right; } /* English Version */ html[dir="ltr"] .footer-phone{ direction: ltr; text-align: left !important; unicode-bidi: plaintext; } html[dir="ltr"] .footer-phone a{ display: inline-block; text-align: left; } .footer-links-block span[dir="ltr"]{display:inline-block;direction:ltr;unicode-bidi:plaintext;text-align:right} .footer-bottom--legal{border-top:1px solid rgba(244,241,233,.18)!important;margin-top:30px!important;padding-top:22px!important} @media(max-width:900px){ .ai-feature-card--stack{padding:92px 24px 26px!important;min-height:auto!important} .ai-feature-card--1.reveal:not(.is-visible),.ai-feature-card--3.reveal:not(.is-visible),.ai-feature-card--2.reveal:not(.is-visible),.ai-feature-card--4.reveal:not(.is-visible){transform:translateY(34px) scale(.98)!important} } /* ===== V5 Service cards + service detail page ===== */ .services-card-section{position:relative;overflow:hidden} .services-card-section::before{content:'';position:absolute;inset:0 0 auto 0;height:260px;background:radial-gradient(circle at 80% 0%,rgba(215,255,62,.08),transparent 36%);pointer-events:none} .yas-service-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;position:relative;z-index:1} .yas-service-cards-grid--home{margin-top:34px} .yas-service-card{background:#f7f7f5;color:#161616;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.28);position:relative;transition:transform .75s cubic-bezier(.16,1,.3,1),box-shadow .75s cubic-bezier(.16,1,.3,1)} .yas-service-card a{display:block;color:inherit;height:100%} .yas-service-card__media{position:relative;height:285px;overflow:hidden;background:#d8ddd8;border-radius:28px 28px 0 0} .yas-service-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.15s cubic-bezier(.16,1,.3,1),filter 1.15s cubic-bezier(.16,1,.3,1)} .yas-service-card__wave{position:absolute;left:-5%;right:-5%;bottom:-1px;height:70px;background:#f7f7f5;border-radius:58% 42% 0 0/90% 80% 0 0;transform:translateY(18px) rotate(-2deg)} .yas-service-card__badge{position:absolute;right:26px;bottom:18px;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f5f5fb,#636b8b);box-shadow:0 18px 32px rgba(20,22,35,.28);color:#fff;font-weight:900;letter-spacing:.08em;border:1px solid rgba(255,255,255,.75);z-index:2} .yas-service-card__badge::before{content:'';position:absolute;inset:13px;border-radius:50%;background:rgba(255,255,255,.22);filter:blur(8px)} .yas-service-card__badge{isolation:isolate} .yas-service-card__body{padding:24px 24px 26px;position:relative;z-index:1;display:grid;gap:12px;min-height:184px} .yas-service-card__body h3{margin:0;font-family:'Alexandria',Inter,sans-serif;font-size:1.45rem;line-height:1.12;font-weight:900;color:#202024;text-transform:uppercase} .yas-service-card__line{height:1px;background:rgba(0,0,0,.10);width:100%} .yas-service-card__body p{margin:0;color:#8d8d94;font-size:.98rem;line-height:1.65} .yas-service-card__more{width:max-content;margin-top:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#7adbd0;color:#fff;font-weight:800;padding:9px 18px;font-size:.92rem;box-shadow:0 12px 26px rgba(122,219,208,.28)} .yas-service-card:hover{transform:translateY(-10px);box-shadow:0 38px 90px rgba(0,0,0,.38)} .yas-service-card:hover .yas-service-card__media img{transform:scale(1.08);filter:saturate(1.12)} .yas-service-card::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.58) 45%,transparent 62%);transform:translateX(130%) skewX(-18deg);transition:transform 1.45s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:4} .yas-service-card:hover::after{transform:translateX(-130%) skewX(-18deg)} .service-detail-hero .yas-title{font-size:clamp(2.4rem,5.6vw,5.2rem);max-width:1100px}.service-detail-hero .yas-subtitle{max-width:980px;font-size:1.12rem} .service-duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch} .service-story-card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid rgba(244,241,233,.14);border-radius:30px;padding:42px;box-shadow:0 24px 70px rgba(0,0,0,.22);position:relative;overflow:hidden;min-height:360px} .service-story-card::before{content:'';position:absolute;inset:auto -10% -45% auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(215,255,62,.09),transparent 64%);pointer-events:none} .service-story-card h2{font-family:'Alexandria',Inter,sans-serif;font-size:clamp(1.8rem,3vw,3rem);line-height:1.12;margin:0 0 18px;color:#fff}.service-story-card p{color:rgba(244,241,233,.78);font-size:1.04rem;line-height:1.9}.service-story-card--solution{border-color:rgba(224,186,77,.28)} .service-check-list,.service-dot-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}.service-check-list li,.service-dot-list li{position:relative;color:#fff;padding-inline-start:28px}.service-check-list li::before{content:'✓';position:absolute;inset-inline-start:0;color:#e0ba4d;font-weight:900}.service-dot-list li::before{content:'';position:absolute;inset-inline-start:0;top:.72em;width:7px;height:7px;border-radius:50%;background:#e84b4b} .service-wide-title{align-items:flex-end;text-align:right;margin-bottom:34px}.service-wide-title .yas-title{font-size:clamp(2.4rem,5vw,5rem)} .service-output-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-output-card,.service-method-card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid rgba(244,241,233,.14);border-radius:22px;padding:28px;min-height:160px;transition:transform .75s cubic-bezier(.16,1,.3,1),border-color .75s,box-shadow .75s;position:relative;overflow:hidden}.service-output-card h3,.service-method-card h3{font-family:'Alexandria',Inter,sans-serif;font-size:1.55rem;line-height:1.14;margin:0 0 12px;color:#fff}.service-output-card p,.service-method-card p{margin:0;color:rgba(244,241,233,.64);line-height:1.8}.service-output-card:hover,.service-method-card:hover{transform:translateY(-8px);border-color:rgba(215,255,62,.30);box-shadow:0 30px 70px rgba(0,0,0,.28)} .service-method-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.service-method-card{min-height:250px}.service-method-card strong{display:block;color:#e0ba4d;font-size:2rem;line-height:1;margin-bottom:24px}.service-method-card h3{font-size:1.45rem} .service-metric-list{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin-top:24px}.service-metric-list span{position:relative;color:#fff;font-weight:700;padding-inline-start:28px}.service-metric-list span::before{content:'▥';position:absolute;inset-inline-start:0;color:#e0ba4d}.service-tool-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}.service-tool-tags span{padding:12px 22px;border:1px solid rgba(244,241,233,.16);border-radius:999px;color:rgba(244,241,233,.74);background:rgba(255,255,255,.02)} .service-faq-wrap{max-width:1080px}.service-faq-list{display:grid;gap:16px;margin-top:34px}.service-faq-item{display:grid;grid-template-columns:48px 1fr;gap:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid rgba(244,241,233,.14);border-radius:24px;padding:28px;align-items:start}.service-faq-item span{color:#e0ba4d;font-size:1.4rem}.service-faq-item h3{margin:0 0 10px;font-family:'Alexandria',Inter,sans-serif;font-size:1.35rem;color:#fff}.service-faq-item p{margin:0;color:rgba(244,241,233,.70);line-height:1.85} @media(max-width:1100px){.yas-service-cards-grid,.service-output-grid{grid-template-columns:repeat(2,1fr)}.service-method-grid{grid-template-columns:repeat(2,1fr)}.service-duo-grid{grid-template-columns:1fr}.service-story-card{min-height:auto}} @media(max-width:720px){.yas-service-cards-grid,.service-output-grid,.service-method-grid{grid-template-columns:1fr}.yas-service-card__media{height:250px}.service-story-card{padding:28px}.service-metric-list{grid-template-columns:1fr}.service-wide-title{align-items:flex-start;text-align:start}.service-faq-item{grid-template-columns:1fr}} /* V6 service detail refinement */ body{font-size:15px} .yas-title{font-size:clamp(1.45rem,2.15vw,2.35rem)!important;line-height:1.5} .yas-subtitle,.hero-summary,p,li{font-size:clamp(.88rem,.94vw,.98rem);line-height:1.85} .service-detail-hero--video{position:relative;min-height:74vh;display:grid;align-items:end;overflow:hidden;padding:150px 0 74px;background:#050507;border-bottom:1px solid rgba(244,241,233,.08)} .service-hero-video{position:absolute;inset:0;overflow:hidden}.service-hero-video video{width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.04)} .service-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,.64) 45%,rgba(0,0,0,.92)),radial-gradient(circle at 70% 30%,rgba(215,255,62,.12),transparent 35%)} .service-hero-inner{position:relative;z-index:1;max-width:1180px}.service-detail-hero .yas-title{max-width:1050px!important;font-size:clamp(2.1rem,4.4vw,4.6rem)!important;line-height:1.08!important;margin-bottom:16px}.service-detail-hero .yas-subtitle,.service-hero-description{max-width:900px!important;color:rgba(244,241,233,.80);margin:0}.service-hero-description{margin-top:14px} .service-fit-section{padding-top:64px;padding-bottom:28px}.service-fit-grid{display:grid;grid-template-columns:.9fr 1.6fr;gap:18px}.service-mini-panel{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid rgba(244,241,233,.14);border-radius:24px;padding:28px 30px;min-height:178px;box-shadow:0 20px 54px rgba(0,0,0,.20);position:relative;overflow:hidden}.service-mini-panel::after,.service-story-card::after,.service-output-card::after,.service-method-card::after{content:'';position:absolute;inset:-120% auto auto -40%;width:45%;height:320%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transform:rotate(18deg) translateX(-160%);transition:transform 1.7s cubic-bezier(.16,1,.3,1);pointer-events:none}.service-mini-panel:hover::after,.service-story-card:hover::after,.service-output-card:hover::after,.service-method-card:hover::after{transform:rotate(18deg) translateX(460%)} .service-fit-grid .service-check-list--inline{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none}.service-check-list--inline li{font-weight:700;color:#fff} .service-duo-grid{align-items:stretch}.service-story-card{min-height:300px!important;padding:34px!important}.service-story-card h2{font-size:clamp(1.45rem,2.2vw,2.35rem)!important;line-height:1.22!important}.service-story-card p{font-size:.95rem!important}.service-check-list,.service-dot-list{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}.service-check-list li,.service-dot-list li{position:relative;padding-inline-start:28px}.service-check-list li::before{content:'✓';position:absolute;inset-inline-start:0;color:#e0ba4d}.service-dot-list li::before{content:'';position:absolute;inset-inline-start:4px;top:.78em;width:7px;height:7px;border-radius:50%;background:#d84a4a} .service-wide-title{margin-bottom:28px}.service-wide-title .yas-title{font-size:clamp(2rem,3.6vw,3.8rem)!important}.service-output-grid{gap:16px}.service-output-card,.service-method-card{padding:24px!important;min-height:142px!important}.service-output-card h3,.service-method-card h3{font-size:clamp(1.15rem,1.5vw,1.38rem)!important;line-height:1.25!important}.service-output-card p,.service-method-card p{font-size:.9rem!important}.service-method-grid{gap:16px}.service-method-card{min-height:220px!important}.service-method-card strong{font-size:1.65rem!important;margin-bottom:18px!important} .service-metric-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.service-metric-list span{position:relative;padding-inline-start:26px;font-weight:700}.service-metric-list span::before{content:'▥';position:absolute;inset-inline-start:0;color:#e0ba4d}.service-tool-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.service-tool-tags span{padding:10px 18px;border-radius:999px;border:1px solid rgba(244,241,233,.14);background:rgba(255,255,255,.025);color:rgba(244,241,233,.72)} .service-faq-item{display:block!important;padding:0!important;overflow:hidden}.service-faq-item summary{display:flex;align-items:center;gap:16px;list-style:none;cursor:pointer;padding:24px 28px}.service-faq-item summary::-webkit-details-marker{display:none}.service-faq-item .faq-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(224,186,77,.38);color:#e0ba4d;transition:transform .35s}.service-faq-item h3{margin:0!important;font-size:1.15rem!important}.service-faq-item p{padding:0 78px 26px 28px;margin:0!important;color:rgba(244,241,233,.72)}.service-faq-item[open] .faq-mark{transform:rotate(45deg);background:rgba(224,186,77,.10)} .reveal.slide-from-right{transform:translateX(52px);opacity:0}.reveal.slide-from-left{transform:translateX(-52px);opacity:0}.reveal.is-visible,.reveal.slide-from-right.is-visible,.reveal.slide-from-left.is-visible{transform:none;opacity:1}.reveal{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)} .floating-whatsapp{transition:opacity .55s cubic-bezier(.16,1,.3,1),visibility .55s,transform .55s cubic-bezier(.16,1,.3,1)!important}.floating-whatsapp svg{width:26px;height:26px} @media(max-width:1100px){.service-fit-grid{grid-template-columns:1fr}.service-fit-grid .service-check-list--inline{grid-template-columns:1fr 1fr}.service-detail-hero--video{min-height:62vh}.service-method-grid{grid-template-columns:repeat(2,1fr)!important}} @media(max-width:720px){body{font-size:14px}.service-detail-hero .yas-title{font-size:clamp(2rem,11vw,3.5rem)!important}.service-fit-grid .service-check-list--inline,.service-metric-list{grid-template-columns:1fr}.service-faq-item p{padding:0 28px 24px}.service-method-grid{grid-template-columns:1fr!important}} /* V7 refinements: dynamic service detail, identity colors, calmer gloss */ :root{--yas-gold:#e0ba4d;--yas-card:#101014;--yas-card-2:#15151b} /* Home AI cards: slower gloss + safer text spacing under the icon */ .ai-feature-card--stack{padding-top:98px!important;justify-content:flex-start!important} .ai-feature-card h3{margin-top:0!important;padding-top:6px!important;max-width:100%!important} .ai-feature-card p{max-width:100%!important} .ai-feature-card::before,.stat-panel::before,.project-card::before,.service-clean-card::before,.content-card::before,.contact-card::before,.form-card::before{transition-duration:2.15s!important;opacity:.82} .ai-feature-card:hover::before{transition-duration:2.35s!important} /* Services cards: identity colors, smaller, aligned 3 per row */ .services-card-section .yas-container,#services-home .yas-container{width:min(calc(100% - 48px),1180px)!important} .yas-service-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch} .yas-service-card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014))!important;color:var(--yas-bone)!important;border:1px solid rgba(215,255,62,.13)!important;border-radius:26px!important;box-shadow:0 22px 58px rgba(0,0,0,.26)!important} .yas-service-card__media{height:220px!important;border-radius:24px 24px 0 0!important;background:#0c0c10!important} .yas-service-card__media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(11,11,15,.18));pointer-events:none} .yas-service-card__wave{background:linear-gradient(180deg,#111117,#0d0d12)!important;height:48px!important;opacity:.96} .yas-service-card__badge{width:66px!important;height:66px!important;right:22px!important;bottom:8px!important;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.28),transparent 32%),linear-gradient(135deg,rgba(215,255,62,.18),rgba(224,186,77,.34))!important;color:var(--yas-voltage)!important;border:1px solid rgba(215,255,62,.34)!important;box-shadow:0 0 28px rgba(215,255,62,.12),0 18px 34px rgba(0,0,0,.34)!important;font-size:.86rem!important} .yas-service-card__body{padding:20px 20px 22px!important;min-height:160px!important;gap:10px!important} .yas-service-card__body h3{color:#fff!important;font-size:1.2rem!important;line-height:1.22!important;text-transform:none!important} .yas-service-card__line{background:rgba(215,255,62,.15)!important} .yas-service-card__body p{color:rgba(244,241,233,.70)!important;font-size:.88rem!important;line-height:1.72!important} .yas-service-card__more{background:rgba(215,255,62,.12)!important;color:var(--yas-voltage)!important;border:1px solid rgba(215,255,62,.22)!important;box-shadow:none!important;padding:8px 15px!important;font-size:.84rem!important} .yas-service-card:hover{transform:translateY(-7px)!important;border-color:rgba(215,255,62,.32)!important;box-shadow:0 32px 80px rgba(0,0,0,.34),0 0 0 1px rgba(215,255,62,.06)!important} /* Service detail page: cinematic identity, better layout and shapes */ .service-detail-hero--video{min-height:68vh!important;background:#050506!important;isolation:isolate} .service-hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(4,4,6,.68) 48%,#050506 100%),radial-gradient(circle at 82% 28%,rgba(215,255,62,.16),transparent 34%),radial-gradient(circle at 16% 74%,rgba(224,186,77,.12),transparent 30%)!important} .service-hero-inner{position:relative}.service-hero-inner::before{content:'✦';position:absolute;inset-inline-end:5%;top:-42px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:var(--yas-voltage);border:1px solid rgba(215,255,62,.24);background:rgba(255,255,255,.035);animation:yasIconFloat 3.4s ease-in-out infinite}.service-hero-inner::after{content:'';position:absolute;inset-inline-start:0;bottom:-28px;width:220px;height:1px;background:linear-gradient(90deg,transparent,rgba(215,255,62,.62),transparent)} .service-detail-hero .yas-title{font-size:clamp(2rem,4vw,4.15rem)!important;max-width:980px!important}.service-detail-hero .yas-subtitle,.service-hero-description{font-size:.96rem!important;max-width:820px!important;color:rgba(244,241,233,.76)!important} .service-fit-grid{grid-template-columns:.78fr 1.22fr!important;gap:20px!important;direction:rtl}.service-mini-panel{background:radial-gradient(circle at 88% 16%,rgba(215,255,62,.11),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014))!important;border-color:rgba(215,255,62,.15)!important;border-radius:28px!important;min-height:170px!important;padding:30px 34px!important}.service-panel-orb{position:absolute;inset-inline-start:24px;top:24px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(224,186,77,.25);color:var(--yas-gold);background:rgba(0,0,0,.18);animation:yasIconFloat 3.8s ease-in-out infinite}.service-mini-panel p:not(.yas-eyebrow){max-width:56ch;color:rgba(244,241,233,.78)!important} .service-fit-grid .service-check-list--inline{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 18px!important;margin-top:8px!important}.service-check-list--inline li{font-size:.9rem!important;line-height:1.7!important} .service-story-section{position:relative}.service-story-section::before{content:'';position:absolute;inset:6% 0 auto auto;width:36vw;height:36vw;border-radius:50%;background:radial-gradient(circle,rgba(215,255,62,.08),transparent 60%);filter:blur(12px);pointer-events:none}.service-duo-grid{grid-template-areas:'solution challenge'!important;direction:ltr}.service-story-card--challenge{grid-area:challenge}.service-story-card--solution{grid-area:solution}.service-story-card{background:radial-gradient(circle at 88% 18%,rgba(215,255,62,.09),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012))!important;border-color:rgba(244,241,233,.12)!important;border-radius:32px!important;text-align:right;direction:rtl}.service-story-card--solution{border-color:rgba(224,186,77,.28)!important}.service-story-card .yas-eyebrow::before,.service-output-card::before,.service-method-card::before{display:none!important}.service-story-card h2{font-size:clamp(1.35rem,2vw,2.15rem)!important}.service-check-list li,.service-dot-list li{font-size:.92rem!important;line-height:1.75!important} .service-output-card,.service-method-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important;border-color:rgba(215,255,62,.11)!important;border-radius:24px!important}.service-output-card::before,.service-method-card::before{content:'✦'!important;display:grid!important;position:absolute!important;inset-inline-start:22px!important;top:20px!important;width:30px!important;height:30px!important;border-radius:50%!important;place-items:center!important;color:rgba(224,186,77,.85)!important;background:rgba(224,186,77,.06)!important;border:1px solid rgba(224,186,77,.14)!important;transform:none!important;transition:none!important}.service-output-card h3,.service-method-card h3{padding-inline-start:44px!important}.service-method-card strong{color:var(--yas-gold)!important;text-shadow:0 0 22px rgba(224,186,77,.18)} .service-faq-item{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important;border-color:rgba(215,255,62,.12)!important;border-radius:22px!important}.service-faq-item:not([open]) p{display:none!important}.service-faq-item summary{transition:background .35s}.service-faq-item:hover summary{background:rgba(215,255,62,.035)} @media(max-width:1100px){.yas-service-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.service-fit-grid{grid-template-columns:1fr!important}.service-duo-grid{grid-template-areas:'challenge' 'solution'!important}.service-fit-grid .service-check-list--inline{grid-template-columns:1fr 1fr!important}} @media(max-width:720px){.services-card-section .yas-container,#services-home .yas-container{width:min(calc(100% - 32px),1180px)!important}.yas-service-cards-grid{grid-template-columns:1fr!important}.yas-service-card__media{height:210px!important}.service-fit-grid .service-check-list--inline{grid-template-columns:1fr!important}.ai-feature-card--stack{padding-top:92px!important}} /* === V8: alignment, theme colors, service cards wave, footer bone curve === */ :root{--yas-container-v8:1180px} .yas-container{width:min(calc(100% - 64px),var(--yas-container-v8))!important} .site-header .yas-container,.site-header--lightglass .yas-container{width:min(calc(100% - 48px),var(--yas-max))!important} @media(max-width:720px){.yas-container{width:min(calc(100% - 32px),var(--yas-container-v8))!important}.site-header .yas-container,.site-header--lightglass .yas-container{width:min(calc(100% - 28px),var(--yas-max))!important} ul .lang-item{ display:none !important; } } /* Service detail headings: clean positioning and unified typography */ .service-wide-title{align-items:flex-start!important;text-align:right!important;margin-inline:0!important;margin-bottom:30px!important;width:100%!important;max-width:none!important} .service-wide-title .yas-eyebrow{margin-bottom:8px!important;color:var(--yas-voltage)!important} .service-wide-title .yas-title{font-size:clamp(2rem,3.1vw,3.35rem)!important;line-height:1.08!important;letter-spacing:-.015em!important;margin-bottom:0!important} .service-method-section{padding-top:68px!important} .service-method-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important} .service-method-card{min-height:220px!important;padding:30px 26px 24px!important;text-align:right!important;direction:rtl!important;border:1px solid rgba(215,255,62,.16)!important;border-radius:26px!important;background:radial-gradient(circle at 18% 12%,rgba(215,255,62,.08),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important} .service-method-card strong{display:inline-grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:50%!important;margin:0 0 22px auto!important;font-size:1.35rem!important;line-height:1!important;color:var(--yas-voltage)!important;background:rgba(215,255,62,.08)!important;border:1px solid rgba(215,255,62,.22)!important;box-shadow:0 0 28px rgba(215,255,62,.08)!important;text-shadow:none!important} .service-method-card h3{padding:0!important;margin:0 0 12px!important;font-size:clamp(1.12rem,1.25vw,1.34rem)!important;line-height:1.26!important;color:var(--yas-bone)!important} .service-method-card p{font-size:.88rem!important;line-height:1.78!important;color:rgba(244,241,233,.66)!important} .service-output-card,.service-story-card,.service-mini-panel{border-color:rgba(215,255,62,.15)!important} .service-output-card::before,.service-method-card::before{color:var(--yas-voltage)!important;background:rgba(215,255,62,.07)!important;border-color:rgba(215,255,62,.18)!important} .service-check-list li::before{color:var(--yas-voltage)!important} .service-dot-list li::before{background:var(--yas-voltage)!important;box-shadow:0 0 18px rgba(215,255,62,.24)!important} .service-panel-orb{color:var(--yas-voltage)!important;border-color:rgba(215,255,62,.26)!important;background:rgba(215,255,62,.07)!important} /* Service cards: same container alignment, smaller 3-column cards, inner organic curve */ .services-card-section .yas-container,#services-home .yas-container,.service-outputs-section .yas-container,.service-method-section .yas-container,.service-performance-section .yas-container,.service-faq-section .yas-container{width:min(calc(100% - 64px),var(--yas-container-v8))!important} .yas-service-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important} .yas-service-card{border-radius:28px!important;overflow:hidden!important;position:relative!important;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important;border-color:rgba(215,255,62,.14)!important} .yas-service-card::after{content:'';position:absolute;inset:auto -12% -44px -12%;height:112px;background:radial-gradient(64% 110% at 50% 0%,rgba(215,255,62,.10),transparent 68%);border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none;opacity:.75} .yas-service-card__body{position:relative!important;isolation:isolate!important;padding-top:22px!important} .yas-service-card__body::before{content:'';position:absolute;z-index:-1;inset:-38px -24px auto -24px;height:76px;background:linear-gradient(180deg,#121218 0%,#0e0e13 85%);border-radius:0 0 48% 48%/0 0 100% 100%;box-shadow:0 -12px 24px rgba(0,0,0,.16)} .yas-service-card__body::after{content:'';position:absolute;z-index:-1;inset:-22px 8% auto 8%;height:34px;background:radial-gradient(65% 100% at 50% 0%,rgba(215,255,62,.075),transparent 72%);border-radius:50%;pointer-events:none} .yas-service-card__badge{color:var(--yas-bone)!important;background:radial-gradient(circle at 35% 30%,rgba(244,241,233,.26),transparent 34%),linear-gradient(135deg,rgba(215,255,62,.18),rgba(215,255,62,.04))!important;border-color:rgba(215,255,62,.26)!important} .yas-service-card__more{color:var(--yas-voltage)!important;border-color:rgba(215,255,62,.24)!important;background:rgba(215,255,62,.08)!important} @media(max-width:1100px){.service-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.yas-service-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} ul .lang-item{ display:none !important; } } @media(max-width:720px){.services-card-section .yas-container,#services-home .yas-container,.service-outputs-section .yas-container,.service-method-section .yas-container,.service-performance-section .yas-container,.service-faq-section .yas-container{width:min(calc(100% - 32px),var(--yas-container-v8))!important}.service-method-grid,.yas-service-cards-grid{grid-template-columns:1fr!important}.service-method-card{min-height:auto!important}.service-wide-title .yas-title{font-size:clamp(1.8rem,10vw,2.7rem)!important}} /* Footer: smoother bone-colored top shape */ .site-footer{margin-top:96px!important;border-top:0!important;overflow:visible!important;position:relative!important;background:linear-gradient(180deg,#101015 0%,#09090d 100%)!important} .site-footer::after{display:none!important} .site-footer::before{content:''!important;position:absolute!important;left:50%!important;top:-58px!important;transform:translateX(-50%)!important;width:min(100%,var(--yas-container-v8))!important;height:104px!important;background:linear-gradient(180deg,rgba(244,241,233,.14),rgba(244,241,233,.035) 62%,transparent)!important;border:1px solid rgba(244,241,233,.16)!important;border-bottom:0!important;border-radius:48px 48px 0 0!important;clip-path:ellipse(58% 72% at 50% 100%)!important;pointer-events:none!important;filter:drop-shadow(0 -18px 46px rgba(244,241,233,.035))!important} .site-footer .yas-container{position:relative!important;z-index:1!important} .footer-grid--4col{padding-top:72px!important} /* === V9: themed service details, jelly-wave cards, footer internal shapes + underline titles === */ :root{ --yas-bone-glow:rgba(244,241,233,.16); --yas-gold-soft:rgba(215,255,62,.18); } /* Service page: make tools + metrics cinematic and fully on-theme */ .service-performance-section .service-duo-grid{align-items:stretch;gap:22px!important} .service-performance-section .service-story-card{ background: radial-gradient(80% 120% at 88% 0%,rgba(215,255,62,.10),transparent 52%), radial-gradient(80% 110% at 0% 100%,rgba(244,241,233,.055),transparent 58%), linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important; border:1px solid rgba(215,255,62,.15)!important; border-radius:30px!important; min-height:235px!important; overflow:hidden!important; } .service-performance-section .service-story-card::before{ content:'';position:absolute;inset:-35% auto auto -18%;width:260px;height:260px;border-radius:50%; background:radial-gradient(circle,rgba(244,241,233,.10),transparent 62%);pointer-events:none } .service-performance-section .service-story-card::after{ content:'';position:absolute;inset:auto -8% -42px -8%;height:92px; background:radial-gradient(70% 100% at 50% 0%,rgba(215,255,62,.11),transparent 68%); border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none } .service-metric-list{gap:14px!important;margin-top:18px!important} .service-metric-list span{ display:flex!important;align-items:center!important;gap:10px!important; padding:12px 14px!important;border-radius:18px!important; background:rgba(244,241,233,.035)!important; border:1px solid rgba(244,241,233,.09)!important; color:rgba(244,241,233,.88)!important;font-size:.92rem!important;line-height:1.55!important; } .service-metric-list span::before{ content:''!important;position:static!important;flex:0 0 18px;width:18px;height:18px;border-radius:6px; background:linear-gradient(135deg,var(--yas-voltage),rgba(244,241,233,.58)); box-shadow:0 0 22px rgba(215,255,62,.18); clip-path:polygon(15% 50%,38% 74%,85% 22%,100% 38%,38% 100%,0 62%); } .service-tool-tags{justify-content:flex-start!important;gap:10px!important;margin-top:18px!important} .service-tool-tags span{ position:relative;overflow:hidden;padding:11px 17px!important;border-radius:999px!important; background:linear-gradient(180deg,rgba(244,241,233,.06),rgba(244,241,233,.025))!important; border:1px solid rgba(215,255,62,.16)!important;color:rgba(244,241,233,.82)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;font-size:.9rem!important } .service-tool-tags span::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yas-voltage);margin-inline-end:8px;box-shadow:0 0 14px rgba(215,255,62,.45)} .service-tool-tags span:nth-child(2n){border-color:rgba(244,241,233,.16)!important;background:rgba(244,241,233,.04)!important} /* Service page card variety */ .service-output-card,.service-method-card,.service-story-card,.service-mini-panel{ border-color:rgba(215,255,62,.13)!important; box-shadow:0 24px 70px rgba(0,0,0,.24)!important; } .service-output-card:nth-child(3n+1){background:radial-gradient(80% 120% at 100% 0%,rgba(215,255,62,.09),transparent 56%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important} .service-output-card:nth-child(3n+2){background:radial-gradient(70% 110% at 0% 0%,rgba(244,241,233,.07),transparent 58%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))!important} .service-output-card:nth-child(3n){background:radial-gradient(70% 110% at 50% 100%,rgba(215,255,62,.075),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important} .service-output-card h3,.service-method-card h3{font-size:clamp(1.05rem,1.45vw,1.35rem)!important;line-height:1.28!important} .service-output-card p,.service-method-card p{font-size:.9rem!important;line-height:1.75!important;color:rgba(244,241,233,.66)!important} .service-method-card strong{color:var(--yas-voltage)!important;text-shadow:0 0 18px rgba(215,255,62,.18)!important} .service-method-card{border-radius:26px!important;position:relative!important;overflow:hidden!important} .service-method-card::after{content:'';position:absolute;inset:auto -18% -52px -18%;height:95px;border-radius:50% 50% 0 0;background:radial-gradient(60% 100% at 50% 0%,rgba(244,241,233,.075),transparent 66%);pointer-events:none} /* Homepage/service archive cards: wave like reference, but with YAS identity colors */ .yas-service-card{ max-width:100%!important; border-radius:30px!important; background:linear-gradient(180deg,#111117 0%,#0d0d12 100%)!important; border:1px solid rgba(244,241,233,.12)!important; } .yas-service-card__media{height:205px!important;border-radius:28px 28px 0 0!important;overflow:hidden!important} .yas-service-card__wave{ display:block!important;position:absolute!important;left:-7%!important;right:-7%!important;bottom:-2px!important;height:70px!important; background:linear-gradient(180deg,var(--yas-bone),#e9e4d7)!important; border-radius:58% 42% 0 0/100% 90% 0 0!important; transform:translateY(21px) rotate(-2.2deg)!important; opacity:1!important;z-index:2!important;box-shadow:0 -10px 28px rgba(0,0,0,.10)!important } .yas-service-card__body{ background:linear-gradient(180deg,var(--yas-bone),#ede8dc)!important; color:#151515!important;padding:24px 20px 22px!important;min-height:148px!important } .yas-service-card__body::before,.yas-service-card__body::after{display:none!important} .yas-service-card__body h3{color:#17171b!important;font-size:1.05rem!important;letter-spacing:.01em!important;border-bottom:1px solid rgba(14,14,18,.12);padding-bottom:12px;margin-bottom:0!important} .yas-service-card__body p{color:rgba(14,14,18,.56)!important;font-size:.84rem!important;line-height:1.65!important} .yas-service-card__badge{ bottom:16px!important;right:24px!important;width:62px!important;height:62px!important;z-index:3!important; background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.70),rgba(244,241,233,.20) 35%,transparent 36%),linear-gradient(135deg,#42495d,#111217)!important; color:var(--yas-bone)!important;border:1px solid rgba(244,241,233,.42)!important;box-shadow:0 18px 35px rgba(0,0,0,.24)!important } .yas-service-card__badge::after{content:'✦';position:absolute;font-size:1.35rem;color:var(--yas-voltage);text-shadow:0 0 18px rgba(215,255,62,.45)} .yas-service-card__badge{font-size:0!important} .yas-service-card__more{ background:rgba(14,14,18,.08)!important;color:#141416!important;border:1px solid rgba(14,14,18,.12)!important;padding:7px 14px!important } .yas-service-card:hover .yas-service-card__wave{transform:translateY(18px) rotate(-1deg)!important} .yas-service-card:hover{border-color:rgba(215,255,62,.32)!important;box-shadow:0 32px 78px rgba(0,0,0,.34),0 0 0 1px rgba(215,255,62,.08)!important} /* Footer: internal shapes and bone underline under every column title */ .site-footer{overflow:hidden!important;isolation:isolate!important} .site-footer .yas-container::before, .site-footer .yas-container::after{ content:'';position:absolute;pointer-events:none;z-index:-1;border:1px solid rgba(244,241,233,.10) } .site-footer .yas-container::before{ width:420px;height:420px;inset:58px auto auto -160px;border-radius:42% 58% 50% 50%; background:radial-gradient(circle at 35% 35%,rgba(244,241,233,.09),transparent 62%); transform:rotate(-12deg) } .site-footer .yas-container::after{ width:520px;height:240px;inset:auto -180px 72px auto;border-radius:60% 40% 0 0/100% 100% 0 0; background:radial-gradient(70% 100% at 50% 0%,rgba(215,255,62,.07),transparent 68%); transform:rotate(8deg) } .footer-brand,.footer-nav h4,.footer-links-block h4{ position:relative!important;display:inline-block!important;margin-bottom:18px!important;padding-bottom:10px!important } .footer-brand::after,.footer-nav h4::after,.footer-links-block h4::after{ content:'';position:absolute;inset-inline-start:0;bottom:0;width:46px;height:2px;border-radius:99px; background:linear-gradient(90deg,var(--yas-bone),rgba(244,241,233,.12)); box-shadow:0 0 16px rgba(244,241,233,.14) } .footer-grid--4col{position:relative!important} .footer-grid--4col::before{ content:'';position:absolute;inset:-8px 8% auto 8%;height:1px;background:linear-gradient(90deg,transparent,rgba(244,241,233,.16),transparent) } @media(max-width:720px){ .service-performance-section .service-duo-grid,.service-metric-list{grid-template-columns:1fr!important} .yas-service-card__media{height:220px!important} } /* === V10: FAQ theme polish + simpler footer shape === */ .service-faq-section .service-faq-item{ background: radial-gradient(90% 120% at 100% 0%,rgba(215,255,62,.075),transparent 56%), linear-gradient(180deg,rgba(244,241,233,.045),rgba(244,241,233,.012))!important; border:1px solid rgba(215,255,62,.15)!important; box-shadow:0 22px 58px rgba(0,0,0,.22)!important; } .service-faq-section .service-faq-item summary{ color:var(--yas-bone)!important; } .service-faq-section .service-faq-item h3{ color:var(--yas-bone)!important; } .service-faq-section .service-faq-item p{ color:rgba(244,241,233,.72)!important; } .service-faq-section .service-faq-item .faq-mark{ border-color:rgba(215,255,62,.32)!important; color:var(--yas-voltage)!important; background:rgba(215,255,62,.055)!important; box-shadow:0 0 24px rgba(215,255,62,.10)!important; } .service-faq-section .service-faq-item:hover summary{ background:rgba(215,255,62,.028)!important; } .service-faq-section .service-faq-item[open] .faq-mark{ background:var(--yas-voltage)!important; color:#111!important; border-color:var(--yas-voltage)!important; } /* Footer: remove top curve, keep one elegant inner theme shape only */ .site-footer::before, .site-footer::after{ display:none!important; content:none!important; } .site-footer{ margin-top:70px!important; overflow:hidden!important; background: radial-gradient(70% 100% at 50% 0%,rgba(244,241,233,.045),transparent 48%), linear-gradient(180deg,#101015 0%,#09090d 100%)!important; } .footer-grid--4col{padding-top:54px!important} .site-footer .yas-container::after, .footer-grid--4col::before{ display:none!important; content:none!important; } .site-footer .yas-container::before{ content:''!important; position:absolute!important; pointer-events:none!important; z-index:-1!important; width:min(520px,68vw)!important; height:min(520px,68vw)!important; inset:auto -170px -190px auto!important; border-radius:42% 58% 50% 50%!important; border:1px solid rgba(244,241,233,.10)!important; background: radial-gradient(circle at 42% 36%,rgba(244,241,233,.10),transparent 45%), radial-gradient(circle at 58% 58%,rgba(215,255,62,.06),transparent 60%)!important; transform:rotate(-14deg)!important; filter:blur(.1px)!important; } .footer-brand::after,.footer-nav h4::after,.footer-links-block h4::after{ background:linear-gradient(90deg,var(--yas-bone),rgba(244,241,233,.10))!important; } /* === V11: premium card variety + reference-style service cards === */ /* Global alignment comfort for all main homepage sections */ .yas-container{width:min(calc(100% - 64px),var(--yas-max))!important} @media(max-width:720px){.yas-container{width:min(calc(100% - 32px),var(--yas-max))!important}} /* Homepage + services archive cards: closer to the provided reference, smaller width, themed colors */ .services-card-section .yas-container, #services-home .yas-container{max-width:1160px!important} .yas-service-cards-grid{ grid-template-columns:repeat(3,minmax(245px,310px))!important; justify-content:center!important; gap:28px!important; align-items:stretch!important; } .yas-service-cards-grid--home{grid-template-columns:repeat(3,minmax(235px,300px))!important;gap:26px!important} .yas-service-card{ width:100%!important; max-width:310px!important; margin-inline:auto!important; border-radius:28px!important; overflow:hidden!important; background:linear-gradient(180deg,#111117 0%,#0d0d11 48%,#0b0b0f 100%)!important; border:1px solid rgba(244,241,233,.15)!important; box-shadow:0 22px 60px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.035)!important; isolation:isolate!important; } .yas-service-card::before{ content:''!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important; background: radial-gradient(80% 65% at 82% 6%,rgba(215,255,62,.10),transparent 56%), radial-gradient(90% 80% at 4% 92%,rgba(244,241,233,.055),transparent 60%)!important; transform:none!important;transition:none!important; } .yas-service-card a{position:relative!important;z-index:1!important;display:grid!important;grid-template-rows:auto 1fr!important;min-height:100%!important} .yas-service-card__media{ height:230px!important; border-radius:28px 28px 0 0!important; background:#101015!important; overflow:hidden!important; } .yas-service-card__media::after{ content:'';position:absolute;inset:0;pointer-events:none; background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18)); z-index:1; } .yas-service-card__media img{position:relative!important;z-index:0!important;filter:saturate(1.08) contrast(1.04)!important} .yas-service-card__wave{ position:absolute!important; left:-8%!important;right:-8%!important;bottom:-1px!important; height:76px!important; z-index:2!important; background:var(--yas-bone)!important; border-radius:64% 36% 0 0 / 100% 82% 0 0!important; clip-path:ellipse(67% 72% at 49% 100%)!important; transform:translateY(18px) rotate(-2deg)!important; box-shadow:0 -14px 30px rgba(0,0,0,.10)!important; } .yas-service-card__wave::before{ content:'';position:absolute;inset:10px 12% auto 16%;height:28px;border-radius:50%; background:rgba(255,255,255,.28);filter:blur(12px);opacity:.7; } .yas-service-card__badge{ right:21px!important; bottom:-8px!important; width:70px!important;height:70px!important; z-index:4!important; border-radius:50%!important; background: radial-gradient(circle at 32% 24%,rgba(255,255,255,.82),rgba(244,241,233,.28) 30%,transparent 31%), linear-gradient(135deg,#202129,#0e0e12 55%,#242a1b 100%)!important; color:var(--yas-voltage)!important; border:1px solid rgba(244,241,233,.40)!important; box-shadow:0 20px 36px rgba(0,0,0,.34),0 0 0 7px rgba(244,241,233,.08)!important; font-size:.86rem!important; letter-spacing:.05em!important; text-indent:0!important; } .yas-service-card__badge::before{display:none!important} .yas-service-card__badge::after{content:''!important;display:none!important} .yas-service-card__body{ background:var(--yas-bone)!important; color:#111!important; padding:26px 22px 22px!important; min-height:174px!important; display:grid!important; grid-template-rows:auto auto 1fr auto!important; gap:11px!important; position:relative!important; } .yas-service-card__body h3{ color:#121216!important; font-size:1.08rem!important; line-height:1.24!important; font-weight:900!important; padding-bottom:0!important; border-bottom:0!important; text-transform:none!important; } .yas-service-card__line{ height:1px!important;width:100%!important; background:linear-gradient(90deg,rgba(14,14,18,.16),transparent)!important; } .yas-service-card__body p{font-size:.83rem!important;line-height:1.65!important;color:rgba(14,14,18,.58)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .yas-service-card__more{ margin-top:2px!important; background:#111116!important; color:var(--yas-bone)!important; border:1px solid rgba(14,14,18,.10)!important; padding:7px 15px!important; font-size:.82rem!important; box-shadow:0 12px 22px rgba(0,0,0,.14)!important; } .yas-service-card:hover{transform:translateY(-8px)!important;border-color:rgba(215,255,62,.28)!important;box-shadow:0 34px 82px rgba(0,0,0,.38),0 0 0 1px rgba(215,255,62,.07)!important} .yas-service-card:hover .yas-service-card__wave{transform:translateY(14px) rotate(-.8deg)!important} .yas-service-card:hover .yas-service-card__badge{transform:rotate(-8deg) scale(1.03)!important;transition:transform .75s cubic-bezier(.16,1,.3,1)!important} .yas-service-card:hover .yas-service-card__media img{transform:scale(1.065)!important} .yas-service-card::after{background:linear-gradient(115deg,transparent 0%,rgba(244,241,233,.34) 48%,transparent 64%)!important;transition-duration:1.65s!important} /* Single service page: premium variation in cards, methodology stays unchanged */ .service-fit-section{position:relative!important;overflow:hidden!important} .service-fit-section::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(55% 80% at 92% 10%,rgba(215,255,62,.075),transparent 62%)} .service-mini-panel--best{ background: linear-gradient(135deg,rgba(215,255,62,.10),transparent 42%), linear-gradient(180deg,rgba(244,241,233,.05),rgba(244,241,233,.014))!important; border-radius:30px 18px 30px 30px!important; } .service-mini-panel--results{ background: radial-gradient(95% 110% at 0% 0%,rgba(244,241,233,.07),transparent 55%), linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.012))!important; border-radius:18px 30px 30px 30px!important; } .service-panel-orb{background:rgba(215,255,62,.08)!important;border-color:rgba(215,255,62,.25)!important;color:var(--yas-voltage)!important} .service-story-card--challenge{ background: linear-gradient(140deg,rgba(215,255,62,.075),transparent 38%), linear-gradient(180deg,rgba(244,241,233,.045),rgba(244,241,233,.012))!important; border-radius:34px 34px 18px 34px!important; } .service-story-card--solution{ background: radial-gradient(90% 110% at 100% 0%,rgba(215,255,62,.09),transparent 56%), linear-gradient(180deg,rgba(244,241,233,.04),rgba(244,241,233,.012))!important; border-radius:34px 18px 34px 34px!important; border-color:rgba(215,255,62,.18)!important; } .service-story-card--challenge::before{background:radial-gradient(circle,rgba(244,241,233,.08),transparent 64%)!important} .service-story-card--solution::before{background:radial-gradient(circle,rgba(215,255,62,.10),transparent 64%)!important} .service-check-list li::before{color:var(--yas-voltage)!important}.service-dot-list li::before{background:var(--yas-voltage)!important;box-shadow:0 0 18px rgba(215,255,62,.35)!important} /* Deliverables: varied premium card shapes */ .service-output-grid{gap:22px!important} .service-output-card{border-radius:28px!important;min-height:178px!important;padding:30px 28px!important} .service-output-card:nth-child(1){border-radius:34px 20px 30px 30px!important} .service-output-card:nth-child(2){border-radius:22px 34px 22px 34px!important;transform:translateY(10px)} .service-output-card:nth-child(3){border-radius:30px 30px 34px 18px!important} .service-output-card:nth-child(4){border-radius:18px 34px 30px 30px!important} .service-output-card:nth-child(5){border-radius:34px 34px 18px 30px!important;transform:translateY(10px)} .service-output-card:nth-child(6){border-radius:30px 18px 34px 34px!important} .service-output-card::before{content:'';position:absolute;inset:auto -18% -54px -18%;height:90px;border-radius:50% 50% 0 0;background:radial-gradient(70% 100% at 50% 0%,rgba(215,255,62,.08),transparent 70%);pointer-events:none} .service-output-card:nth-child(even)::before{background:radial-gradient(70% 100% at 50% 0%,rgba(244,241,233,.075),transparent 70%)} .service-output-card:hover{transform:translateY(-8px)!important} .service-output-card:nth-child(2):hover,.service-output-card:nth-child(5):hover{transform:translateY(0)!important} /* Performance area: KPI and tools should not look like the story cards */ .service-performance-section .service-duo-grid{grid-template-columns:1.08fr .92fr!important} .service-performance-section .service-story-card:first-child{ border-radius:34px 18px 34px 34px!important; background: linear-gradient(90deg,rgba(215,255,62,.08),transparent 40%), linear-gradient(180deg,rgba(244,241,233,.045),rgba(244,241,233,.012))!important; } .service-performance-section .service-story-card:last-child{ border-radius:18px 34px 34px 34px!important; background: radial-gradient(80% 120% at 100% 100%,rgba(244,241,233,.07),transparent 55%), linear-gradient(180deg,rgba(244,241,233,.04),rgba(244,241,233,.012))!important; } .service-metric-list{grid-template-columns:repeat(2,minmax(0,1fr))!important} .service-tool-tags span:nth-child(3n+1){border-color:rgba(215,255,62,.24)!important} .service-tool-tags span:nth-child(3n+2){border-radius:18px!important} .service-tool-tags span:nth-child(3n){background:rgba(215,255,62,.045)!important} /* FAQ: accordion premium but calm */ .service-faq-item{border-radius:22px!important;overflow:hidden!important;padding:0!important;display:block!important} .service-faq-item summary{display:flex!important;align-items:center!important;gap:16px!important;cursor:pointer!important;padding:22px 24px!important;list-style:none!important} .service-faq-item summary::-webkit-details-marker{display:none!important} .service-faq-item p{padding:0 24px 24px!important;margin:0!important} .faq-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:0 0 36px;border:1px solid rgba(215,255,62,.24)} .service-faq-item[open] .faq-mark{transform:rotate(45deg)} @media(max-width:1100px){ .yas-service-cards-grid,.yas-service-cards-grid--home{grid-template-columns:repeat(2,minmax(250px,310px))!important} .service-performance-section .service-duo-grid{grid-template-columns:1fr!important} } @media(max-width:720px){ .yas-service-cards-grid,.yas-service-cards-grid--home{grid-template-columns:minmax(250px,320px)!important} .yas-service-card{max-width:320px!important} .service-output-card:nth-child(2),.service-output-card:nth-child(5){transform:none!important} .service-metric-list{grid-template-columns:1fr!important} } /* === V12: cleaner service cards, stronger footer sheet, titles, FAQ plus alignment === */ /* Hero title slightly bigger but still controlled */ .hero-title-display, .hero-title-display--safe{ font-size:clamp(2.45rem,5.15vw,4.85rem)!important; line-height:1.06!important; } @media(max-width:720px){ .hero-title-display,.hero-title-display--safe{font-size:clamp(2.35rem,11.5vw,3.55rem)!important;} } /* Services section title should match normal section titles, not oversized */ .services-title-large .yas-title{ font-size:clamp(1.9rem,3.25vw,3.05rem)!important; line-height:1.12!important; max-width:900px!important; letter-spacing:-.012em!important; } .services-title-large .yas-subtitle{font-size:.96rem!important;max-width:78ch!important;} /* Homepage/archive service cards: premium dark theme with a soft internal wave */ .services-card-section .yas-container,#services-home .yas-container{max-width:1120px!important;} .yas-service-cards-grid, .yas-service-cards-grid--home{ grid-template-columns:repeat(3,minmax(230px,286px))!important; justify-content:center!important; gap:24px!important; } .yas-service-card{ max-width:286px!important; border-radius:30px!important; background: radial-gradient(90% 72% at 72% 0%,rgba(215,255,62,.105),transparent 56%), linear-gradient(180deg,#17171d 0%,#111116 48%,#0b0b0f 100%)!important; border:1px solid rgba(215,255,62,.15)!important; color:var(--yas-bone)!important; box-shadow:0 22px 58px rgba(0,0,0,.32),inset 0 1px 0 rgba(244,241,233,.055)!important; } .yas-service-card::before{ background: radial-gradient(60% 90% at 110% 18%,rgba(215,255,62,.12),transparent 58%), radial-gradient(90% 60% at -20% 85%,rgba(244,241,233,.045),transparent 62%)!important; } .yas-service-card__media{ height:202px!important; border-radius:28px 28px 0 0!important; background:#101014!important; } .yas-service-card__media img{filter:saturate(1.05) contrast(1.05) brightness(.93)!important;} .yas-service-card__media::after{ background: linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.12) 56%,rgba(17,17,22,.72) 100%)!important; } .yas-service-card__wave{ left:-8%!important;right:-8%!important;bottom:-2px!important;height:72px!important; background: radial-gradient(80% 90% at 30% 16%,rgba(215,255,62,.10),transparent 58%), linear-gradient(180deg,#17171d,#101015)!important; border-radius:58% 42% 0 0/100% 84% 0 0!important; clip-path:ellipse(68% 73% at 50% 100%)!important; transform:translateY(18px) rotate(-2deg)!important; box-shadow:0 -18px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(244,241,233,.06)!important; } .yas-service-card__wave::before{background:rgba(215,255,62,.08)!important;opacity:.9!important;} .yas-service-card__badge{ width:62px!important;height:62px!important;right:20px!important;bottom:-4px!important; background: radial-gradient(circle at 34% 26%,rgba(255,255,255,.22),transparent 31%), linear-gradient(135deg,rgba(215,255,62,.16),rgba(244,241,233,.055) 48%,rgba(10,10,14,.96) 100%)!important; border:1px solid rgba(215,255,62,.32)!important; color:var(--yas-voltage)!important; box-shadow:0 18px 34px rgba(0,0,0,.34),0 0 0 6px rgba(215,255,62,.045),0 0 26px rgba(215,255,62,.10)!important; font-size:.74rem!important; font-weight:900!important; } .yas-service-card__body{ background: radial-gradient(90% 70% at 100% 0%,rgba(215,255,62,.07),transparent 55%), linear-gradient(180deg,#15151b,#101015 100%)!important; color:var(--yas-bone)!important; padding:24px 20px 21px!important; min-height:154px!important; } .yas-service-card__body h3{ color:#fff!important; font-size:1rem!important; line-height:1.28!important; border:0!important; padding:0!important; } .yas-service-card__line{ background:linear-gradient(90deg,rgba(215,255,62,.28),rgba(244,241,233,.05),transparent)!important; } .yas-service-card__body p{ color:rgba(244,241,233,.68)!important; font-size:.82rem!important; line-height:1.65!important; } .yas-service-card__more{ background:rgba(215,255,62,.10)!important; color:var(--yas-voltage)!important; border:1px solid rgba(215,255,62,.20)!important; box-shadow:none!important; } .yas-service-card:hover{ border-color:rgba(215,255,62,.34)!important; box-shadow:0 34px 82px rgba(0,0,0,.38),0 0 0 1px rgba(215,255,62,.10),0 0 42px rgba(215,255,62,.06)!important; } .yas-service-card:hover .yas-service-card__wave{transform:translateY(14px) rotate(-.75deg)!important;} /* Footer sheet: more premium, no top curve, one elegant internal form */ .site-footer{ margin-top:86px!important; padding-top:0!important; border-top:1px solid rgba(244,241,233,.10)!important; background: radial-gradient(680px 360px at 90% 18%,rgba(215,255,62,.065),transparent 62%), linear-gradient(180deg,#121217 0%,#08080c 100%)!important; overflow:hidden!important; } .site-footer::before,.site-footer::after{display:none!important;content:none!important;} .site-footer .yas-container{position:relative!important;z-index:1!important;} .site-footer .yas-container::before{ content:''!important; position:absolute!important; z-index:-1!important; pointer-events:none!important; width:min(560px,72vw)!important; height:min(360px,58vw)!important; inset:auto -145px 22px auto!important; border-radius:44% 56% 38% 62%/54% 42% 58% 46%!important; border:1px solid rgba(244,241,233,.09)!important; background:radial-gradient(circle at 42% 40%,rgba(244,241,233,.085),transparent 56%),radial-gradient(circle at 72% 66%,rgba(215,255,62,.055),transparent 62%)!important; transform:rotate(-8deg)!important; } .footer-grid--4col{ padding:52px 0 34px!important; gap:30px!important; } .footer-bottom--legal{ margin-top:0!important; border-top:1px solid rgba(244,241,233,.14)!important; padding:20px 0 4px!important; background:linear-gradient(90deg,rgba(244,241,233,.035),rgba(244,241,233,.01))!important; border-radius:22px!important; padding-inline:20px!important; } .footer-legal-links a{ color:rgba(244,241,233,.76)!important; } .footer-brand,.footer-nav h4,.footer-links-block h4{color:#fff!important;} .footer-brand::after,.footer-nav h4::after,.footer-links-block h4::after{ width:42px!important;height:2px!important; background:linear-gradient(90deg,var(--yas-bone),rgba(215,255,62,.28),transparent)!important; } /* FAQ plus perfectly centered */ .service-faq-item summary{align-items:center!important;} .service-faq-item .faq-mark, .faq-mark{ width:34px!important; height:34px!important; flex:0 0 34px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; line-height:1!important; padding:0!important; font-size:20px!important; font-family:Inter,'Alexandria',system-ui,sans-serif!important; font-weight:600!important; transform-origin:center!important; } .service-faq-item[open] .faq-mark{transform:rotate(45deg)!important;} @media(max-width:1100px){ .yas-service-cards-grid,.yas-service-cards-grid--home{grid-template-columns:repeat(2,minmax(240px,286px))!important;} } @media(max-width:720px){ .yas-service-cards-grid,.yas-service-cards-grid--home{grid-template-columns:minmax(250px,320px)!important;} .yas-service-card{max-width:320px!important;} .footer-bottom--legal{border-radius:18px!important;} } /* === V13: requested final polish: footer shape, marquee pieces, smaller stats, AI title spacing === */ /* Marquee: each word is a separate chip and the movement is a little faster */ .marquee-strip--soft{padding-block:3px!important;} .marquee-track{ align-items:center!important; gap:12px!important; padding:13px 0!important; will-change:transform!important; } .marquee-track--arabic{animation:marqueeRight 37s linear infinite!important;} .marquee-track--english{animation:marqueeLeft 37s linear infinite!important;} .marquee-word{ display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:7px 15px!important; border-radius:999px!important; background:rgba(244,241,233,.045)!important; border:1px solid rgba(244,241,233,.075)!important; color:rgba(244,241,233,.82)!important; font-size:.92rem!important; line-height:1!important; white-space:nowrap!important; } .marquee-sep{ color:var(--yas-voltage)!important; opacity:.9!important; font-size:.9rem!important; padding-inline:2px!important; } .marquee-track > span:not(.marquee-word):not(.marquee-sep){padding-inline:0!important;} /* Stats: smaller numbers so the section feels cleaner */ .stat-panel{padding:24px 22px!important;border-radius:24px!important;} .stat-panel strong{ font-size:clamp(1.9rem,3vw,3.15rem)!important; margin-bottom:10px!important; letter-spacing:-.035em!important; } .stat-panel span{font-size:.88rem!important;line-height:1.55!important;} /* AI cards: give the title more breathing room below the icon */ .ai-feature-card{padding-top:30px!important;} .ai-feature-card__icon{ margin-bottom:24px!important; top:22px!important; } .ai-feature-card h3{ margin-top:18px!important; padding-top:8px!important; line-height:1.28!important; } .ai-feature-card p{margin-top:10px!important;} /* Footer: replace the current organic blob with one cleaner premium shape */ .site-footer{ background: linear-gradient(180deg,rgba(244,241,233,.025),transparent 18%), radial-gradient(620px 320px at 12% 88%,rgba(215,255,62,.07),transparent 64%), linear-gradient(180deg,#111116 0%,#08080c 100%)!important; } .site-footer .yas-container::before{ content:''!important; position:absolute!important; z-index:-1!important; pointer-events:none!important; width:min(520px,70vw)!important; height:min(520px,70vw)!important; inset:auto auto -210px -170px!important; border-radius:50%!important; border:1px solid rgba(215,255,62,.12)!important; background: radial-gradient(circle at 50% 50%,rgba(215,255,62,.10),transparent 38%), radial-gradient(circle at 50% 50%,rgba(244,241,233,.07),transparent 62%)!important; box-shadow:inset 0 0 0 38px rgba(244,241,233,.018),0 0 80px rgba(215,255,62,.035)!important; transform:none!important; } .site-footer .yas-container::after, .footer-grid--4col::before{ display:none!important; content:none!important; } .footer-grid--4col{ position:relative!important; background:linear-gradient(180deg,rgba(244,241,233,.035),rgba(244,241,233,.012))!important; border:1px solid rgba(244,241,233,.08)!important; border-radius:34px!important; padding:42px 34px 30px!important; box-shadow:0 28px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(244,241,233,.045)!important; } .footer-bottom--legal{ margin-top:18px!important; background:transparent!important; border-radius:0!important; padding-inline:0!important; } @media(max-width:720px){ .marquee-track--arabic{animation-duration:27s!important;} .marquee-track--english{animation-duration:27s!important;} .footer-grid--4col{padding:32px 22px 24px!important;border-radius:26px!important;} .stat-panel strong{font-size:2.15rem!important;} } /* === V14: Premium Contact page redesign === */ .contact-cinema-bg{ position:relative!important; overflow:hidden!important; padding-top:140px!important; padding-bottom:70px!important; background: radial-gradient(640px 340px at 18% 18%,rgba(143,93,255,.08),transparent 64%), radial-gradient(720px 360px at 84% 18%,rgba(215,255,62,.105),transparent 66%), linear-gradient(180deg,#101016 0%,#07070b 100%)!important; } .contact-cinema-bg::before{ content:'';position:absolute;inset:18% auto auto 10%;width:360px;height:360px;border-radius:50%; background:radial-gradient(circle,rgba(215,255,62,.08),transparent 68%);filter:blur(55px);pointer-events:none; } .contact-cinema-bg::after{ content:'';position:absolute;inset:auto -110px -160px auto;width:460px;height:460px;border-radius:50%; border:1px solid rgba(244,241,233,.07);background:rgba(244,241,233,.018);pointer-events:none; } .contact-hero__inner{text-align:center;position:relative;z-index:1;} .contact-hero__title{font-size:clamp(2.7rem,6.6vw,6.2rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin-bottom:22px!important;} .contact-hero__subtitle{margin-inline:auto!important;max-width:720px!important;font-size:clamp(.98rem,1.5vw,1.22rem)!important;color:rgba(244,241,233,.76)!important;} .contact-premium-section{position:relative!important;overflow:hidden!important;padding-top:44px!important;} .contact-premium-section::before{ content:'';position:absolute;right:4%;top:18%;width:420px;height:420px;border-radius:50%; background:radial-gradient(circle,rgba(215,255,62,.07),transparent 68%);filter:blur(70px);pointer-events:none; } .contact-premium-layout{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)!important;gap:34px!important;align-items:start!important;} .lang-ar .contact-premium-layout{direction:ltr!important;} .lang-ar .contact-form-shell,.lang-ar .contact-info-grid{direction:rtl!important;} .contact-form-shell{ position:relative!important;overflow:hidden!important;padding:34px!important;border-radius:34px!important; background: linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 42%,rgba(215,255,62,.028)), #101014!important; border:1px solid rgba(244,241,233,.13)!important; box-shadow:0 30px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05)!important; } .contact-form-shell::before{content:'';position:absolute;inset:auto auto -150px -120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(215,255,62,.105),transparent 66%);filter:blur(42px);pointer-events:none;} .contact-form-shell::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.07) 38%,transparent 62%);transform:translateX(130%) skewX(-18deg);transition:transform 1.5s cubic-bezier(.16,1,.3,1);} .contact-form-shell:hover::after{transform:translateX(-130%) skewX(-18deg);} .contact-badge{display:inline-flex!important;align-items:center!important;width:max-content!important;margin-bottom:22px!important;padding:8px 14px!important;border-radius:999px!important;color:#111!important;background:linear-gradient(135deg,var(--yas-voltage),#c7a75a)!important;font-weight:800!important;font-size:.78rem!important;box-shadow:0 14px 34px rgba(215,255,62,.13)!important;} .contact-form-head{position:relative;z-index:1;margin-bottom:22px!important;} .contact-form-head h2{font-family:'Alexandria',Inter,sans-serif!important;font-size:clamp(1.8rem,3vw,3rem)!important;line-height:1.12!important;margin:0 0 10px!important;color:#fff!important;} .contact-form-head p{margin:0!important;color:rgba(244,241,233,.68)!important;font-size:.95rem!important;} .contact-premium-form{position:relative;z-index:1;gap:18px!important;} .contact-premium-form .field-wrap{position:relative!important;} .contact-premium-form label{font-size:.84rem!important;color:rgba(244,241,233,.70)!important;margin-bottom:8px!important;font-weight:600!important;} .contact-premium-form input,.contact-premium-form textarea,.contact-premium-form select{ min-height:56px!important;border-radius:18px!important;background:#090a0d!important;color:#fff!important; border:1px solid rgba(244,241,233,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important; outline:0!important;transition:border-color .35s,box-shadow .35s,background .35s!important; } .contact-premium-form textarea{min-height:142px!important;} .contact-premium-form input:focus,.contact-premium-form textarea:focus,.contact-premium-form select:focus{border-color:rgba(215,255,62,.62)!important;box-shadow:0 0 0 4px rgba(215,255,62,.08),inset 0 1px 0 rgba(255,255,255,.04)!important;background:#0c0d11!important;} .contact-premium-form select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;padding-inline-end:46px!important;background-image:linear-gradient(45deg,transparent 50%,var(--yas-voltage) 50%),linear-gradient(135deg,var(--yas-voltage) 50%,transparent 50%)!important;background-position:calc(100% - 22px) 50%,calc(100% - 15px) 50%!important;background-size:7px 7px,7px 7px!important;background-repeat:no-repeat!important;} .lang-ar .contact-premium-form select{background-position:20px 50%,27px 50%!important;padding-inline-start:46px!important;padding-inline-end:16px!important;} .contact-premium-form select option{background:#101014!important;color:#f4f1e9!important;} .contact-wide{grid-column:1/-1!important;} .contact-form-actions{display:flex!important;gap:14px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:6px!important;} .contact-submit{background:linear-gradient(135deg,var(--yas-voltage),#c6a24f)!important;color:#111!important;box-shadow:0 18px 44px rgba(215,255,62,.16)!important;} .contact-whatsapp-btn{border:1px solid rgba(244,241,233,.14)!important;background:rgba(255,255,255,.025)!important;color:var(--yas-bone)!important;} .contact-whatsapp-btn:hover{border-color:rgba(215,255,62,.45)!important;background:rgba(215,255,62,.07)!important;color:#fff!important;} .contact-info-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;} .contact-info-card{ position:relative!important;min-height:190px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:10px!important; padding:24px!important;border-radius:30px!important;overflow:hidden!important; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012)),#101014!important; border:1px solid rgba(244,241,233,.12)!important;box-shadow:0 20px 60px rgba(0,0,0,.23)!important; transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .55s,box-shadow .55s!important; } .contact-info-card::before{content:'';position:absolute;inset:auto -48px -60px auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(215,255,62,.10),transparent 70%);pointer-events:none;} .contact-info-card::after{content:'';position:absolute;top:18px;inset-inline-start:18px;width:58px;height:58px;border-radius:22px;background:rgba(215,255,62,.055);border:1px solid rgba(215,255,62,.14);pointer-events:none;} .contact-info-card:hover{transform:translateY(-8px)!important;border-color:rgba(215,255,62,.33)!important;box-shadow:0 30px 80px rgba(0,0,0,.30),0 0 0 1px rgba(215,255,62,.05)!important;} .contact-info-icon{position:absolute;top:30px;inset-inline-start:30px;width:34px;height:34px;display:grid;place-items:center;color:var(--yas-voltage);z-index:2;} .contact-info-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;} .contact-info-card span:not(.contact-info-icon){position:relative;z-index:1;color:rgba(244,241,233,.62)!important;font-size:.86rem!important;} .contact-info-card strong{position:relative;z-index:1;color:#fff!important;font-size:1rem!important;line-height:1.55!important;word-break:break-word!important;} .contact-info-card a{color:#fff!important;} .contact-info-card--email{min-height:210px!important;border-radius:30px 46px 30px 30px!important;} .contact-info-card--phone{transform:translateY(34px);border-radius:46px 30px 30px 30px!important;} .contact-info-card--location{border-radius:30px 30px 46px 30px!important;} .contact-info-card--hours{transform:translateY(34px);border-radius:30px 30px 30px 46px!important;} .contact-info-card--phone:hover,.contact-info-card--hours:hover{transform:translateY(26px)!important;} @media(max-width:980px){ .contact-premium-layout{grid-template-columns:1fr!important;} .contact-info-card--phone,.contact-info-card--hours{transform:none!important;} .contact-info-card--phone:hover,.contact-info-card--hours:hover{transform:translateY(-8px)!important;} } @media(max-width:640px){ .contact-cinema-bg{padding-top:120px!important;padding-bottom:44px!important;} .contact-premium-section{padding-top:24px!important;} .contact-form-shell{padding:24px!important;border-radius:28px!important;} .contact-info-grid,.inline-two{grid-template-columns:1fr!important;} .contact-info-card{min-height:164px!important;} .contact-form-actions .yas-btn{width:100%!important;} } /* === V15: Contact page as a premium two-page book/business card layout === */ .contact-premium-section{ padding-top:34px!important; padding-bottom:96px!important; } .contact-premium-layout{ position:relative!important; display:grid!important; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important; gap:0!important; align-items:stretch!important; padding:16px!important; border-radius:42px!important; background: linear-gradient(90deg,rgba(244,241,233,.045),rgba(244,241,233,.012) 49%,rgba(215,255,62,.04) 50%,rgba(244,241,233,.018)), #0a0b0f!important; border:1px solid rgba(244,241,233,.13)!important; box-shadow:0 38px 120px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.055)!important; overflow:hidden!important; } .contact-premium-layout::before{ content:''!important; position:absolute!important; top:22px!important; bottom:22px!important; left:50%!important; width:1px!important; background:linear-gradient(180deg,transparent,rgba(215,255,62,.28),rgba(244,241,233,.10),transparent)!important; box-shadow:0 0 34px rgba(215,255,62,.12)!important; z-index:3!important; } .contact-premium-layout::after{ content:''!important; position:absolute!important; width:520px!important; height:520px!important; border-radius:50%!important; inset:auto -190px -240px auto!important; background:radial-gradient(circle,rgba(215,255,62,.105),transparent 66%)!important; filter:blur(34px)!important; pointer-events:none!important; z-index:0!important; } .contact-form-shell, .contact-info-grid{ position:relative!important; z-index:1!important; min-height:100%!important; border-radius:32px!important; } .contact-form-shell{ border-start-end-radius:20px!important; border-end-end-radius:20px!important; background: linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018) 48%,rgba(215,255,62,.018)), #101014!important; border:1px solid rgba(244,241,233,.115)!important; border-inline-end:0!important; box-shadow:inset -20px 0 44px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.05)!important; } .contact-info-grid{ display:grid!important; grid-template-columns:1fr 1fr!important; align-content:start!important; gap:16px!important; padding:34px!important; border-start-start-radius:20px!important; border-end-start-radius:20px!important; background: radial-gradient(360px 220px at 92% 6%,rgba(215,255,62,.10),transparent 70%), linear-gradient(145deg,rgba(215,255,62,.035),rgba(255,255,255,.02) 44%,rgba(255,255,255,.045)), #0f1014!important; border:1px solid rgba(215,255,62,.14)!important; border-inline-start:0!important; box-shadow:inset 20px 0 44px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04)!important; overflow:hidden!important; } .contact-info-grid::before{ content:'طرق التواصل'!important; grid-column:1/-1!important; display:block!important; margin:0 0 10px!important; color:#fff!important; font-family:'Alexandria',Inter,sans-serif!important; font-weight:800!important; font-size:clamp(1.45rem,2vw,2.15rem)!important; line-height:1.15!important; } .lang-en .contact-info-grid::before{content:'Contact details'!important;} .contact-info-grid::after{ content:'YAS Media'!important; position:absolute!important; inset:auto 30px 26px auto!important; color:rgba(244,241,233,.06)!important; font-size:3.8rem!important; font-weight:900!important; letter-spacing:-.04em!important; pointer-events:none!important; } .contact-info-card{ min-height:158px!important; padding:22px!important; justify-content:center!important; align-items:flex-start!important; gap:8px!important; border-radius:26px!important; background: linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.016)), rgba(7,8,11,.72)!important; border:1px solid rgba(244,241,233,.105)!important; box-shadow:0 14px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035)!important; backdrop-filter:blur(10px)!important; transform:none!important; } .contact-info-card::after{ top:18px!important; inset-inline-start:18px!important; width:48px!important; height:48px!important; border-radius:18px!important; background:linear-gradient(135deg,rgba(215,255,62,.13),rgba(215,255,62,.025))!important; border-color:rgba(215,255,62,.20)!important; } .contact-info-card::before{ width:130px!important; height:130px!important; opacity:.85!important; } .contact-info-icon{ top:29px!important; inset-inline-start:29px!important; width:26px!important; height:26px!important; } .contact-info-icon svg{width:22px!important;height:22px!important;} .contact-info-card span:not(.contact-info-icon){margin-top:58px!important;font-size:.82rem!important;color:rgba(244,241,233,.62)!important;} .contact-info-card strong{font-size:.96rem!important;color:var(--yas-bone)!important;} .contact-info-card--email, .contact-info-card--phone, .contact-info-card--location, .contact-info-card--hours{ min-height:158px!important; border-radius:26px!important; transform:none!important; } .contact-info-card:hover, .contact-info-card--phone:hover, .contact-info-card--hours:hover{ transform:translateY(-6px)!important; border-color:rgba(215,255,62,.32)!important; box-shadow:0 22px 62px rgba(0,0,0,.32),0 0 0 1px rgba(215,255,62,.05)!important; } .contact-form-head h2{font-size:clamp(1.75rem,2.7vw,2.75rem)!important;} .contact-premium-form input,.contact-premium-form textarea,.contact-premium-form select{border-radius:16px!important;} @media(max-width:980px){ .contact-premium-layout{grid-template-columns:1fr!important;gap:16px!important;padding:14px!important;border-radius:34px!important;} .contact-premium-layout::before{display:none!important;} .contact-form-shell,.contact-info-grid{border-radius:26px!important;border:1px solid rgba(244,241,233,.12)!important;} } @media(max-width:640px){ .contact-info-grid{grid-template-columns:1fr!important;padding:24px!important;} .contact-info-card,.contact-info-card--email,.contact-info-card--phone,.contact-info-card--location,.contact-info-card--hours{min-height:142px!important;} .contact-info-grid::after{font-size:2.8rem!important;} } /* === V16: Contact page split cards + cinematic entrance === */ .contact-premium-section{ padding-top:36px!important; padding-bottom:104px!important; } .contact-premium-layout{ display:grid!important; grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr)!important; gap:30px!important; align-items:start!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; } .contact-premium-layout::before{display:none!important;} .contact-premium-layout::after{ content:''!important; position:absolute!important; width:560px!important; height:560px!important; inset:-120px auto auto -180px!important; border-radius:50%!important; background:radial-gradient(circle,rgba(215,255,62,.075),transparent 68%)!important; filter:blur(30px)!important; pointer-events:none!important; } .lang-ar .contact-premium-layout{direction:ltr!important;} .lang-ar .contact-form-shell,.lang-ar .contact-info-grid{direction:rtl!important;} .contact-form-shell, .contact-info-grid{ min-height:760px!important; border-radius:34px!important; overflow:hidden!important; position:relative!important; border:1px solid rgba(244,241,233,.13)!important; background: radial-gradient(460px 260px at 12% 0%,rgba(215,255,62,.06),transparent 72%), linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 50%,rgba(215,255,62,.022)), #101014!important; box-shadow:0 32px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05)!important; transform:none!important; } .contact-form-shell{ padding:38px!important; animation:contactPageLeft .95s cubic-bezier(.16,1,.3,1) both!important; } .contact-info-grid{ display:grid!important; grid-template-columns:1fr!important; gap:16px!important; align-content:start!important; padding:38px!important; animation:contactPageRight .95s cubic-bezier(.16,1,.3,1) .08s both!important; } .contact-form-shell::before, .contact-info-grid::before{ content:''!important; position:absolute!important; inset:0!important; pointer-events:none!important; background: linear-gradient(110deg,transparent 0%,rgba(255,255,255,.045) 42%,transparent 62%), radial-gradient(260px 180px at 86% 8%,rgba(215,255,62,.055),transparent 70%)!important; opacity:.9!important; } .contact-form-shell::after, .contact-info-grid::after{ content:''!important; position:absolute!important; width:210px!important; height:210px!important; inset:auto -78px -86px auto!important; border-radius:42% 58% 48% 52%!important; background:linear-gradient(135deg,rgba(215,255,62,.12),rgba(244,241,233,.025))!important; filter:blur(.2px)!important; opacity:.58!important; pointer-events:none!important; } .contact-info-grid::before{ display:block!important; content:'بيانات التواصل'!important; position:relative!important; inset:auto!important; grid-column:1!important; margin:0 0 12px!important; background:none!important; color:#fff!important; font-family:'Alexandria',Inter,sans-serif!important; font-weight:900!important; font-size:clamp(1.85rem,2.7vw,2.85rem)!important; line-height:1.1!important; opacity:1!important; z-index:2!important; } .lang-en .contact-info-grid::before{content:'Contact details'!important;} .contact-info-grid::after{content:''!important;} .contact-info-card{ min-height:126px!important; padding:24px 24px 24px 96px!important; border-radius:26px!important; display:grid!important; align-content:center!important; gap:4px!important; background: linear-gradient(135deg,rgba(255,255,255,.052),rgba(255,255,255,.014)), rgba(7,8,11,.74)!important; border:1px solid rgba(244,241,233,.11)!important; box-shadow:0 16px 44px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.04)!important; backdrop-filter:blur(10px)!important; transform:none!important; animation:contactInfoRise .8s cubic-bezier(.16,1,.3,1) both!important; } .lang-ar .contact-info-card{padding:24px 96px 24px 24px!important;} .contact-info-card:nth-of-type(1){animation-delay:.22s!important;} .contact-info-card:nth-of-type(2){animation-delay:.32s!important;} .contact-info-card:nth-of-type(3){animation-delay:.42s!important;} .contact-info-card:nth-of-type(4){animation-delay:.52s!important;} .contact-info-card::before{ content:''!important; position:absolute!important; inset:0!important; width:auto!important; height:auto!important; border-radius:inherit!important; background:linear-gradient(115deg,transparent 0%,rgba(215,255,62,.045) 46%,transparent 72%)!important; opacity:0!important; transform:translateX(22%)!important; transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)!important; } .contact-info-card:hover::before{opacity:1!important;transform:translateX(0)!important;} .contact-info-card::after{ content:''!important; position:absolute!important; top:50%!important; inset-inline-start:24px!important; transform:translateY(-50%)!important; width:54px!important; height:54px!important; border-radius:20px!important; background:linear-gradient(135deg,rgba(215,255,62,.16),rgba(199,167,90,.045))!important; border:1px solid rgba(215,255,62,.22)!important; box-shadow:0 14px 32px rgba(215,255,62,.06)!important; z-index:1!important; } .contact-info-icon{ top:50%!important; inset-inline-start:38px!important; transform:translateY(-50%)!important; width:26px!important; height:26px!important; color:var(--yas-voltage)!important; z-index:2!important; } .contact-info-icon svg{width:24px!important;height:24px!important;} .contact-info-card span:not(.contact-info-icon){ margin:0!important; font-size:.86rem!important; color:rgba(244,241,233,.62)!important; position:relative!important; z-index:2!important; } .contact-info-card strong{ font-size:1.04rem!important; line-height:1.6!important; color:#fff!important; position:relative!important; z-index:2!important; } .contact-info-card--email, .contact-info-card--phone, .contact-info-card--location, .contact-info-card--hours{min-height:126px!important;border-radius:26px!important;transform:none!important;} .contact-info-card:hover, .contact-info-card--phone:hover, .contact-info-card--hours:hover{ transform:translateY(-5px)!important; border-color:rgba(215,255,62,.34)!important; box-shadow:0 24px 68px rgba(0,0,0,.34),0 0 0 1px rgba(215,255,62,.05)!important; } .contact-form-head,.contact-premium-form,.contact-badge{position:relative!important;z-index:2!important;} .contact-form-head h2{font-size:clamp(2rem,3.2vw,3.45rem)!important;} .contact-premium-form input,.contact-premium-form textarea,.contact-premium-form select{ background:rgba(5,6,8,.54)!important; border-color:rgba(244,241,233,.13)!important; } .contact-premium-form select option{background:#0b0c10!important;color:#f4f1e9!important;} @keyframes contactPageLeft{from{opacity:0;transform:translateX(-42px) scale(.985);filter:blur(10px);}to{opacity:1;transform:none;filter:blur(0);}} @keyframes contactPageRight{from{opacity:0;transform:translateX(42px) scale(.985);filter:blur(10px);}to{opacity:1;transform:none;filter:blur(0);}} @keyframes contactInfoRise{from{opacity:0;transform:translateY(22px);filter:blur(7px);}to{opacity:1;transform:none;filter:blur(0);}} .lang-ar .contact-form-shell{animation-name:contactPageRight!important;} .lang-ar .contact-info-grid{animation-name:contactPageLeft!important;} @media(max-width:980px){ .contact-premium-layout{grid-template-columns:1fr!important;gap:22px!important;} .contact-form-shell,.contact-info-grid{min-height:auto!important;border-radius:28px!important;padding:26px!important;} } @media(max-width:640px){ .contact-info-card,.lang-ar .contact-info-card{padding:22px 86px 22px 20px!important;min-height:116px!important;} .lang-en .contact-info-card{padding:22px 20px 22px 86px!important;} .contact-info-grid::before{font-size:2rem!important;} } /* === V17: Stable contact book split layout === */ .contact-premium-section{padding-top:36px!important;padding-bottom:96px!important;} .contact-premium-layout{ width:min(calc(100% - 32px),var(--yas-max))!important; margin-inline:auto!important; display:grid!important; grid-template-columns:minmax(0,1.35fr) minmax(330px,.75fr)!important; gap:28px!important; align-items:stretch!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; overflow:visible!important; } .contact-premium-layout::before,.contact-premium-layout::after{display:none!important;} .lang-ar .contact-premium-layout{direction:ltr!important;} .lang-ar .contact-form-shell,.lang-ar .contact-book-info{direction:rtl!important;} .contact-form-shell,.contact-book-info{ min-height:auto!important; border-radius:34px!important; position:relative!important; overflow:hidden!important; border:1px solid rgba(244,241,233,.14)!important; background: radial-gradient(420px 260px at 12% 0%,rgba(215,255,62,.055),transparent 72%), linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.014) 50%,rgba(215,255,62,.018)), #101014!important; box-shadow:0 30px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05)!important; } .contact-form-shell{padding:34px!important;animation:contactBookFormIn 1.05s cubic-bezier(.16,1,.3,1) both!important;} .contact-book-info{ display:flex!important; flex-direction:column!important; padding:34px!important; gap:24px!important; animation:contactBookInfoIn 1.05s cubic-bezier(.16,1,.3,1) .08s both!important; } .contact-book-info::before{ content:''!important; position:absolute!important; inset:auto -100px -120px auto!important; width:280px!important; height:280px!important; border-radius:44% 56% 52% 48%!important; background:linear-gradient(135deg,rgba(215,255,62,.12),rgba(244,241,233,.025))!important; opacity:.62!important; pointer-events:none!important; } .contact-book-info::after{ content:'YAS'!important; position:absolute!important; inset:auto 26px 20px auto!important; font-size:5.4rem!important; line-height:1!important; font-weight:900!important; letter-spacing:-.08em!important; color:rgba(244,241,233,.045)!important; pointer-events:none!important; } .contact-book-info__head,.contact-book-info__list{position:relative!important;z-index:2!important;} .contact-book-info__label{display:inline-flex!important;width:max-content!important;margin-bottom:12px!important;color:var(--yas-voltage)!important;font-size:.82rem!important;font-weight:800!important;} .contact-book-info__head h2{margin:0 0 10px!important;color:#fff!important;font-family:'Alexandria',Inter,sans-serif!important;font-size:clamp(1.8rem,2.4vw,2.7rem)!important;line-height:1.12!important;font-weight:900!important;} .contact-book-info__head p{margin:0!important;color:rgba(244,241,233,.66)!important;font-size:.94rem!important;line-height:1.8!important;} .contact-book-info__list{display:grid!important;gap:0!important;margin-top:4px!important;border:1px solid rgba(244,241,233,.10)!important;border-radius:28px!important;background:rgba(5,6,8,.35)!important;overflow:hidden!important;backdrop-filter:blur(10px)!important;} .contact-book-row{display:grid!important;grid-template-columns:56px 1fr!important;gap:16px!important;align-items:center!important;padding:22px!important;min-height:112px!important;position:relative!important;border-bottom:1px solid rgba(244,241,233,.09)!important;color:inherit!important;transition:background .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)!important;} .lang-ar .contact-book-row{grid-template-columns:1fr 56px!important;} .lang-ar .contact-book-icon{grid-column:2!important;grid-row:1!important;} .lang-ar .contact-book-text{grid-column:1!important;grid-row:1!important;text-align:right!important;} .contact-book-row:last-child{border-bottom:0!important;} .contact-book-row::before{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(100deg,transparent,rgba(215,255,62,.075),transparent)!important;opacity:0!important;transform:translateX(24%)!important;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)!important;} .contact-book-row:hover{background:rgba(215,255,62,.035)!important;transform:translateY(-2px)!important;} .contact-book-row:hover::before{opacity:1!important;transform:translateX(0)!important;} .contact-book-icon{width:56px!important;height:56px!important;border-radius:20px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(215,255,62,.15),rgba(199,167,90,.045))!important;border:1px solid rgba(215,255,62,.22)!important;color:var(--yas-voltage)!important;position:relative!important;z-index:2!important;transition:transform .55s cubic-bezier(.16,1,.3,1)!important;} .contact-book-row:hover .contact-book-icon{transform:scale(1.05) rotate(-2deg)!important;} .contact-book-icon svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;} .contact-book-text{position:relative!important;z-index:2!important;display:grid!important;gap:4px!important;} .contact-book-text small{color:rgba(244,241,233,.58)!important;font-size:.84rem!important;font-weight:600!important;} .contact-book-text strong{color:#fff!important;font-size:1rem!important;line-height:1.55!important;font-weight:800!important;word-break:break-word!important;} .contact-form-head h2{font-size:clamp(1.9rem,2.8vw,3.1rem)!important;} .contact-premium-form{gap:16px!important;} .contact-premium-form input,.contact-premium-form textarea,.contact-premium-form select{min-height:54px!important;background:rgba(5,6,8,.54)!important;border-color:rgba(244,241,233,.13)!important;} .contact-premium-form textarea{min-height:130px!important;} @keyframes contactBookFormIn{from{opacity:0;transform:translateX(-55px) scale(.985);filter:blur(10px);}to{opacity:1;transform:none;filter:blur(0);}} @keyframes contactBookInfoIn{from{opacity:0;transform:translateX(55px) scale(.985);filter:blur(10px);}to{opacity:1;transform:none;filter:blur(0);}} .lang-ar .contact-form-shell{animation-name:contactBookInfoIn!important;} .lang-ar .contact-book-info{animation-name:contactBookFormIn!important;} @media(max-width:1050px){ .contact-premium-layout{grid-template-columns:1fr!important;gap:22px!important;} .contact-form-shell,.contact-book-info{padding:26px!important;border-radius:28px!important;} } @media(max-width:640px){ .contact-book-row,.lang-ar .contact-book-row{grid-template-columns:52px 1fr!important;padding:18px!important;min-height:102px!important;} .lang-ar .contact-book-icon{grid-column:1!important;} .lang-ar .contact-book-text{grid-column:2!important;} .contact-book-icon{width:52px!important;height:52px!important;} .contact-form-actions .yas-btn{width:100%!important;} } /* === V18: Contact title size + correct side entrance animation === */ .contact-hero__title{ font-size:clamp(2.05rem,3.4vw,3rem)!important; line-height:1.14!important; letter-spacing:-.025em!important; max-width:760px!important; margin-inline:auto!important; } .contact-form-shell{ animation:contactCardFromLeft 1.15s cubic-bezier(.22,.61,.36,1) both!important; will-change:transform,opacity,filter!important; } .contact-book-info{ animation:contactCardFromRight 1.15s cubic-bezier(.22,.61,.36,1) .08s both!important; will-change:transform,opacity,filter!important; } .lang-ar .contact-form-shell{ animation-name:contactCardFromLeft!important; } .lang-ar .contact-book-info{ animation-name:contactCardFromRight!important; } @keyframes contactCardFromLeft{ from{opacity:0;transform:translateX(-120px) scale(.965);filter:blur(12px);} to{opacity:1;transform:translateX(0) scale(1);filter:blur(0);} } @keyframes contactCardFromRight{ from{opacity:0;transform:translateX(120px) scale(.965);filter:blur(12px);} to{opacity:1;transform:translateX(0) scale(1);filter:blur(0);} } @media(max-width:720px){ .contact-hero__title{font-size:clamp(1.85rem,8vw,2.35rem)!important;} } /* === About Page Premium Build v20 === */ .about-hero{position:relative;overflow:hidden;padding:150px 0 74px;background:#050507} .about-hero::before{content:'';position:absolute;inset:-20% -10% auto auto;width:56vw;height:56vw;border-radius:50%;background:radial-gradient(circle,rgba(215,255,62,.11),transparent 62%);filter:blur(24px);pointer-events:none;animation:yasOrbDrift 12s ease-in-out infinite alternate} .about-hero::after{content:'';position:absolute;inset:auto auto -22% -14%;width:48vw;height:48vw;border-radius:50%;background:radial-gradient(circle,rgba(244,241,233,.045),transparent 64%);filter:blur(22px);pointer-events:none} .about-hero__inner{position:relative;z-index:1;text-align:center;display:grid;justify-items:center} .about-hero__title{font-size:clamp(2.25rem,4.5vw,4.9rem)!important;line-height:1.08!important;max-width:1050px;margin-inline:auto;text-wrap:balance} .about-hero__subtitle{max-width:820px!important;margin-inline:auto;font-size:clamp(.96rem,1.25vw,1.13rem);line-height:1.9} .about-story-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#0e0e12,#0b0b0f)} .about-story-section::before,.about-advantage-section::before,.about-process-section::before{content:'';position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(215,255,62,.16),transparent)} .about-story-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;position:relative} .about-story-row--mission{grid-template-areas:'copy media'} .about-story-row--vision{grid-template-areas:'media copy'} .about-story-copy{grid-area:copy;position:relative;z-index:2;padding:18px 0} .about-story-copy .yas-title{font-size:clamp(1.9rem,3.2vw,3.6rem)!important;line-height:1.12!important;margin-bottom:18px} .about-story-copy p:not(.yas-eyebrow){color:var(--yas-text-muted);font-size:clamp(.96rem,1.15vw,1.08rem);line-height:1.95;max-width:680px} .about-mini-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px} .about-mini-points span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(215,255,62,.16);background:rgba(215,255,62,.045);color:var(--yas-bone);font-size:.92rem} .about-mini-points span::before{content:'✦';color:var(--yas-voltage);font-size:.78rem} .about-video-card{grid-area:media;position:relative;overflow:hidden;border-radius:34px;border:1px solid rgba(215,255,62,.16);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));box-shadow:0 30px 90px rgba(0,0,0,.34);min-height:420px;isolation:isolate;transition:transform .8s cubic-bezier(.16,1,.3,1),border-color .8s,box-shadow .8s} .about-video-card::before{content:'';position:absolute;inset:-35%;background:radial-gradient(circle at 75% 20%,rgba(215,255,62,.22),transparent 36%);z-index:1;mix-blend-mode:screen;pointer-events:none;opacity:.72} .about-video-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.26));z-index:2;pointer-events:none} .about-video-card video{width:100%;height:100%;min-height:420px;object-fit:cover;filter:saturate(1.05) contrast(1.02);transform:scale(1.02);transition:transform 1.2s cubic-bezier(.16,1,.3,1)} .about-video-card:hover{transform:translateY(-8px);border-color:rgba(215,255,62,.38);box-shadow:0 38px 110px rgba(0,0,0,.45)} .about-video-card:hover video{transform:scale(1.08)} .about-slide-left.reveal{transform:translateX(-90px);opacity:0;filter:blur(10px)} .about-slide-right.reveal{transform:translateX(90px);opacity:0;filter:blur(10px)} .about-slide-left.reveal.is-visible,.about-slide-right.reveal.is-visible{transform:translateX(0);opacity:1;filter:blur(0);transition-duration:1.05s;transition-timing-function:cubic-bezier(.22,.61,.36,1)} .lang-ar .about-slide-left.reveal{transform:translateX(-90px)} .lang-ar .about-slide-right.reveal{transform:translateX(90px)} .lang-ar .about-slide-left.reveal.is-visible,.lang-ar .about-slide-right.reveal.is-visible{transform:translateX(0)} .about-advantage-section{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(215,255,62,.075),transparent 28%),#050507} .about-section-heading .yas-title{font-size:clamp(2rem,3.9vw,4.4rem)!important;line-height:1.1!important} .about-section-heading::after{content:'';width:88px;height:2px;border-radius:999px;margin:10px auto 0;background:linear-gradient(90deg,transparent,var(--yas-voltage),transparent);box-shadow:0 0 28px rgba(215,255,62,.3)} .about-bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:42px} .about-bento-card{position:relative;overflow:hidden;min-height:250px;padding:30px;border-radius:30px;border:1px solid rgba(244,241,233,.10);background:radial-gradient(circle at 88% 14%,rgba(215,255,62,.09),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.014));box-shadow:0 20px 70px rgba(0,0,0,.24);transition:transform .75s cubic-bezier(.16,1,.3,1),border-color .75s,box-shadow .75s} .about-bento-card--wide{grid-column:span 2} .about-bento-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(125%) skewX(-18deg);transition:transform 1.05s cubic-bezier(.16,1,.3,1)} .about-bento-card:hover::before{transform:translateX(-125%) skewX(-18deg)} .about-bento-card:hover{transform:translateY(-8px);border-color:rgba(215,255,62,.30);box-shadow:0 30px 90px rgba(0,0,0,.36)} .about-bento-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin-bottom:22px;border:1px solid rgba(215,255,62,.24);color:var(--yas-voltage);background:rgba(215,255,62,.045);box-shadow:0 0 34px rgba(215,255,62,.10);animation:yasIconFloat 3.4s ease-in-out infinite} .about-bento-card h3{margin:0 0 12px;font-family:'Alexandria',Inter,sans-serif;font-size:clamp(1.25rem,1.8vw,1.75rem);line-height:1.25;color:var(--yas-bone)} .about-bento-card p{margin:0;color:var(--yas-text-muted);font-size:.96rem;line-height:1.85} .about-process-section{position:relative;background:#0b0b0f;overflow:hidden} .about-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:42px} .about-process-card{position:relative;overflow:hidden;min-height:250px;padding:30px 24px;border-radius:28px;border:1px solid rgba(215,255,62,.13);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));box-shadow:0 18px 60px rgba(0,0,0,.22);transition:transform .65s cubic-bezier(.16,1,.3,1),border-color .65s} .about-process-card:hover{transform:translateY(-8px);border-color:rgba(215,255,62,.30)} .about-process-card span{display:block;margin-bottom:24px;font-size:clamp(1.65rem,2.4vw,2.5rem);line-height:1;font-weight:900;color:var(--yas-voltage);font-family:'Alexandria',sans-serif;text-shadow:0 0 28px rgba(215,255,62,.18)} .about-process-card h3{margin:0 0 12px;font-family:'Alexandria',Inter,sans-serif;font-size:1.35rem;line-height:1.3;color:var(--yas-bone)} .about-process-card p{margin:0;color:var(--yas-text-muted);font-size:.94rem;line-height:1.8} .about-cta-section{background:radial-gradient(circle at 50% 0%,rgba(215,255,62,.10),transparent 34%),#050507} .about-cta-card{position:relative;overflow:hidden;text-align:center;padding:54px;border-radius:38px;border:1px solid rgba(215,255,62,.16);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));box-shadow:0 28px 90px rgba(0,0,0,.32)} .about-cta-card::before{content:'';position:absolute;inset:-40% auto auto 50%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(215,255,62,.12),transparent 64%);transform:translateX(-50%);pointer-events:none} .about-cta-card>*{position:relative;z-index:1} .about-cta-card p:not(.yas-eyebrow){color:var(--yas-text-muted);max-width:760px;margin:0 auto 26px;line-height:1.9} .about-cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap} @keyframes yasOrbDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-34px,28px,0) scale(1.08)}} @keyframes yasIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}} @media(max-width:1100px){ .about-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .about-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .about-process-card:last-child{grid-column:1/-1} } @media(max-width:900px){ .about-story-row,.about-story-row--mission,.about-story-row--vision{grid-template-columns:1fr;grid-template-areas:'media' 'copy';gap:28px} .about-video-card,.about-video-card video{min-height:320px} .about-slide-left.reveal,.about-slide-right.reveal{transform:translateY(36px)!important} .about-slide-left.reveal.is-visible,.about-slide-right.reveal.is-visible{transform:translateY(0)!important} } @media(max-width:640px){ .about-hero{padding:122px 0 54px} .about-hero__title{font-size:clamp(2.15rem,12vw,3.55rem)!important} .about-bento-grid,.about-process-grid{grid-template-columns:1fr} .about-bento-card--wide,.about-process-card:last-child{grid-column:auto} .about-cta-card{padding:34px 22px;border-radius:28px} } /* === V21: About page shape + flip cards + calmer homepage services === */ .about-hero.contact-cinema-bg{ background: radial-gradient(640px 340px at 18% 18%,rgba(143,93,255,.08),transparent 64%), radial-gradient(720px 360px at 84% 18%,rgba(215,255,62,.105),transparent 66%), linear-gradient(180deg,#101016 0%,#07070b 100%)!important; } .about-hero.contact-cinema-bg::before{ content:''!important;position:absolute!important;inset:18% auto auto 10%!important;width:360px!important;height:360px!important;border-radius:50%!important; background:radial-gradient(circle,rgba(215,255,62,.08),transparent 68%)!important;filter:blur(55px)!important;pointer-events:none!important;animation:none!important; } .about-hero.contact-cinema-bg::after{ content:''!important;position:absolute!important;inset:auto -110px -160px auto!important;width:460px!important;height:460px!important;border-radius:50%!important; border:1px solid rgba(244,241,233,.07)!important;background:rgba(244,241,233,.018)!important;filter:none!important;pointer-events:none!important; } .about-flip-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:42px; perspective:1400px; } .about-flip-card{ min-height:280px; perspective:1200px; transform-style:preserve-3d; } .about-flip-card__inner{ position:relative; width:100%; min-height:280px; border-radius:30px; transform-style:preserve-3d; transition:transform .85s cubic-bezier(.22,.61,.36,1); } .about-flip-card:hover .about-flip-card__inner, .about-flip-card:focus-within .about-flip-card__inner{transform:rotateY(180deg)} .lang-ar .about-flip-card:hover .about-flip-card__inner, .lang-ar .about-flip-card:focus-within .about-flip-card__inner{transform:rotateY(-180deg)} .about-flip-card__face{ position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:30px 26px; border-radius:30px; overflow:hidden; backface-visibility:hidden; -webkit-backface-visibility:hidden; border:1px solid color-mix(in srgb,var(--flip-accent) 28%,transparent); background: radial-gradient(260px 180px at 84% 12%,color-mix(in srgb,var(--flip-accent) 13%,transparent),transparent 70%), linear-gradient(145deg,#151720,#090a0f); box-shadow:0 22px 70px rgba(0,0,0,.28); } .lang-ar .about-flip-card__face{align-items:flex-end;text-align:right} .about-flip-card__front::after, .about-flip-card__back::after{ content:''; position:absolute; inset:auto 22px 22px auto; width:74px;height:74px;border-radius:50%; background:color-mix(in srgb,var(--flip-accent) 10%,transparent); border:1px solid color-mix(in srgb,var(--flip-accent) 18%,transparent); pointer-events:none; } .lang-ar .about-flip-card__front::after,.lang-ar .about-flip-card__back::after{inset:auto auto 22px 22px} .about-flip-card__back{transform:rotateY(180deg);background: radial-gradient(300px 200px at 18% 12%,color-mix(in srgb,var(--flip-accent) 16%,transparent),transparent 70%), linear-gradient(145deg,#11141c,#07080d)} .lang-ar .about-flip-card__back{transform:rotateY(-180deg)} .about-flip-card__icon{ width:58px;height:58px;border-radius:18px; display:grid;place-items:center; margin-bottom:28px; color:#111; background:linear-gradient(135deg,var(--flip-accent),color-mix(in srgb,var(--flip-accent) 55%,#fff)); box-shadow:0 18px 40px color-mix(in srgb,var(--flip-accent) 16%,transparent); font-size:1.35rem; font-weight:900; } .about-flip-card h3{position:relative;z-index:1;margin:0;font-family:'Alexandria',Inter,sans-serif;font-size:clamp(1.15rem,1.45vw,1.55rem);line-height:1.28;color:var(--yas-bone)} .about-flip-card p{position:relative;z-index:1;margin:14px 0 0;color:rgba(244,241,233,.72);font-size:.94rem;line-height:1.85} .about-bento-grid,.about-bento-card{display:none!important} /* calmer homepage services cards */ #services-home .yas-service-cards-grid--home{ grid-template-columns:repeat(3,minmax(260px,320px))!important; justify-content:center!important; gap:24px!important; } #services-home .yas-service-card{ max-width:320px!important; background:#111217!important; color:var(--yas-bone)!important; border:1px solid rgba(244,241,233,.10)!important; border-radius:28px!important; box-shadow:0 18px 46px rgba(0,0,0,.24)!important; transform:none!important; transition:border-color .45s ease,box-shadow .45s ease,transform .45s ease!important; } #services-home .yas-service-card::before, #services-home .yas-service-card::after{display:none!important} #services-home .yas-service-card__media{height:198px!important;border-radius:26px 26px 0 0!important;background:#0b0b0f!important} #services-home .yas-service-card__media::after{background:linear-gradient(180deg,transparent 58%,rgba(17,18,23,.18))!important} #services-home .yas-service-card__media img{filter:saturate(1.02) contrast(1.02) brightness(.96)!important;transition:transform .7s cubic-bezier(.22,.61,.36,1)!important} #services-home .yas-service-card__wave{ height:42px!important; bottom:-1px!important; background:#111217!important; border-radius:58% 42% 0 0/90% 74% 0 0!important; transform:translateY(17px) rotate(-1.2deg)!important; opacity:1!important; } #services-home .yas-service-card__wave::before{display:none!important} #services-home .yas-service-card__badge{ width:58px!important;height:58px!important; right:20px!important;bottom:8px!important; background:#171921!important; color:var(--yas-voltage)!important; border:1px solid rgba(215,255,62,.24)!important; box-shadow:0 12px 28px rgba(0,0,0,.24)!important; font-size:.76rem!important; letter-spacing:.08em!important; } #services-home .yas-service-card__badge::before,#services-home .yas-service-card__badge::after{display:none!important} #services-home .yas-service-card__body{padding:18px 20px 20px!important;min-height:156px!important;gap:10px!important;background:#111217!important} #services-home .yas-service-card__body h3{color:#fff!important;font-size:1.08rem!important;line-height:1.25!important;text-transform:none!important;border-bottom:0!important;padding-bottom:0!important} #services-home .yas-service-card__line{width:44px!important;height:2px!important;background:linear-gradient(90deg,var(--yas-voltage),transparent)!important} #services-home .yas-service-card__body p{color:rgba(244,241,233,.62)!important;font-size:.82rem!important;line-height:1.65!important;-webkit-line-clamp:2!important} #services-home .yas-service-card__more{background:transparent!important;color:var(--yas-voltage)!important;border:0!important;padding:0!important;box-shadow:none!important;font-size:.82rem!important} #services-home .yas-service-card:hover{transform:translateY(-4px)!important;border-color:rgba(215,255,62,.22)!important;box-shadow:0 24px 58px rgba(0,0,0,.30)!important} #services-home .yas-service-card:hover .yas-service-card__media img{transform:scale(1.035)!important} #services-home .yas-service-card:hover .yas-service-card__wave{transform:translateY(17px) rotate(-1.2deg)!important} #services-home .yas-service-card:hover .yas-service-card__badge{transform:none!important} /* reduce over-busy homepage effects */ .home .parallax-card,.front-page .parallax-card,#services-home .parallax-card{transform:none!important} .home .stat-panel::before,.home .stat-panel::after, .home .ai-feature-card::before,.home .project-card::before, .home .service-clean-card::before{display:none!important} .stats-premium-grid::before{opacity:.24!important} .stat-panel:hover{transform:translateY(-4px)!important;box-shadow:0 22px 54px rgba(0,0,0,.26)!important} .ai-feature-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 42px rgba(0,0,0,.22)!important} .reveal{filter:none!important;transition:opacity .75s ease,transform .75s cubic-bezier(.22,.61,.36,1)!important} @media(max-width:1100px){ .about-flip-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #services-home .yas-service-cards-grid--home{grid-template-columns:repeat(2,minmax(250px,320px))!important} } @media(max-width:720px){ .about-flip-grid{grid-template-columns:1fr} .about-flip-card,.about-flip-card__inner{min-height:245px} #services-home .yas-service-cards-grid--home{grid-template-columns:minmax(250px,320px)!important} } /* === V22: unify homepage service cards with Services page + calm CTA video === */ #services-home .yas-container{max-width:1120px!important;} #services-home .yas-service-cards-grid--home{ grid-template-columns:repeat(3,minmax(230px,286px))!important; justify-content:center!important; gap:24px!important; } #services-home .yas-service-card{ max-width:286px!important; border-radius:30px!important; background: radial-gradient(90% 72% at 72% 0%,rgba(215,255,62,.105),transparent 56%), linear-gradient(180deg,#17171d 0%,#111116 48%,#0b0b0f 100%)!important; border:1px solid rgba(215,255,62,.15)!important; color:var(--yas-bone)!important; box-shadow:0 22px 58px rgba(0,0,0,.32),inset 0 1px 0 rgba(244,241,233,.055)!important; overflow:hidden!important; transform:none!important; } #services-home .yas-service-card::before{ display:block!important; content:''!important; position:absolute!important; inset:0!important; pointer-events:none!important; background: radial-gradient(60% 90% at 110% 18%,rgba(215,255,62,.12),transparent 58%), radial-gradient(90% 60% at -20% 85%,rgba(244,241,233,.045),transparent 62%)!important; opacity:1!important; transform:none!important; } #services-home .yas-service-card::after{display:none!important;} #services-home .yas-service-card__media{ height:202px!important; border-radius:28px 28px 0 0!important; background:#101014!important; overflow:hidden!important; } #services-home .yas-service-card__media img{ filter:saturate(1.05) contrast(1.05) brightness(.93)!important; transition:transform .8s cubic-bezier(.22,.61,.36,1)!important; } #services-home .yas-service-card__media::after{ background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.12) 56%,rgba(17,17,22,.72) 100%)!important; } #services-home .yas-service-card__wave{ left:-8%!important; right:-8%!important; bottom:-2px!important; height:72px!important; background: radial-gradient(80% 90% at 30% 16%,rgba(215,255,62,.10),transparent 58%), linear-gradient(180deg,#17171d,#101015)!important; border-radius:58% 42% 0 0/100% 84% 0 0!important; clip-path:ellipse(68% 73% at 50% 100%)!important; transform:translateY(18px) rotate(-2deg)!important; box-shadow:0 -18px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(244,241,233,.06)!important; opacity:1!important; } #services-home .yas-service-card__wave::before{display:block!important;background:rgba(215,255,62,.08)!important;opacity:.9!important;} #services-home .yas-service-card__badge{ width:62px!important; height:62px!important; right:20px!important; bottom:-4px!important; background: radial-gradient(circle at 34% 26%,rgba(255,255,255,.22),transparent 31%), linear-gradient(135deg,rgba(215,255,62,.16),rgba(244,241,233,.055) 48%,rgba(10,10,14,.96) 100%)!important; border:1px solid rgba(215,255,62,.32)!important; color:var(--yas-voltage)!important; box-shadow:0 18px 34px rgba(0,0,0,.34),0 0 0 6px rgba(215,255,62,.045),0 0 26px rgba(215,255,62,.10)!important; font-size:.74rem!important; font-weight:900!important; letter-spacing:.08em!important; } #services-home .yas-service-card__badge::before,#services-home .yas-service-card__badge::after{display:none!important;} #services-home .yas-service-card__body{ background: radial-gradient(90% 70% at 100% 0%,rgba(215,255,62,.07),transparent 55%), linear-gradient(180deg,#15151b,#101015 100%)!important; color:var(--yas-bone)!important; padding:24px 20px 21px!important; min-height:154px!important; gap:10px!important; } #services-home .yas-service-card__body h3{ color:#fff!important; font-size:1rem!important; line-height:1.28!important; border:0!important; padding:0!important; text-transform:none!important; } #services-home .yas-service-card__line{ width:100%!important; height:1px!important; background:linear-gradient(90deg,rgba(215,255,62,.28),rgba(244,241,233,.05),transparent)!important; } #services-home .yas-service-card__body p{ color:rgba(244,241,233,.68)!important; font-size:.82rem!important; line-height:1.65!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } #services-home .yas-service-card__more{ background:rgba(215,255,62,.10)!important; color:var(--yas-voltage)!important; border:1px solid rgba(215,255,62,.20)!important; box-shadow:none!important; padding:9px 18px!important; font-size:.84rem!important; } #services-home .yas-service-card:hover{ transform:translateY(-5px)!important; border-color:rgba(215,255,62,.34)!important; box-shadow:0 30px 74px rgba(0,0,0,.34),0 0 0 1px rgba(215,255,62,.08)!important; } #services-home .yas-service-card:hover .yas-service-card__media img{transform:scale(1.045)!important;} #services-home .yas-service-card:hover .yas-service-card__wave{transform:translateY(14px) rotate(-.75deg)!important;} #services-home .yas-service-card:hover .yas-service-card__badge{transform:none!important;} .final-cta-section--video{ position:relative; overflow:hidden; padding:110px 0!important; isolation:isolate; } .final-cta-video-bg{position:absolute;inset:0;z-index:-2;overflow:hidden;} .final-cta-video-bg video{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05) brightness(.55);} .final-cta-section--video::before{ content:''; position:absolute; inset:0; z-index:-1; background: radial-gradient(circle at 50% 18%,rgba(215,255,62,.16),transparent 36%), linear-gradient(180deg,rgba(10,10,14,.52),rgba(10,10,14,.86)); pointer-events:none; } .final-cta-card--video{ max-width:860px; margin-inline:auto; background:rgba(10,10,14,.58)!important; border:1px solid rgba(244,241,233,.13)!important; backdrop-filter:blur(16px); box-shadow:0 34px 90px rgba(0,0,0,.34)!important; } .final-cta-card--video .yas-subtitle{margin-inline:auto;} /* keep homepage calmer */ .home .yas-service-card::after,.front-page .yas-service-card::after{display:none!important;} .home .yas-service-card:hover,.front-page .yas-service-card:hover{transition-duration:.55s!important;} @media(max-width:1100px){#services-home .yas-service-cards-grid--home{grid-template-columns:repeat(2,minmax(230px,286px))!important;}} @media(max-width:720px){#services-home .yas-service-cards-grid--home{grid-template-columns:minmax(250px,320px)!important}.final-cta-section--video{padding:82px 0!important}} /* === V23: CTA video inside container + clean no-gloss service cards === */ .final-cta-section--video{ position:relative!important; overflow:visible!important; padding:96px 0!important; isolation:auto!important; background:transparent!important; } .final-cta-section--video::before{display:none!important;} .final-cta-video-shell{ position:relative; overflow:hidden; border-radius:36px; min-height:430px; display:grid; place-items:center; border:1px solid rgba(244,241,233,.12); box-shadow:0 30px 80px rgba(0,0,0,.30); background:#0b0b0f; } .final-cta-video-shell .final-cta-video-bg{ position:absolute!important; inset:0!important; z-index:0!important; overflow:hidden!important; } .final-cta-video-shell .final-cta-video-bg video{ width:100%!important; height:100%!important; object-fit:cover!important; filter:saturate(.92) contrast(1.05) brightness(.58)!important; } .final-cta-video-shell::before{ content:''; position:absolute; inset:0; z-index:1; background: radial-gradient(circle at 50% 18%,rgba(215,255,62,.15),transparent 36%), linear-gradient(180deg,rgba(10,10,14,.46),rgba(10,10,14,.86)); pointer-events:none; } .final-cta-video-shell .final-cta-card--video{ position:relative; z-index:2; max-width:820px!important; margin:0 auto!important; background:rgba(10,10,14,.52)!important; border:1px solid rgba(244,241,233,.14)!important; backdrop-filter:blur(14px); box-shadow:none!important; } /* clean service cards: same structure across homepage/services, no gloss */ .yas-service-cards-grid, .yas-service-cards-grid--home{ grid-template-columns:repeat(3,minmax(250px,320px))!important; justify-content:center!important; align-items:stretch!important; gap:26px!important; } .yas-service-card, #services-home .yas-service-card{ max-width:320px!important; width:100%!important; border-radius:30px!important; overflow:hidden!important; position:relative!important; background:#111217!important; border:1px solid rgba(244,241,233,.12)!important; box-shadow:0 18px 44px rgba(0,0,0,.22)!important; transform:none!important; transition:transform .45s cubic-bezier(.22,.61,.36,1),border-color .45s ease,box-shadow .45s ease!important; } .yas-service-card::before, .yas-service-card::after, #services-home .yas-service-card::before, #services-home .yas-service-card::after{ display:none!important; content:none!important; } .yas-service-card a, #services-home .yas-service-card a{ display:grid!important; grid-template-rows:auto 1fr!important; min-height:100%!important; position:relative!important; z-index:1!important; } .yas-service-card__media, #services-home .yas-service-card__media{ height:210px!important; margin:12px 12px 0!important; border-radius:24px!important; overflow:hidden!important; background:#0b0b0f!important; position:relative!important; } .yas-service-card__media img, #services-home .yas-service-card__media img{ width:100%!important; height:100%!important; object-fit:cover!important; filter:saturate(1.02) contrast(1.03) brightness(.94)!important; transition:transform .55s cubic-bezier(.22,.61,.36,1)!important; } .yas-service-card__media::after, #services-home .yas-service-card__media::after{ content:''!important; position:absolute!important; inset:0!important; background:linear-gradient(180deg,transparent 52%,rgba(10,10,14,.46))!important; pointer-events:none!important; } .yas-service-card__wave, .yas-service-card__wave::before, #services-home .yas-service-card__wave, #services-home .yas-service-card__wave::before{ display:none!important; } .yas-service-card__badge, #services-home .yas-service-card__badge{ position:absolute!important; right:18px!important; bottom:14px!important; width:auto!important; height:auto!important; min-width:58px!important; padding:8px 12px!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; background:rgba(10,10,14,.78)!important; color:var(--yas-voltage)!important; border:1px solid rgba(215,255,62,.32)!important; box-shadow:none!important; font-size:.72rem!important; line-height:1!important; font-weight:900!important; letter-spacing:.08em!important; transform:none!important; } .yas-service-card__badge::before, .yas-service-card__badge::after, #services-home .yas-service-card__badge::before, #services-home .yas-service-card__badge::after{ display:none!important; content:none!important; } .yas-service-card__body, #services-home .yas-service-card__body{ background:#111217!important; color:var(--yas-bone)!important; padding:20px 22px 22px!important; min-height:168px!important; display:flex!important; flex-direction:column!important; gap:10px!important; } .yas-service-card__body::before, .yas-service-card__body::after, #services-home .yas-service-card__body::before, #services-home .yas-service-card__body::after{display:none!important;content:none!important;} .yas-service-card__body h3, #services-home .yas-service-card__body h3{ color:#fff!important; font-size:1.06rem!important; line-height:1.32!important; margin:0!important; border:0!important; padding:0!important; text-transform:none!important; letter-spacing:0!important; } .yas-service-card__line, #services-home .yas-service-card__line{ width:42px!important; height:2px!important; background:var(--yas-voltage)!important; border-radius:999px!important; opacity:.9!important; } .yas-service-card__body p, #services-home .yas-service-card__body p{ color:rgba(244,241,233,.66)!important; font-size:.84rem!important; line-height:1.7!important; margin:0!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } .yas-service-card__more, #services-home .yas-service-card__more{ margin-top:auto!important; display:inline-flex!important; width:max-content!important; align-items:center!important; gap:8px!important; background:transparent!important; color:var(--yas-voltage)!important; border:0!important; box-shadow:none!important; padding:0!important; font-size:.84rem!important; font-weight:800!important; } .yas-service-card__more::after, #services-home .yas-service-card__more::after{content:'↗';font-size:.8rem;} .yas-service-card:hover, #services-home .yas-service-card:hover{ transform:translateY(-4px)!important; border-color:rgba(215,255,62,.24)!important; box-shadow:0 24px 54px rgba(0,0,0,.28)!important; } .yas-service-card:hover .yas-service-card__media img, #services-home .yas-service-card:hover .yas-service-card__media img{transform:scale(1.035)!important;} @media(max-width:1100px){ .yas-service-cards-grid,.yas-service-cards-grid--home{grid-template-columns:repeat(2,minmax(250px,320px))!important;} } @media(max-width:720px){ .yas-service-cards-grid,.yas-service-cards-grid--home{grid-template-columns:minmax(250px,320px)!important;} .final-cta-video-shell{min-height:390px;border-radius:28px;} .final-cta-section--video{padding:76px 0!important;} } /* === Case Studies Page === */ .case-hero{position:relative;overflow:hidden;text-align:center;padding:130px 0 58px;background:#050506} .case-hero__inner{position:relative;z-index:1;display:grid;justify-items:center} .case-hero__title{font-size:clamp(2.3rem,5.2vw,5rem)!important;line-height:1.08!important;max-width:12ch;margin-inline:auto} .case-hero__subtitle{max-width:760px!important;margin-inline:auto;color:rgba(244,241,233,.72)} .case-studies-section{padding-top:38px;background:linear-gradient(180deg,#050506 0%,#08080a 100%)} .case-studies-list{display:grid;gap:28px} .case-study-card{position:relative;overflow:hidden;border-radius:34px;border:1px solid rgba(244,241,233,.12);background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.012));padding:34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);gap:34px;align-items:stretch;box-shadow:0 22px 70px rgba(0,0,0,.24)} .case-study-card::after{content:'';position:absolute;inset-inline-end:-18%;top:-40%;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(215,255,62,.055),transparent 68%);pointer-events:none} .case-study-card--alt{grid-template-columns:minmax(280px,.45fr) minmax(0,1fr)} .case-study-card--alt .case-study-card__content{grid-column:2} .case-study-card--alt .case-study-results{grid-column:1;grid-row:1} .case-study-card__content{position:relative;z-index:1;display:grid;gap:20px;align-content:center} .case-study-card__eyebrow{display:inline-flex;width:max-content;color:#d8b34e;font-size:.82rem;font-weight:700;letter-spacing:.04em;margin-bottom:2px} .case-study-card h2{font-family:'Alexandria',Inter,sans-serif;font-size:clamp(1.65rem,2.8vw,3rem);line-height:1.16;margin:0;color:var(--yas-bone);max-width:900px} .case-study-card__sections{display:grid;gap:16px;max-width:760px} .case-study-card__sections h3{margin:0 0 6px;font-size:1rem;color:var(--yas-bone);font-weight:800} .case-study-card__sections p{margin:0;color:rgba(244,241,233,.62);font-size:.98rem;line-height:1.85} .case-study-results{position:relative;z-index:1;align-self:center;border-radius:28px;border:1px solid rgba(215,255,62,.14);background:rgba(0,0,0,.24);padding:18px;transition:border-color .35s ease,background .35s ease} .case-study-results[open]{border-color:rgba(215,255,62,.32);background:rgba(10,10,10,.48)} .case-study-results summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:999px;background:linear-gradient(135deg,#d8b34e,#f1d476);color:#101010;font-weight:800;text-align:center;box-shadow:0 16px 38px rgba(216,179,78,.18);transition:transform .35s ease,box-shadow .35s ease} .case-study-results summary::-webkit-details-marker{display:none} .case-study-results summary::after{content:'+';display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.12);font-weight:900;line-height:1} .case-study-results[open] summary::after{content:'−'} .case-study-results summary:hover{transform:translateY(-2px);box-shadow:0 20px 46px rgba(216,179,78,.24)} .case-study-results__grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px;animation:caseExpand .55s cubic-bezier(.22,.61,.36,1)} .case-metric-pill{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(244,241,233,.10)} .case-metric-pill strong{font-size:clamp(1.65rem,2.4vw,2.35rem);line-height:1;color:#d8b34e;font-weight:900;letter-spacing:-.05em} .case-metric-pill span{color:rgba(244,241,233,.68);font-size:.92rem} .case-cta-section{padding-top:34px;background:#08080a} .case-cta-card{position:relative;overflow:hidden;text-align:center;border-radius:36px;padding:52px 30px;border:1px solid rgba(215,255,62,.16);background:radial-gradient(circle at 50% 0%,rgba(215,255,62,.10),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));box-shadow:0 28px 80px rgba(0,0,0,.26)} .case-cta-card p:not(.yas-eyebrow){max-width:620px;margin:0 auto 24px;color:rgba(244,241,233,.68)} @keyframes caseExpand{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}} @media(max-width:980px){.case-study-card,.case-study-card--alt{grid-template-columns:1fr}.case-study-card--alt .case-study-card__content,.case-study-card--alt .case-study-results{grid-column:auto;grid-row:auto}.case-study-results__grid{grid-template-columns:repeat(3,1fr)}.case-metric-pill{display:grid;text-align:center;justify-items:center}} @media(max-width:680px){.case-hero{padding-top:112px}.case-study-card{padding:22px;border-radius:28px}.case-study-results__grid{grid-template-columns:1fr}.case-study-card h2{font-size:clamp(1.55rem,8vw,2.2rem)}} /* === V25 Case Studies: compact 3-card premium grid, unified typography === */ .case-hero__title{ font-size:clamp(2rem,3.4vw,3.25rem)!important; line-height:1.14!important; max-width:900px!important; letter-spacing:-.025em; } .case-hero__subtitle{ font-size:clamp(.94rem,1.05vw,1.05rem)!important; line-height:1.85!important; max-width:760px!important; } .case-studies-section{ padding-top:38px!important; background:linear-gradient(180deg,#050506 0%,#08080a 100%)!important; } .case-studies-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:22px!important; align-items:start!important; } .case-study-card, .case-study-card--alt{ position:relative!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; min-height:560px!important; grid-template-columns:none!important; gap:0!important; padding:26px!important; border-radius:30px!important; background: radial-gradient(circle at 100% 0%,rgba(215,255,62,.065),transparent 38%), linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014))!important; border:1px solid rgba(244,241,233,.12)!important; box-shadow:0 20px 58px rgba(0,0,0,.22)!important; transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .45s ease,background .45s ease!important; } .case-study-card::after{ display:none!important; } .case-study-card:hover{ transform:translateY(-6px)!important; border-color:rgba(215,255,62,.26)!important; background: radial-gradient(circle at 100% 0%,rgba(215,255,62,.09),transparent 40%), linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.018))!important; } .case-study-card__top{ position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:22px; } .case-study-card__number{ width:42px; height:42px; border-radius:50%; display:grid; place-items:center; color:#111; background:var(--yas-voltage); font-weight:900; font-size:.95rem; box-shadow:0 12px 34px rgba(215,255,62,.16); } .case-study-card__eyebrow{ width:auto!important; max-width:70%; color:var(--yas-voltage)!important; font-size:.76rem!important; line-height:1.5!important; font-weight:700!important; letter-spacing:0!important; margin:0!important; padding:7px 10px; border-radius:999px; background:rgba(215,255,62,.075); border:1px solid rgba(215,255,62,.13); } .case-study-card__content{ display:block!important; flex:1!important; align-content:unset!important; } .case-study-card h2{ font-size:clamp(1.28rem,1.65vw,1.65rem)!important; line-height:1.35!important; max-width:none!important; margin:0 0 20px!important; letter-spacing:-.015em!important; } .case-study-card__sections{ display:grid!important; gap:14px!important; max-width:none!important; } .case-study-card__sections div{ padding-top:12px; border-top:1px solid rgba(244,241,233,.09); } .case-study-card__sections h3{ font-size:.88rem!important; line-height:1.4!important; margin:0 0 5px!important; color:var(--yas-bone)!important; } .case-study-card__sections p{ font-size:.88rem!important; line-height:1.8!important; color:rgba(244,241,233,.64)!important; } .case-study-results{ margin-top:24px!important; padding:0!important; border:0!important; background:transparent!important; align-self:stretch!important; } .case-study-results[open]{ border:0!important; background:transparent!important; } .case-study-results summary{ width:100%!important; min-height:48px!important; border-radius:999px!important; background:var(--yas-voltage)!important; color:#111!important; box-shadow:none!important; font-size:.92rem!important; transition:transform .35s ease,background .35s ease!important; } .case-study-results summary:hover{ transform:translateY(-2px)!important; box-shadow:none!important; background:#e4ff68!important; } .case-study-results summary::after{ background:rgba(0,0,0,.10)!important; color:#111!important; } .case-study-results__grid{ grid-template-columns:repeat(3,1fr)!important; gap:8px!important; margin-top:14px!important; } .case-metric-pill{ display:grid!important; justify-items:center!important; text-align:center!important; gap:6px!important; padding:14px 10px!important; border-radius:18px!important; background:rgba(215,255,62,.055)!important; border:1px solid rgba(215,255,62,.13)!important; } .case-metric-pill strong{ font-size:clamp(1.18rem,1.55vw,1.55rem)!important; color:var(--yas-voltage)!important; letter-spacing:-.045em!important; } .case-metric-pill span{ font-size:.76rem!important; line-height:1.45!important; color:rgba(244,241,233,.66)!important; } .case-cta-card .yas-title{ font-size:clamp(1.8rem,3vw,2.6rem)!important; } @media(max-width:1100px){ .case-studies-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:760px){ .case-hero__title{font-size:clamp(1.9rem,9vw,2.7rem)!important;} .case-studies-grid{grid-template-columns:1fr!important;} .case-study-card{min-height:auto!important;padding:22px!important;} } @media(max-width:460px){ .case-study-results__grid{grid-template-columns:1fr!important;} } /* === V26 Case Studies: slow stagger reveal cards === */ .case-studies-grid .case-study-card.reveal{ opacity:0!important; transform:translateY(64px) scale(.96)!important; filter:blur(10px)!important; transition: opacity 1.1s ease var(--case-delay,0ms), transform 1.1s cubic-bezier(.22,.61,.36,1) var(--case-delay,0ms), filter 1.1s ease var(--case-delay,0ms), border-color .45s ease, background .45s ease!important; will-change:opacity,transform,filter; } .case-studies-grid .case-study-card.reveal.is-visible{ opacity:1!important; transform:translateY(0) scale(1)!important; filter:blur(0)!important; } .case-studies-grid .case-study-card.reveal.is-visible:hover{ transform:translateY(-6px) scale(1)!important; } @media (prefers-reduced-motion: reduce){ .case-studies-grid .case-study-card.reveal{ opacity:1!important; transform:none!important; filter:none!important; transition:none!important; } } /* === V27: video page heroes, soft hero transition, service floating request, dynamic cases === */ .page-hero,.hero,.service-detail-hero{position:relative;overflow:hidden;isolation:isolate} .page-hero::after,.hero::after,.service-detail-hero::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:150px;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(14,14,18,.58) 58%,var(--yas-bg) 100%)} .video-page-hero{min-height:560px;display:grid;place-items:center;background:#050506!important;text-align:center;padding-top:130px!important;padding-bottom:78px!important} .video-page-hero .yas-container{position:relative;z-index:3} .video-page-hero-media{position:absolute;inset:0;z-index:0;overflow:hidden} .video-page-hero-media video{width:100%;height:100%;object-fit:cover;filter:saturate(1.03) contrast(1.08);opacity:.52} .video-page-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 72% 18%,rgba(215,255,62,.12),transparent 34%),linear-gradient(180deg,rgba(5,5,6,.38) 0%,rgba(5,5,6,.62) 55%,rgba(14,14,18,.96) 100%)} .video-page-hero .yas-title{font-size:clamp(2rem,3.6vw,3.15rem)!important;line-height:1.5!important;max-width:900px;margin-inline:auto} .video-page-hero .yas-subtitle{max-width:760px!important;margin-inline:auto;color:rgba(244,241,233,.78)!important} .service-floating-cta{position:fixed;inset-inline-end:20px;bottom:92px;z-index:81;display:flex;align-items:center;gap:10px;min-height:56px;max-width:270px;border-radius:999px;padding:10px 16px;background:linear-gradient(135deg,var(--yas-voltage),#bde832);color:#111;border:1px solid rgba(215,255,62,.45);box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.08) inset;font-weight:900;transform:translateY(0);opacity:1;visibility:visible;transition:width .55s cubic-bezier(.22,.61,.36,1),border-radius .55s cubic-bezier(.22,.61,.36,1),padding .55s cubic-bezier(.22,.61,.36,1),transform .45s ease,box-shadow .45s ease} .service-floating-cta:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.10) inset} .service-floating-cta__dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(17,17,17,.13);flex:0 0 36px} .service-floating-cta__compact{white-space:nowrap;font-size:.9rem} .service-floating-cta__dialog{display:grid;gap:3px;max-width:0;opacity:0;overflow:hidden;white-space:normal;transition:max-width .55s cubic-bezier(.22,.61,.36,1),opacity .35s ease} .service-floating-cta__dialog strong{font-size:.92rem;line-height:1.2} .service-floating-cta__dialog em{font-style:normal;font-weight:600;font-size:.78rem;line-height:1.45;color:rgba(17,17,17,.76)} .service-floating-cta__dialog b{display:inline-flex;width:max-content;margin-top:5px;padding:6px 10px;border-radius:999px;background:#111;color:var(--yas-voltage);font-size:.76rem;line-height:1} .service-floating-cta.is-expanded{border-radius:24px;padding:14px 16px;align-items:flex-start;background:linear-gradient(145deg,rgba(215,255,62,.98),rgba(221,244,112,.92));} .service-floating-cta.is-expanded .service-floating-cta__compact{display:none} .service-floating-cta.is-expanded .service-floating-cta__dialog{max-width:190px;opacity:1} .service-floating-cta.is-moving{border-radius:999px;padding:10px 16px} .service-floating-cta.is-moving .service-floating-cta__dialog{max-width:0;opacity:0} .service-floating-cta.is-moving .service-floating-cta__compact{display:inline} .case-hero.video-page-hero{min-height:520px} .case-studies-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch} .case-study-card{display:flex!important;flex-direction:column!important;min-height:520px!important;padding:24px!important;border-radius:30px!important;border:1px solid rgba(244,241,233,.12)!important;background:linear-gradient(145deg,rgba(244,241,233,.055),rgba(244,241,233,.014))!important;box-shadow:0 24px 64px rgba(0,0,0,.22)!important;color:var(--yas-bone)!important;overflow:hidden!important} .case-study-card::after{background:radial-gradient(circle,rgba(215,255,62,.055),transparent 65%)!important} .case-study-card__content{display:grid!important;gap:16px!important;align-content:start!important;flex:1 1 auto!important} .case-study-card h2{font-size:clamp(1.18rem,1.35vw,1.55rem)!important;line-height:1.35!important;margin:0!important;max-width:none!important;color:var(--yas-bone)!important} .case-study-card__sections{gap:12px!important} .case-study-card__sections h3{font-size:.88rem!important;color:var(--yas-voltage)!important;margin-bottom:4px!important} .case-study-card__sections p{font-size:.86rem!important;line-height:1.72!important;color:rgba(244,241,233,.68)!important} .case-study-results{margin-top:auto!important;border:0!important;background:transparent!important;padding:0!important} .case-study-results summary{box-shadow:none!important;background:var(--yas-voltage)!important;color:#101010!important;min-height:48px!important;font-size:.9rem!important} .case-study-results__grid{grid-template-columns:1fr!important;margin-top:14px!important} .case-metric-pill{background:rgba(215,255,62,.055)!important;border-color:rgba(215,255,62,.15)!important} .case-metric-pill strong{font-size:clamp(1.25rem,1.6vw,1.65rem)!important;color:var(--yas-voltage)!important} .case-metric-pill span{font-size:.82rem!important;color:rgba(244,241,233,.72)!important} .case-studies-grid .case-study-card.reveal{opacity:0!important;transform:translateY(64px) scale(.965)!important;filter:blur(10px)!important;transition:opacity 1.18s ease var(--case-delay,0ms),transform 1.18s cubic-bezier(.22,.61,.36,1) var(--case-delay,0ms),filter 1.18s ease var(--case-delay,0ms)!important} .case-studies-grid .case-study-card.reveal.is-visible{opacity:1!important;transform:translateY(0) scale(1)!important;filter:blur(0)!important} @media(max-width:1060px){.case-studies-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.service-floating-cta{bottom:86px}} @media(max-width:680px){.video-page-hero{min-height:470px;padding-top:116px!important}.case-studies-grid{grid-template-columns:1fr!important}.service-floating-cta{inset-inline-end:14px;bottom:86px;max-width:240px}.service-floating-cta.is-expanded .service-floating-cta__dialog{max-width:165px}} /* === V28 refinements: unified page video heroes, service floating CTA movement, case results horizontal === */ .contact-hero.video-page-hero, .case-hero.video-page-hero{ min-height:560px!important; display:grid!important; place-items:center!important; padding-top:150px!important; padding-bottom:74px!important; background:#050507!important; overflow:hidden!important; } .contact-hero.video-page-hero::before, .case-hero.video-page-hero::before{ content:''; position:absolute; inset:-20% -10% auto auto; width:56vw; height:56vw; border-radius:50%; background:radial-gradient(circle,rgba(215,255,62,.11),transparent 62%); filter:blur(24px); pointer-events:none; animation:yasOrbDrift 12s ease-in-out infinite alternate; z-index:1; } .contact-hero.video-page-hero::after, .case-hero.video-page-hero::after{ content:''; position:absolute; inset:auto auto -22% -14%; width:48vw; height:48vw; border-radius:50%; background:radial-gradient(circle,rgba(244,241,233,.045),transparent 64%); filter:blur(22px); pointer-events:none; z-index:1; } .contact-hero.video-page-hero .yas-container, .case-hero.video-page-hero .yas-container{ position:relative; z-index:3; display:grid; justify-items:center; text-align:center; } .contact-hero.video-page-hero .yas-title, .case-hero.video-page-hero .yas-title{ font-size:clamp(2.25rem,4.5vw,4.9rem)!important; line-height:1.08!important; max-width:1050px!important; margin-inline:auto!important; text-wrap:balance; } .contact-hero.video-page-hero .yas-subtitle, .case-hero.video-page-hero .yas-subtitle{ max-width:820px!important; margin-inline:auto!important; font-size:clamp(.96rem,1.25vw,1.13rem)!important; line-height:1.9!important; color:rgba(244,241,233,.80)!important; } /* Floating request button: same size/alignment as WhatsApp when compact */ .service-floating-cta{ width:58px!important; height:58px!important; min-width:58px!important; min-height:58px!important; max-width:58px!important; padding:0!important; border-radius:50%!important; inset-inline-end:20px!important; bottom:92px!important; display:grid!important; place-items:center!important; gap:0!important; overflow:hidden!important; transition: right 1.05s cubic-bezier(.22,.61,.36,1), bottom 1.05s cubic-bezier(.22,.61,.36,1), width 1.05s cubic-bezier(.22,.61,.36,1), height 1.05s cubic-bezier(.22,.61,.36,1), min-height 1.05s cubic-bezier(.22,.61,.36,1), max-width 1.05s cubic-bezier(.22,.61,.36,1), border-radius 1.05s cubic-bezier(.22,.61,.36,1), padding 1.05s cubic-bezier(.22,.61,.36,1), transform 1.05s cubic-bezier(.22,.61,.36,1), box-shadow 1.05s cubic-bezier(.22,.61,.36,1)!important; } .service-floating-cta:hover{transform:translateY(-4px)!important} .service-floating-cta__dot{ width:58px!important; height:58px!important; flex:0 0 58px!important; background:transparent!important; font-size:1.35rem!important; } .service-floating-cta__compact, .service-floating-cta__dialog{display:none!important} .service-floating-cta.is-expanded{ right:50%!important; bottom:50%!important; transform:translate(50%,50%)!important; width:min(320px,calc(100vw - 40px))!important; height:auto!important; min-height:154px!important; max-width:320px!important; border-radius:28px!important; padding:18px!important; display:flex!important; align-items:flex-start!important; justify-content:flex-start!important; gap:12px!important; box-shadow:0 32px 90px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.12) inset!important; } .service-floating-cta.is-expanded .service-floating-cta__dot{ width:44px!important; height:44px!important; flex:0 0 44px!important; background:rgba(17,17,17,.13)!important; } .service-floating-cta.is-expanded .service-floating-cta__dialog{ display:grid!important; max-width:210px!important; opacity:1!important; overflow:visible!important; } .service-floating-cta.is-moving{ right:20px!important; bottom:92px!important; transform:translateY(0)!important; width:58px!important; height:58px!important; min-height:58px!important; max-width:58px!important; border-radius:50%!important; padding:0!important; } .service-floating-cta.is-moving .service-floating-cta__dialog{display:none!important;opacity:0!important;max-width:0!important} .case-study-results__grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; } .case-metric-pill{ min-width:0!important; display:grid!important; justify-items:center!important; text-align:center!important; align-content:center!important; padding:12px 10px!important; } .case-metric-pill strong{font-size:clamp(1rem,1.45vw,1.35rem)!important;line-height:1.1!important} .case-metric-pill span{font-size:.75rem!important;line-height:1.35!important} @media(max-width:680px){ .contact-hero.video-page-hero, .case-hero.video-page-hero{min-height:470px!important;padding-top:122px!important;padding-bottom:54px!important} .contact-hero.video-page-hero .yas-title, .case-hero.video-page-hero .yas-title{font-size:clamp(2.15rem,12vw,3.55rem)!important} .service-floating-cta{inset-inline-end:14px!important;bottom:86px!important} .service-floating-cta.is-moving{right:14px!important;bottom:86px!important} .service-floating-cta.is-expanded{right:50%!important;bottom:50%!important;max-width:300px!important} .case-study-results__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important} .case-metric-pill{padding:10px 6px!important} .case-metric-pill span{font-size:.68rem!important} } /* === V29 final fixes: matching page heroes, service CTA behavior, case plugin layout === */ .contact-hero.video-page-hero, .case-hero.video-page-hero{ min-height:560px!important; display:grid!important; align-items:center!important; padding:140px 0 84px!important; overflow:hidden!important; } .contact-hero .about-hero__inner, .case-hero .about-hero__inner{ position:relative!important; z-index:2!important; text-align:center!important; max-width:980px!important; margin-inline:auto!important; } .contact-hero .about-hero__title, .case-hero .about-hero__title{ font-size:clamp(2.05rem,3.6vw,3.3rem)!important; line-height:1.14!important; max-width:920px!important; margin-inline:auto!important; } .contact-hero .about-hero__subtitle, .case-hero .about-hero__subtitle{ max-width:760px!important; margin-inline:auto!important; } .video-page-hero::after{ content:''; position:absolute; inset:auto 0 -2px 0; height:170px; background:linear-gradient(180deg,transparent,rgba(14,14,18,.72) 58%,var(--yas-bg)); pointer-events:none; z-index:1; } /* Case results: horizontal pills inside each expanded card */ .case-study-results__grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; align-items:stretch!important; } .case-metric-pill{ min-width:0!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; padding:14px!important; border-radius:18px!important; background:rgba(215,255,62,.07)!important; border:1px solid rgba(215,255,62,.16)!important; } .case-metric-pill strong{font-size:clamp(1.25rem,2vw,1.85rem)!important;color:var(--yas-voltage)!important;line-height:1!important} .case-metric-pill span{font-size:.82rem!important;color:var(--yas-text-muted)!important;line-height:1.55!important} /* Floating service CTA: same size and exact alignment above WhatsApp, expands to center slowly when user stops scrolling */ .single-yas_service .service-floating-cta, .service-floating-cta{ position:fixed!important; inset-inline-end:20px!important; right:auto; bottom:92px!important; z-index:82!important; width:58px!important; height:58px!important; min-width:58px!important; min-height:58px!important; max-width:58px!important; padding:0!important; border-radius:50%!important; display:grid!important; place-items:center!important; background:var(--yas-voltage)!important; color:#111!important; border:1px solid rgba(215,255,62,.45)!important; box-shadow:0 18px 34px rgba(215,255,62,.18)!important; transform:translate(0,0) scale(1)!important; transition: inset-inline-end 1.05s cubic-bezier(.22,.61,.36,1), right 1.05s cubic-bezier(.22,.61,.36,1), bottom 1.05s cubic-bezier(.22,.61,.36,1), width 1.05s cubic-bezier(.22,.61,.36,1), height 1.05s cubic-bezier(.22,.61,.36,1), max-width 1.05s cubic-bezier(.22,.61,.36,1), border-radius 1.05s cubic-bezier(.22,.61,.36,1), padding 1.05s cubic-bezier(.22,.61,.36,1), transform 1.05s cubic-bezier(.22,.61,.36,1), box-shadow .9s cubic-bezier(.22,.61,.36,1)!important; } .service-floating-cta:hover{transform:translate(0,-4px) scale(1)!important} .service-floating-cta__dot{ width:58px!important; height:58px!important; border-radius:50%!important; display:grid!important; place-items:center!important; background:transparent!important; font-size:1.2rem!important; flex:0 0 58px!important; } .service-floating-cta__compact, .service-floating-cta__dialog{display:none!important;opacity:0!important;max-width:0!important;overflow:hidden!important} .service-floating-cta.is-moving{ inset-inline-end:20px!important; bottom:92px!important; width:58px!important; height:58px!important; min-width:58px!important; min-height:58px!important; max-width:58px!important; padding:0!important; border-radius:50%!important; transform:translate(0,0) scale(1)!important; } .service-floating-cta.is-expanded{ inset-inline-end:50%!important; bottom:50%!important; width:min(340px,calc(100vw - 40px))!important; height:auto!important; max-width:min(340px,calc(100vw - 40px))!important; min-height:0!important; padding:18px 18px!important; border-radius:28px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:14px!important; transform:translate(50%,50%) scale(1)!important; box-shadow:0 35px 90px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.12) inset!important; } .service-floating-cta.is-expanded .service-floating-cta__dot{ width:48px!important; height:48px!important; flex:0 0 48px!important; background:#111!important; color:var(--yas-voltage)!important; } .service-floating-cta.is-expanded .service-floating-cta__dialog{ display:grid!important; opacity:1!important; max-width:230px!important; gap:4px!important; text-align:start!important; } .service-floating-cta.is-expanded .service-floating-cta__dialog strong{font-size:1rem!important;line-height:1.25!important;color:#111!important} .service-floating-cta.is-expanded .service-floating-cta__dialog em{font-style:normal!important;font-size:.82rem!important;line-height:1.5!important;color:rgba(17,17,17,.72)!important} .service-floating-cta.is-expanded .service-floating-cta__dialog b{display:inline-flex!important;width:max-content!important;margin-top:6px!important;padding:7px 12px!important;border-radius:999px!important;background:#111!important;color:var(--yas-voltage)!important;font-size:.78rem!important} @media(max-width:680px){ .service-floating-cta,.service-floating-cta.is-moving{inset-inline-end:14px!important;bottom:86px!important} .service-floating-cta.is-expanded{inset-inline-end:50%!important;bottom:50%!important;width:min(310px,calc(100vw - 28px))!important;max-width:min(310px,calc(100vw - 28px))!important} .case-study-results__grid{grid-template-columns:1fr!important} } /* === V30: service CTA stays left-aligned above WhatsApp + softer hero endings === */ /* Keep the service request button on the same vertical line as the WhatsApp button. In RTL, inset-inline-end places it on the visual left, matching the requested position. */ .single-yas_service .service-floating-cta, .service-floating-cta{ inset-inline-end:20px!important; bottom:92px!important; right:auto!important; left:auto!important; transform:translate(0,0) scale(1)!important; transition: width 1.15s cubic-bezier(.22,.61,.36,1), height 1.15s cubic-bezier(.22,.61,.36,1), max-width 1.15s cubic-bezier(.22,.61,.36,1), border-radius 1.15s cubic-bezier(.22,.61,.36,1), padding 1.15s cubic-bezier(.22,.61,.36,1), box-shadow 1s cubic-bezier(.22,.61,.36,1), background 1s cubic-bezier(.22,.61,.36,1)!important; } .service-floating-cta.is-moving{ inset-inline-end:20px!important; bottom:92px!important; width:58px!important; height:58px!important; max-width:58px!important; padding:0!important; border-radius:50%!important; transform:translate(0,0) scale(1)!important; } .service-floating-cta.is-expanded{ inset-inline-end:20px!important; bottom:92px!important; width:min(330px,calc(100vw - 40px))!important; max-width:min(330px,calc(100vw - 40px))!important; height:auto!important; min-height:0!important; padding:16px 18px!important; border-radius:26px!important; transform:translate(0,0) scale(1)!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:14px!important; } .service-floating-cta:hover{transform:translate(0,-4px) scale(1)!important} @media(max-width:680px){ .service-floating-cta,.service-floating-cta.is-moving{inset-inline-end:14px!important;bottom:86px!important} .service-floating-cta.is-expanded{inset-inline-end:14px!important;bottom:86px!important;width:min(310px,calc(100vw - 28px))!important;max-width:min(310px,calc(100vw - 28px))!important} } /* Softer transition from every hero into the next section */ .hero, .page-hero, .video-page-hero, .service-detail-hero, .about-hero, .contact-hero, .case-hero{ position:relative!important; overflow:hidden!important; isolation:isolate!important; box-shadow:0 34px 95px rgba(0,0,0,.28)!important; } .hero::after, .page-hero::after, .video-page-hero::after, .service-detail-hero::after, .about-hero::after, .contact-hero::after, .case-hero::after{ content:''!important; position:absolute!important; left:0!important; right:0!important; bottom:-2px!important; height:230px!important; pointer-events:none!important; z-index:4!important; background: radial-gradient(ellipse at center bottom,rgba(215,255,62,.055),transparent 58%), linear-gradient(180deg,rgba(14,14,18,0) 0%,rgba(14,14,18,.48) 52%,var(--yas-bg) 100%)!important; } .hero + .yas-section, .page-hero + .yas-section, .video-page-hero + .yas-section, .service-detail-hero + .yas-section, .about-hero + .yas-section, .contact-hero + .yas-section, .case-hero + .yas-section{ position:relative!important; margin-top:-22px!important; padding-top:110px!important; z-index:2!important; } /* === V37: Polylang premium language pill === */ .header-lang-switch{display:none!important;} .main-navigation .lang-item{display:none!important;} .yas-lang-pill{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; min-width:72px!important; height:48px!important; padding:0 18px!important; border-radius:999px!important; border:1px solid rgba(244,241,233,.28)!important; background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.035))!important; color:#fff!important; font-weight:700!important; font-size:.95rem!important; letter-spacing:.03em!important; line-height:1!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; box-shadow:0 12px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.12)!important; transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s,background .35s!important; } .yas-lang-pill:hover{ transform:translateY(-2px)!important; border-color:rgba(215,255,62,.55)!important; box-shadow:0 18px 38px rgba(0,0,0,.25),0 0 0 3px rgba(215,255,62,.08)!important; background:linear-gradient(135deg,rgba(215,255,62,.14),rgba(255,255,255,.04))!important; } .yas-lang-pill__flag{display:inline-flex!important;align-items:center!important;line-height:0!important;} .yas-lang-pill__flag img{width:18px!important;height:auto!important;border-radius:2px!important;display:block!important;} .yas-lang-pill__code{display:inline-block!important;transform:translateY(.5px)!important;} .header-actions{gap:12px!important;} .mobile-lang-item .yas-lang-pill{width:max-content!important;margin-top:10px!important;} @media(max-width:640px){ .yas-lang-pill{min-width:62px!important;height:44px!important;padding:0 14px!important;font-size:.88rem!important;} } /* === V39: custom logo in header/footer === */ .brand-logo{display:inline-flex;align-items:center;gap:10px;min-height:42px} .yas-site-logo{display:block;width:auto;object-fit:contain} .yas-site-logo--header{max-height:42px;max-width:180px} .yas-site-logo--footer{max-height:58px;max-width:220px;margin-bottom:12px} .footer-brand--logo{display:inline-flex;align-items:center;margin-bottom:12px;color:inherit} .brand-logo__text{font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#fff} .mobile-drawer .yas-site-logo--header{max-height:38px;max-width:160px} @media(max-width:640px){.yas-site-logo--header{max-height:36px;max-width:150px}.yas-site-logo--footer{max-height:52px;max-width:190px}} /* === V41: YAS uploaded logo polish === */ .yas-site-logo--header{max-height:34px;max-width:150px} .yas-site-logo--footer{max-height:44px;max-width:180px} .brand-logo{line-height:0} .footer-brand--logo{line-height:0} @media(max-width:640px){ .yas-site-logo--header{max-height:30px;max-width:132px} .yas-site-logo--footer{max-height:40px;max-width:160px} } /* === V42: English Single Service LTR alignment fix === */ body.lang-en.single-yas_service, body.lang-en.single-yas_service .service-detail-hero, body.lang-en.single-yas_service .service-fit-section, body.lang-en.single-yas_service .service-story-section, body.lang-en.single-yas_service .service-outputs-section, body.lang-en.single-yas_service .service-method-section, body.lang-en.single-yas_service .service-performance-section, body.lang-en.single-yas_service .service-faq-section{ direction:ltr!important; text-align:left!important; } body.lang-en.single-yas_service .service-hero-inner, body.lang-en.single-yas_service .service-wide-title, body.lang-en.single-yas_service .service-mini-panel, body.lang-en.single-yas_service .service-story-card, body.lang-en.single-yas_service .service-output-card, body.lang-en.single-yas_service .service-method-card, body.lang-en.single-yas_service .service-faq-wrap, body.lang-en.single-yas_service .service-faq-item, body.lang-en.single-yas_service .service-faq-item summary, body.lang-en.single-yas_service .service-faq-item h3, body.lang-en.single-yas_service .service-faq-item p{ direction:ltr!important; text-align:left!important; } body.lang-en.single-yas_service .service-detail-hero .yas-subtitle, body.lang-en.single-yas_service .service-hero-description{ margin-left:0!important; margin-right:auto!important; } body.lang-en.single-yas_service .service-duo-grid{ direction:ltr!important; grid-template-areas:'challenge solution'!important; } body.lang-en.single-yas_service .service-performance-section .service-duo-grid{ grid-template-areas:none!important; } body.lang-en.single-yas_service .service-story-card--challenge{grid-area:challenge!important;} body.lang-en.single-yas_service .service-story-card--solution{grid-area:solution!important;} body.lang-en.single-yas_service .service-check-list, body.lang-en.single-yas_service .service-dot-list, body.lang-en.single-yas_service .service-check-list--inline{ direction:ltr!important; text-align:left!important; padding-left:0!important; padding-right:0!important; } body.lang-en.single-yas_service .service-check-list li, body.lang-en.single-yas_service .service-dot-list li, body.lang-en.single-yas_service .service-metric-list span{ direction:ltr!important; text-align:left!important; padding-left:28px!important; padding-right:0!important; } body.lang-en.single-yas_service .service-check-list li::before, body.lang-en.single-yas_service .service-dot-list li::before, body.lang-en.single-yas_service .service-metric-list span::before{ left:0!important; right:auto!important; inset-inline-start:auto!important; inset-inline-end:auto!important; } body.lang-en.single-yas_service .service-dot-list li::before{left:4px!important;} body.lang-en.single-yas_service .service-tool-tags{ justify-content:flex-start!important; direction:ltr!important; } body.lang-en.single-yas_service .service-metric-list{ direction:ltr!important; text-align:left!important; } body.lang-en.single-yas_service .service-faq-item summary{ flex-direction:row!important; } body.lang-en.single-yas_service .service-faq-item .faq-mark{ order:0!important; margin-right:0!important; margin-left:0!important; flex:0 0 34px!important; } body.lang-en.single-yas_service .service-faq-item h3{order:1!important;} body.lang-en.single-yas_service .service-faq-item p{ padding:0 24px 24px!important; } body.lang-en .single-yas_service .service-panel-orb{ right:24px!important; left:auto!important; } body.lang-en.single-yas_service .service-floating-cta{ direction:ltr!important; text-align:left!important; } @media(max-width:1100px){ body.lang-en.single-yas_service .service-duo-grid{grid-template-areas:'challenge' 'solution'!important;} } /* === V44: English services hero + single service LTR final polish === */ body.lang-en .services-hero-unified, html[dir="ltr"] .services-hero-unified{ direction:ltr!important; text-align:left!important; } body.lang-en .services-hero-unified .about-hero__inner, html[dir="ltr"] .services-hero-unified .about-hero__inner{ text-align:left!important; align-items:flex-start!important; } body.lang-en .services-hero-unified .yas-subtitle, html[dir="ltr"] .services-hero-unified .yas-subtitle{ margin-left:0!important; margin-right:auto!important; } /* Work on any English service page even if WP body class differs */ body.lang-en .service-detail-hero, body.lang-en .service-fit-section, body.lang-en .service-story-section, body.lang-en .service-outputs-section, body.lang-en .service-method-section, body.lang-en .service-performance-section, body.lang-en .service-faq-section, html[dir="ltr"] .service-detail-hero, html[dir="ltr"] .service-fit-section, html[dir="ltr"] .service-story-section, html[dir="ltr"] .service-outputs-section, html[dir="ltr"] .service-method-section, html[dir="ltr"] .service-performance-section, html[dir="ltr"] .service-faq-section{ direction:ltr!important; text-align:left!important; } body.lang-en .service-hero-inner, body.lang-en .service-wide-title, body.lang-en .service-mini-panel, body.lang-en .service-story-card, body.lang-en .service-output-card, body.lang-en .service-method-card, body.lang-en .service-faq-wrap, body.lang-en .service-faq-item, body.lang-en .service-faq-item summary, body.lang-en .service-faq-item h3, body.lang-en .service-faq-item p, html[dir="ltr"] .service-hero-inner, html[dir="ltr"] .service-wide-title, html[dir="ltr"] .service-mini-panel, html[dir="ltr"] .service-story-card, html[dir="ltr"] .service-output-card, html[dir="ltr"] .service-method-card, html[dir="ltr"] .service-faq-wrap, html[dir="ltr"] .service-faq-item, html[dir="ltr"] .service-faq-item summary, html[dir="ltr"] .service-faq-item h3, html[dir="ltr"] .service-faq-item p{ direction:ltr!important; text-align:left!important; } body.lang-en .service-detail-hero .yas-subtitle, body.lang-en .service-hero-description, html[dir="ltr"] .service-detail-hero .yas-subtitle, html[dir="ltr"] .service-hero-description{ margin-left:0!important; margin-right:auto!important; } body.lang-en .service-duo-grid, html[dir="ltr"] .service-duo-grid{ direction:ltr!important; grid-template-areas:'challenge solution'!important; } body.lang-en .service-story-card--challenge, html[dir="ltr"] .service-story-card--challenge{grid-area:challenge!important;} body.lang-en .service-story-card--solution, html[dir="ltr"] .service-story-card--solution{grid-area:solution!important;} body.lang-en .service-performance-section .service-duo-grid, html[dir="ltr"] .service-performance-section .service-duo-grid{ grid-template-areas:none!important; } body.lang-en .service-check-list, body.lang-en .service-dot-list, body.lang-en .service-check-list--inline, html[dir="ltr"] .service-check-list, html[dir="ltr"] .service-dot-list, html[dir="ltr"] .service-check-list--inline{ direction:ltr!important; text-align:left!important; padding-left:0!important; padding-right:0!important; } body.lang-en .service-check-list li, body.lang-en .service-dot-list li, body.lang-en .service-metric-list span, html[dir="ltr"] .service-check-list li, html[dir="ltr"] .service-dot-list li, html[dir="ltr"] .service-metric-list span{ direction:ltr!important; text-align:left!important; padding-left:30px!important; padding-right:0!important; } body.lang-en .service-check-list li::before, body.lang-en .service-dot-list li::before, body.lang-en .service-metric-list span::before, html[dir="ltr"] .service-check-list li::before, html[dir="ltr"] .service-dot-list li::before, html[dir="ltr"] .service-metric-list span::before{ left:0!important; right:auto!important; inset-inline-start:0!important; inset-inline-end:auto!important; } body.lang-en .service-dot-list li::before, html[dir="ltr"] .service-dot-list li::before{left:5px!important;} body.lang-en .service-output-card::before, body.lang-en .service-method-card::before, html[dir="ltr"] .service-output-card::before, html[dir="ltr"] .service-method-card::before{ left:22px!important; right:auto!important; inset-inline-start:22px!important; inset-inline-end:auto!important; } body.lang-en .service-output-card h3, body.lang-en .service-method-card h3, html[dir="ltr"] .service-output-card h3, html[dir="ltr"] .service-method-card h3{ padding-left:44px!important; padding-right:0!important; padding-inline-start:44px!important; padding-inline-end:0!important; } body.lang-en .service-method-card strong, html[dir="ltr"] .service-method-card strong{ margin:0 0 22px 0!important; } body.lang-en .service-method-card, html[dir="ltr"] .service-method-card{ background:radial-gradient(circle at 82% 12%,rgba(215,255,62,.08),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important; } body.lang-en .service-tool-tags, body.lang-en .service-metric-list, html[dir="ltr"] .service-tool-tags, html[dir="ltr"] .service-metric-list{ justify-content:flex-start!important; direction:ltr!important; text-align:left!important; } body.lang-en .service-faq-item summary, html[dir="ltr"] .service-faq-item summary{ flex-direction:row!important; justify-content:flex-start!important; text-align:left!important; } body.lang-en .service-faq-item .faq-mark, html[dir="ltr"] .service-faq-item .faq-mark{ order:0!important; margin-right:12px!important; margin-left:0!important; flex:0 0 34px!important; } body.lang-en .service-faq-item h3, html[dir="ltr"] .service-faq-item h3{order:1!important;} body.lang-en .service-panel-orb, html[dir="ltr"] .service-panel-orb{ right:24px!important; left:auto!important; } @media(max-width:1100px){ body.lang-en .service-duo-grid, html[dir="ltr"] .service-duo-grid{grid-template-areas:'challenge' 'solution'!important;} } /* === V45: Services EN hero subtitle center + Methodology content cleanup === */ body.lang-en .services-hero-unified .about-hero__inner, html[dir="ltr"] .services-hero-unified .about-hero__inner, body.lang-en .services-hero-unified .about-hero__title, html[dir="ltr"] .services-hero-unified .about-hero__title, body.lang-en .services-hero-unified .about-hero__subtitle, html[dir="ltr"] .services-hero-unified .about-hero__subtitle{ text-align:center!important; } body.lang-en .services-hero-unified .about-hero__inner, html[dir="ltr"] .services-hero-unified .about-hero__inner{ align-items:center!important; } body.lang-en .services-hero-unified .yas-subtitle, html[dir="ltr"] .services-hero-unified .yas-subtitle, body.lang-en .services-hero-unified .about-hero__subtitle, html[dir="ltr"] .services-hero-unified .about-hero__subtitle{ margin-left:auto!important; margin-right:auto!important; max-width:760px!important; } /* Methodology cards in EN: keep clean LTR content without the old decorative offset */ body.lang-en .service-method-card, html[dir="ltr"] .service-method-card{ direction:ltr!important; text-align:left!important; } body.lang-en .service-method-card strong, html[dir="ltr"] .service-method-card strong{ margin:0 0 22px 0!important; } body.lang-en .service-method-card h3, html[dir="ltr"] .service-method-card h3{ padding-left:0!important; padding-right:0!important; padding-inline-start:0!important; padding-inline-end:0!important; text-align:left!important; } body.lang-en .service-method-card p, html[dir="ltr"] .service-method-card p{ text-align:left!important; } body.lang-en .service-method-card::before, html[dir="ltr"] .service-method-card::before{ display:none!important; } /* === V46: English single service methodology mirrors Arabic design, only LTR === */ body.lang-en.single-yas_service .service-method-section, html[dir="ltr"] body.single-yas_service .service-method-section{ direction:ltr!important; } body.lang-en.single-yas_service .service-method-grid, html[dir="ltr"] body.single-yas_service .service-method-grid{ direction:ltr!important; } body.lang-en.single-yas_service .service-method-card, html[dir="ltr"] body.single-yas_service .service-method-card{ direction:ltr!important; text-align:left!important; min-height:220px!important; padding:30px 26px 24px!important; border:1px solid rgba(215,255,62,.16)!important; border-radius:26px!important; background:radial-gradient(circle at 82% 12%,rgba(215,255,62,.08),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important; } body.lang-en.single-yas_service .service-method-card strong, html[dir="ltr"] body.single-yas_service .service-method-card strong{ display:inline-grid!important; place-items:center!important; width:48px!important; height:48px!important; border-radius:50%!important; margin:0 0 22px 0!important; font-size:1.35rem!important; line-height:1!important; color:var(--yas-voltage)!important; background:rgba(215,255,62,.08)!important; border:1px solid rgba(215,255,62,.22)!important; box-shadow:0 0 28px rgba(215,255,62,.08)!important; text-shadow:none!important; } body.lang-en.single-yas_service .service-method-card h3, html[dir="ltr"] body.single-yas_service .service-method-card h3{ display:block!important; padding:0!important; margin:0 0 12px!important; font-size:clamp(1.12rem,1.25vw,1.34rem)!important; line-height:1.26!important; color:var(--yas-bone)!important; text-align:left!important; font-weight:800!important; } body.lang-en.single-yas_service .service-method-card p, html[dir="ltr"] body.single-yas_service .service-method-card p{ display:block!important; margin:0!important; font-size:.88rem!important; line-height:1.78!important; color:rgba(244,241,233,.66)!important; text-align:left!important; font-weight:400!important; } body.lang-en.single-yas_service .service-method-card::before, html[dir="ltr"] body.single-yas_service .service-method-card::before{ display:none!important; } /* === V47: Final methodology EN card mirror + icon spacing + Services hero matches About === */ /* Services page hero: keep Arabic/English identical to About hero */ .services-hero-unified{ position:relative!important; overflow:hidden!important; padding:150px 0 74px!important; background:#050507!important; border-bottom:0!important; box-shadow:0 80px 140px rgba(0,0,0,.38)!important; } .services-hero-unified .about-hero__inner{ position:relative!important; z-index:2!important; text-align:center!important; display:grid!important; justify-items:center!important; align-items:center!important; } .services-hero-unified .about-hero__title{ font-size:clamp(2rem,3.6vw,3.15rem)!important; line-height:1.5!important; max-width:1050px!important; margin-inline:auto!important; text-align:center!important; text-wrap:balance; } .services-hero-unified .about-hero__subtitle, .services-hero-unified .yas-subtitle{ max-width:820px!important; margin-inline:auto!important; text-align:center!important; font-size:clamp(.96rem,1.25vw,1.13rem)!important; line-height:1.9!important; } body.lang-en .services-hero-unified, html[dir="ltr"] .services-hero-unified{ direction:ltr!important; text-align:center!important; } body.lang-en .services-hero-unified .about-hero__inner, html[dir="ltr"] .services-hero-unified .about-hero__inner{ text-align:center!important; justify-items:center!important; align-items:center!important; } @media(max-width:720px){ .services-hero-unified{padding:122px 0 54px!important;} .services-hero-unified .about-hero__title{font-size:clamp(2.15rem,12vw,3.55rem)!important;} } /* English Service Details: Methodology same visual card as Arabic, LTR only */ body.lang-en.single-yas_service .service-method-grid, html[dir="ltr"] body.single-yas_service .service-method-grid{ grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:16px!important; align-items:stretch!important; direction:ltr!important; } body.lang-en.single-yas_service .service-method-card, html[dir="ltr"] body.single-yas_service .service-method-card{ direction:ltr!important; text-align:left!important; min-height:220px!important; padding:30px 26px 24px!important; border:1px solid rgba(215,255,62,.16)!important; border-radius:26px!important; background:radial-gradient(circle at 18% 12%,rgba(215,255,62,.08),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important; overflow:hidden!important; position:relative!important; } body.lang-en.single-yas_service .service-method-card::before, html[dir="ltr"] body.single-yas_service .service-method-card::before{ content:'✦'!important; display:grid!important; position:absolute!important; left:26px!important; right:auto!important; top:104px!important; width:30px!important; height:30px!important; border-radius:50%!important; place-items:center!important; color:var(--yas-voltage)!important; background:rgba(215,255,62,.07)!important; border:1px solid rgba(215,255,62,.18)!important; transform:none!important; transition:none!important; z-index:1!important; } body.lang-en.single-yas_service .service-method-card strong, html[dir="ltr"] body.single-yas_service .service-method-card strong{ display:inline-grid!important; place-items:center!important; width:48px!important; height:48px!important; border-radius:50%!important; margin:0 0 28px 0!important; font-size:1.35rem!important; line-height:1!important; color:var(--yas-voltage)!important; background:rgba(215,255,62,.08)!important; border:1px solid rgba(215,255,62,.22)!important; box-shadow:0 0 28px rgba(215,255,62,.08)!important; text-shadow:none!important; } body.lang-en.single-yas_service .service-method-card h3, html[dir="ltr"] body.single-yas_service .service-method-card h3{ display:block!important; padding-left:52px!important; padding-right:0!important; padding-inline-start:52px!important; padding-inline-end:0!important; margin:0 0 12px!important; font-size:clamp(1.12rem,1.25vw,1.34rem)!important; line-height:1.26!important; color:var(--yas-bone)!important; text-align:left!important; font-weight:800!important; } body.lang-en.single-yas_service .service-method-card p, html[dir="ltr"] body.single-yas_service .service-method-card p{ display:block!important; margin:0!important; padding-left:52px!important; padding-right:0!important; padding-inline-start:52px!important; padding-inline-end:0!important; font-size:.88rem!important; line-height:1.78!important; color:rgba(244,241,233,.66)!important; text-align:left!important; font-weight:400!important; } @media(max-width:1100px){ body.lang-en.single-yas_service .service-method-grid, html[dir="ltr"] body.single-yas_service .service-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:720px){ body.lang-en.single-yas_service .service-method-grid, html[dir="ltr"] body.single-yas_service .service-method-grid{grid-template-columns:1fr!important;} body.lang-en.single-yas_service .service-method-card, html[dir="ltr"] body.single-yas_service .service-method-card{min-height:auto!important;} } /* ========================================================= V50 — English service details: real list spacing + Arabic-like method cards This block intentionally uses actual list icon spans instead of pseudo icons to prevent the icon from touching English text. ========================================================= */ /* Real icon rows for all service detail lists */ .single-yas_service .service-list-row{ position:relative!important; display:flex!important; align-items:flex-start!important; gap:14px!important; padding:0!important; padding-inline-start:0!important; padding-inline-end:0!important; line-height:1.78!important; } .single-yas_service .service-list-row::before{ content:none!important; display:none!important; } .single-yas_service .service-list-icon{ flex:0 0 22px!important; width:22px!important; min-width:22px!important; height:22px!important; display:inline-grid!important; place-items:center!important; margin-top:.15em!important; color:var(--yas-voltage)!important; font-weight:900!important; line-height:1!important; text-align:center!important; } .single-yas_service .service-list-row--dot .service-list-icon{ font-size:1.45rem!important; line-height:.9!important; } .single-yas_service .service-list-text{ display:block!important; flex:1 1 auto!important; min-width:0!important; } /* English direction only: icon then text, with safe spacing */ body.lang-en.single-yas_service .service-list-row, html[dir="ltr"] body.single-yas_service .service-list-row{ direction:ltr!important; text-align:left!important; flex-direction:row!important; } body.lang-en.single-yas_service .service-list-text, html[dir="ltr"] body.single-yas_service .service-list-text{ direction:ltr!important; text-align:left!important; } /* Keep Arabic natural direction */ body.lang-ar.single-yas_service .service-list-row, html[dir="rtl"] body.single-yas_service .service-list-row{ direction:rtl!important; text-align:right!important; flex-direction:row!important; } body.lang-ar.single-yas_service .service-list-text, html[dir="rtl"] body.single-yas_service .service-list-text{ direction:rtl!important; text-align:right!important; } /* Methodology: English card mirrors Arabic card shape. Number + sparkle stay at the top-right like Arabic. Text is LTR below it. */ body.lang-en.single-yas_service .service-method-card, html[dir="ltr"] body.single-yas_service .service-method-card{ direction:ltr!important; text-align:left!important; min-height:220px!important; padding:30px 26px 24px!important; border:1px solid rgba(215,255,62,.16)!important; border-radius:26px!important; background: radial-gradient(circle at 18% 12%,rgba(215,255,62,.08),transparent 28%), linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important; position:relative!important; overflow:hidden!important; } /* Put number on top-right, exactly Arabic-style */ body.lang-en.single-yas_service .service-method-card strong, body.lang-en.single-yas_service .service-method-card .service-method-number, html[dir="ltr"] body.single-yas_service .service-method-card strong, html[dir="ltr"] body.single-yas_service .service-method-card .service-method-number{ display:inline-grid!important; place-items:center!important; width:48px!important; height:48px!important; border-radius:50%!important; margin:0 0 22px auto!important; font-size:1.35rem!important; line-height:1!important; color:var(--yas-voltage)!important; background:rgba(215,255,62,.08)!important; border:1px solid rgba(215,255,62,.22)!important; box-shadow:0 0 28px rgba(215,255,62,.08)!important; text-shadow:none!important; position:relative!important; z-index:2!important; } /* Sparkle above/over the number, same side as Arabic */ body.lang-en.single-yas_service .service-method-card::before, html[dir="ltr"] body.single-yas_service .service-method-card::before{ content:'✦'!important; display:grid!important; position:absolute!important; top:20px!important; left:22px!important; right:auto!important; inset-inline-end:auto!important; inset-inline-start:22px!important; width:30px!important; height:30px!important; border-radius:50%!important; place-items:center!important; color:var(--yas-voltage)!important; background:rgba(215,255,62,.07)!important; border:1px solid rgba(215,255,62,.18)!important; transform:none!important; transition:none!important; z-index:3!important; } body.lang-en.single-yas_service .service-method-card h3, body.lang-en.single-yas_service .service-method-card .service-method-title, html[dir="ltr"] body.single-yas_service .service-method-card h3, html[dir="ltr"] body.single-yas_service .service-method-card .service-method-title{ padding:0!important; margin:0 0 12px!important; font-size:clamp(1.12rem,1.25vw,1.34rem)!important; line-height:1.26!important; color:var(--yas-bone)!important; text-align:left!important; font-weight:800!important; } body.lang-en.single-yas_service .service-method-card p, body.lang-en.single-yas_service .service-method-card .service-method-desc, html[dir="ltr"] body.single-yas_service .service-method-card p, html[dir="ltr"] body.single-yas_service .service-method-card .service-method-desc{ padding:0!important; margin:0!important; font-size:.88rem!important; line-height:1.78!important; color:rgba(244,241,233,.66)!important; text-align:left!important; font-weight:400!important; } /* Make sure old pseudo icons do not affect output/deliverable text spacing */ .single-yas_service .service-output-card h3{ padding-inline-start:44px!important; } /* Stronger rule for older cache/minified rules that used pseudo icons on list li */ body.lang-en.single-yas_service .service-check-list li.service-list-row, body.lang-en.single-yas_service .service-dot-list li.service-list-row, body.lang-en.single-yas_service .service-check-list--inline li.service-list-row, html[dir="ltr"] body.single-yas_service .service-check-list li.service-list-row, html[dir="ltr"] body.single-yas_service .service-dot-list li.service-list-row, html[dir="ltr"] body.single-yas_service .service-check-list--inline li.service-list-row{ padding-left:0!important; padding-right:0!important; padding-inline-start:0!important; padding-inline-end:0!important; } /* === Privacy / Legal pages divider and contact box === */ .legal-page-section .legal-content-card{ position:relative; max-width:980px; margin-inline:auto; padding:clamp(26px,4vw,52px); border-radius:30px; background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014)); border:1px solid rgba(244,241,233,.12); box-shadow:0 24px 70px rgba(0,0,0,.24); } .legal-block + .legal-block{ margin-top:34px; } .legal-block h2{ margin:0 0 12px; color:var(--yas-bone); font-family:'Alexandria',Inter,sans-serif; font-size:clamp(1.18rem,1.6vw,1.55rem); line-height:1.25; } .legal-block p{ margin:0; color:rgba(244,241,233,.74); line-height:1.9; } .legal-divider{ border:0; height:1px; margin:48px 0 30px; background:linear-gradient( 90deg, transparent, rgba(215,255,62,.48), transparent ); } .legal-contact-box{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:18px 20px; border-radius:20px; background:rgba(215,255,62,.045); border:1px solid rgba(215,255,62,.14); } .legal-contact-box span{ color:var(--yas-text-muted); font-weight:700; } .legal-contact-box a{ color:var(--yas-voltage); font-weight:800; direction:ltr; unicode-bidi:plaintext; } body.lang-en .legal-content-card, html[dir="ltr"] .legal-content-card{ direction:ltr; text-align:left; } body.lang-en .legal-contact-box, html[dir="ltr"] .legal-contact-box{ direction:ltr; } /* ===== YAS Articles ===== */ .yas-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch;} .yas-article-card{height:100%;border:1px solid rgba(255,255,255,.12);border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:0 24px 80px rgba(0,0,0,.26);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;} .yas-article-card:hover{transform:translateY(-8px);border-color:rgba(224,188,91,.5);box-shadow:0 32px 100px rgba(0,0,0,.34);} .yas-article-card a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;} .yas-article-card__media{position:relative;aspect-ratio:1.35/1;overflow:hidden;background:rgba(255,255,255,.06);} .yas-article-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;} .yas-article-card:hover .yas-article-card__media img{transform:scale(1.06);} .yas-article-card__category{position:absolute;top:16px;inset-inline-start:16px;padding:8px 12px;border-radius:999px;background:rgba(11,12,18,.78);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);color:#fff;font-size:13px;font-weight:700;} .yas-article-card__body{display:flex;flex-direction:column;gap:12px;flex:1;padding:22px;} .yas-article-card__meta{font-size:13px;color:rgba(255,255,255,.62);} .yas-article-card__body h3{margin:0;color:#fff;font-size:clamp(21px,2vw,27px);line-height:1.25;} .yas-article-card__body p{margin:0;color:rgba(255,255,255,.7);line-height:1.8;} .yas-article-card__more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--yas-gold,#d8b34e);font-weight:800;} .yas-article-card__more:after{content:"→";font-weight:900;} .lang-ar .yas-article-card__more:after{content:"←";} .article-detail-wrap{display:grid;gap:28px;} .article-detail-image{margin:0;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 90px rgba(0,0,0,.32);} .article-detail-image img{width:100%;height:auto;max-height:620px;object-fit:cover;display:block;} .article-detail-video{position:relative;aspect-ratio:16/9;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 90px rgba(0,0,0,.32);background:#05060b;} .article-detail-video video,.article-detail-video iframe{width:100%;height:100%;display:block;border:0;} .article-detail-grid{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:26px;align-items:start;} .article-info-card,.article-content-card{border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 24px 80px rgba(0,0,0,.22);padding:26px;} .article-info-card{position:sticky;top:110px;} .article-info-card ul{display:grid;gap:16px;list-style:none;margin:18px 0 0;padding:0;} .article-info-card li{display:grid;gap:6px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1);} .article-info-card li:last-child{border-bottom:0;padding-bottom:0;} .article-info-card strong{color:var(--yas-gold,#d8b34e);font-size:13px;} .article-info-card span{color:#fff;line-height:1.7;} .article-block+.article-block{margin-top:28px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);} .article-block p{color:rgba(255,255,255,.78);line-height:1.9;} .article-rich-text{color:rgba(255,255,255,.78);line-height:1.95;font-size:17px;} .article-rich-text p{margin:0 0 18px;} .article-rich-text h2,.article-rich-text h3,.article-rich-text h4{color:#fff;margin:28px 0 12px;} @media (max-width:980px){.yas-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.article-detail-grid{grid-template-columns:1fr;}.article-info-card{position:relative;top:auto;}} @media (max-width:640px){.yas-articles-grid{grid-template-columns:1fr;}.yas-article-card__body{padding:18px;}.article-info-card,.article-content-card{padding:20px;border-radius:24px;}.article-detail-image,.article-detail-video{border-radius:24px;}} /* ===== Premium Articles Cards V2 ===== */ .yas-articles-listing{ padding-top:clamp(38px,6vw,84px)!important; } .yas-articles-grid--premium{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:28px!important; align-items:stretch; } .yas-article-premium-card{ height:100%; min-height:520px; border:1px solid rgba(244,241,233,.18); border-radius:30px; overflow:hidden; background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)); box-shadow:0 26px 80px rgba(0,0,0,.30); transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease; } .yas-article-premium-card:hover{ transform:translateY(-8px); border-color:rgba(224,188,91,.62); box-shadow:0 38px 110px rgba(0,0,0,.42); } .yas-article-premium-card__link{ display:flex; flex-direction:column; min-height:520px; height:100%; color:inherit; text-decoration:none!important; } .yas-article-premium-card__image{ position:relative; height:250px; overflow:hidden; background:radial-gradient(circle at 30% 20%,rgba(224,188,91,.24),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)); } .yas-article-premium-card__image:after{ content:""; position:absolute; inset:auto 0 0 0; height:52%; background:linear-gradient(180deg,transparent,rgba(8,9,12,.88)); pointer-events:none; } .yas-article-premium-card__image img{ width:100%; height:100%; display:block; object-fit:cover; transition:transform .65s ease,filter .65s ease; } .yas-article-premium-card:hover .yas-article-premium-card__image img{ transform:scale(1.065); filter:saturate(1.08) contrast(1.05); } .yas-article-premium-card__placeholder{ width:100%; height:100%; background:radial-gradient(circle at 30% 20%,rgba(224,188,91,.26),transparent 35%),radial-gradient(circle at 80% 70%,rgba(215,255,62,.10),transparent 30%),#101116; } .yas-article-premium-card__content{ display:flex; flex-direction:column; flex:1; padding:26px 28px 24px; } .yas-article-premium-card__top{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:22px; } .yas-article-premium-card__category{ color:#e0bc5b; font-weight:800; font-size:14px; } .yas-article-premium-card__date{ color:rgba(244,241,233,.62); font-size:14px; white-space:nowrap; } .yas-article-premium-card__title{ margin:0 0 16px; color:#fff; font-family:'Alexandria',Inter,sans-serif; font-size:clamp(25px,2.4vw,34px); line-height:1.28; letter-spacing:-.01em; } .yas-article-premium-card__excerpt{ margin:0; color:rgba(244,241,233,.72); font-size:16px; line-height:1.9; } .yas-article-premium-card__footer{ margin-top:auto; padding-top:30px; display:flex; align-items:center; justify-content:space-between; gap:18px; color:rgba(244,241,233,.68); font-size:14px; } .yas-article-premium-card__read-time{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; } .yas-article-premium-card__read-time:before{ content:""; width:15px; height:15px; display:inline-block; border:1.7px solid currentColor; border-radius:999px; opacity:.82; } @media (max-width:980px){ .yas-articles-grid--premium{grid-template-columns:1fr!important;} .yas-article-premium-card,.yas-article-premium-card__link{min-height:auto;} } @media (max-width:640px){ .yas-article-premium-card{border-radius:24px;} .yas-article-premium-card__image{height:210px;} .yas-article-premium-card__content{padding:22px 20px;} .yas-article-premium-card__top,.yas-article-premium-card__footer{align-items:flex-start;flex-direction:column;} } /* ===== Articles Click + Service Style Detail Fix ===== */ .yas-article-premium-card{position:relative;cursor:pointer;} .yas-article-premium-card__link{position:relative;z-index:3;} .yas-article-premium-card__more{ margin-top:24px; display:inline-flex; align-items:center; justify-content:center; width:max-content; min-height:44px; padding:0 20px; border-radius:999px; border:1px solid rgba(224,188,91,.54); color:#f4f1e9; background:linear-gradient(135deg,rgba(224,188,91,.18),rgba(255,255,255,.035)); font-weight:800; transition:transform .25s ease,background .25s ease,border-color .25s ease; } .yas-article-premium-card:hover .yas-article-premium-card__more{ transform:translateY(-2px); background:linear-gradient(135deg,rgba(224,188,91,.30),rgba(255,255,255,.06)); border-color:rgba(224,188,91,.9); } .article-service-style-hero .service-hero-inner{padding-inline:0;} .article-service-style-hero .yas-title{max-width:1050px!important;} .article-service-style-hero .yas-subtitle{max-width:860px!important;} .article-detail-section--service-style{padding-top:clamp(34px,5vw,72px)!important;} .article-detail-section--service-style .article-detail-image, .article-detail-section--service-style .article-detail-video, .article-detail-section--service-style .article-info-card, .article-detail-section--service-style .article-content-card{ border:1px solid rgba(244,241,233,.12); background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02)); box-shadow:0 24px 80px rgba(0,0,0,.26); } /* ===== YAS Articles Modern Cards + Details ===== */ .yas-articles-modern-section{ position:relative; overflow:hidden; padding-top:clamp(46px,6vw,86px)!important; } .yas-articles-modern-section::before{ content:''; position:absolute; inset:0 0 auto 0; height:360px; background:radial-gradient(circle at 78% 0%,rgba(215,255,62,.10),transparent 36%),radial-gradient(circle at 18% 18%,rgba(224,186,77,.08),transparent 30%); pointer-events:none; } .yas-articles-section-head{ position:relative; z-index:1; display:flex; align-items:end; justify-content:space-between; gap:22px; margin-bottom:30px; } .yas-articles-section-head span{ color:var(--yas-voltage); font-weight:800; letter-spacing:.02em; } .yas-articles-section-head h2{ margin:0; color:#fff; font-family:'Alexandria',Inter,sans-serif; font-size:clamp(1.8rem,3.4vw,3.55rem); line-height:1.08; text-wrap:balance; } .yas-articles-grid--modern{ position:relative; z-index:1; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:24px!important; align-items:stretch; } .yas-blog-card{ height:100%; min-height:520px; border-radius:30px; overflow:hidden; background:linear-gradient(180deg,rgba(255,255,255,.060),rgba(255,255,255,.018)); border:1px solid rgba(244,241,233,.13); box-shadow:0 24px 70px rgba(0,0,0,.28); position:relative; isolation:isolate; transition:transform .75s cubic-bezier(.16,1,.3,1),border-color .75s,box-shadow .75s; } .yas-blog-card::after{ content:''; position:absolute; inset:0; background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.20) 45%,transparent 62%); transform:translateX(130%) skewX(-18deg); transition:transform 1.65s cubic-bezier(.16,1,.3,1); pointer-events:none; z-index:4; } .yas-blog-card:hover{ transform:translateY(-10px); border-color:rgba(215,255,62,.34); box-shadow:0 36px 100px rgba(0,0,0,.42),0 0 0 1px rgba(215,255,62,.05); } .yas-blog-card:hover::after{transform:translateX(-130%) skewX(-18deg)} .yas-blog-card__link{ display:flex; flex-direction:column; min-height:520px; height:100%; color:inherit; text-decoration:none!important; } .yas-blog-card__media{ position:relative; height:250px; overflow:hidden; background:#101014; } .yas-blog-card__media::after{ content:''; position:absolute; inset:auto 0 0 0; height:62%; background:linear-gradient(180deg,transparent,rgba(7,7,10,.90)); pointer-events:none; } .yas-blog-card__media img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform 1.05s cubic-bezier(.16,1,.3,1),filter 1.05s; } .yas-blog-card:hover .yas-blog-card__media img{transform:scale(1.08);filter:saturate(1.1) contrast(1.05)} .yas-blog-card__placeholder{ width:100%;height:100%; background:radial-gradient(circle at 28% 24%,rgba(215,255,62,.18),transparent 34%),radial-gradient(circle at 80% 72%,rgba(224,186,77,.12),transparent 34%),#101014; } .yas-blog-card__badge{ position:absolute; z-index:2; top:18px; inset-inline-start:18px; max-width:calc(100% - 36px); padding:8px 14px; border-radius:999px; background:rgba(5,5,8,.62); color:var(--yas-voltage); border:1px solid rgba(215,255,62,.24); backdrop-filter:blur(14px); font-size:.82rem; font-weight:800; } .yas-blog-card__body{ flex:1; display:flex; flex-direction:column; padding:24px 24px 22px; } .yas-blog-card__meta{ display:flex; align-items:center; justify-content:space-between; gap:16px; color:rgba(244,241,233,.58); font-size:.84rem; margin-bottom:16px; } .yas-blog-card__title{ margin:0 0 12px; color:#fff; font-family:'Alexandria',Inter,sans-serif; font-size:clamp(1.25rem,1.65vw,1.7rem); line-height:1.28; letter-spacing:-.01em; text-wrap:balance; } .yas-blog-card__excerpt{ margin:0; color:rgba(244,241,233,.72); font-size:.94rem; line-height:1.86; } .yas-blog-card__footer{ margin-top:auto; padding-top:24px; display:flex; align-items:center; justify-content:space-between; gap:16px; } .yas-blog-card__author{ color:rgba(244,241,233,.62); font-size:.86rem; } .yas-blog-card__button{ display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 16px; border-radius:999px; background:rgba(215,255,62,.095); border:1px solid rgba(215,255,62,.22); color:var(--yas-voltage); font-weight:900; font-size:.84rem; white-space:nowrap; transition:background .45s,border-color .45s,transform .45s; } .yas-blog-card:hover .yas-blog-card__button{transform:translateY(-2px);background:rgba(215,255,62,.16);border-color:rgba(215,255,62,.42)} .article-detail-section--modern{position:relative;overflow:hidden;padding-top:clamp(42px,6vw,86px)!important;} .article-detail-section--modern::before{content:'';position:absolute;inset:0 0 auto 0;height:430px;background:radial-gradient(circle at 72% 0%,rgba(215,255,62,.10),transparent 34%);pointer-events:none} .article-modern-wrap{position:relative;z-index:1} .article-modern-shell{display:grid;gap:30px} .article-modern-cover{margin:0;border-radius:36px;overflow:hidden;border:1px solid rgba(244,241,233,.14);box-shadow:0 34px 110px rgba(0,0,0,.38);background:#0d0d12;position:relative} .article-modern-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(5,5,7,.34));pointer-events:none} .article-modern-cover img{width:100%;height:min(58vw,620px);object-fit:cover;display:block} .article-modern-layout{display:grid;grid-template-columns:minmax(260px,350px) minmax(0,1fr);gap:28px;align-items:start} .article-modern-sidebar{position:sticky;top:112px} .article-modern-info-card,.article-modern-block,.article-modern-video{ border:1px solid rgba(244,241,233,.13); background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); border-radius:30px; box-shadow:0 24px 80px rgba(0,0,0,.25); position:relative; overflow:hidden; } .article-modern-info-card{padding:26px} .article-modern-info-card::before,.article-modern-block::before{content:'';position:absolute;inset:auto -20% -48% auto;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(215,255,62,.09),transparent 62%);pointer-events:none} .article-modern-info-card ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px} .article-modern-info-card li{padding:0 0 14px;border-bottom:1px solid rgba(244,241,233,.10);display:grid;gap:7px} .article-modern-info-card li:last-child{border-bottom:0;padding-bottom:0} .article-modern-info-card li span{color:var(--yas-voltage);font-weight:800;font-size:.8rem} .article-modern-info-card li strong{color:#fff;font-size:.93rem;line-height:1.6;font-weight:800} .article-modern-main{display:grid;gap:24px} .article-modern-video{aspect-ratio:16/9;background:#050507;border-radius:34px} .article-modern-video video,.article-modern-video iframe{width:100%;height:100%;display:block;border:0} .article-modern-block{padding:34px} .article-modern-goal{background:radial-gradient(circle at 95% 12%,rgba(215,255,62,.12),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.060),rgba(255,255,255,.020))} .article-modern-label{display:inline-flex;align-items:center;gap:10px;color:var(--yas-voltage);font-weight:900;margin-bottom:14px} .article-modern-label::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--yas-voltage);box-shadow:0 0 18px rgba(215,255,62,.45)} .article-modern-block p{color:rgba(244,241,233,.80);font-size:1rem;line-height:1.95;margin:0} .article-modern-rich-text{color:rgba(244,241,233,.80);font-size:1rem;line-height:2} .article-modern-rich-text p{margin:0 0 18px!important} .article-modern-rich-text h2,.article-modern-rich-text h3,.article-modern-rich-text h4{color:#fff;margin:32px 0 12px!important;line-height:1.25} .article-modern-rich-text ul,.article-modern-rich-text ol{padding-inline-start:24px;margin:18px 0;color:rgba(244,241,233,.82)} .article-modern-rich-text li{margin:8px 0} .article-service-style-hero .yas-title{max-width:1050px!important;text-wrap:balance} .article-service-style-hero .yas-subtitle{max-width:880px!important} @media(max-width:1100px){ .yas-articles-grid--modern{grid-template-columns:repeat(2,minmax(0,1fr))!important} .article-modern-layout{grid-template-columns:1fr} .article-modern-sidebar{position:relative;top:auto} } @media(max-width:720px){ .yas-articles-section-head{display:grid;align-items:start} .yas-articles-grid--modern{grid-template-columns:1fr!important} .yas-blog-card,.yas-blog-card__link{min-height:auto} .yas-blog-card__media{height:220px} .yas-blog-card__body{padding:22px 20px} .yas-blog-card__footer,.yas-blog-card__meta{align-items:flex-start;flex-direction:column} .article-modern-cover{border-radius:26px} .article-modern-cover img{height:260px} .article-modern-info-card,.article-modern-block{padding:22px;border-radius:24px} .article-modern-video{border-radius:24px} } /* === FINAL ARTICLES CLEAN CARDS + DETAIL LAYOUT === */ .yas-articles-clean-section{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 0%,rgba(215,255,62,.08),transparent 34%),var(--yas-bg)} .yas-articles-clean-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:42px;align-items:stretch} .yas-article-clean-card{height:100%;border-radius:30px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(244,241,233,.13);box-shadow:0 24px 70px rgba(0,0,0,.26);transition:transform .75s cubic-bezier(.16,1,.3,1),border-color .75s,box-shadow .75s;position:relative;isolation:isolate} .yas-article-clean-card::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.16) 45%,transparent 62%);transform:translateX(130%) skewX(-18deg);transition:transform 1.5s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:3} .yas-article-clean-card:hover{transform:translateY(-9px);border-color:rgba(215,255,62,.34);box-shadow:0 34px 90px rgba(0,0,0,.38),0 0 0 1px rgba(215,255,62,.06)} .yas-article-clean-card:hover::after{transform:translateX(-130%) skewX(-18deg)} .yas-article-clean-card__link{display:flex;flex-direction:column;height:100%;color:inherit} .yas-article-clean-card__image{height:260px;width:100%;overflow:hidden;background:#111117;position:relative} .yas-article-clean-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s} .yas-article-clean-card:hover .yas-article-clean-card__image img{transform:scale(1.07);filter:saturate(1.08) contrast(1.04)} .yas-article-clean-card__placeholder{width:100%;height:100%;background:radial-gradient(circle at 75% 20%,rgba(215,255,62,.17),transparent 34%),linear-gradient(135deg,#181820,#0d0d12)} .yas-article-clean-card__body{padding:24px;display:flex;flex-direction:column;gap:14px;min-height:230px;flex:1} .yas-article-clean-card__title{margin:0;color:#fff;font-family:'Alexandria',Inter,sans-serif;font-size:clamp(1.18rem,1.7vw,1.55rem);line-height:1.25;font-weight:800;text-wrap:balance} .yas-article-clean-card__goal{margin:0;color:rgba(244,241,233,.72);font-size:.95rem;line-height:1.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .yas-article-clean-card__meta{margin-top:auto;padding-top:16px;border-top:1px solid rgba(244,241,233,.12);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--yas-voltage);font-size:.88rem;font-weight:700} .yas-article-clean-card__meta span{display:inline-flex;align-items:center;gap:7px}.yas-article-clean-card__meta span::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--yas-voltage);box-shadow:0 0 14px rgba(215,255,62,.35)} .article-detail-hero-clean{min-height:66vh!important}.article-detail-hero-clean__inner{max-width:1120px}.article-detail-hero-clean__meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.article-detail-hero-clean__meta span{display:inline-flex;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);color:rgba(244,241,233,.86);font-weight:700;font-size:.9rem;backdrop-filter:blur(10px)} .article-detail-clean-section{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 14%,rgba(215,255,62,.07),transparent 34%),#0b0b0f} .article-detail-clean-cover{margin:0 0 34px;border-radius:34px;overflow:hidden;height:clamp(320px,48vw,560px);border:1px solid rgba(244,241,233,.13);box-shadow:0 32px 90px rgba(0,0,0,.36);background:#111117} .article-detail-clean-cover img{width:100%;height:100%;object-fit:cover} .article-detail-clean-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start;direction:ltr}.lang-ar .article-detail-clean-layout{direction:rtl}.article-detail-clean-main,.article-detail-clean-sidebar{direction:inherit} .article-detail-clean-main{display:grid;gap:24px}.article-detail-clean-sidebar{position:sticky;top:118px} .article-detail-clean-block,.article-detail-clean-info,.article-detail-clean-video{border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018));border:1px solid rgba(244,241,233,.13);box-shadow:0 24px 70px rgba(0,0,0,.22);overflow:hidden;position:relative} .article-detail-clean-block{padding:32px}.article-detail-clean-goal{background:radial-gradient(circle at 92% 16%,rgba(215,255,62,.12),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018))} .article-detail-clean-label{display:inline-flex;margin-bottom:14px;color:var(--yas-voltage);font-weight:900;letter-spacing:.02em;font-size:.92rem}.article-detail-clean-goal p{margin:0;color:#fff;font-size:1.08rem;line-height:1.9}.article-detail-clean-richtext{color:rgba(244,241,233,.78);font-size:1rem;line-height:2}.article-detail-clean-richtext p{margin:0 0 18px}.article-detail-clean-richtext p:last-child{margin-bottom:0} .article-detail-clean-video{height:clamp(260px,38vw,460px);background:#000}.article-detail-clean-video video,.article-detail-clean-video iframe{width:100%;height:100%;display:block;object-fit:cover;border:0} .article-detail-clean-info{padding:26px}.article-detail-clean-info ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px}.article-detail-clean-info li{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(244,241,233,.09)}.article-detail-clean-info span{display:block;color:rgba(244,241,233,.56);font-size:.82rem;margin-bottom:5px}.article-detail-clean-info strong{display:block;color:#fff;font-size:.96rem;line-height:1.6} @media(max-width:1100px){.yas-articles-clean-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-detail-clean-layout{grid-template-columns:1fr}.article-detail-clean-sidebar{position:static;order:-1}.article-detail-clean-cover{height:clamp(280px,55vw,460px)}} @media(max-width:720px){.yas-articles-clean-grid{grid-template-columns:1fr;gap:20px}.yas-article-clean-card__image{height:230px}.yas-article-clean-card__body{min-height:auto;padding:22px}.article-detail-clean-cover{height:260px;border-radius:24px}.article-detail-clean-block,.article-detail-clean-info{padding:24px;border-radius:24px}.article-detail-clean-video{height:230px;border-radius:24px}.article-detail-hero-clean__meta span{width:100%;justify-content:center}} /* ===== Careers Page ===== */ .careers-premium-section{position:relative;overflow:hidden;background:radial-gradient(circle at 16% 0%,rgba(215,255,62,.08),transparent 30%),radial-gradient(circle at 88% 28%,rgba(224,186,77,.07),transparent 34%)} .careers-premium-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:28px;align-items:start} .careers-form-shell{position:relative;overflow:hidden} .careers-form-shell::after{content:'';position:absolute;inset:auto -12% -38% auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(215,255,62,.09),transparent 62%);pointer-events:none} .careers-badge{background:rgba(215,255,62,.12)!important;color:var(--yas-voltage)!important;border-color:rgba(215,255,62,.24)!important} .careers-form-head{position:relative;z-index:1} .careers-form-shell .wpcf7{position:relative;z-index:1} .careers-form .inline-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .careers-form label{display:block;margin-bottom:8px;color:#fff;font-weight:800;font-size:.92rem} .careers-form input:not([type="submit"]), .careers-form textarea, .careers-form select{width:100%;min-height:54px;padding:14px 16px;border-radius:16px;border:1px solid rgba(244,241,233,.13);background:#101014;color:var(--yas-bone);outline:none;transition:border-color var(--yas-transition),box-shadow var(--yas-transition),background var(--yas-transition)} .careers-form textarea{min-height:150px;resize:vertical} .careers-form input:focus, .careers-form textarea:focus, .careers-form select:focus{border-color:rgba(215,255,62,.52);box-shadow:0 0 0 4px rgba(215,255,62,.08);background:#121218} .careers-form input[type="file"]{display:flex;align-items:center;padding:15px;background:rgba(255,255,255,.035);border-style:dashed;cursor:pointer} .careers-consent{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(244,241,233,.10);color:rgba(244,241,233,.82);line-height:1.8} .careers-consent label{display:flex;align-items:flex-start;gap:10px;margin:0;font-weight:600;color:rgba(244,241,233,.82)} .careers-consent input{margin-top:6px;accent-color:var(--yas-voltage)} .careers-submit{display:flex;justify-content:flex-start;margin-top:6px} .careers-submit .yas-btn, .careers-form input[type="submit"]{border:0;cursor:pointer;min-height:auto;width:auto;padding:14px 28px;border-radius:999px;background:var(--yas-voltage);color:#111;font-weight:900;box-shadow:0 18px 34px rgba(215,255,62,.16);transition:transform var(--yas-transition),box-shadow var(--yas-transition)} .careers-submit .yas-btn:hover, .careers-form input[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 24px 44px rgba(215,255,62,.22)} .careers-form .wpcf7-not-valid-tip{margin-top:7px;color:#ff8585;font-size:.86rem} .careers-form-shell .wpcf7-response-output{margin:18px 0 0!important;padding:14px 18px!important;border-radius:16px!important;color:#fff!important;background:rgba(255,255,255,.04)!important} .careers-info-panel{display:grid;gap:16px;position:sticky;top:120px} .careers-info-card,.careers-info-mini{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014));border:1px solid rgba(244,241,233,.13);border-radius:28px;padding:28px;box-shadow:0 22px 58px rgba(0,0,0,.20);position:relative;overflow:hidden} .careers-info-card--main{min-height:280px;background:radial-gradient(circle at 86% 12%,rgba(215,255,62,.12),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.014))} .careers-info-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;color:var(--yas-voltage);background:rgba(215,255,62,.08);border:1px solid rgba(215,255,62,.24);margin-bottom:22px} .careers-info-card h2{margin:0 0 14px;font-family:'Alexandria',Inter,sans-serif;font-size:clamp(1.55rem,2.3vw,2.35rem);line-height:1.18;color:#fff} .careers-info-card p:not(.yas-eyebrow),.careers-info-mini span{color:rgba(244,241,233,.72);line-height:1.85;margin:0} .careers-info-list{display:grid;gap:16px} .careers-info-mini{padding:22px;border-radius:22px} .careers-info-mini strong{display:block;color:#fff;font-size:1.05rem;margin-bottom:8px} @media(max-width:980px){.careers-premium-layout{grid-template-columns:1fr}.careers-info-panel{position:static}.careers-form .inline-two{grid-template-columns:1fr}} /* === Careers page final clean form layout === */ .careers-page-clean{padding-top:74px;padding-bottom:92px;background:radial-gradient(circle at 50% 0%,rgba(215,255,62,.075),transparent 34%),#0e0e12} .careers-premium-layout--single{display:flex!important;justify-content:center!important;align-items:flex-start!important;max-width:100%!important} .careers-form-shell--compact{width:min(100%,860px)!important;margin-inline:auto!important;padding:34px!important;border-radius:30px!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014))!important;border:1px solid rgba(244,241,233,.13)!important;box-shadow:0 26px 74px rgba(0,0,0,.28)!important} .careers-form-head{max-width:660px;margin-bottom:24px}.careers-form-head h2{margin:0 0 10px;color:#fff;font-family:'Alexandria',Inter,sans-serif;font-size:clamp(1.65rem,2.6vw,2.5rem);line-height:1.18}.careers-form-head p:not(.yas-eyebrow){margin:0;color:rgba(244,241,233,.72);line-height:1.85} .careers-form-shell--compact .wpcf7-form{display:grid!important;gap:18px!important;width:100%!important} .careers-form-shell--compact .careers-form{display:grid!important;gap:18px!important;width:100%!important;text-align:right!important;direction:rtl!important} .careers-form-shell--compact .inline-two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;width:100%!important;align-items:start!important} .careers-form-shell--compact .inline-two>div, .careers-form-shell--compact .careers-form>div:not(.inline-two){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important;text-align:inherit!important} .careers-form-shell--compact label{display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#fff!important;font-weight:800!important;font-size:.92rem!important;line-height:1.5!important;text-align:inherit!important} .careers-form-shell--compact .wpcf7-form-control-wrap{display:block!important;width:100%!important} .careers-form-shell--compact input:not([type="submit"]):not([type="checkbox"]), .careers-form-shell--compact textarea, .careers-form-shell--compact select{display:block!important;width:100%!important;min-height:52px!important;margin:0!important;padding:13px 15px!important;border-radius:15px!important;border:1px solid rgba(244,241,233,.13)!important;background:#101014!important;color:var(--yas-bone)!important;outline:none!important;text-align:inherit!important;box-shadow:none!important;transition:border-color var(--yas-transition),box-shadow var(--yas-transition),background var(--yas-transition)!important} .careers-form-shell--compact textarea{min-height:135px!important;resize:vertical!important} .careers-form-shell--compact select{appearance:auto!important;cursor:pointer!important} .careers-form-shell--compact input:focus, .careers-form-shell--compact textarea:focus, .careers-form-shell--compact select:focus{border-color:rgba(215,255,62,.55)!important;box-shadow:0 0 0 4px rgba(215,255,62,.08)!important;background:#121218!important} .careers-form-shell--compact input[type="file"]{padding:14px!important;background:rgba(255,255,255,.035)!important;border-style:dashed!important;cursor:pointer!important;line-height:1.35!important} .careers-form-shell--compact .careers-consent{display:block!important;padding:15px 17px!important;border-radius:17px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(244,241,233,.10)!important;color:rgba(244,241,233,.82)!important;line-height:1.8!important} .careers-form-shell--compact .careers-consent label{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;font-weight:600!important;color:rgba(244,241,233,.82)!important} .careers-form-shell--compact .careers-consent input[type="checkbox"]{width:18px!important;height:18px!important;margin-top:5px!important;flex:0 0 auto!important;accent-color:var(--yas-voltage)!important} .careers-form-shell--compact .careers-submit{display:flex!important;justify-content:flex-start!important;margin-top:4px!important} .careers-form-shell--compact input[type="submit"], .careers-form-shell--compact .yas-btn{width:auto!important;min-width:150px!important;border:0!important;cursor:pointer!important;padding:13px 26px!important;border-radius:999px!important;background:var(--yas-voltage)!important;color:#111!important;font-weight:900!important;box-shadow:0 18px 34px rgba(215,255,62,.16)!important} .careers-page-clean--en .careers-form-shell--compact, .careers-page-clean--en .careers-form-shell--compact .careers-form{text-align:left!important;direction:ltr!important} .careers-page-clean--en .careers-form-shell--compact .careers-submit{justify-content:flex-start!important} @media(max-width:820px){.careers-form-shell--compact{width:100%!important;padding:26px 18px!important;border-radius:24px!important}.careers-form-shell--compact .inline-two{grid-template-columns:1fr!important;gap:16px!important}.careers-page-clean{padding-top:56px;padding-bottom:72px}} /* === Careers + Arabic Contact RTL compact update === */ .careers-form-shell--compact{ width:min(60%,720px)!important; max-width:720px!important; padding:28px!important; } .careers-form-head{margin-bottom:18px!important;max-width:100%!important} .careers-form-shell--compact .wpcf7-form, .careers-form-shell--compact .careers-form{gap:12px!important} .careers-form-shell--compact .inline-two{gap:12px 14px!important} .careers-form-shell--compact .inline-two>div, .careers-form-shell--compact .careers-form>div:not(.inline-two){gap:4px!important} .careers-form-shell--compact label{line-height:1.35!important;margin-bottom:0!important;text-align:right!important;direction:rtl!important} .careers-form-shell--compact input:not([type="submit"]):not([type="checkbox"]), .careers-form-shell--compact textarea, .careers-form-shell--compact select{ min-height:48px!important; padding:11px 14px!important; text-align:right!important; direction:rtl!important; } .careers-form-shell--compact textarea{min-height:118px!important} .careers-form-shell--compact .careers-consent{padding:12px 14px!important} .careers-form-shell--compact .careers-consent label{text-align:right!important;direction:rtl!important;gap:8px!important} .careers-form-shell--compact .careers-submit{justify-content:flex-start!important;margin-top:2px!important} .careers-form-shell--compact input[type="submit"], .careers-form-shell--compact .yas-btn{ min-width:auto!important; width:auto!important; min-height:42px!important; padding:10px 22px!important; border-radius:999px!important; background:var(--yas-voltage)!important; color:#111!important; font-size:.9rem!important; line-height:1!important; box-shadow:0 14px 28px rgba(215,255,62,.14)!important; } /* English careers keeps LTR */ .careers-page-clean--en .careers-form-shell--compact{width:min(60%,720px)!important;max-width:720px!important} .careers-page-clean--en .careers-form-shell--compact, .careers-page-clean--en .careers-form-shell--compact .careers-form, .careers-page-clean--en .careers-form-shell--compact label, .careers-page-clean--en .careers-form-shell--compact input:not([type="submit"]):not([type="checkbox"]), .careers-page-clean--en .careers-form-shell--compact textarea, .careers-page-clean--en .careers-form-shell--compact select{ text-align:left!important; direction:ltr!important; } /* Arabic contact form direction fix */ body:not(.lang-en) .contact-form-shell, body:not(.lang-en) .contact-form-shell .wpcf7-form, body:not(.lang-en) .contact-form-shell .lead-form{ direction:rtl!important; text-align:right!important; } body:not(.lang-en) .contact-form-shell label, body:not(.lang-en) .contact-form-shell input:not([type="submit"]):not([type="checkbox"]), body:not(.lang-en) .contact-form-shell textarea, body:not(.lang-en) .contact-form-shell select{ direction:rtl!important; text-align:right!important; } body:not(.lang-en) .contact-form-shell .inline-two{direction:rtl!important} body:not(.lang-en) .contact-form-shell .lead-form label{margin-bottom:5px!important} body:not(.lang-en) .contact-form-shell .lead-form{gap:12px!important} body:not(.lang-en) .contact-form-shell .inline-two{gap:12px 14px!important} body:not(.lang-en) .contact-form-shell .yas-btn, body:not(.lang-en) .contact-form-shell input[type="submit"]{ background:var(--yas-voltage)!important; color:#111!important; width:auto!important; min-width:auto!important; padding:10px 22px!important; min-height:42px!important; border-radius:999px!important; font-size:.9rem!important; } @media(max-width:1200px){ .careers-form-shell--compact, .careers-page-clean--en .careers-form-shell--compact{width:min(70%,720px)!important} } @media(max-width:900px){ .careers-form-shell--compact, .careers-page-clean--en .careers-form-shell--compact{width:100%!important;max-width:100%!important;padding:24px 18px!important} } /* === FORCE Careers Compact RTL/LTR + Arabic Contact Form Fix === */ .careers-page-clean{padding:58px 0 82px!important;background:radial-gradient(circle at 50% 0%,rgba(215,255,62,.07),transparent 34%),#0e0e12!important} .careers-page-clean .careers-premium-layout--single{display:flex!important;justify-content:center!important;align-items:flex-start!important;width:100%!important;max-width:100%!important} .careers-page-clean .careers-form-shell--compact{width:60%!important;max-width:720px!important;min-width:0!important;margin:0 auto!important;padding:26px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014))!important;border:1px solid rgba(244,241,233,.13)!important;box-shadow:0 24px 70px rgba(0,0,0,.26)!important} .careers-page-clean .careers-form-head{margin:0 0 16px!important;max-width:100%!important;text-align:inherit!important} .careers-page-clean .careers-form-head h2{margin:0 0 8px!important;font-size:clamp(1.45rem,2.1vw,2.1rem)!important;line-height:1.2!important;color:#fff!important} .careers-page-clean .careers-form-head p:not(.yas-eyebrow){margin:0!important;line-height:1.65!important;font-size:.92rem!important;color:rgba(244,241,233,.70)!important} .careers-page-clean .wpcf7, .careers-page-clean .wpcf7 form, .careers-page-clean .wpcf7-form, .careers-page-clean .lead-form, .careers-page-clean .careers-form{width:100%!important;margin:0!important;display:grid!important;gap:10px!important} .careers-page-clean .inline-two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;width:100%!important;align-items:start!important;margin:0!important} .careers-page-clean .inline-two>div, .careers-page-clean .lead-form>div:not(.inline-two), .careers-page-clean .careers-form>div:not(.inline-two){display:flex!important;flex-direction:column!important;gap:3px!important;margin:0!important;width:100%!important;align-items:stretch!important} .careers-page-clean label{display:block!important;margin:0!important;padding:0!important;width:100%!important;font-size:.88rem!important;font-weight:800!important;line-height:1.25!important;color:#fff!important} .careers-page-clean .wpcf7-form-control-wrap{display:block!important;width:100%!important;margin:0!important;padding:0!important} .careers-page-clean input:not([type="submit"]):not([type="checkbox"]), .careers-page-clean textarea, .careers-page-clean select{display:block!important;width:100%!important;min-height:46px!important;margin:0!important;padding:10px 13px!important;border-radius:14px!important;border:1px solid rgba(244,241,233,.13)!important;background:#101014!important;color:var(--yas-bone)!important;box-shadow:none!important;outline:0!important;font-size:.92rem!important;line-height:1.4!important} .careers-page-clean textarea{min-height:108px!important;resize:vertical!important} .careers-page-clean input[type="file"]{min-height:46px!important;padding:11px 13px!important;border-style:dashed!important;background:rgba(255,255,255,.035)!important} .careers-page-clean input:focus, .careers-page-clean textarea:focus, .careers-page-clean select:focus{border-color:rgba(215,255,62,.55)!important;box-shadow:0 0 0 4px rgba(215,255,62,.08)!important;background:#121218!important} .careers-page-clean .careers-consent{padding:11px 13px!important;border-radius:15px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(244,241,233,.10)!important;color:rgba(244,241,233,.82)!important;line-height:1.6!important;margin:0!important} .careers-page-clean .careers-consent label{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:8px!important;font-size:.86rem!important;font-weight:600!important;color:rgba(244,241,233,.82)!important} .careers-page-clean .careers-consent input[type="checkbox"]{width:17px!important;height:17px!important;margin:2px 0 0!important;flex:0 0 auto!important;accent-color:var(--yas-voltage)!important} .careers-page-clean .careers-submit{display:flex!important;margin-top:4px!important;width:100%!important} .careers-page-clean input[type="submit"], .careers-page-clean .yas-btn{display:inline-flex!important;width:auto!important;min-width:auto!important;min-height:40px!important;padding:9px 22px!important;border-radius:999px!important;border:0!important;background:var(--yas-voltage)!important;color:#111!important;font-size:.88rem!important;font-weight:900!important;line-height:1!important;cursor:pointer!important;box-shadow:0 14px 28px rgba(215,255,62,.14)!important} .careers-page-clean:not(.careers-page-clean--en), .careers-page-clean:not(.careers-page-clean--en) .careers-form-shell--compact, .careers-page-clean:not(.careers-page-clean--en) .wpcf7-form, .careers-page-clean:not(.careers-page-clean--en) .lead-form, .careers-page-clean:not(.careers-page-clean--en) .careers-form, .careers-page-clean:not(.careers-page-clean--en) label, .careers-page-clean:not(.careers-page-clean--en) input:not([type="submit"]):not([type="checkbox"]), .careers-page-clean:not(.careers-page-clean--en) textarea, .careers-page-clean:not(.careers-page-clean--en) select{direction:rtl!important;text-align:right!important} .careers-page-clean:not(.careers-page-clean--en) .careers-submit{justify-content:flex-start!important} .careers-page-clean--en, .careers-page-clean--en .careers-form-shell--compact, .careers-page-clean--en .wpcf7-form, .careers-page-clean--en .lead-form, .careers-page-clean--en .careers-form, .careers-page-clean--en label, .careers-page-clean--en input:not([type="submit"]):not([type="checkbox"]), .careers-page-clean--en textarea, .careers-page-clean--en select{direction:ltr!important;text-align:left!important} .careers-page-clean--en .careers-submit{justify-content:flex-start!important} body:not(.lang-en) .contact-form-shell, body:not(.lang-en) .contact-form-shell .wpcf7, body:not(.lang-en) .contact-form-shell .wpcf7-form, body:not(.lang-en) .contact-form-shell .lead-form{direction:rtl!important;text-align:right!important} body:not(.lang-en) .contact-form-shell label, body:not(.lang-en) .contact-form-shell input:not([type="submit"]):not([type="checkbox"]), body:not(.lang-en) .contact-form-shell textarea, body:not(.lang-en) .contact-form-shell select{direction:rtl!important;text-align:right!important} body:not(.lang-en) .contact-form-shell .lead-form{gap:10px!important} body:not(.lang-en) .contact-form-shell .inline-two{direction:rtl!important;gap:10px 12px!important} body:not(.lang-en) .contact-form-shell .lead-form label{margin:0 0 3px!important;line-height:1.25!important} body:not(.lang-en) .contact-form-shell input[type="submit"], body:not(.lang-en) .contact-form-shell .yas-btn{background:var(--yas-voltage)!important;color:#111!important;width:auto!important;min-width:auto!important;min-height:40px!important;padding:9px 22px!important;border-radius:999px!important;font-size:.88rem!important} @media(max-width:1200px){.careers-page-clean .careers-form-shell--compact{width:65%!important}} @media(max-width:980px){.careers-page-clean .careers-form-shell--compact{width:82%!important}} @media(max-width:720px){.careers-page-clean .careers-form-shell--compact{width:100%!important;max-width:100%!important;padding:22px 16px!important}.careers-page-clean .inline-two{grid-template-columns:1fr!important}.careers-page-clean{padding:52px 0 72px!important}} /* === FINAL Careers form sizing + RTL contact override === */ .careers-page-clean .careers-form-shell--compact{ width:74%!important; max-width:900px!important; padding:34px 36px!important; } .careers-page-clean .wpcf7, .careers-page-clean .wpcf7 form, .careers-page-clean .wpcf7-form, .careers-page-clean .lead-form, .careers-page-clean .careers-form{ gap:14px!important; } .careers-page-clean .inline-two{ gap:14px 18px!important; align-items:start!important; } .careers-page-clean .inline-two > div, .careers-page-clean .lead-form > div:not(.inline-two), .careers-page-clean .careers-form > div:not(.inline-two), .careers-page-clean .wpcf7-form p{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:5px!important; margin:0!important; width:100%!important; } .careers-page-clean label{ display:block!important; width:100%!important; margin:0 0 5px!important; padding:0!important; text-align:inherit!important; line-height:1.35!important; } .careers-page-clean .wpcf7-form-control-wrap{ display:block!important; width:100%!important; } .careers-page-clean input:not([type="submit"]):not([type="checkbox"]), .careers-page-clean textarea, .careers-page-clean select{ min-height:52px!important; padding:12px 15px!important; border-radius:15px!important; font-size:.95rem!important; } .careers-page-clean textarea{min-height:132px!important} .careers-page-clean .careers-consent, .careers-page-clean .applicant-consent, .careers-page-clean .wpcf7-acceptance, .careers-page-clean span[data-name="applicant-consent"]{ display:none!important; } .careers-page-clean .careers-submit{margin-top:6px!important} .careers-page-clean input[type="submit"], .careers-page-clean .yas-btn{ min-height:44px!important; padding:11px 24px!important; font-size:.9rem!important; background:var(--yas-voltage)!important; color:#111!important; } .careers-page-clean:not(.careers-page-clean--en), .careers-page-clean:not(.careers-page-clean--en) .careers-form-shell--compact, .careers-page-clean:not(.careers-page-clean--en) .wpcf7, .careers-page-clean:not(.careers-page-clean--en) .wpcf7-form, .careers-page-clean:not(.careers-page-clean--en) .lead-form, .careers-page-clean:not(.careers-page-clean--en) .careers-form, .careers-page-clean:not(.careers-page-clean--en) label, .careers-page-clean:not(.careers-page-clean--en) input:not([type="submit"]):not([type="checkbox"]), .careers-page-clean:not(.careers-page-clean--en) textarea, .careers-page-clean:not(.careers-page-clean--en) select{ direction:rtl!important; text-align:right!important; } .careers-page-clean:not(.careers-page-clean--en) .careers-submit{justify-content:flex-start!important} /* Arabic Contact page: force RTL content and form fields */ body:not(.lang-en) .contact-layout, body:not(.lang-en) .contact-card, body:not(.lang-en) .form-card, body:not(.lang-en) .contact-form-shell, body:not(.lang-en) .contact-form-shell .wpcf7, body:not(.lang-en) .contact-form-shell .wpcf7-form, body:not(.lang-en) .contact-form-shell .lead-form{ direction:rtl!important; text-align:right!important; } body:not(.lang-en) .contact-form-shell .inline-two, body:not(.lang-en) .form-card .inline-two, body:not(.lang-en) .lead-form .inline-two{ direction:rtl!important; } body:not(.lang-en) .contact-form-shell .inline-two > div, body:not(.lang-en) .contact-form-shell .lead-form > div:not(.inline-two), body:not(.lang-en) .contact-form-shell .wpcf7-form p, body:not(.lang-en) .form-card .inline-two > div, body:not(.lang-en) .form-card .lead-form > div:not(.inline-two){ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:5px!important; margin:0!important; } body:not(.lang-en) .contact-form-shell label, body:not(.lang-en) .form-card label, body:not(.lang-en) .contact-form-shell input:not([type="submit"]):not([type="checkbox"]), body:not(.lang-en) .contact-form-shell textarea, body:not(.lang-en) .contact-form-shell select, body:not(.lang-en) .form-card input:not([type="submit"]):not([type="checkbox"]), body:not(.lang-en) .form-card textarea, body:not(.lang-en) .form-card select{ direction:rtl!important; text-align:right!important; } body:not(.lang-en) .contact-form-shell label, body:not(.lang-en) .form-card label{ display:block!important; margin:0 0 5px!important; width:100%!important; } @media(max-width:1200px){.careers-page-clean .careers-form-shell--compact{width:82%!important;max-width:900px!important}} @media(max-width:980px){.careers-page-clean .careers-form-shell--compact{width:100%!important;max-width:100%!important;padding:28px 22px!important}} @media(max-width:720px){.careers-page-clean .inline-two{grid-template-columns:1fr!important}.careers-page-clean .careers-form-shell--compact{padding:24px 16px!important}} /* ===== YAS SECTORS MEDIA UPDATE - ADDED ===== */ /* YAS Media Sectors Plugin */ .yas-sectors-section{position:relative;overflow:hidden;direction:rtl;text-align:right} .yas-sectors-section::before{content:'';position:absolute;inset:0 0 auto 0;height:280px;background:radial-gradient(circle at 82% 0%,rgba(215,255,62,.09),transparent 36%);pointer-events:none} .yas-sectors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px;position:relative;z-index:1} .yas-sector-card{position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.016));border:1px solid rgba(215,255,62,.14);box-shadow:0 24px 70px rgba(0,0,0,.26);transition:transform .75s cubic-bezier(.16,1,.3,1),border-color .75s,box-shadow .75s;min-height:100%} .yas-sector-card a{display:block;color:inherit;height:100%} .yas-sector-card__media{position:relative;height:225px;overflow:hidden;background:#101014} .yas-sector-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.15s cubic-bezier(.16,1,.3,1),filter 1.15s} .yas-sector-card__media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.58));pointer-events:none} .yas-sector-card__placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:2.4rem;font-weight:900;letter-spacing:.18em;color:rgba(215,255,62,.34);background:radial-gradient(circle,rgba(215,255,62,.08),transparent 48%),#111117} .yas-sector-card__priority{position:absolute;inset-inline-start:18px;bottom:18px;z-index:2;padding:8px 14px;border-radius:999px;background:rgba(215,255,62,.14);border:1px solid rgba(215,255,62,.28);color:var(--yas-voltage,#d7ff3e);font-size:.82rem;font-weight:800;backdrop-filter:blur(10px)} .yas-sector-card__body{padding:24px;display:grid;gap:15px;min-height:300px} .yas-sector-card__body h3{margin:0;color:#fff;font-size:1.42rem;line-height:1.25;font-family:'Alexandria',Inter,sans-serif} .yas-sector-card__meta{display:grid;gap:10px;color:rgba(244,241,233,.74);font-size:.92rem;line-height:1.65} .yas-sector-card__meta span{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)} .yas-sector-card__meta strong{color:var(--yas-voltage,#d7ff3e);font-weight:800} .yas-sector-card__alert{margin:0;color:rgba(244,241,233,.68);font-size:.9rem;line-height:1.75} .yas-sector-card__more{width:max-content;margin-top:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--yas-voltage,#d7ff3e);color:#111;font-weight:900;padding:10px 18px;font-size:.86rem} .yas-sector-card:hover{transform:translateY(-8px);border-color:rgba(215,255,62,.36);box-shadow:0 36px 88px rgba(0,0,0,.36),0 0 0 1px rgba(215,255,62,.06)} .yas-sector-card:hover .yas-sector-card__media img{transform:scale(1.08);filter:saturate(1.12)} .yas-sector-card::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.25) 45%,transparent 62%);transform:translateX(135%) skewX(-18deg);transition:transform 1.6s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:4} .yas-sector-card:hover::after{transform:translateX(-135%) skewX(-18deg)} .yas-empty-sectors{margin-top:34px;padding:32px;border-radius:24px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.10);text-align:center;color:rgba(244,241,233,.75)} .yas-sector-single{direction:rtl;text-align:right;background:var(--yas-bg,#0e0e12)} .yas-sector-hero{min-height:76vh;overflow:hidden;isolation:isolate} .yas-sector-hero__media img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.04)} .yas-sector-hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(4,4,6,.66) 48%,#050506 100%),radial-gradient(circle at 82% 28%,rgba(215,255,62,.15),transparent 34%)} .yas-sector-hero .hero-content{z-index:2} .yas-sector-overview-grid{display:grid;grid-template-columns:1.35fr .75fr;gap:24px;align-items:stretch} .yas-sector-main-card,.yas-sector-side-card,.yas-sector-info-panel,.yas-sector-number-card,.yas-sector-cta{position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014));border:1px solid rgba(244,241,233,.12);box-shadow:0 24px 70px rgba(0,0,0,.22)} .yas-sector-main-card{padding:38px}.yas-sector-main-card p,.yas-sector-content{color:rgba(244,241,233,.76);line-height:1.9} .yas-sector-side-card{padding:24px;display:grid;gap:14px} .yas-sector-side-card div{padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)} .yas-sector-side-card span{display:block;color:rgba(244,241,233,.58);font-size:.86rem;margin-bottom:6px} .yas-sector-side-card strong{display:block;color:#fff;font-size:1.05rem} .yas-sector-numbers-section{background:radial-gradient(circle at 50% 0%,rgba(215,255,62,.07),transparent 35%)} .yas-sector-numbers-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px} .yas-sector-number-card{padding:24px;color:#fff;font-weight:800;line-height:1.7;min-height:135px;display:flex;align-items:center;border-color:rgba(215,255,62,.16)} .yas-sector-block-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px} .yas-sector-info-panel{padding:32px}.yas-sector-info-panel h2{margin:0 0 16px;color:#fff;font-size:1.65rem;line-height:1.25;font-family:'Alexandria',Inter,sans-serif}.yas-sector-info-panel p{color:rgba(244,241,233,.72);line-height:1.9}.yas-sector-info-panel--solution{border-color:rgba(215,255,62,.26);background:radial-gradient(circle at 90% 10%,rgba(215,255,62,.10),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014))} .yas-sector-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}.yas-sector-list li{position:relative;padding-inline-start:28px;color:rgba(244,241,233,.82);line-height:1.75}.yas-sector-list li::before{content:'✓';position:absolute;inset-inline-start:0;color:var(--yas-voltage,#d7ff3e);font-weight:900}.yas-sector-list--numbered{counter-reset:sector-counter}.yas-sector-list--numbered li{counter-increment:sector-counter}.yas-sector-list--numbered li::before{content:counter(sector-counter);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(215,255,62,.14);font-size:.75rem;top:.25em} .yas-sector-cta{text-align:center;padding:48px 28px;background:radial-gradient(circle at top,rgba(215,255,62,.12),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.014));border-color:rgba(215,255,62,.24)} .yas-sector-cta h2{margin:0 0 12px;color:#fff;font-size:clamp(1.8rem,3vw,3.3rem);font-family:'Alexandria',Inter,sans-serif;line-height:1.18}.yas-sector-cta p{margin:0 0 24px;color:rgba(244,241,233,.74)} @media(max-width:1100px){.yas-sectors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yas-sector-overview-grid,.yas-sector-block-grid{grid-template-columns:1fr}.yas-sector-numbers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.yas-sectors-grid,.yas-sector-numbers-grid{grid-template-columns:1fr}.yas-sector-card__media{height:210px}.yas-sector-card__body{min-height:auto;padding:20px}.yas-sector-main-card,.yas-sector-info-panel{padding:24px}.yas-sector-hero{min-height:62vh}.yas-sector-side-card{padding:18px}} /* V1.2 Sector detail hero like service detail + media gallery */ .yas-sector-service-hero{position:relative;min-height:74vh;display:grid;align-items:end;overflow:hidden;padding:150px 0 74px;background:#050507;border-bottom:1px solid rgba(244,241,233,.08);isolation:isolate;direction:rtl;text-align:right} .yas-sector-hero-video{position:absolute;inset:0;overflow:hidden;z-index:0} .yas-sector-hero-video video,.yas-sector-hero-video img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.04)} .yas-sector-service-hero .service-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,.64) 45%,rgba(0,0,0,.92)),radial-gradient(circle at 70% 30%,rgba(215,255,62,.12),transparent 35%)} .yas-sector-service-hero .service-hero-inner{position:relative;z-index:2;max-width:1180px} .yas-sector-service-hero .yas-title{max-width:1050px!important;font-size:clamp(2.1rem,4.4vw,4.6rem)!important;line-height:1.08!important;margin:0 0 16px;color:#fff} .yas-sector-service-hero .service-hero-description{max-width:900px!important;color:rgba(244,241,233,.80);margin:14px 0 0;font-size:1.02rem;line-height:1.9} .yas-sector-media-section{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 0%,rgba(215,255,62,.06),transparent 34%)} .yas-sector-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px} .yas-sector-gallery-item{margin:0;border-radius:26px;overflow:hidden;background:#101014;border:1px solid rgba(244,241,233,.12);box-shadow:0 22px 58px rgba(0,0,0,.24);aspect-ratio:16/11} .yas-sector-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 1.05s cubic-bezier(.16,1,.3,1),filter 1.05s} .yas-sector-gallery-item:hover img{transform:scale(1.06);filter:saturate(1.1)} .yas-sector-videos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px} .yas-sector-video-card{position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014));border:1px solid rgba(244,241,233,.12);box-shadow:0 22px 58px rgba(0,0,0,.24);aspect-ratio:16/9;display:grid;place-items:center} .yas-sector-video-card video,.yas-sector-video-card iframe{width:100%;height:100%;object-fit:cover;border:0;display:block} @media(max-width:900px){.yas-sector-gallery-grid,.yas-sector-videos-grid{grid-template-columns:1fr}.yas-sector-service-hero{min-height:62vh;padding:130px 0 58px}.yas-sector-service-hero .yas-title{font-size:clamp(2rem,11vw,3.5rem)!important}} /* ===== YAS Home Parallax + Animated Scroll ===== */ .home-scroll-panel{position:relative;isolation:isolate;will-change:transform,opacity;overflow:hidden} .home-panel-slide{transform:translateY(46px) scale(.985);opacity:.86;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .9s cubic-bezier(.16,1,.3,1)} .home-panel-slide.is-scroll-active{transform:translateY(0) scale(1);opacity:1} .home-panel-slide::before{content:'';position:absolute;inset:0 0 auto 0;height:240px;background:radial-gradient(circle at 72% 0%,rgba(215,255,62,.08),transparent 38%);opacity:.75;pointer-events:none;z-index:-1} .home-hero-scroll{min-height:100svh;overflow:hidden;perspective:1200px} .home-hero-scroll .hero-media{will-change:transform,filter,opacity;transform:translate3d(0,var(--hero-media-y,0px),0) scale(var(--hero-media-scale,1));filter:brightness(var(--hero-brightness,1)) saturate(var(--hero-saturate,1))} .home-hero-scroll .hero-copy{will-change:transform,opacity,filter;transform:translate3d(0,var(--hero-copy-y,0px),0) scale(var(--hero-copy-scale,1));opacity:var(--hero-copy-opacity,1);filter:blur(var(--hero-copy-blur,0px))} .home-hero-scroll .hero-title-display{background:linear-gradient(120deg,#fff 0%,var(--yas-bone) 38%,var(--yas-voltage) 80%,#fff 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:yasHeroTextGlow 7s ease-in-out infinite;text-shadow:0 0 34px rgba(215,255,62,.10)} .home-hero-scroll .hero-light--one{transform:translate3d(var(--hero-light-one-x,0px),var(--hero-light-one-y,0px),0)} .home-hero-scroll .hero-light--two{transform:translate3d(var(--hero-light-two-x,0px),var(--hero-light-two-y,0px),0)} .parallax-section{will-change:transform;transform:translate3d(0,var(--section-parallax-y,0px),0)} .parallax-card{will-change:transform;transform:translate3d(0,var(--card-parallax-y,0px),0)} .reveal{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1)} .reveal:not(.is-visible){opacity:0;transform:translateY(42px) scale(.985);filter:blur(10px)} .reveal.is-visible{opacity:1;transform:none;filter:blur(0)} .home-panel-slide .stat-panel, .home-panel-slide .yas-service-card, .home-panel-slide .process-node{transition-delay:calc(var(--scroll-item-index,0) * 80ms)} .stats-premium-grid .stat-panel:nth-child(1),.yas-service-cards-grid .yas-service-card:nth-child(1),.process-flow .process-node:nth-child(1){--scroll-item-index:1} .stats-premium-grid .stat-panel:nth-child(2),.yas-service-cards-grid .yas-service-card:nth-child(2),.process-flow .process-node:nth-child(2){--scroll-item-index:2} .stats-premium-grid .stat-panel:nth-child(3),.yas-service-cards-grid .yas-service-card:nth-child(3),.process-flow .process-node:nth-child(3){--scroll-item-index:3} .stats-premium-grid .stat-panel:nth-child(4),.yas-service-cards-grid .yas-service-card:nth-child(4),.process-flow .process-node:nth-child(4){--scroll-item-index:4} .yas-service-cards-grid .yas-service-card:nth-child(5),.process-flow .process-node:nth-child(5){--scroll-item-index:5} .yas-service-cards-grid .yas-service-card:nth-child(6){--scroll-item-index:6} @keyframes yasHeroTextGlow{0%,100%{background-position:0% center}50%{background-position:100% center}} @media (prefers-reduced-motion:reduce){.home-panel-slide,.home-hero-scroll .hero-media,.home-hero-scroll .hero-copy,.parallax-section,.parallax-card,.reveal{transform:none!important;transition:none!important;animation:none!important;filter:none!important;opacity:1!important}.home-hero-scroll .hero-title-display{color:#fff;background:none}} @media(max-width:720px){.home-panel-slide{transform:translateY(24px) scale(.995)}.home-hero-scroll .hero-title-display{animation-duration:10s}} /* ========================================================= YAS Media V2 Reference Match - Dark/Voltage Homepage ========================================================= */ html,body{max-width:100%;overflow-x:hidden!important}body{background:#05080b!important}.yas-v2-home{overflow:hidden;background:#05080b;color:#fff}.yas-v2-home *{box-sizing:border-box}.yas-v2-home .yas-container{width:min(calc(100% - 72px),1240px);margin-inline:auto}.yas-v2-kicker{margin:0 0 12px;color:var(--yas-voltage);font-weight:800;font-size:.82rem;letter-spacing:.02em}.yas-v2-section{position:relative;padding:74px 0;border-top:1px solid rgba(244,241,233,.08);background:radial-gradient(circle at 50% 0,rgba(215,255,62,.035),transparent 30%),#05080b}.yas-v2-section-head{max-width:760px;margin-bottom:34px}.yas-v2-section-head--center{text-align:center;margin-inline:auto}.yas-v2-section-head h2,.yas-v2-ai__copy h2,.yas-v2-cta h2{font-family:'Alexandria','IBM Plex Sans Arabic',Inter,sans-serif;font-size:clamp(1.55rem,2.55vw,2.55rem)!important;line-height:1.18!important;margin:0 0 12px!important;letter-spacing:-.025em;color:#fff}.yas-v2-section-head h2 span,.yas-v2-ai__copy h2 span,.yas-v2-hero__title span,.yas-v2-cta h2 span{color:var(--yas-voltage);text-shadow:0 0 18px rgba(215,255,62,.16)}.yas-v2-section-head p,.yas-v2-ai__copy>p,.yas-v2-cta p{margin:0;color:rgba(244,241,233,.72);font-size:.95rem;line-height:1.85}.yas-v2-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 22px;border-radius:8px;font-weight:800;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,background .35s}.yas-v2-btn:hover{transform:translateY(-2px)}.yas-v2-btn--primary{background:var(--yas-voltage);color:#080b0d;box-shadow:none}.yas-v2-btn--ghost{border:1px solid rgba(244,241,233,.22);color:#fff;background:rgba(255,255,255,.02)}.yas-v2-btn--ghost i{width:26px;height:26px;border-radius:50%;border:1px solid rgba(244,241,233,.24);display:grid;place-items:center;font-style:normal;font-size:.72rem} .yas-v2-hero{position:relative;min-height:720px;height:100svh;overflow:hidden;isolation:isolate;background:#05080b;border-bottom:1px solid rgba(244,241,233,.12)}.yas-v2-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(var(--hero-scale,1.055)) translate3d(var(--hero-x,0),var(--hero-y,0),0);filter:saturate(.95) contrast(1.05) brightness(.84);transition:transform .12s linear;will-change:transform}.yas-v2-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,11,.96) 0%,rgba(5,8,11,.84) 24%,rgba(5,8,11,.34) 50%,rgba(5,8,11,.2) 72%,rgba(5,8,11,.74) 100%),linear-gradient(180deg,rgba(5,8,11,.1) 0%,rgba(5,8,11,.32) 62%,#05080b 100%)}.yas-v2-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 65%,rgba(215,255,62,.10),transparent 28%),radial-gradient(circle at 76% 34%,rgba(215,255,62,.06),transparent 30%);opacity:.9;pointer-events:none}.yas-v2-hero__grid{position:relative;z-index:1;min-height:100%;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;padding-top:92px}.yas-v2-hero__copy{max-width:510px;opacity:0;transform:translateY(28px);animation:yasHeroIn 1.2s cubic-bezier(.16,1,.3,1) .15s forwards}.yas-v2-hero__title{font-family:'Alexandria','IBM Plex Sans Arabic',Inter,sans-serif;font-size:clamp(2.5rem,5.2vw,5.1rem)!important;line-height:1.08!important;margin:0 0 20px!important;letter-spacing:-.04em;color:#fff}.yas-v2-hero__text{max-width:38ch;margin:0;color:rgba(244,241,233,.78);font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.95}.yas-v2-hero__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px}.yas-v2-proof{display:flex;align-items:center;gap:10px;margin-top:28px;color:rgba(244,241,233,.82);font-size:.9rem}.yas-v2-avatars{display:flex;direction:ltr}.yas-v2-avatars b{width:32px;height:32px;border-radius:50%;display:block;margin-left:-8px;border:2px solid rgba(5,8,11,.9);background:linear-gradient(135deg,#f4f1e9,#69707a)}.yas-v2-avatars b:nth-child(2){background:linear-gradient(135deg,#d8a36c,#3c4550)}.yas-v2-avatars b:nth-child(3){background:linear-gradient(135deg,#c6d7f4,#222)}.yas-v2-avatars b:nth-child(4){background:linear-gradient(135deg,#e7cf9c,#1b1b1d)}.yas-v2-hero__visual{min-height:520px}.yas-v2-scroll-hint{position:absolute;inset-inline-start:54px;top:32%;display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;font-size:.82rem;opacity:.82}.yas-v2-scroll-hint i{display:block;width:1px;height:126px;background:linear-gradient(180deg,transparent,var(--yas-voltage),transparent);position:relative}.yas-v2-scroll-hint i::after{content:'';position:absolute;left:50%;bottom:18px;width:10px;height:10px;border-radius:50%;background:var(--yas-voltage);transform:translateX(-50%);box-shadow:0 0 18px rgba(215,255,62,.75);animation:yasDot 2.4s ease-in-out infinite}@keyframes yasHeroIn{to{opacity:1;transform:none}}@keyframes yasDot{50%{bottom:82px;opacity:.35}} .yas-v2-marquees{position:relative;z-index:3;background:#070b10;border-top:1px solid rgba(244,241,233,.10);border-bottom:1px solid rgba(244,241,233,.10);padding:18px 0;overflow:hidden}.yas-v2-marquees::before,.yas-v2-marquees::after{content:'';position:absolute;top:0;bottom:0;width:16vw;z-index:2;pointer-events:none}.yas-v2-marquees::before{right:0;background:linear-gradient(90deg,transparent,#070b10)}.yas-v2-marquees::after{left:0;background:linear-gradient(90deg,#070b10,transparent)}.yas-v2-marquee{white-space:nowrap;overflow:hidden}.yas-v2-marquee+.yas-v2-marquee{margin-top:8px;opacity:.75}.yas-v2-marquee__track{display:inline-flex;gap:24px;align-items:center;animation:yasV2Marquee 72s linear infinite}.yas-v2-marquee--reverse .yas-v2-marquee__track{animation-direction:reverse;animation-duration:86s}.yas-v2-marquee__track span{display:inline-flex;align-items:center;gap:24px;color:rgba(244,241,233,.64);font-size:.9rem}.yas-v2-marquee__track span::after{content:'✦';color:var(--yas-voltage);font-size:.7rem}@keyframes yasV2Marquee{to{transform:translateX(-33.333%)}} .yas-v2-services{padding-top:68px;background:radial-gradient(circle at 10% 0,rgba(215,255,62,.06),transparent 35%),#05080b}.yas-v2-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.yas-v2-service-card{position:relative;min-height:290px;border-radius:14px;overflow:hidden;border:1px solid rgba(244,241,233,.14);background:#0b1014;box-shadow:0 20px 50px rgba(0,0,0,.28);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#fff;isolation:isolate;transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .55s}.yas-v2-service-card:hover{transform:translateY(-8px);border-color:rgba(215,255,62,.4)}.yas-v2-service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.1) brightness(.48) contrast(1.05);transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .8s}.yas-v2-service-card:hover img{transform:scale(1.08);filter:grayscale(0) brightness(.56) contrast(1.08)}.yas-v2-service-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,11,.05),rgba(5,8,11,.92));z-index:-1}.yas-v2-service-card__brand{position:absolute;top:22px;inset-inline-start:22px;color:var(--yas-voltage);font-weight:900;font-size:.9rem;letter-spacing:.05em}.yas-v2-service-card strong{position:relative;font-size:clamp(1.45rem,2vw,2.05rem);line-height:1.18;font-family:'Alexandria','IBM Plex Sans Arabic',Inter,sans-serif;max-width:10ch}.yas-v2-service-card i{display:block;position:relative;margin-top:22px;width:100%;height:2px;background:rgba(215,255,62,.22);overflow:hidden}.yas-v2-service-card i::after{content:'';position:absolute;inset:0;background:var(--yas-voltage);transform:scaleX(.18);transform-origin:right;transition:transform .7s cubic-bezier(.16,1,.3,1)}body.lang-en .yas-v2-service-card i::after{transform-origin:left}.yas-v2-service-card:hover i::after{transform:scaleX(1)} .yas-v2-ai{background:#05080b}.yas-v2-ai__layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;align-items:center}.yas-v2-ai__copy{max-width:430px}.yas-v2-ai-list{display:grid;gap:0;margin-top:30px;border:1px solid rgba(244,241,233,.12);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.015)}.yas-v2-ai-list button{appearance:none;border:0;background:transparent;color:#fff;text-align:inherit;padding:20px 18px;display:grid;grid-template-columns:1fr 58px;gap:10px;align-items:center;cursor:pointer;border-bottom:1px solid rgba(244,241,233,.08);transition:background .55s,border-color .55s}.yas-v2-ai-list button:last-child{border-bottom:0}.yas-v2-ai-list button b{grid-column:2;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(244,241,233,.18);font-size:1rem;color:#fff;transition:all .55s}.yas-v2-ai-list button span{grid-column:1;grid-row:1;font-weight:900;font-size:1.05rem}.yas-v2-ai-list button small{grid-column:1;grid-row:2;color:rgba(244,241,233,.58);line-height:1.65;font-size:.82rem}.yas-v2-ai-list button.is-active{background:linear-gradient(90deg,rgba(215,255,62,.08),transparent)}.yas-v2-ai-list button.is-active b{border-color:var(--yas-voltage);color:var(--yas-voltage);box-shadow:0 0 0 6px rgba(215,255,62,.08)}.yas-v2-ai__visual{position:relative;min-height:480px;display:grid;place-items:center}.yas-v2-ai__visual::before{content:'';position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(215,255,62,.13),transparent 62%);filter:blur(30px)}.yas-v2-ai-svg{position:relative;width:min(100%,620px);filter:drop-shadow(0 28px 50px rgba(0,0,0,.42))}.yas-ai-path{transform-box:fill-box;transform-origin:center;transition:transform 1.05s cubic-bezier(.16,1,.3,1),opacity 1.05s}.yas-v2-ai.is-changing .yas-ai-path{transform:scale(.92);opacity:.35}.yas-v2-ai.is-ready .yas-ai-path{animation:yasBreath 4s ease-in-out infinite}@keyframes yasBreath{50%{transform:scale(1.018)}} .yas-v2-stats{position:relative;padding:58px 0;background:linear-gradient(180deg,rgba(5,8,11,.66),#05080b),url('assets/images/yas-gateway-bg.jpg') center 75%/cover fixed;border-block:1px solid rgba(244,241,233,.10)}.yas-v2-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.yas-v2-stat{text-align:center;min-height:126px;display:grid;place-items:center;border-radius:16px;background:rgba(8,12,15,.54);border:1px solid rgba(244,241,233,.10);backdrop-filter:blur(2px);transition:transform .45s,border-color .45s}.yas-v2-stat:hover{transform:translateY(-6px);border-color:rgba(215,255,62,.3)}.yas-v2-stat span{font-size:clamp(2rem,3vw,3.2rem);font-weight:900;color:#fff;line-height:1}.yas-v2-stat p{margin:8px 0 0;color:rgba(244,241,233,.78);font-weight:700}.yas-v2-stat.is-featured{border-color:rgba(215,255,62,.46);box-shadow:0 0 0 1px rgba(215,255,62,.08)}.yas-v2-stat.is-featured span{color:var(--yas-voltage)} .yas-v2-process{background:#05080b;padding-top:66px}.yas-v2-timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:42px;padding-top:54px;direction:rtl}.yas-v2-timeline::before{content:'';position:absolute;top:34px;left:7%;right:7%;height:1px;background:linear-gradient(90deg,rgba(215,255,62,.15),var(--yas-voltage),rgba(215,255,62,.15));transform-origin:right;transform:scaleX(0);transition:transform 1.8s cubic-bezier(.16,1,.3,1)}.yas-v2-timeline.is-visible::before,.reveal.is-visible .yas-v2-timeline::before{transform:scaleX(1)}.yas-v2-timeline__item{position:relative;text-align:center;padding:44px 12px 0;color:#fff}.yas-v2-timeline__item::before{content:'';position:absolute;top:-45px;left:50%;width:76px;height:76px;border-radius:50%;transform:translateX(-50%);background:rgba(215,255,62,.06);border:1px solid rgba(215,255,62,.22);box-shadow:0 0 0 18px rgba(215,255,62,.035)}.yas-v2-timeline__item::after{content:'✦';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#071014;color:var(--yas-voltage);border:1px solid rgba(215,255,62,.28);font-size:.82rem}.yas-v2-timeline__item i{font-style:normal;display:block;color:rgba(244,241,233,.54);font-weight:900;margin-bottom:8px}.yas-v2-timeline__item b{display:block;font-size:1.18rem;margin-bottom:8px}.yas-v2-timeline__item p{margin:0;color:rgba(244,241,233,.62);font-size:.84rem;line-height:1.75}.yas-v2-timeline__item:nth-child(3)::before{background:rgba(215,255,62,.10);border-color:rgba(215,255,62,.42);box-shadow:0 0 0 18px rgba(215,255,62,.05),0 0 36px rgba(215,255,62,.12)} .yas-v2-cta{padding:0 0 70px;background:#05080b}.yas-v2-cta__card{display:flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid rgba(215,255,62,.20);border-radius:16px;padding:28px 34px;background:linear-gradient(90deg,rgba(215,255,62,.055),rgba(255,255,255,.015)),radial-gradient(circle at 50% 0,rgba(215,255,62,.08),transparent 55%)}.yas-v2-cta__card h2{margin-bottom:8px!important}.yas-v2-cta__card>div:first-child{max-width:660px}.yas-v2-cta__card .yas-v2-hero__actions{margin:0;flex-shrink:0}.reveal{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:none} @media(max-width:1100px){.yas-v2-home .yas-container{width:min(calc(100% - 40px),1240px)}.yas-v2-hero__grid{grid-template-columns:1fr}.yas-v2-hero__visual{display:none}.yas-v2-service-grid{grid-template-columns:repeat(2,1fr)}.yas-v2-ai__layout{grid-template-columns:1fr;gap:30px}.yas-v2-ai__copy{max-width:none}.yas-v2-timeline{grid-template-columns:1fr;gap:10px;padding-top:0}.yas-v2-timeline::before{display:none}.yas-v2-timeline__item{text-align:inherit;padding:18px 20px 18px 76px;border:1px solid rgba(244,241,233,.10);border-radius:16px}.yas-v2-timeline__item::before{top:22px;left:38px;width:44px;height:44px;box-shadow:none}.yas-v2-timeline__item::after{top:29px;left:38px;width:28px;height:28px}.yas-v2-timeline__item i{display:inline-flex;margin-inline-end:8px}.yas-v2-cta__card{display:grid}}@media(max-width:700px){.yas-v2-hero{min-height:680px}.yas-v2-hero__title{font-size:clamp(2.3rem,11vw,3.5rem)!important}.yas-v2-service-grid,.yas-v2-stats__grid{grid-template-columns:1fr}.yas-v2-service-card{min-height:330px}.yas-v2-section{padding:56px 0}.yas-v2-ai-list button{grid-template-columns:1fr 48px}.yas-v2-ai__visual{min-height:320px}.yas-v2-scroll-hint{display:none}} /* === YAS V2 final requested updates: hero video, continuous marquee, new workflow === */ html,body{overflow-x:hidden!important} .yas-v2-hero__bg--video{background-size:cover;background-position:center;overflow:hidden;transform:translate3d(var(--hero-x,0),var(--hero-y,0),0) scale(var(--hero-scale,1.04));transition:transform .12s linear;will-change:transform} .yas-v2-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88;filter:saturate(.92) contrast(1.05) brightness(.72);transform:scale(1.03);will-change:transform} .yas-v2-hero__shade{background:linear-gradient(90deg,rgba(5,8,11,.92) 0%,rgba(5,8,11,.76) 35%,rgba(5,8,11,.26) 70%,rgba(5,8,11,.70) 100%),radial-gradient(circle at 18% 35%,rgba(215,255,62,.10),transparent 34%)!important} .yas-v2-proof{display:none!important} .yas-v2-marquees{padding:14px 0!important;background:#06090d!important} .yas-v2-marquee+.yas-v2-marquee{display:none!important} .yas-v2-marquee__track{animation:yasV2MarqueeLTR 95s linear infinite!important;will-change:transform} .yas-v2-marquee__track span{font-size:.88rem!important;color:rgba(244,241,233,.70)!important} @keyframes yasV2MarqueeLTR{from{transform:translateX(-33.333%)}to{transform:translateX(0)}} /* Replace old timeline with premium workflow cards */ .yas-v2-process{background:#05080b!important;padding-top:64px!important;padding-bottom:74px!important;position:relative;overflow:hidden} .yas-v2-process::before{content:'';position:absolute;inset:8% auto auto -12%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(215,255,62,.055),transparent 62%);pointer-events:none} .yas-v2-workflow{display:grid;grid-template-columns:.42fr .58fr;gap:26px;align-items:start;margin-top:28px;position:relative;z-index:1} .yas-v2-workflow__intro{position:sticky;top:110px;min-height:360px;border:1px solid rgba(244,241,233,.10);border-radius:28px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden} .yas-v2-workflow__intro::before{content:'';position:absolute;inset:18px;border-radius:22px;border:1px solid rgba(215,255,62,.10);pointer-events:none} .yas-v2-workflow__intro span{position:relative;z-index:1;color:var(--yas-voltage);font-size:.82rem;font-weight:800;letter-spacing:.08em;margin-bottom:12px} .yas-v2-workflow__intro strong{position:relative;z-index:1;color:#fff;font-size:clamp(1.35rem,2.2vw,2.25rem);line-height:1.32;max-width:12ch} .yas-v2-workflow__cards{display:grid;gap:14px} .yas-v2-workflow-card{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;border:1px solid rgba(244,241,233,.105);border-radius:24px;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.010));box-shadow:0 18px 50px rgba(0,0,0,.18);opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1),border-color .45s ease,background .45s ease} .yas-v2-workflow.is-visible .yas-v2-workflow-card,.reveal.is-visible .yas-v2-workflow-card{opacity:1;transform:none;transition-delay:calc(var(--d) * 90ms)} .yas-v2-workflow-card:hover{border-color:rgba(215,255,62,.28);background:linear-gradient(180deg,rgba(215,255,62,.045),rgba(255,255,255,.012))} .yas-v2-workflow-card i{font-style:normal;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(215,255,62,.10);border:1px solid rgba(215,255,62,.25);color:var(--yas-voltage);font-weight:900;line-height:1} .yas-v2-workflow-card b{display:block;color:#fff;font-size:1.02rem;margin-bottom:6px;line-height:1.4} .yas-v2-workflow-card p{margin:0;color:rgba(244,241,233,.66);font-size:.88rem;line-height:1.85} .yas-v2-timeline{display:none!important} @media(max-width:900px){ .yas-v2-workflow{grid-template-columns:1fr;margin-top:20px} .yas-v2-workflow__intro{position:relative;top:auto;min-height:220px} .yas-v2-workflow__intro strong{max-width:18ch} } @media(max-width:640px){ .yas-v2-workflow-card{grid-template-columns:1fr;padding:20px} .yas-v2-workflow-card i{width:44px;height:44px} } /* === YAS V2: final fixes - menu fallback, 4 AI items, new workflow board === */ html,body{overflow-x:hidden!important;max-width:100%!important} .main-navigation ul.yas-fallback-menu{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0} .main-navigation ul.yas-fallback-menu a{color:#fff;font-weight:700;font-size:.92rem;transition:color .3s ease} .main-navigation ul.yas-fallback-menu a:hover{color:var(--yas-voltage)} .mobile-menu .yas-fallback-menu{display:contents} .yas-v2-ai{overflow:hidden!important} .yas-v2-ai-list{grid-template-columns:1fr!important} .yas-v2-ai-list button{min-height:86px;transition:background .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1)} .yas-v2-ai-list button:hover{transform:translateX(-4px)} body.lang-en .yas-v2-ai-list button:hover{transform:translateX(4px)} .yas-v2-ai-svg{transition:filter 1.2s cubic-bezier(.16,1,.3,1), transform 1.2s cubic-bezier(.16,1,.3,1)} .yas-v2-ai.is-changing .yas-v2-ai-svg{transform:scale(.985);filter:drop-shadow(0 18px 36px rgba(0,0,0,.34)) blur(.5px)} .yas-v2-process{background:#05080b!important;overflow:hidden!important;padding-top:68px!important;padding-bottom:78px!important} .yas-v2-process::before{display:none!important} .yas-v2-workflow,.yas-v2-timeline{display:none!important} .yas-v2-process-board{position:relative;display:grid;grid-template-columns:.86fr 1.14fr;gap:26px;margin-top:26px;direction:rtl;align-items:stretch} body.lang-en .yas-v2-process-board{direction:ltr} .yas-v2-process-board__visual{position:relative;min-height:440px;border-radius:30px;padding:30px;border:1px solid rgba(244,241,233,.10);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),url('assets/images/yas-gateway-bg.jpg') center/cover no-repeat;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate} .yas-v2-process-board__visual::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,11,.22),rgba(5,8,11,.86));z-index:-1} .yas-v2-process-board__visual::after{content:'';position:absolute;inset:18px;border-radius:24px;border:1px solid rgba(215,255,62,.10);pointer-events:none} .yas-v2-process-board__tag{width:max-content;display:inline-flex;align-items:center;padding:9px 13px;border-radius:999px;border:1px solid rgba(215,255,62,.26);background:rgba(215,255,62,.07);color:var(--yas-voltage);font-size:.72rem;font-weight:900;letter-spacing:.08em;margin-bottom:16px} .yas-v2-process-board__visual strong{display:block;max-width:12ch;color:#fff;font-size:clamp(1.55rem,2.8vw,3rem);line-height:1.2;letter-spacing:-.02em;margin-bottom:14px;font-family:'Alexandria','IBM Plex Sans Arabic',Inter,sans-serif} .yas-v2-process-board__visual p{max-width:48ch;margin:0;color:rgba(244,241,233,.74);font-size:.92rem;line-height:1.9} .yas-v2-process-board__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .yas-v2-process-step{position:relative;min-height:186px;border-radius:24px;padding:24px;border:1px solid rgba(244,241,233,.10);background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.010));overflow:hidden;opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),border-color .5s ease,background .5s ease} .yas-v2-process-board.is-visible .yas-v2-process-step,.reveal.is-visible .yas-v2-process-step{opacity:1;transform:none;transition-delay:calc(var(--d) * 110ms)} .yas-v2-process-step::before{content:'';position:absolute;inset:auto -20% -65% -20%;height:80%;background:radial-gradient(circle,rgba(215,255,62,.08),transparent 62%);opacity:.6;transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1)} .yas-v2-process-step:hover{border-color:rgba(215,255,62,.30);background:linear-gradient(180deg,rgba(215,255,62,.045),rgba(255,255,255,.012))} .yas-v2-process-step:hover::before{opacity:1;transform:translateY(-10px)} .yas-v2-process-step__num{position:relative;z-index:1;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;margin-bottom:24px;border:1px solid rgba(215,255,62,.28);background:rgba(215,255,62,.08);color:var(--yas-voltage);font-weight:950;font-size:1rem} .yas-v2-process-step__content{position:relative;z-index:1} .yas-v2-process-step h3{margin:0 0 9px;color:#fff;font-size:1.08rem;line-height:1.35;font-family:'Alexandria','IBM Plex Sans Arabic',Inter,sans-serif} .yas-v2-process-step p{margin:0;color:rgba(244,241,233,.65);font-size:.86rem;line-height:1.85} .yas-v2-process-step:nth-child(5){grid-column:span 2;min-height:150px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px} .yas-v2-process-step:nth-child(5) .yas-v2-process-step__num{margin-bottom:0} @media(max-width:1050px){.yas-v2-process-board{grid-template-columns:1fr}.yas-v2-process-board__visual{min-height:310px}.yas-v2-process-board__visual strong{max-width:16ch}} @media(max-width:720px){.yas-v2-process-board__steps{grid-template-columns:1fr}.yas-v2-process-step:nth-child(5){grid-column:auto;display:block;min-height:186px}.yas-v2-process-step:nth-child(5) .yas-v2-process-step__num{margin-bottom:24px}.yas-v2-process-board__visual{min-height:260px;padding:24px}.yas-v2-process-board__visual strong{font-size:clamp(1.45rem,8vw,2.35rem)}} /* === Header menu fix: use dashboard WordPress menu === */ .main-navigation{ display:flex; align-items:center; justify-content:center; min-width:0; } .main-navigation .yas-primary-menu, .main-navigation ul.menu{ display:flex !important; align-items:center; justify-content:center; gap:24px; margin:0; padding:0; list-style:none; } .main-navigation .yas-primary-menu > li, .main-navigation ul.menu > li{ position:relative; margin:0; padding:0; } .main-navigation .yas-primary-menu a, .main-navigation ul.menu a{ display:inline-flex; align-items:center; padding:10px 0; color:#fff; font-weight:700; font-size:.92rem; line-height:1.2; transition:color var(--yas-transition),opacity var(--yas-transition); } .main-navigation .yas-primary-menu a:hover, .main-navigation ul.menu a:hover, .main-navigation .current-menu-item > a, .main-navigation .current_page_item > a{ color:var(--yas-voltage); } .main-navigation .sub-menu{ position:absolute; top:100%; inset-inline-start:0; min-width:210px; display:grid !important; gap:0; opacity:0; visibility:hidden; transform:translateY(10px); padding:10px; margin:0; list-style:none; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(14,14,18,.94); backdrop-filter:blur(14px); box-shadow:0 20px 60px rgba(0,0,0,.28); transition:opacity var(--yas-transition),visibility var(--yas-transition),transform var(--yas-transition); } .main-navigation li:hover > .sub-menu{ opacity:1; visibility:visible; transform:translateY(0); } .main-navigation .sub-menu a{ width:100%; padding:10px 12px; border-radius:12px; white-space:nowrap; } .main-navigation .sub-menu a:hover{ background:rgba(215,255,62,.08); } .mobile-menu .yas-primary-menu--mobile, .mobile-menu .yas-primary-menu--mobile ul{ list-style:none; padding:0; margin:0; } .mobile-menu .yas-primary-menu--mobile{ display:grid; gap:14px; } .mobile-menu .yas-primary-menu--mobile a{ color:#fff; font-weight:800; display:block; padding:10px 0; } .mobile-menu .yas-primary-menu--mobile .sub-menu{ margin-top:8px; padding-inline-start:16px; display:grid; gap:8px; opacity:.78; } @media (max-width:960px){ .main-navigation{display:none !important} } /* === YAS V2 content + typography final pass === */ :root{ --yas-v2-hero-title:clamp(1rem,2vw,2rem); --yas-v2-section-title:clamp(1.45rem,2.05vw,2.2rem); --yas-v2-card-title:clamp(1.05rem,1.35vw,1.35rem); --yas-v2-body:clamp(.88rem,.94vw,.98rem); } .yas-v2-hero__title{font-size:var(--yas-v2-hero-title)!important;line-height:2.2!important;letter-spacing:-.025em!important;margin-bottom:14px!important;max-width:25ch;} body.lang-en .yas-v2-hero__title{max-width:35ch;} .yas-v2-section-head h2,.yas-v2-ai__copy h2,.yas-v2-cta h2{font-size:var(--yas-v2-section-title)!important;line-height:1.22!important;letter-spacing:-.012em!important;margin-bottom:10px!important;} .yas-v2-section-head{margin-bottom:26px!important;} .yas-v2-section-head p,.yas-v2-ai__copy>p,.yas-v2-cta p,.yas-v2-hero__text{font-size:var(--yas-v2-body)!important;line-height:1.78!important;} .yas-v2-kicker{font-size:.76rem!important;margin-bottom:9px!important;} .yas-v2-service-card strong,.yas-v2-ai-list button span,.yas-v2-process-step__content h3{font-size:var(--yas-v2-card-title)!important;line-height:1.28!important;} .yas-v2-stat span{font-size:clamp(1.65rem,2.35vw,2.45rem)!important;} .yas-v2-section{padding-top:62px!important;padding-bottom:62px!important;} .yas-v2-hero__copy{max-width:500px!important;} .yas-v2-ai-list button small,.yas-v2-process-step__content p{font-size:.88rem!important;line-height:1.65!important;} @media(max-width:700px){ .yas-v2-hero__title{font-size:clamp(1.9rem,8vw,2.8rem)!important;max-width:100%!important;} .yas-v2-section-head h2,.yas-v2-ai__copy h2,.yas-v2-cta h2{font-size:clamp(1.35rem,6vw,1.9rem)!important;} .yas-v2-section{padding-top:48px!important;padding-bottom:48px!important;} } /* === YAS V3 small requested fixes: hero title width, voltage phrase, marquee visible on load === */ .yas-v2-hero__copy{max-width:720px!important;} .yas-v2-hero__title{max-width:min(980px,92vw)!important;} body.lang-en .yas-v2-hero__title{max-width:min(1040px,92vw)!important;} .yas-v2-voltage-word{color:var(--yas-voltage)!important;text-shadow:0 0 16px rgba(215,255,62,.18);} .yas-v2-marquee__track{transform:translate3d(0,0,0);animation:yasV3MarqueeVisibleLTR 95s linear infinite!important;will-change:transform;} @keyframes yasV3MarqueeVisibleLTR{ 0%{transform:translate3d(0,0,0);} 100%{transform:translate3d(33.333%,0,0);} } @media(max-width:700px){ .yas-v2-hero__copy{max-width:100%!important;} .yas-v2-hero__title{max-width:100%!important;} } /* === YAS final carousel + service/sector card unification === */ .yas-v2-services .yas-v2-service-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:24px!important; } .yas-v2-services-action{display:flex;justify-content:center;margin-top:34px;} .yas-services-carousel-section{overflow:hidden;} .yas-carousel-wrap{position:relative;} .yas-carousel-head{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:22px;direction:ltr;} .yas-carousel-btn{width:48px;height:48px;border-radius:999px;border:1px solid rgba(244,241,233,.18);background:rgba(244,241,233,.06);color:var(--yas-bone);font-size:2rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease,color .25s ease;} .yas-carousel-btn:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(215,255,62,.55);background:var(--yas-voltage);color:#111;} .yas-carousel-btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important;} .yas-v2-carousel{position:relative;direction:ltr!important;width:100%;} .yas-v2-carousel__viewport{overflow:hidden;width:100%;direction:ltr!important;touch-action:pan-y;} .yas-v2-carousel__track{display:flex!important;gap:24px!important;align-items:stretch!important;direction:ltr!important;transition:transform .58s cubic-bezier(.16,1,.3,1);will-change:transform;transform:translate3d(0,0,0);} .yas-v2-carousel__slide{flex:0 0 calc((100% - 48px)/3)!important;min-width:calc((100% - 48px)/3)!important;display:flex!important;opacity:1!important;transform:none!important;filter:none!important;user-select:none;} .yas-v2-carousel__slide.yas-v2-service-card{display:flex!important;} .yas-carousel-dots{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:24px;direction:ltr;} .yas-carousel-dot{width:8px;height:8px;border:0;border-radius:999px;background:rgba(244,241,233,.28);cursor:pointer;padding:0;transition:width .25s ease,background .25s ease;} .yas-carousel-dot.is-active{width:28px;background:var(--yas-voltage);} .yas-v2-sector-card strong{font-size:clamp(1.05rem,1.35vw,1.55rem)!important;} @media(max-width:1100px){.yas-v2-services .yas-v2-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}} @media(max-width:980px){.yas-v2-carousel__slide{flex-basis:calc((100% - 24px)/2)!important;min-width:calc((100% - 24px)/2)!important;}} @media(max-width:720px){.yas-v2-services .yas-v2-service-grid{grid-template-columns:1fr!important}.yas-carousel-head{justify-content:space-between}.yas-v2-carousel__track{gap:16px!important}.yas-v2-carousel__slide{flex-basis:100%!important;min-width:100%!important}.yas-v2-service-card{min-height:330px!important;}} /* === Carousel RTL/LTR final fix: group based, no empty slides === */ .yas-v2-carousel, .yas-v2-carousel__viewport, .yas-v2-carousel__track{direction:inherit!important;} .yas-v2-carousel__track{transform:none!important;transition:none!important;} .yas-v2-carousel__slide{transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)!important;} .yas-v2-carousel__slide.is-carousel-hidden{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;} .yas-v2-carousel__slide.is-carousel-active{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;} .yas-v2-carousel__slide.yas-carousel-enter{animation:yasCarouselEnter .82s cubic-bezier(.16,1,.3,1) both;} @keyframes yasCarouselEnter{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}} html[dir='rtl'] .yas-v2-carousel__track{direction:rtl;} /* === YAS Services carousel Arabic visibility/direction fix === */ .yas-carousel-wrap[dir="rtl"] .yas-v2-carousel, .yas-carousel-wrap[dir="rtl"] .yas-v2-carousel__viewport, .yas-carousel-wrap[dir="rtl"] .yas-v2-carousel__track{ direction:rtl!important; } .yas-carousel-wrap[dir="ltr"] .yas-v2-carousel, .yas-carousel-wrap[dir="ltr"] .yas-v2-carousel__viewport, .yas-carousel-wrap[dir="ltr"] .yas-v2-carousel__track{ direction:ltr!important; } .yas-v2-carousel__slide.is-carousel-active, .yas-v2-carousel__slide.is-carousel-active.reveal, .yas-v2-carousel__slide.is-carousel-active.reveal.is-visible{ display:flex!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; filter:none!important; } .yas-v2-carousel__slide.is-carousel-hidden, .yas-v2-carousel__slide.is-carousel-hidden.reveal{ display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } .yas-v2-carousel.is-rtl-carousel .yas-v2-carousel__slide.yas-carousel-enter{ animation:yasCarouselEnterRTL .82s cubic-bezier(.16,1,.3,1) both; } @keyframes yasCarouselEnterRTL{ from{opacity:0;transform:translateX(26px) scale(.985)} to{opacity:1;transform:translateX(0) scale(1)} } /* ================================ YAS Performance Safeguards v1 ================================ */ @media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse){ .yas-v2-hero__bg, .yas-v2-hero__bg--video, .yas-v2-hero__video, .hero-media--video video, .final-cta-video-bg video, .parallax-section, .parallax-card, .yas-v2-section{ transform:none!important; transition:none!important; will-change:auto!important; } .yas-v2-marquee__track, .marquee-track, .yas-v2-scroll-hint i::after, .yas-carousel-enter, .yas-v2-carousel.is-rtl-carousel .yas-v2-carousel__slide.yas-carousel-enter, .yas-ai-path, .yas-v2-ai.is-ready .yas-ai-path{ animation:none!important; transition:none!important; will-change:auto!important; } .reveal, .reveal.is-visible, .yas-v2-carousel__slide, .yas-v2-process-step, .yas-v2-workflow-card{ opacity:1!important; filter:none!important; transform:none!important; transition:none!important; } .yas-v2-stats{ background-attachment:scroll!important; } } /* ================================ YAS Accessibility Layer v1 ================================ */ .menu-toggle:focus-visible, .yas-btn:focus-visible, .header-cta:focus-visible, .mobile-contact-cta:focus-visible, .main-navigation a:focus-visible, .mobile-drawer a:focus-visible, .footer-socials a:focus-visible, .site-footer a:focus-visible, .yas-carousel-btn:focus-visible, .lead-form input:focus-visible, .lead-form textarea:focus-visible, .lead-form select:focus-visible, .careers-form input:focus-visible, .careers-form textarea:focus-visible, .careers-form select:focus-visible, .contact-premium-form input:focus-visible, .contact-premium-form textarea:focus-visible, .contact-premium-form select:focus-visible{ outline:2px solid #D7FF3E!important; outline-offset:4px!important; box-shadow:0 0 0 4px rgba(215,255,62,.16)!important; } .main-navigation li:focus-within > .sub-menu{ opacity:1; visibility:visible; transform:translateY(0); } .mobile-drawer a:focus-visible, .main-navigation .sub-menu a:focus-visible{ border-radius:12px; background:rgba(215,255,62,.10); } /* === About page: Vision / Mission / Core Values section (scoped only) === */ .about-purpose-section{ position:relative; overflow:hidden; padding:78px 0 72px; background: radial-gradient(circle at 12% 18%, rgba(215,255,62,.09), transparent 30%), linear-gradient(180deg,#08090b 0%,#0d0f12 100%); border-block:1px solid rgba(215,255,62,.10); } .about-purpose-section::before{ content:''; position:absolute; inset:24px 5vw auto 5vw; height:1px; background:linear-gradient(90deg,transparent,rgba(215,255,62,.7),transparent); opacity:.7; } .about-purpose-section::after{ content:'YAS'; position:absolute; inset:auto auto -76px 8%; font-size:clamp(10rem,22vw,22rem); line-height:1; font-weight:900; letter-spacing:-.08em; color:rgba(255,255,255,.028); pointer-events:none; } .about-purpose-shell{ position:relative; z-index:1; display:grid; grid-template-columns:.78fr 1.22fr; gap:54px; align-items:center; } .about-purpose-left{ position:relative; padding-inline-end:38px; border-inline-end:1px solid rgba(215,255,62,.28); } .about-purpose-title{ margin:0; display:grid; gap:9px; font-family:'Alexandria',Inter,sans-serif; font-size:clamp(2.25rem,5.1vw,5rem); line-height:1.06; letter-spacing:.055em; font-weight:800; text-transform:uppercase; } .about-purpose-title span{display:block;color:#fff} .about-purpose-title span:last-child{color:var(--yas-voltage);text-shadow:0 0 24px rgba(215,255,62,.16)} .about-purpose-note{ max-width:38ch; margin:26px 0 0; color:rgba(244,241,233,.82); font-size:clamp(.93rem,1.05vw,1.04rem); line-height:1.9; } .about-purpose-content{display:grid;gap:30px} .about-vm-grid{display:grid;gap:20px} .about-vm-card{ display:grid; grid-template-columns:78px 1fr; gap:22px; align-items:start; padding:26px; border-radius:30px; border:1px solid rgba(215,255,62,.14); background:radial-gradient(circle at 85% 10%,rgba(215,255,62,.075),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.012)); box-shadow:0 20px 58px rgba(0,0,0,.24); transition:transform .75s cubic-bezier(.16,1,.3,1),border-color .75s,box-shadow .75s; } .about-vm-card:hover{transform:translateY(-6px);border-color:rgba(215,255,62,.30);box-shadow:0 28px 82px rgba(0,0,0,.34)} .about-vm-icon{ width:66px; height:66px; border-radius:22px; display:grid; place-items:center; color:var(--yas-voltage); background:rgba(215,255,62,.065); border:1px solid rgba(215,255,62,.22); } .about-vm-icon svg{width:44px;height:44px} .about-vm-card h3{ margin:0 0 10px; color:var(--yas-voltage); font-family:'Alexandria',Inter,sans-serif; font-size:clamp(1.15rem,1.7vw,1.65rem); line-height:1.3; } .about-vm-card p{margin:0;color:rgba(244,241,233,.84);font-size:.95rem;line-height:1.9} .about-values-block{padding-top:4px} .about-values-block h3{ margin:0 0 18px; font-family:'Alexandria',Inter,sans-serif; font-size:clamp(1.28rem,2vw,2rem); line-height:1.25; font-weight:700; } .about-values-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; } .about-value-card{ min-height:128px; display:grid; place-items:center; gap:12px; text-align:center; padding:18px 10px; border-radius:26px; border:1px solid rgba(215,255,62,.14); background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)); box-shadow:0 16px 40px rgba(0,0,0,.18); transition:transform .55s cubic-bezier(.16,1,.3,1),background .55s,border-color .55s,box-shadow .55s; } .about-value-icon{ width:46px; height:46px; border-radius:18px; display:grid; place-items:center; color:var(--yas-voltage); background:rgba(215,255,62,.07); border:1px solid rgba(215,255,62,.24); box-shadow:0 0 26px rgba(215,255,62,.14); animation:yasAboutValueFloat 3.6s ease-in-out infinite; } .about-value-card:nth-child(2) .about-value-icon{animation-delay:.25s} .about-value-card:nth-child(3) .about-value-icon{animation-delay:.5s} .about-value-card:nth-child(4) .about-value-icon{animation-delay:.75s} .about-value-card:nth-child(5) .about-value-icon{animation-delay:1s} .about-value-icon svg{width:27px;height:27px;display:block} .about-value-card strong{font-size:.88rem;color:#fff;font-weight:700} .about-value-card:hover{transform:translateY(-6px);background:rgba(215,255,62,.065);border-color:rgba(215,255,62,.32);box-shadow:0 24px 62px rgba(0,0,0,.28)} .about-value-card:hover .about-value-icon{animation-duration:1.6s;transform:translateY(-3px) rotate(-3deg)} @keyframes yasAboutValueFloat{ 0%,100%{transform:translateY(0) rotate(0deg)} 50%{transform:translateY(-7px) rotate(4deg)} } html[dir="rtl"] .about-purpose-left{padding-inline-end:38px;border-inline-end:1px solid rgba(215,255,62,.28);padding-inline-start:0;border-inline-start:0} html[dir="ltr"] .about-purpose-left{padding-inline-start:38px;padding-inline-end:0;border-inline-start:1px solid rgba(215,255,62,.28);border-inline-end:0} html[dir="ltr"] .about-purpose-title{letter-spacing:.09em} @media(max-width:980px){ .about-purpose-shell{grid-template-columns:1fr;gap:34px} .about-purpose-left{border:0!important;padding:0!important;text-align:center} .about-purpose-note{margin-inline:auto} .about-values-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:640px){ .about-purpose-section{padding:66px 0 62px} .about-vm-card{grid-template-columns:1fr;padding:22px;text-align:center} .about-vm-icon{margin-inline:auto} .about-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .about-purpose-title{font-size:clamp(2rem,12vw,3.65rem);letter-spacing:.035em} } /* === Sector detail visual storytelling layout === */ .yas-sector-story{overflow:hidden} .yas-sector-story .yas-title{font-size:clamp(1.45rem,2.2vw,2.35rem)!important;line-height:1.35!important} .yas-sector-story-hero .yas-title{font-size:clamp(2rem,4vw,4.25rem)!important;max-width:980px!important} .yas-sector-story-section{position:relative;overflow:hidden} .yas-sector-story-section::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 0%,rgba(215,255,62,.055),transparent 30%);opacity:.8} .yas-sector-split{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:28px;align-items:stretch} .yas-sector-split--reverse{grid-template-columns:minmax(360px,.86fr) minmax(0,1fr)} .yas-sector-copy-card{position:relative;overflow:hidden;border-radius:34px;padding:38px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));border:1px solid rgba(244,241,233,.12);box-shadow:0 24px 70px rgba(0,0,0,.24);min-height:360px;display:flex;flex-direction:column;justify-content:center} .yas-sector-copy-card::after{content:'';position:absolute;inset:auto -22% -48% -22%;height:70%;background:radial-gradient(circle,rgba(215,255,62,.10),transparent 58%);pointer-events:none} .yas-sector-copy-card p{position:relative;z-index:2;color:rgba(244,241,233,.78);line-height:1.95;margin:0} .yas-sector-copy-card .yas-eyebrow,.yas-sector-copy-card .yas-title,.yas-sector-copy-card ul{position:relative;z-index:2} .yas-sector-copy-card--solution{border-color:rgba(215,255,62,.24);background:radial-gradient(circle at 90% 10%,rgba(215,255,62,.10),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018))} .yas-sector-copy-card--danger{background:radial-gradient(circle at 10% 10%,rgba(255,120,80,.08),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.016))} .yas-sector-floating-icon{position:absolute;inset-inline-end:28px;top:28px;width:58px;height:58px;border-radius:20px;display:grid;place-items:center;color:var(--yas-voltage);background:rgba(215,255,62,.075);border:1px solid rgba(215,255,62,.28);box-shadow:0 0 30px rgba(215,255,62,.10);animation:yasSectorFloat 3.4s ease-in-out infinite;z-index:3} .yas-sector-floating-icon svg{width:30px;height:30px} .yas-sector-visual-card{position:relative;margin:0;overflow:hidden;border-radius:34px;min-height:360px;background:#101014;border:1px solid rgba(244,241,233,.12);box-shadow:0 26px 76px rgba(0,0,0,.30);isolation:isolate} .yas-sector-visual-card--tall{min-height:480px} .yas-sector-visual-card--cinema{aspect-ratio:16/10;min-height:360px} .yas-sector-visual-card img,.yas-sector-visual-card video{width:100%;height:100%;object-fit:cover;transition:transform 1.25s cubic-bezier(.16,1,.3,1),filter 1.25s} .yas-sector-visual-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.12) 35%,rgba(0,0,0,.74));z-index:1;pointer-events:none} .yas-sector-visual-card figcaption{position:absolute;z-index:2;inset:auto 22px 22px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#fff} .yas-sector-visual-card figcaption span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--yas-voltage);color:#111;font-weight:900;letter-spacing:.08em;box-shadow:0 18px 38px rgba(0,0,0,.24)} .yas-sector-visual-card figcaption strong{font-size:.95rem;color:rgba(244,241,233,.86)} .yas-sector-visual-card:hover img,.yas-sector-visual-card:hover video{transform:scale(1.06);filter:saturate(1.08)} .yas-sector-quick-section{padding-top:0!important} .yas-sector-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .yas-sector-quick-card{position:relative;overflow:hidden;border-radius:26px;padding:24px 26px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid rgba(244,241,233,.11);box-shadow:0 18px 48px rgba(0,0,0,.18)} .yas-sector-mini-icon{position:absolute;inset-inline-end:20px;top:20px;color:var(--yas-voltage);font-size:1.35rem;animation:yasSectorPulse 2.8s ease-in-out infinite} .yas-sector-quick-card small{display:block;color:rgba(244,241,233,.58);font-size:.82rem;margin-bottom:10px} .yas-sector-quick-card strong{display:block;color:#fff;font-size:1.1rem;line-height:1.7;max-width:88%} .yas-sector-story-list{list-style:none;margin:0;padding:0;display:grid;gap:12px} .yas-sector-story-list li{position:relative;padding-inline-start:32px;color:rgba(244,241,233,.84);line-height:1.85} .yas-sector-story-list li::before{content:'•';position:absolute;inset-inline-start:0;top:.1em;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(215,255,62,.11);color:var(--yas-voltage);font-weight:900;font-size:1rem} .yas-sector-story-list--check li::before{content:'✓';font-size:.82rem} .yas-sector-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px} .yas-sector-metric-card{position:relative;overflow:hidden;border-radius:28px;min-height:160px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid rgba(215,255,62,.14);box-shadow:0 18px 48px rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:space-between;gap:24px} .yas-sector-metric-card span{color:var(--yas-voltage);font-size:.88rem;font-weight:900;letter-spacing:.14em} .yas-sector-metric-card strong{font-size:1.06rem;line-height:1.65;color:#fff} .yas-sector-metric-card::after{content:'';position:absolute;inset:auto -30% -50% -30%;height:70%;background:radial-gradient(circle,rgba(215,255,62,.12),transparent 58%)} .yas-sector-two-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px} .yas-sector-channel-pills{display:flex;flex-wrap:wrap;gap:10px} .yas-sector-channel-pills span{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(215,255,62,.09);border:1px solid rgba(215,255,62,.18);color:rgba(244,241,233,.9);font-weight:700} .yas-sector-mosaic{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:220px;gap:18px} .yas-sector-mosaic figure{margin:0;overflow:hidden;border-radius:28px;background:#111;border:1px solid rgba(244,241,233,.10);box-shadow:0 20px 52px rgba(0,0,0,.22)} .yas-sector-mosaic figure:first-child{grid-row:span 2} .yas-sector-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform 1.15s cubic-bezier(.16,1,.3,1)} .yas-sector-mosaic figure:hover img{transform:scale(1.06)} .yas-sector-story-cta{position:relative;overflow:hidden;min-height:360px;display:grid;place-items:center;border-radius:36px;background:#07070a;border:1px solid rgba(244,241,233,.12);padding:0!important} .yas-sector-story-cta>img,.yas-sector-story-cta>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(1.05)} .yas-sector-cta-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,.78)),radial-gradient(circle at 50% 20%,rgba(215,255,62,.16),transparent 36%);z-index:1} .yas-sector-cta-content{position:relative;z-index:2;text-align:center;padding:48px 24px;max-width:760px;margin:auto} .yas-sector-cta-content h2{font-size:clamp(1.8rem,3.4vw,3.3rem);line-height:1.2;margin:0 0 14px;color:#fff} .yas-sector-cta-content p{color:rgba(244,241,233,.82);margin:0 0 24px} @keyframes yasSectorFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(5deg)}} @keyframes yasSectorPulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.12);opacity:1}} @media(max-width:1100px){.yas-sector-split,.yas-sector-split--reverse,.yas-sector-two-panels{grid-template-columns:1fr}.yas-sector-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yas-sector-visual-card--tall{min-height:380px}} @media(max-width:760px){.yas-sector-story .yas-title{font-size:clamp(1.35rem,7vw,2.1rem)!important}.yas-sector-story-hero .yas-title{font-size:clamp(2rem,11vw,3.3rem)!important}.yas-sector-copy-card{padding:28px 22px;min-height:auto}.yas-sector-floating-icon{position:static;margin-bottom:18px}.yas-sector-quick-grid,.yas-sector-metric-grid{grid-template-columns:1fr}.yas-sector-mosaic{grid-template-columns:1fr;grid-auto-rows:220px}.yas-sector-mosaic figure:first-child{grid-row:auto}.yas-sector-visual-card,.yas-sector-visual-card--tall,.yas-sector-visual-card--cinema{min-height:300px}.yas-sector-quick-card strong{max-width:none}} /* === Safe restore: About values icons animation + smaller text only === */ body.page-template-page-about .about-values-block h3{ font-size:clamp(1rem,1.35vw,1.35rem) !important; line-height:1.35 !important; } body.page-template-page-about .about-value-card{ position:relative; overflow:hidden; } body.page-template-page-about .about-value-card::before{ content:''; position:absolute; inset:-45% auto auto -35%; width:120px; height:120px; border-radius:999px; background:rgba(215,255,62,.10); filter:blur(22px); opacity:.65; transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .7s; pointer-events:none; } body.page-template-page-about .about-value-card:hover::before{ transform:translate(32px,24px) scale(1.25); opacity:1; } body.page-template-page-about .about-value-icon{ position:relative; z-index:2; animation:yasAboutValueFloat 3.4s ease-in-out infinite, yasAboutValueGlow 2.8s ease-in-out infinite !important; } body.page-template-page-about .about-value-icon svg{ width:27px; height:27px; display:block; stroke-width:2.7px; } body.page-template-page-about .about-value-card strong{ position:relative; z-index:2; font-size:.88rem !important; line-height:1.55 !important; font-weight:700; } body.page-template-page-about .about-value-card:nth-child(2) .about-value-icon{animation-delay:.18s} body.page-template-page-about .about-value-card:nth-child(3) .about-value-icon{animation-delay:.36s} body.page-template-page-about .about-value-card:nth-child(4) .about-value-icon{animation-delay:.54s} body.page-template-page-about .about-value-card:nth-child(5) .about-value-icon{animation-delay:.72s} body.page-template-page-about .about-value-card:hover .about-value-icon{ animation-duration:1.5s,1.8s !important; transform:translateY(-4px) rotate(-4deg) scale(1.04); } @keyframes yasAboutValueGlow{ 0%,100%{box-shadow:0 0 18px rgba(215,255,62,.10), inset 0 0 0 rgba(215,255,62,0)} 50%{box-shadow:0 0 32px rgba(215,255,62,.22), inset 0 0 18px rgba(215,255,62,.05)} } /* === About page line-height fix — paste this block at the very END of style.css === السبب: العناوين دي كانت متعرّفة بـ line-height ضيق جدًا (1.06–1.12) في قسم "About Page Premium Build v20" وقسم "Vision / Mission / Core Values" آخر الملف، وده اللي كان بيخلي الأسطر تبان ملتصقة ببعض. هنا بنعيد ضبطها لمسافة مريحة للقراءة مع الحفاظ على نفس حجم الخط وباقي التنسيق زي ما هو. */ .about-hero__title{ line-height:1.28!important; } .about-story-copy .yas-title{ line-height:1.28!important; } .about-section-heading .yas-title{ line-height:1.22!important; } .about-purpose-title{ line-height:1.22!important; gap:14px!important; }