:root{--bg-primary: #050505;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--accent-primary: #3b82f6;--accent-secondary: #60a5fa;--accent-glow: rgba(59, 130, 246, .3);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05);--font-arabic: "Cairo", sans-serif;--font-english: "Sora", sans-serif;--container-width: 1200px;--section-padding: 100px 0;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-arabic);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;cursor:none}.cursor{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}.cursor-follower{width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .3s,height .3s,background .3s}.cursor-follower.active{width:60px;height:60px;background:#ffffff0d;border-color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.highlight{background:linear-gradient(90deg,var(--text-primary),var(--text-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:var(--accent-primary);opacity:.2;z-index:-1;transform:skew(-15deg)}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.section-title{font-size:2.5rem;margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px}.text-center{text-align:center}.text-center .section-subtitle{margin:0 auto}.btn{display:inline-block;padding:12px 24px;border-radius:8px;text-decoration:none;font-family:inherit;font-weight:600;font-size:1rem;transition:all .3s var(--ease-out-expo);cursor:pointer;border:none}.btn-large{padding:16px 32px;font-size:1.125rem}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{background:var(--text-secondary);transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{background:var(--glass-bg);border-color:var(--text-primary);transform:translateY(-2px)}.navbar{position:fixed;top:0;left:0;width:100%;padding:20px 0;z-index:100;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050505cc;border-bottom:1px solid transparent}.navbar.scrolled{padding:15px 0;border-bottom:1px solid var(--border-color)}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;font-family:var(--font-english);font-weight:800;font-size:1.5rem;letter-spacing:-.5px}.nav-logo-img{height:32px;width:auto;object-fit:contain}.nav-links{display:flex;gap:32px}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-link:hover{color:var(--text-primary)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:80px;overflow:hidden;background-color:#000}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-badge{display:inline-block;padding:8px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:100px;font-size:.875rem;font-weight:600;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-title{font-size:4.5rem;letter-spacing:-1px;margin-bottom:24px}.hero-title .line{display:block}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:40px;max-width:90%}.hero-cta-group{display:flex;gap:16px}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.logo-3d-wrapper{position:relative;width:100%;max-width:500px;transform-style:preserve-3d;perspective:1000px}.hero-logo-3d{width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));will-change:transform}.value-prop{padding:var(--section-padding);background:var(--bg-secondary);position:relative;overflow:hidden}.parallax-arrow{position:absolute;top:10%;left:-5%;width:250px;height:auto;z-index:5;cursor:pointer;filter:drop-shadow(0 20px 30px rgba(100,200,255,.4));transform:rotate(-10deg);opacity:.9;transition:filter .3s ease}.parallax-arrow:hover{filter:drop-shadow(0 25px 40px rgba(100,200,255,.7))}.equation-section{padding:var(--section-padding);background:var(--bg-primary);position:relative;overflow:hidden}.equation-section .section-header{margin-bottom:36px}.equation-frame-wrapper{position:relative;max-width:900px;margin:0 auto;padding:18px 18px 34px;min-height:420px}.equation-svg{width:100%;height:auto;display:block}.equation-fill-path{filter:blur(0px);transform-origin:50% 60%}.equation-frame-path{stroke-dasharray:1416;stroke-dashoffset:1416;transition:stroke-dashoffset .01s linear}.equation-frame-path.drawn{stroke-dashoffset:0}.equation-corner{stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset .01s linear}.equation-corner.drawn{stroke-dashoffset:0}.equation-corner-text{position:absolute;font-family:var(--font-arabic);font-weight:700;font-size:1.25rem;color:var(--text-primary);opacity:0;transition:opacity .4s ease}.equation-frame-wrapper .equation-corner-text.drawn{opacity:1}.equation-corner-top-text{top:30px;left:50%;transform:translate(-50%);color:var(--accent-secondary);background:#ffffff08;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:8px 14px}.equation-corner-left-text{bottom:40px;left:26px;color:var(--text-secondary);background:#ffffff05;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:8px 14px}.equation-corner-right-text{bottom:40px;right:26px;color:var(--text-secondary);background:#ffffff05;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:8px 14px}@media(max-width:640px){.equation-frame-wrapper{min-height:360px}.equation-corner-text{font-size:1.05rem}.equation-corner-top-text{top:70px}.equation-corner-left-text,.equation-corner-right-text{bottom:26px}}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.bento-item{background:#ffffff04;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.03);border-top-color:#ffffff26;border-left-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0d,inset 0 0 20px #ffffff05,0 8px 32px #0000004d;border-radius:24px;padding:40px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s var(--ease-out-expo),border-color .4s ease,box-shadow .4s ease,background .4s ease;min-height:320px}.bento-item:hover{transform:translateY(-5px);background:#ffffff08;border-top-color:#ffffff40;border-left-color:#ffffff26;box-shadow:inset 0 1px #ffffff1a,inset 0 0 20px #ffffff0d,0 12px 40px #0006}.bento-item:before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at top left,rgba(255,255,255,.03),transparent 40%);pointer-events:none;z-index:1}.bento-item:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.04) 50%,transparent 60%);transform:translate(-100%,-100%);pointer-events:none;transition:transform .8s var(--ease-out-expo);z-index:1}.bento-item:hover:after{transform:translate(30%,30%)}.bento-large{grid-column:span 2;grid-row:span 2}.bento-full{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center}.bento-content{position:relative;z-index:10}.bento-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#ffffff26,#ffffff08);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:24px;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 1px #ffffff4d,0 5px 20px #0006;transition:all .4s var(--ease-out-expo);position:relative;z-index:2;color:#fff}.bento-item:hover .bento-icon{transform:translateY(-4px) scale(1.05);background:linear-gradient(135deg,#fff3,#ffffff0f);border-color:#ffffff40;box-shadow:inset 0 1px 1px #fff6,0 10px 25px #00000080}.icon-bento{transition:transform .4s var(--ease-out-expo);overflow:visible}.bento-item:hover .icon-bolt{transform:scale(1.15) rotate(10deg)}.bento-item:hover .icon-bolt .bolt-body{animation:pulseBolt 1s infinite alternate}@keyframes pulseBolt{0%{filter:drop-shadow(0 0 5px rgba(59,130,246,.4));fill-opacity:.2}to{filter:drop-shadow(0 0 15px rgba(59,130,246,.9));fill-opacity:.6}}.icon-sync .sync-arrows{transform-origin:center;transition:transform .8s var(--ease-out-expo)}.icon-sync .sync-dot{transition:transform .4s var(--ease-out-expo),opacity .4s;transform-origin:center;opacity:0;transform:scale(0)}.bento-item:hover .icon-sync{transform:scale(1.1)}.bento-item:hover .icon-sync .sync-arrows{transform:rotate(180deg)}.bento-item:hover .icon-sync .dot-1{transition-delay:.1s;opacity:1;transform:scale(1)}.bento-item:hover .icon-sync .dot-2{transition-delay:.2s;opacity:1;transform:scale(1)}.bento-item:hover .icon-sync .dot-3{transition-delay:.3s;opacity:1;transform:scale(1)}.bento-item:hover .icon-sync .dot-4{transition-delay:.4s;opacity:1;transform:scale(1)}.icon-shield{transform-origin:bottom center}.icon-shield .shield-check{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .6s var(--ease-out-expo) .1s}.bento-item:hover .icon-shield{transform:scale(1.1) translateY(-4px)}.bento-item:hover .icon-shield .shield-check{stroke-dashoffset:0}.icon-network{transform-origin:center}.icon-network .net-core{transform-origin:center;transition:transform .4s var(--ease-out-expo),fill-opacity .4s;fill-opacity:.1}.icon-network .net-lines{stroke-dasharray:6;stroke-dashoffset:6;opacity:0;transition:stroke-dashoffset .6s var(--ease-out-expo) .1s,opacity .2s}.icon-network .net-node{transform-origin:center;transform:scale(0);opacity:0;transition:transform .4s var(--ease-out-expo),opacity .4s}.bento-item:hover .icon-network{transform:scale(1.1)}.bento-item:hover .icon-network .net-core{transform:scale(1.3);fill-opacity:.6}.bento-item:hover .icon-network .net-lines{stroke-dashoffset:0;opacity:1}.bento-item:hover .icon-network .n-1{transform:scale(1);opacity:1;transition-delay:.2s}.bento-item:hover .icon-network .n-2{transform:scale(1);opacity:1;transition-delay:.3s}.bento-item:hover .icon-network .n-3{transform:scale(1);opacity:1;transition-delay:.4s}.bento-item:hover .icon-network .n-4{transform:scale(1);opacity:1;transition-delay:.5s}.bento-title{font-size:1.6rem;margin-bottom:16px;font-weight:700;color:var(--text-primary);line-height:1.3}.bento-desc{color:var(--text-secondary);line-height:1.7;font-size:1rem}.bg-glow-purple{border-color:#a855f726}.bg-glow-purple:hover{box-shadow:0 10px 40px #a855f71a;border-color:#a855f766}.bg-glow-purple .bento-icon{background:#a855f71a;border-color:#a855f74d;color:#a855f7}.bg-glow-blue{border-color:#3b82f626}.bg-glow-blue:hover{box-shadow:0 10px 40px #3b82f61a;border-color:#3b82f666}.bg-glow-blue .bento-icon{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.bg-glow-green{border-color:#22c55e26}.bg-glow-green:hover{box-shadow:0 10px 40px #22c55e1a;border-color:#22c55e66}.bg-glow-green .bento-icon{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.bg-glow-orange{border-color:#f9731626}.bg-glow-orange:hover{box-shadow:0 10px 40px #f973161a;border-color:#f9731666}.bg-glow-orange .bento-icon{background:#f973161a;border-color:#f973164d;color:#f97316}.bento-visual{position:absolute;left:-20px;bottom:-40px;width:450px;height:300px;background:#0f172acc;border:1px solid rgba(59,130,246,.2);border-radius:16px;transform:rotate(5deg);pointer-events:none;display:flex;flex-direction:column;padding:24px;gap:16px;box-shadow:-10px -10px 30px #0000004d;transition:transform .6s var(--ease-out-expo),box-shadow .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bento-item:hover .bento-visual{transform:rotate(0) scale(1.02) translateY(-10px) translate(10px);box-shadow:-15px -15px 40px #3b82f626}.b-skeleton{background:#ffffff0d;border-radius:8px;height:24px}.b-skeleton.s-title{width:40%;height:28px;margin-bottom:8px;background:#ffffff1a}.b-skeleton.s-line{width:100%;height:16px}.b-skeleton.s-line-short{width:70%;height:16px}.b-skeleton.s-box{height:70px;margin-top:10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.b-circles{display:flex;gap:8px;margin-bottom:16px}.b-circle{width:14px;height:14px;border-radius:50%}.bento-chart-visual{position:absolute;left:40px;bottom:0;width:300px;height:200px;display:flex;align-items:flex-end;gap:16px;padding-bottom:40px;z-index:1}.chart-col{flex:1;background:#ffffff08;height:100%;border-radius:8px 8px 0 0;display:flex;align-items:flex-end;overflow:hidden}.chart-fill{width:100%;background:#f9731633;border-top:2px solid rgba(249,115,22,.5);border-radius:8px 8px 0 0;transform:translateY(100%);transition:transform 1s var(--ease-out-expo)}.highlight-fill{background:#f9731680;border-top:2px solid #f97316;box-shadow:0 0 20px #f973164d}.bento-item:hover .chart-fill{transform:translateY(0)}.projects{padding:var(--section-padding);background:var(--bg-primary);position:relative;z-index:2}.projects-grid{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;gap:24px}.project-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;position:relative;overflow:hidden;transition:transform .4s var(--ease-out-expo),border-color .4s,box-shadow .4s;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-5px);border-color:#ffffff26;box-shadow:0 10px 40px #0000004d}.large-card{grid-column:1 / 3;grid-row:span 2}.small-square{grid-column:3 / 4;grid-row:span 1}.long-cta{grid-column:1 / -1;grid-row:span 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#3b82f60d,#a855f70d);border-color:#a855f733}.long-cta:hover{border-color:#a855f780;box-shadow:0 10px 50px #a855f733}.cta-content{z-index:2;position:relative;max-width:700px;padding:32px}.cta-content h3{font-size:2.2rem;margin-bottom:12px;background:linear-gradient(90deg,#fff,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cta-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:24px}.project-image-placeholder{flex-grow:1;background:#0f1118;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.mulaqn-builder-scene{background:radial-gradient(circle at center,#1b1429,#0a0a0f);position:relative;overflow:hidden;width:100%}.mulaqn-builder-scene .mb-glow-orb{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(100px);z-index:1;opacity:.6}.mulaqn-builder-scene .mb-glow-orb.navy{background:#1b365d99;top:-50px;left:-50px;animation:floatOrb 8s infinite alternate ease-in-out}.mulaqn-builder-scene .mb-glow-orb.gold{background:#d4af374d;bottom:-50px;right:-50px;animation:floatOrb 10s infinite alternate-reverse ease-in-out}@keyframes floatOrb{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.mb-floating-element{position:absolute;z-index:5;animation:floatSVG 4s infinite ease-in-out alternate;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}@keyframes floatSVG{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-15px) rotate(10deg)}}.mb-center-composition{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10}.mb-ring{position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.15);animation:spinRing 20s linear infinite}.mb-ring-outer{width:360px;height:360px;border-width:2px;animation-direction:reverse;border-color:#d4af3733}.mb-ring-inner{width:240px;height:240px;border:2px solid rgba(27,54,93,.3);border-style:dotted}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mb-logo{position:absolute;width:140px;z-index:3;filter:drop-shadow(0 0 20px rgba(255,255,255,.2));animation:pulseLogo 4s infinite alternate ease-in-out;transition:all .5s cubic-bezier(.16,1,.3,1)}@keyframes pulseLogo{0%{transform:scale(1);filter:drop-shadow(0 0 15px rgba(255,255,255,.1))}to{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(255,255,255,.3))}}.mb-asterisk{position:absolute;width:45px;top:25%;left:32%;z-index:4;animation:spinRing 15s linear infinite;opacity:.7}.mb-phone-wrapper{position:absolute;bottom:-60px;right:18%;width:180px;height:auto;display:block;z-index:5;transform:rotate(15deg) translateY(60px);transition:all .6s cubic-bezier(.2,.8,.2,1)}.mb-phone-scanner-mask{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask-image:url(/assets/iPhone-O64ZkHvv.png);mask-image:url(/assets/iPhone-O64ZkHvv.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:top left;mask-position:top left;z-index:10}.mb-iphone{display:block;width:100%;height:auto;opacity:.6;filter:grayscale(60%) sepia(30%) hue-rotate(220deg);transition:all .6s ease}.mb-phone-scanner{position:absolute;top:0;left:0;width:100%;height:2px;background:#d4af37;box-shadow:0 0 20px 8px #d4af3780;animation:scanPhone 2.5s cubic-bezier(.4,0,.2,1) infinite;z-index:10}@keyframes scanPhone{0%{top:0%;opacity:0}5%{opacity:1}95%{opacity:1}to{top:100%;opacity:0}}.project-card.large-card:hover .mb-phone-wrapper{transform:rotate(5deg) translateY(10px)}.project-card.large-card:hover .mb-iphone{filter:grayscale(0%) sepia(0%);opacity:1}.mb-macbook-wrapper{position:absolute;bottom:-40px;left:12%;width:260px;z-index:4;transform:rotate(-8deg) translateY(40px);transition:all .6s cubic-bezier(.2,.8,.2,1)}.mb-macbook{display:block;width:100%;height:auto;opacity:.5;filter:grayscale(60%) sepia(30%) hue-rotate(220deg);transition:all .6s ease}.project-card.large-card:hover .mb-macbook-wrapper{transform:rotate(-3deg) translateY(5px)}.project-card.large-card:hover .mb-macbook{filter:grayscale(0%) sepia(0%);opacity:1}.project-card.large-card:hover .mb-logo{transform:scale(1.15) translateY(-15px);filter:drop-shadow(0 0 40px rgba(212,175,55,.8))}.project-card.large-card:hover .mb-ring-outer{border-color:#d4af3799;animation-duration:6s}.project-card.large-card:hover .mb-ring-inner{border-color:#1b365d99;animation-duration:8s}.placeholder-text-ui{position:absolute;color:#ffffff4d;font-weight:600;font-size:1.2rem;letter-spacing:2px;z-index:5}.project-info{padding:24px;background:#0a0a0ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);z-index:10}.large-card .project-info{padding:32px}.project-info h3{font-size:1.3rem;margin-bottom:8px;color:var(--text-primary)}.large-card .project-info h3{font-size:1.8rem}.project-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.project-link{display:inline-flex;align-items:center;gap:8px;color:#3b82f6;text-decoration:none;font-weight:600;margin-top:16px;transition:gap .3s,color .3s}.project-link:hover{gap:12px;color:#60a5fa}.abstract-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;filter:blur(50px);opacity:.5;transition:opacity .5s var(--ease-out-expo),transform .5s var(--ease-out-expo);pointer-events:none}.project-card:hover .abstract-glow{opacity:.9;transform:translate(-50%,-50%) scale(1.4)}.red-glow{background:#ef444499;width:300px;height:300px;filter:blur(80px)}.green-glow{background:#22c55e99}.blue-glow{background:#3b82f699}.cta-bg-effect{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(168,85,247,.15) 0%,transparent 70%);opacity:0;transition:opacity .5s}.long-cta:hover .cta-bg-effect{opacity:1}.services{position:relative;padding:var(--section-padding);background:var(--bg-primary);overflow:hidden}.services-glow-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,#3b82f614,#0000 60%);z-index:0;pointer-events:none}.services .container{position:relative;z-index:1}.badge-small{display:inline-block;padding:6px 16px;background:#3b82f61a;color:var(--accent-secondary);border-radius:100px;font-size:.875rem;font-weight:700;margin-bottom:24px;border:1px solid rgba(59,130,246,.2)}.services-grid{margin-top:60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.service-card{position:relative;background:#1119;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px 30px;border-radius:20px;border:1px solid var(--glass-border);transition:border-color .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:16px}.service-card:hover{transform:translateY(-8px);border-color:#3b82f64d;box-shadow:0 20px 40px #0006}.service-card.highlight-card{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:40px;background:linear-gradient(135deg,#1a1a1acc,#111111e6)}@media(max-width:768px){.service-card.highlight-card{grid-template-columns:1fr;gap:16px}}.service-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:16px;border:1px solid var(--glass-border);box-shadow:0 10px 20px #0003;transition:transform .4s var(--ease-out-expo)}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}.service-card h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:8px}.service-card p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(59,130,246,.1),transparent 60%);opacity:0;transition:opacity .4s var(--ease-out-expo);z-index:-1}.service-card:hover .card-glow{opacity:1}.audience{padding:var(--section-padding);background:var(--bg-secondary)}.audience-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.audience-list{list-style:none;margin-top:40px}.audience-list li{display:flex;align-items:center;gap:16px;margin-bottom:20px;font-size:1.125rem;color:var(--text-secondary)}.audience-list .check{display:flex;justify-content:center;align-items:center;width:24px;height:24px;background:#10b9811a;color:#10b981;border-radius:50%;font-size:.875rem;font-weight:700}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.glass-header{display:flex;gap:8px;margin-bottom:30px;border-bottom:1px solid var(--glass-border);padding-bottom:16px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.skeleton-line{height:12px;background:var(--border-color);border-radius:6px;margin-bottom:16px}.w-100{width:100%}.w-75{width:75%}.w-50{width:50%}.chart-bars{display:flex;align-items:flex-end;gap:16px;height:150px;margin-top:40px;padding-top:20px;border-top:1px solid var(--glass-border)}.bar{flex:1;background:var(--border-color);border-radius:4px 4px 0 0;transition:height 1s ease-out}.h-40{height:40%}.h-60{height:60%}.h-80{height:80%}.h-100{height:100%}.highlight-bar{background:var(--text-primary);box-shadow:0 0 20px #fff3}.cta{padding:var(--section-padding)}.cta-box{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border:1px solid var(--glass-border);border-radius:24px;padding:80px 40px;text-align:center;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.05) 0%,transparent 50%);z-index:0}.cta-title,.cta-desc,.cta-box .btn{position:relative;z-index:1}.cta-title{font-size:3rem;margin-bottom:16px}.cta-desc{font-size:1.25rem;color:var(--text-secondary);margin-bottom:40px}.footer{background:var(--bg-secondary);padding:60px 0 30px;border-top:1px solid var(--border-color)}.footer-brand .logo{margin-bottom:16px}.footer-brand p{color:var(--text-secondary);max-width:300px}.footer-bottom{margin-top:60px;padding-top:24px;border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted)}.compliance{padding:var(--section-padding);position:relative;overflow:hidden;background:var(--bg-secondary)}.bg-green{background:#22c55e26!important;color:#22c55e!important;border:1px solid rgba(34,197,94,.3)!important}.steps-grid{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:60px}.step-card{flex:1;min-width:200px;background:var(--bg-tertiary);border-radius:20px;border:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;min-height:280px;position:relative}.step-card:hover{transform:translateY(-8px);border-color:#22c55e66;box-shadow:0 10px 30px #22c55e1a}.step-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(34,197,94,.1) 0%,transparent 50%);opacity:0;transition:opacity .5s ease;pointer-events:none}.step-card:hover:before{opacity:1}.step-sub{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.step-title{font-size:1.25rem;color:var(--text-primary);font-weight:700;margin-bottom:auto}.step-icon{margin-top:30px;font-size:80px;line-height:1;filter:drop-shadow(0 10px 15px rgba(0,0,0,.4));font-family:inherit}@supports (font-family: "Apple Color Emoji","Segoe UI Emoji"){.step-icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Android Emoji",sans-serif}}.step-arrow{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:var(--bg-tertiary);border-radius:50%;color:var(--text-secondary);border:1px solid var(--glass-border);flex-shrink:0}@media(max-width:1024px){.steps-grid{flex-wrap:wrap}}@media(max-width:768px){.steps-grid{flex-direction:column;gap:30px}.step-arrow{transform:rotate(-90deg)}.step-card{width:100%;min-height:240px}}.testimonials{padding:var(--section-padding) 0;position:relative;background:var(--bg-secondary);overflow:hidden}.marquee-wrapper{margin-top:60px;position:relative;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-content{display:flex;gap:30px;min-width:200%;animation:scrollMarquee 35s linear infinite;padding:20px 0}.marquee-wrapper:hover .marquee-content{animation-play-state:paused}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(50%)}}.testimonial-card{flex-shrink:0;width:400px;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:20px;padding:40px 30px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo),border-color .4s ease;position:relative;box-shadow:0 4px 20px #0003}.testimonial-card:hover{transform:translateY(-8px);border-color:#22c55e66;box-shadow:0 15px 40px #22c55e1a}.quote-icon{font-size:80px;font-family:serif;color:#22c55e26;position:absolute;top:10px;right:20px;line-height:1;pointer-events:none}.t-text{font-size:1.05rem;line-height:1.7;color:var(--text-primary);margin-bottom:30px;position:relative;z-index:1}.t-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--glass-border);padding-top:20px}.t-author{display:flex;align-items:center;gap:15px}.t-avatar{width:50px;height:50px;border-radius:50%;background:#22c55e33;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-primary);font-size:1.2rem;border:1px solid var(--glass-border)}.t-name{font-size:1rem;margin:0 0 4px;color:var(--text-primary)}.t-role{font-size:.85rem;color:var(--text-secondary)}.t-stars{font-size:1.1rem}@media(max-width:768px){.testimonial-card{width:300px;padding:30px 20px}}.faq{padding:var(--section-padding);position:relative;background:var(--bg-primary)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.faq-item{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;height:max-content}.faq-item:hover{border-color:#22c55e66;background:#22c55e05}.faq-header{padding:24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:20px;-webkit-user-select:none;user-select:none}.faq-question{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4;transition:color .3s ease}.faq-toggle{width:36px;height:36px;background:#22c55e26;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#22c55e;flex-shrink:0;transition:all .4s var(--ease-out-expo)}.faq-item.active{border-color:#22c55e99;box-shadow:0 10px 30px #22c55e0d;background:#22c55e08}.faq-item.active .faq-toggle{background:#22c55e;color:#000;transform:rotate(45deg)}.faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease-out-expo),opacity .4s var(--ease-out-expo);opacity:0}.faq-body-inner{overflow:hidden;padding:0 24px}.faq-body p{color:var(--text-secondary);font-size:.95rem;padding-bottom:24px;margin:0}.faq-item.active .faq-body{grid-template-rows:1fr;opacity:1}@media(max-width:1024px){.parallax-arrow{width:150px;left:-10%}.bento-grid{grid-template-columns:1fr;gap:20px}.bento-large,.bento-wide,.bento-full{grid-column:span 1;grid-row:span 1}.bento-full{flex-direction:column}.bento-full .bento-content{max-width:100%}.bento-visual{position:relative;left:auto;bottom:auto;right:auto;transform:none;margin-top:30px;width:100%;height:250px}.bento-item:hover .bento-visual{transform:translateY(-5px)}.bento-chart-visual{position:relative;left:0;width:100%;height:150px;padding-bottom:0;margin-top:30px}.projects-grid{grid-template-columns:repeat(2,1fr)}.large-card{grid-column:1 / -1}}@media(max-width:992px){.hero-container,.audience-wrapper,.faq-grid{grid-template-columns:1fr;gap:40px}.hero-title{font-size:3rem}}@media(max-width:768px){.parallax-arrow,.nav-links{display:none}.projects-grid{grid-template-columns:1fr;grid-auto-rows:auto}.large-card,.small-square,.long-cta{grid-column:1 / -1;grid-row:auto}.project-image-placeholder{min-height:200px}}