.home{min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 18%,var(--rhythm-tint) 46%,var(--rhythm-tint) 64%,var(--bg) 86%,var(--bg) 100%)}.container{max-width:1180px;margin:0 auto;padding:0 32px}.section{padding:64px 0}.section-head{text-align:center;max-width:620px;margin:0 auto 52px}.section-title{font-family:var(--font-head);font-size:clamp(26px,3.6vw,38px);font-weight:800;letter-spacing:-1px;margin:0;line-height:1.2}:root[lang=ar] .section-title,:root[lang=ar] .hero-title{letter-spacing:0}.hero{position:relative;overflow:hidden;padding:64px 0 108px;background:radial-gradient(ellipse 640px 380px at right -12%,var(--blob-1),transparent 60%),radial-gradient(ellipse 480px 340px at left 112%,var(--blob-2),transparent 60%)}:root[dir=rtl] .hero{background:radial-gradient(ellipse 640px 380px at left -12%,var(--blob-1),transparent 60%),radial-gradient(ellipse 480px 340px at right 112%,var(--blob-2),transparent 60%)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.6;background-image:radial-gradient(var(--grain-dot) 1px,transparent 1px);background-size:16px 16px}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.4) 45%,#000 72%);mask-image:linear-gradient(90deg,#00000040,#0006 45%,#000 72%)}:root[dir=rtl] .hero-canvas{-webkit-mask-image:linear-gradient(270deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.4) 45%,#000 72%);mask-image:linear-gradient(270deg,#00000040,#0006 45%,#000 72%)}.hero .container{position:relative;z-index:1}.hero-grid>:first-child{transform:translateY(calc(var(--hero-scroll, 0) * -60px));opacity:calc(1 - var(--hero-scroll, 0) * .9);will-change:transform,opacity}.hero-visual{transform:translateY(calc(var(--hero-scroll, 0) * 90px)) scale(calc(1 - var(--hero-scroll, 0) * .06));will-change:transform}:root[data-theme=dark] .hero-copy{position:relative}:root[data-theme=dark] .hero-copy:before{content:"";position:absolute;top:-40px;right:-60px;bottom:-40px;left:-60px;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(12,22,36,.78),rgba(12,22,36,.4) 70%,transparent)}@media (prefers-reduced-motion: reduce){.hero-grid>:first-child,.hero-visual{transform:none!important;opacity:1!important}}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}.hero-copy{max-width:620px}.hero-visual{position:relative}.hero-visual:before{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;background:radial-gradient(closest-side,var(--blob-1),transparent);pointer-events:none}.logo-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2vw,24px);padding:clamp(56px,8vw,96px) clamp(24px,4vw,48px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 40px 80px -40px var(--card-glow)}.logo-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(var(--grain-dot) 1px,transparent 1px);background-size:18px 18px}.logo-card-mark{position:relative;font-family:Montserrat,sans-serif;font-weight:600;font-size:clamp(44px,6.4vw,76px);letter-spacing:-.02em;line-height:1;color:var(--text);white-space:nowrap}.logo-card-tag{position:relative;display:flex;align-items:center;gap:10px;font-family:Montserrat,sans-serif;font-weight:500;font-size:clamp(12px,1.3vw,16px);color:var(--text-soft);white-space:nowrap}.logo-card-tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand-orange);flex-shrink:0}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr}}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;margin-bottom:28px;white-space:nowrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-text);box-shadow:0 8px 20px -12px var(--accent-glow)}:root[lang=ar] .hero-eyebrow{text-transform:none;letter-spacing:0;font-size:14px}.hero-eyebrow:before{content:"";width:9px;height:10px;background:currentColor;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hero-title{font-family:var(--font-head);font-size:clamp(38px,6vw,64px);font-weight:700;line-height:1.08;letter-spacing:-1.8px;margin:0 0 24px}.hero-title .muted{color:var(--muted)}.hero-title .grad{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=dark] .hero-title .grad{background:none;color:var(--accent-text)}.hero-desc{font-size:17px;color:var(--text-soft);line-height:1.75;margin:0 0 36px;max-width:56ch}.hero-desc strong{color:var(--text)}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.hero-stats{display:flex;align-items:stretch;flex-wrap:wrap;gap:20px 0;margin-top:56px}.hero-stat{padding:0 32px}.hero-stat:first-child{padding-inline-start:0}.hero-stat+.hero-stat{border-inline-start:1px solid var(--border)}.hero-stat-num{font-family:var(--font-head);font-size:34px;font-weight:800;color:var(--text);white-space:nowrap}.hero-stat-num span{color:var(--accent-text)}.hero-stat-label{font-size:13px;color:var(--muted);margin-top:4px}.card-grid{display:grid;gap:24px}.card-grid.skills{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card-grid.products{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px 28px;transition:transform .15s ease,box-shadow .15s ease}.skill-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px var(--shadow-soft)}.skill-icon{width:48px;height:48px;border-radius:14px;color:var(--accent-text);margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:var(--accent-bg);border:1px solid var(--accent-border)}.skill-icon svg{width:22px;height:22px}.card-title{font-family:var(--font-head);font-weight:700;font-size:17px;margin:0 0 10px}.card-text{font-size:14px;color:var(--text-soft);line-height:1.7;margin:0}.premium-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 4px 12px -6px var(--shadow-soft),0 26px 48px -28px var(--card-glow);transition:transform .15s ease,box-shadow .2s ease}.premium-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px -6px var(--shadow-soft),0 32px 56px -24px var(--card-glow)}.premium-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(140deg,var(--accent-border),transparent 45%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.approach-panel{background:var(--surface-alt);border-radius:32px;padding:clamp(32px,7vw,64px) clamp(24px,5vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px;align-items:center}.approach-intro{color:var(--text-soft);font-size:15.5px;line-height:1.75;margin:20px 0 0}.approach-steps{display:flex;flex-direction:column;gap:22px;list-style:none;margin:0;padding:0}.approach-step{display:flex;gap:16px;align-items:flex-start}.approach-check{width:30px;height:30px;border-radius:9px;background:var(--accent);color:var(--on-accent);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:2px}.approach-step h3{font-family:var(--font-head);font-weight:700;font-size:16px;margin:0 0 4px}.approach-step p{font-size:14px;color:var(--text-soft);line-height:1.65;margin:0}.product-card{padding:36px 32px;display:flex;flex-direction:column}.product-icon{width:54px;height:54px;border-radius:16px;background:var(--accent-gradient);color:var(--on-accent);margin-bottom:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 22px -8px var(--accent-glow)}.product-icon svg{width:26px;height:26px}.product-card .card-title{font-size:19px}.product-card .card-text{margin-bottom:22px}.feature-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:0 0 26px;padding:0;list-style:none}.feature-list li{display:flex;align-items:flex-start;gap:9px;padding:10px 14px;font-size:13.5px;line-height:1.45;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius-md)}.feature-list li:before{content:"";width:8px;height:9px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--brand-orange);flex-shrink:0;margin-top:6px}.product-card .btn{margin-top:auto;align-self:flex-start}.project-list{display:flex;flex-direction:column;gap:24px}.project-card{padding:40px;overflow:hidden;--status: var(--accent)}.project-card[data-status=live]{--status: #047857}.project-card[data-status=ongoing]{--status: #b45309}.project-card[data-status=delivered]{--status: var(--muted)}:root[data-theme=dark] .project-card[data-status=live]{--status: #4ade80}:root[data-theme=dark] .project-card[data-status=ongoing]{--status: #f4a340}.project-card:after{content:"";position:absolute;top:0;inset-inline-start:0;width:220px;height:220px;border-radius:50%;background:color-mix(in srgb,var(--status) 12%,transparent);transform:translate(-30%,-40%);pointer-events:none}:root[dir=rtl] .project-card:after{transform:translate(30%,-40%)}.project-body{position:relative;z-index:1}.project-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.project-num{font-size:13px;color:var(--muted);margin-bottom:8px}.project-title{font-family:var(--font-head);font-size:23px;font-weight:800;letter-spacing:-.4px;margin:0 0 6px}.project-client{font-size:14px;color:var(--accent-text);font-weight:600}.status-badge{padding:7px 16px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:8px;color:var(--text);background:var(--surface);border:1px solid var(--border)}.status-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--status)}.project-desc{color:var(--text-soft);font-size:15px;line-height:1.8;margin:0 0 22px;max-width:760px}.deliverables{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0 0 22px;padding:0;list-style:none}.deliverables li{display:flex;align-items:flex-start;gap:9px;padding:10px 14px;font-size:13.5px;line-height:1.45;background:var(--surface-alt);border-radius:var(--radius-md)}.deliverables li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dot, var(--accent-text));flex-shrink:0;margin-top:6px}.deliverables li[data-dot=green]{--dot: #059669}.deliverables li[data-dot=amber]{--dot: #d97706}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.tags li{padding:5px 14px;background:var(--surface-alt);border-radius:var(--radius-pill);font-size:12px;color:var(--text-soft);font-weight:600}.contact-panel{position:relative;overflow:hidden;text-align:center;color:var(--on-accent);background:var(--accent);border-radius:32px;padding:64px 48px}.contact-panel:before,.contact-panel:after{content:"";position:absolute;border-radius:50%;background:color-mix(in srgb,var(--on-accent) 8%,transparent);pointer-events:none}.contact-panel:before{top:-100px;left:-80px;width:300px;height:300px}.contact-panel:after{bottom:-120px;right:-80px;width:340px;height:340px}.contact-inner{position:relative;z-index:1}.contact-panel h2{font-family:var(--font-head);font-size:clamp(26px,4vw,40px);font-weight:800;letter-spacing:-1px;margin:0 0 16px}.contact-panel p{color:color-mix(in srgb,var(--on-accent) 88%,var(--accent));max-width:480px;margin:0 auto 28px;font-size:16px;line-height:1.7}.contact-ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:28px}.contact-ctas .btn-light{background:var(--on-accent);color:var(--accent)}.contact-ctas .btn-outline-light{background:transparent;color:var(--on-accent);border-color:color-mix(in srgb,var(--on-accent) 55%,transparent)}.contact-details{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.contact-details li>*{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--on-accent) 12%,transparent);font-size:14px;font-weight:600;color:var(--on-accent);text-decoration:none}.contact-details a:hover{background:color-mix(in srgb,var(--on-accent) 22%,transparent)}.contact-details a:focus-visible,.contact-ctas .btn:focus-visible{outline-color:var(--on-accent)}.back-to-top{position:fixed;bottom:24px;inset-inline-end:24px;z-index:60;width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--on-accent);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 26px -8px var(--accent-shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.back-to-top svg{width:20px;height:20px}@media (max-width: 640px){.container{padding:0 20px}.section{padding:48px 0}.hero{padding:44px 0 72px}.hero-stats{margin-top:48px}.project-card{padding:28px 22px}.project-head{flex-direction:column-reverse;align-items:flex-start}.contact-panel{padding:48px 22px;border-radius:24px}.product-card{padding:28px 22px}.hero-ctas .btn,.contact-ctas .btn{width:100%}}.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.from-start{transform:translate(-56px)}.reveal.from-end{transform:translate(56px)}:root[dir=rtl] .reveal.from-start{transform:translate(56px)}:root[dir=rtl] .reveal.from-end{transform:translate(-56px)}.reveal.zoom{transform:translateY(24px) scale(.96)}.reveal.is-visible{opacity:1;transform:none}.section-head .section-title,.section-head .eyebrow{display:block}@media (prefers-reduced-motion: reduce){.reveal,.reveal.from-start,.reveal.from-end,.reveal.zoom{opacity:1!important;transform:none!important;transition:none!important}}@media (max-width: 900px){.hero-canvas,:root[dir=rtl] .hero-canvas{-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.4) 55%,#000 80%);mask-image:linear-gradient(180deg,#0000004d,#0006 55%,#000 80%)}.hero-grid{gap:40px}.hero-visual{transform:translateY(calc(var(--hero-scroll, 0) * 40px))}.hero-grid>:first-child{transform:translateY(calc(var(--hero-scroll, 0) * -30px))}:root[data-theme=dark] .hero-copy:before{top:-24px;right:-20px;bottom:-24px;left:-20px}.reveal.from-start{transform:translate(-28px)}.reveal.from-end{transform:translate(28px)}:root[dir=rtl] .reveal.from-start{transform:translate(28px)}:root[dir=rtl] .reveal.from-end{transform:translate(-28px)}.reveal{transform:translateY(24px)}}:root .reveal.is-visible.is-visible,:root[dir] .reveal.is-visible.is-visible{opacity:1;transform:none}