/*
Theme Name: Beetle Media Motion
Theme URI: https://beetle-media.com/
Author: Emad Srour / Beetle Media
Description: A cinematic bilingual Arabic/English WordPress theme for Beetle Media.
Version: 2.2.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: beetle-media
*/

:root{--bg:#08070d;--bg2:#100b19;--surface:#17121f;--line:rgba(255,255,255,.1);--text:#f7f5f8;--muted:#aaa3b5;--gold:#ff6d5a;--orange:#fd8925;--radius:18px;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",Tahoma,Arial,sans-serif;overflow-x:hidden}body.rtl{font-family:Tahoma,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;inset-inline-start:16px;top:-80px;z-index:9999;background:#fff;color:#000;padding:12px 18px}.skip-link:focus{top:16px}.announcement{padding:10px 20px;text-align:center;font-size:13px;color:#ded8e5;background:#15101e;border-bottom:1px solid var(--line)}.announcement i{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-inline-end:8px;box-shadow:0 0 16px var(--gold);animation:pulse 2s infinite}.site-header{height:72px;position:sticky;top:0;z-index:100;background:rgba(8,7,13,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:20px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--orange));color:#111;box-shadow:0 0 25px rgba(255,109,90,.22)}.brand-mark svg{width:21px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;text-transform:uppercase}.nav{display:flex;align-items:center;gap:25px;font-size:14px;color:#b9b3c3}.nav a:hover,.nav .current-menu-item>a{color:#fff}.header-actions{display:flex;align-items:center;gap:10px}.lang-switch{border:1px solid var(--line);padding:8px 11px;border-radius:8px;font-size:12px}.button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border:0;border-radius:9px;font-weight:700;background:linear-gradient(135deg,var(--gold),var(--orange));color:#111;box-shadow:0 8px 30px rgba(255,109,90,.16);transition:.25s}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button.secondary{background:rgba(255,255,255,.04);color:#fff;border:1px solid var(--line);box-shadow:none}.menu-toggle{display:none;background:none;color:#fff;border:1px solid var(--line);border-radius:8px;padding:8px}
.hero{min-height:calc(100svh - 105px);display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-media{position:absolute;inset:0;pointer-events:none}.hero-media img,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.66}.hero-media video{mix-blend-mode:screen;opacity:.16}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,13,.99) 2%,rgba(8,7,13,.82) 43%,rgba(8,7,13,.2) 78%),linear-gradient(0deg,var(--bg),transparent 32%)}.rtl .hero-media:after{background:linear-gradient(-90deg,rgba(8,7,13,.99) 2%,rgba(8,7,13,.82) 43%,rgba(8,7,13,.2) 78%),linear-gradient(0deg,var(--bg),transparent 32%)}.hero:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;background:rgba(109,20,34,.35);filter:blur(130px);inset-inline-end:5%;top:18%;animation:drift 8s ease-in-out infinite}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:85px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#ff8a72;border:1px solid rgba(255,109,90,.25);background:rgba(255,109,90,.07);padding:8px 12px;border-radius:50px;font-size:12px;letter-spacing:.7px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}.hero h1{font-size:clamp(45px,6vw,82px);line-height:.98;letter-spacing:-3.5px;margin:22px 0;font-weight:330;max-width:780px}.rtl .hero h1{letter-spacing:-1.8px;line-height:1.08}.hero h1 strong{font-weight:750;background:linear-gradient(135deg,#fff 25%,#ff8a72 75%,#fd8925);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:clamp(17px,1.6vw,21px);line-height:1.75;color:#b9b3c3;max-width:680px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-proof{display:flex;gap:28px;margin-top:50px;padding-top:25px;border-top:1px solid var(--line);max-width:610px}.hero-proof strong{display:block;font-size:25px;color:#fff}.hero-proof span{font-size:12px;color:var(--muted)}.bolt-stage{min-height:540px;position:relative}.bolt-orbit{position:absolute;width:420px;height:420px;inset:50% auto auto 50%;transform:translate(-50%,-50%);border:1px solid rgba(255,109,90,.13);border-radius:50%;box-shadow:0 0 100px rgba(255,76,20,.12),inset 0 0 90px rgba(45,38,93,.17)}.bolt-orbit:before,.bolt-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.06);border-radius:50%;inset:45px}.bolt-orbit:after{inset:110px}.spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#ff8a72;box-shadow:0 0 13px #fd8925;animation:float 5s infinite}.spark:nth-child(2){top:18%;left:19%;animation-delay:-1s}.spark:nth-child(3){top:72%;left:72%;animation-delay:-2.6s}.spark:nth-child(4){top:37%;left:82%;animation-delay:-4s}
.section{padding:105px 0;border-bottom:1px solid rgba(255,255,255,.07)}.section.alt{background:var(--bg2)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:52px}.section h2{font-size:clamp(34px,4.2vw,58px);line-height:1.06;margin:12px 0;font-weight:350;letter-spacing:-2px}.rtl .section h2{letter-spacing:-1px}.section-head p{color:var(--muted);max-width:520px;line-height:1.8}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service{padding:38px;background:var(--bg);min-height:310px;position:relative;overflow:hidden;transition:.3s}.service:hover{background:#130f1b}.service .num{font:12px monospace;color:var(--gold)}.service-icon{width:48px;height:48px;margin:45px 0 25px;color:var(--gold)}.service h3{font-size:22px;margin:0 0 13px}.service p{color:var(--muted);line-height:1.75;font-size:14px}.service:after{content:"↗";position:absolute;inset-inline-end:28px;top:28px;color:#625b6d;transition:.25s}.service:hover:after{color:var(--gold);transform:translate(3px,-3px)}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}.workflow:before{content:"";position:absolute;left:10%;right:10%;top:38px;border-top:1px dashed rgba(255,109,90,.35)}.step{position:relative;z-index:2}.step b{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--surface);border:1px solid rgba(255,109,90,.28);color:var(--gold);font:700 14px monospace}.step h3{margin-top:25px}.step p{color:var(--muted);font-size:14px;line-height:1.7}.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.project{min-height:360px;border:1px solid var(--line);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(255,109,90,.19),transparent 35%),var(--surface)}.project:nth-child(2){background:radial-gradient(circle at 25% 15%,rgba(103,79,190,.25),transparent 38%),var(--surface)}.project:nth-child(3){grid-column:1/-1;min-height:290px;background:radial-gradient(circle at 80% 20%,rgba(255,85,35,.22),transparent 32%),var(--surface)}.project h3{font-size:28px;margin:8px 0}.project p{color:var(--muted);max-width:540px}.tag{font-size:11px;letter-spacing:1px;color:#ff8a72;text-transform:uppercase}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.stat{padding:35px;text-align:center;border-inline-end:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font-size:39px;display:block;color:#fff}.stat span{font-size:12px;color:var(--muted)}.cta{padding:100px 35px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 130%,rgba(255,109,90,.22),transparent 50%)}.cta h2{max-width:850px;margin:0 auto 20px}.cta p{color:var(--muted);margin:0 auto 28px;max-width:660px}.site-footer{padding:68px 0 28px;background:#060509}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:48px}.footer-grid h4{font-size:13px;color:#fff}.footer-grid p,.footer-grid a{color:var(--muted);font-size:13px;line-height:2}.footer-grid a{display:block}.copyright{margin-top:45px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#6f6879;font-size:12px}.content-area{padding:80px 0;min-height:60vh}.entry-title{font-size:clamp(38px,5vw,68px)}.entry-content{color:#cbc6d1;line-height:1.9}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@keyframes pulse{50%{opacity:.45;transform:scale(.85)}}@keyframes drift{50%{transform:translate(-30px,20px) scale(1.08)}}@keyframes float{50%{transform:translateY(-22px);opacity:.4}}
@media(max-width:980px){.nav{display:none}.menu-toggle{display:block}.nav.open{display:flex;position:absolute;top:72px;left:0;right:0;padding:22px;background:#0b0910;flex-direction:column;border-bottom:1px solid var(--line)}.hero-grid{grid-template-columns:1fr;padding:75px 0 20px}.hero-copy{text-align:center}.hero-copy>p,.hero-proof{margin-inline:auto}.hero-buttons{justify-content:center}.bolt-stage{min-height:390px}.services{grid-template-columns:1fr 1fr}.projects{grid-template-columns:1fr}.project:nth-child(3){grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr 1fr}.workflow:before{display:none}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--max))}.announcement{font-size:11px}.brand-text small{display:none}.header-actions .button{display:none}.hero{min-height:auto}.hero h1{font-size:47px;letter-spacing:-2px}.hero-proof{gap:15px;justify-content:space-between}.hero-proof strong{font-size:20px}.bolt-stage{min-height:300px}.bolt-orbit{width:280px;height:280px}.section{padding:72px 0}.section-head{display:block}.services,.workflow,.stats{grid-template-columns:1fr}.service{min-height:250px}.service-icon{margin:30px 0 20px}.stat{border-inline-end:0;border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1fr}.copyright{display:block;line-height:2}.projects .project{min-height:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-media video{display:none}}

/* Editable WordPress mega menus created by Beetle Elementor Starter. */
.nav>ul{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}.nav li{position:relative;list-style:none}.nav .sub-menu{display:none;position:absolute;z-index:120;top:calc(100% + 18px);inset-inline-start:-18px;width:290px;margin:0;padding:12px;background:rgba(16,12,23,.98);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.45);backdrop-filter:blur(18px)}.nav .sub-menu:before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:block}.nav .sub-menu a{display:block;padding:10px 12px;border-radius:8px;color:#b9b3c3}.nav .sub-menu a:hover{color:#fff;background:rgba(255,109,90,.08)}.nav .sub-menu .sub-menu{top:-12px;inset-inline-start:calc(100% + 8px)}.custom-logo{display:block;max-height:46px;width:auto}
@media(max-width:980px){.nav>ul{display:block;width:100%}.nav .sub-menu,.nav .sub-menu .sub-menu{display:block;position:static;width:auto;margin:6px 0;padding:4px 0 4px 16px;background:transparent;border:0;box-shadow:none}.rtl .nav .sub-menu{padding:4px 16px 4px 0}}

/* Elementor, WooCommerce and Contact Form 7 compatibility */
.elementor-page .content-area,.elementor-page .entry-content{padding:0;max-width:none}.elementor-page .entry-title{display:none}.elementor-widget-container{min-width:0}.elementor-button{background:linear-gradient(135deg,var(--gold),var(--orange));color:#111;border-radius:9px;font-weight:700}.woocommerce div.product,.woocommerce ul.products li.product{color:var(--text)}.woocommerce ul.products li.product{background:var(--surface);padding:18px;border:1px solid var(--line);border-radius:var(--radius)}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:linear-gradient(135deg,var(--gold),var(--orange));color:#111}.wpcf7 form{display:grid;gap:16px}.wpcf7 label{display:grid;gap:7px;color:var(--muted)}.wpcf7 input:not([type=submit]),.wpcf7 textarea,.wpcf7 select{width:100%;padding:14px 16px;background:#100d16;color:#fff;border:1px solid var(--line);border-radius:9px}.wpcf7 input:focus,.wpcf7 textarea:focus{outline:2px solid rgba(255,109,90,.5);border-color:var(--gold)}.wpcf7 input[type=submit]{padding:13px 22px;background:linear-gradient(135deg,var(--gold),var(--orange));color:#111;border:0;border-radius:9px;font-weight:700;cursor:pointer}