.hero{padding-top:4.3rem}.hero.section{width:min(1280px,calc(100vw - 2rem))}.hero__layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:.9rem;align-items:stretch}.hero__copy,.hero__visual,.service-card,.seo-focus-card,.seo-use-case,.why-haroonx-card,.case-card,.system-card,.system-proof-card,.process-card,.ethics-panel,.compliance-panel,.faq-card,.pricing-card,.contact-panel,.contact-form-card,.modal-card{position:relative;border-radius:var(--radius-lg);border:1px solid rgba(129,154,226,.18);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 24%),linear-gradient(160deg,#0d162deb,#091022d1);box-shadow:var(--shadow-md);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.hero__copy:before,.hero__visual:before,.service-card:before,.seo-focus-card:before,.seo-use-case:before,.why-haroonx-card:before,.case-card:before,.system-card:before,.system-proof-card:before,.process-card:before,.ethics-panel:before,.compliance-panel:before,.faq-card:before,.pricing-card:before,.contact-panel:before,.contact-form-card:before,.modal-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:conic-gradient(from 140deg,#26e5ff00,#26e5ff6b,#875cff52,#26e5ff00);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8;pointer-events:none}.hero__copy{padding:clamp(1.55rem,2.5vw,2.05rem);display:flex;flex-direction:column;height:100%;min-height:0;justify-content:flex-start}.hero__description{max-width:38rem;margin-top:.9rem;color:var(--text-soft);font-size:.97rem;line-height:1.62}.hero__title{max-width:17ch;margin-top:.75rem;font-size:clamp(2.05rem,2.95vw,3.15rem);line-height:.92;text-transform:uppercase;text-wrap:balance}.hero__title span{display:block}.seo-landing-hero__layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.seo-landing-hero__copy .hero__title{max-width:19ch;line-height:1}.seo-landing-hero__visual{position:relative;min-height:38rem;border-radius:var(--radius-lg);border:1px solid rgba(129,154,226,.18);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 24%),#080e1fc7;box-shadow:var(--shadow-md);overflow:hidden}.seo-landing-hero__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#04091405,#0409146b),radial-gradient(circle at 18% 14%,rgba(38,229,255,.12),transparent 24%);pointer-events:none}.seo-landing-hero__visual img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.seo-landing-cta__panel{max-width:60rem;margin:0 auto}.seo-landing-cta__panel>p:not(.eyebrow){max-width:46rem;margin-top:1rem;color:var(--text-soft)}.seo-landing-agency-note{max-width:64rem}.seo-landing-agency-note .section-title{max-width:18ch}.seo-landing-agency-note>p:not(.eyebrow){max-width:48rem;margin-top:1rem;color:var(--text-soft)}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.2rem}.hero__actions .button{min-height:3rem;padding:.82rem 1.2rem;font-size:.89rem}.hero__deliverables{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.hero__deliverables li{padding:.48rem .78rem;border-radius:999px;border:1px solid rgba(129,154,226,.18);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 100%),#0a1226b8;color:var(--text-soft);font-size:.73rem;font-weight:800;letter-spacing:.04em}.hero__value-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}.hero__value-point{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:center;padding:.75rem .82rem;border-radius:1rem;border:1px solid rgba(129,154,226,.14);background:#0911228a}.hero__value-point span{width:.45rem;height:.45rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px #26e5ff59}.hero__value-point p{color:var(--text);font-size:.84rem;font-weight:600;line-height:1.42}.hero__visual{min-height:auto;height:100%;padding:.86rem;background:radial-gradient(circle at 72% 18%,rgba(38,229,255,.14),transparent 24%),radial-gradient(circle at 78% 82%,rgba(135,92,255,.16),transparent 24%),radial-gradient(circle at 14% 26%,rgba(46,99,255,.14),transparent 28%),linear-gradient(180deg,#070d1cf0,#070c1ccc);display:grid;grid-template-rows:auto 1fr auto;gap:.5rem}.hero__visual:after{content:"";position:absolute;top:.95rem;right:.95rem;bottom:.95rem;left:.95rem;border-radius:1.4rem;border:1px solid rgba(129,154,226,.08);pointer-events:none}.hero__visual-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;position:relative;z-index:1}.hero__visual-eyebrow{display:inline-flex;margin-bottom:.55rem;color:var(--cyan);font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero__visual-summary{max-width:24rem;color:var(--text-soft);font-size:.94rem}.hero__visual-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.hero__visual-pills span{padding:.45rem .7rem;border-radius:999px;border:1px solid rgba(129,154,226,.16);background:#09112299;color:var(--text-soft);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero__visual-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:1rem}.hero__visual-side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr)) auto;gap:1rem}.hero-model{display:grid;gap:.8rem;padding:1rem;border-radius:1.45rem;border:1px solid rgba(129,154,226,.16);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%),#091122c7;min-width:0}.hero-model--primary{padding:1.1rem}.hero-model__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hero-model__tag,.hero-model__signal{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hero-model__tag{color:var(--cyan)}.hero-model__signal{color:var(--text-muted)}.hero-model__portrait{position:relative;min-height:13rem;border-radius:1.25rem;border:1px solid rgba(129,154,226,.12);overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%),linear-gradient(160deg,#0e152cfa,#080d1df0)}.hero-model--primary .hero-model__portrait{min-height:28rem}.hero-model__portrait:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.15),transparent 16%),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 100%)}.hero-model__portrait--cyan{background:radial-gradient(circle at 50% 18%,rgba(38,229,255,.26),transparent 20%),linear-gradient(160deg,#0b1d38fa,#080d1df5)}.hero-model__portrait--violet{background:radial-gradient(circle at 50% 18%,rgba(135,92,255,.28),transparent 22%),linear-gradient(160deg,#171334fa,#080d1df5)}.hero-model__portrait--blue{background:radial-gradient(circle at 50% 18%,rgba(46,99,255,.28),transparent 22%),linear-gradient(160deg,#0c1836fa,#080d1df5)}.hero-model__figure{position:absolute;left:50%;bottom:-2%;width:54%;height:88%;transform:translate(-50%)}.hero-model__glow{position:absolute;inset:auto 50% 12% auto;width:74%;height:48%;transform:translate(50%);border-radius:50%;filter:blur(26px);background:#26e5ff2e}.hero-model__figure--indigo .hero-model__glow{background:#875cff2e}.hero-model__figure--midnight .hero-model__glow{background:#2e63ff2e}.hero-model__head{position:absolute;top:6%;left:50%;width:21%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:linear-gradient(180deg,#ebf4fff5,#b2c6ebeb);box-shadow:0 0 18px #ffffff1a}.hero-model__torso{position:absolute;left:50%;bottom:0;width:68%;height:70%;transform:translate(-50%);border-radius:42% 42% 12% 12%;background:linear-gradient(180deg,#d6e1f5f0,#556a92fa)}.hero-model__figure--indigo .hero-model__torso{background:linear-gradient(180deg,#e2d3fff5,#634f97fa)}.hero-model__figure--midnight .hero-model__torso{background:linear-gradient(180deg,#d7e4fff5,#415da5fa)}.hero-model__arm{position:absolute;bottom:33%;width:33%;height:11%;border-radius:999px;background:linear-gradient(180deg,#bcccece6,#566b95f2)}.hero-model__figure--indigo .hero-model__arm{background:linear-gradient(180deg,#d7c4ffeb,#604b98f5)}.hero-model__figure--midnight .hero-model__arm{background:linear-gradient(180deg,#c4d6ffeb,#425fa7f5)}.hero-model__arm--left{left:5%;transform:rotate(18deg)}.hero-model__arm--right{right:5%;transform:rotate(-18deg)}.hero-model__meta strong{display:block;font-size:1rem}.hero-model__meta p{margin-top:.35rem;color:var(--text-soft);font-size:.86rem}.hero__output-stack{display:grid;gap:.75rem}.hero-output-card{padding:.9rem 1rem;border-radius:1.15rem;border:1px solid rgba(129,154,226,.16);background:#091122ad}.hero-output-card strong{display:block;font-size:.96rem}.hero-output-card span{display:block;margin-top:.3rem;color:var(--text-muted);font-size:.82rem}.hero__visual-footer{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.hero__signal-card{padding:.85rem .95rem;border-radius:1rem;border:1px solid rgba(129,154,226,.14);background:#0911228a}.hero__signal-card strong{display:block;font-family:Orbitron,sans-serif;font-size:.92rem;text-transform:uppercase}.hero__signal-card span{display:block;margin-top:.32rem;color:var(--text-muted);font-size:.77rem}.hero__visual-header{display:grid;gap:.35rem;position:relative;z-index:1;padding:.05rem .05rem 0}.hero__visual-eyebrow{display:inline-flex;margin-bottom:.32rem;color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero__visual-summary{max-width:33rem;color:var(--text-soft);font-size:.82rem;line-height:1.38}.hero__visual-tags{display:none}.hero__visual-tag{padding:.42rem .72rem;border-radius:999px;border:1px solid rgba(129,154,226,.16);background:#09112299;color:var(--text-soft);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero__showcase-shell{position:relative;z-index:1;display:grid;gap:.5rem;padding:.52rem;border-radius:1.55rem;border:1px solid rgba(129,154,226,.14);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%),#080e1fa3;box-shadow:inset 0 1px #ffffff0a}.hero__showcase-tabs{display:flex;flex-wrap:wrap;gap:.28rem}.hero__showcase-tab{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .52rem;border-radius:999px;border:1px solid rgba(129,154,226,.14);background:#0c122494;color:var(--text-muted);font-size:.54rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.hero__showcase-tab--active{border-color:#26e5ff33;background:#26e5ff1f;color:var(--cyan)}.hero__showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.34rem;align-items:stretch}.hero-frame{position:relative;min-width:0;margin:0;height:100%;padding:.4rem;border-radius:1.45rem;border:1px solid rgba(129,154,226,.16);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 18%),#091122c7;box-shadow:inset 0 1px #ffffff0a;overflow:hidden}.hero-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 16%,rgba(38,229,255,.08),transparent 26%),radial-gradient(circle at 82% 86%,rgba(135,92,255,.1),transparent 24%);opacity:.7;pointer-events:none}.hero-frame:after{content:"";position:absolute;top:.38rem;right:.38rem;bottom:.38rem;left:.38rem;border-radius:1.05rem;border:1px solid rgba(129,154,226,.08);pointer-events:none}.hero-frame__caption{position:relative;z-index:2;display:grid;gap:.14rem;padding:0 .05rem .05rem}.hero-frame__caption span{color:var(--cyan);font-size:.54rem;font-weight:800;letter-spacing:.08em;line-height:1.15;text-transform:uppercase}.hero-frame__caption strong{max-width:none;font-size:.9rem;line-height:1.16}.hero-frame__caption p{max-width:none;color:var(--text-muted);font-size:.68rem;line-height:1.24;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.hero-frame__canvas{position:relative;display:grid;grid-template-rows:auto auto;gap:.42rem;height:100%;padding:.4rem;border-radius:1.05rem;border:1px solid rgba(129,154,226,.12);background:#070d1d94;overflow:hidden;isolation:isolate}.hero-frame__canvas:after{display:none}.hero-frame__media{position:relative;inset:auto;aspect-ratio:1 / 2;border-radius:.95rem;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.14),transparent 20%),linear-gradient(160deg,#0e152cf5,#080d1df0)}.hero-frame__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%;transform:scale(1.02);filter:saturate(1.02) contrast(1.01);transform-origin:center center;transition:transform .24s ease,filter .24s ease}.hero-frame:hover .hero-frame__media img{transform:scale(1.07);filter:saturate(1.05) contrast(1.02)}.hero-frame__media--model{background:radial-gradient(circle at 78% 14%,rgba(38,229,255,.12),transparent 18%),radial-gradient(circle at 24% 80%,rgba(135,92,255,.14),transparent 24%),linear-gradient(180deg,#0a12240d,#0a122438)}.hero-art{display:block;width:100%;height:100%}.hero__visual-note{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:.55rem;align-items:center;padding:.05rem .05rem 0;border-top:1px solid rgba(129,154,226,.12)}.hero__visual-note span{width:2.25rem;height:1px;background:linear-gradient(90deg,#26e5ffc7,#26e5ff00)}.hero__visual-note p{max-width:40rem;color:var(--text-muted);font-size:.76rem;line-height:1.45}.services-grid,.seo-focus__grid,.seo-focus__use-cases,.why-haroonx__grid,.faq-grid,.cases-grid,.selected-systems__grid,.pricing-grid{display:grid;gap:1.15rem}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{padding:1.5rem}.seo-focus__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-focus__use-cases{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.15rem}.seo-focus-card,.seo-use-case,.why-haroonx-card,.faq-card{padding:1.5rem}.seo-focus-card>p,.seo-use-case>p,.why-haroonx-card>p,.faq-card>p{margin-top:.75rem;color:var(--text-soft)}.why-haroonx__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.why-haroonx-card__index{display:inline-flex;margin-bottom:1rem;color:var(--cyan);font-family:Orbitron,sans-serif;font-size:.82rem;font-weight:800;letter-spacing:.16em}.seo-focus-card__terms{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.15rem}.seo-focus-card__terms li{padding:.48rem .75rem;border-radius:999px;border:1px solid rgba(129,154,226,.18);background:#091122a3;color:var(--text-soft);font-size:.75rem;font-weight:800}.service-card__icon{display:inline-grid;place-items:center;width:4rem;height:4rem;margin-bottom:1.2rem;border-radius:1.25rem;background:linear-gradient(135deg,#26e5ff29,#875cff1f);border:1px solid rgba(38,229,255,.22);color:var(--cyan)}.service-card__icon svg,.process-card__icon svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.service-card h3,.seo-focus-card h3,.seo-use-case h3,.why-haroonx-card h3,.case-card h3,.system-card h3,.process-card h3,.ethics-panel h3,.compliance-panel h3,.faq-card h3,.pricing-card h3,.contact-panel h3,.contact-form-card h3,.modal-card h3{font-size:1.15rem;font-weight:800;line-height:1.35}.service-card p,.seo-focus-card p,.seo-use-case p,.why-haroonx-card p,.case-card p,.system-card p,.process-card p,.ethics-panel p,.compliance-panel p,.faq-card p,.pricing-card p,.contact-panel p,.contact-form-card p,.modal-card p{color:var(--text-soft)}.service-card p,.process-card p{margin-top:.8rem}.service-card:hover,.case-card:hover,.system-card:hover,.pricing-card:hover{transform:translateY(-3px);border-color:#26e5ff38;box-shadow:0 26px 56px #0000005c,0 0 32px #26e5ff14}.cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-systems{display:grid;gap:1.6rem}.selected-systems__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);gap:1.2rem;align-items:end}.selected-systems__intro .section-heading{margin-bottom:0}.selected-systems__proof-strip{display:grid;gap:.75rem}.system-proof-card{padding:1rem 1.05rem;min-height:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 22%),linear-gradient(160deg,#0b1227e6,#070c1cd6)}.system-proof-card__label{display:inline-flex;color:var(--text-muted);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.system-proof-card strong{display:block;margin-top:.45rem;font-size:1rem;line-height:1.25}.system-proof-card p{margin-top:.35rem;color:var(--text-soft);font-size:.82rem;line-height:1.4}.selected-systems__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-card{display:flex;flex-direction:column}.system-card__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-bottom:1px solid rgba(129,154,226,.14);background:radial-gradient(circle at 20% 18%,rgba(38,229,255,.12),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 100%)}.system-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#050a1605,#050a163d 68%,#050a16bd);pointer-events:none}.system-card__media img,.system-modal__visual img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transition:transform .26s ease,filter .26s ease}.system-card:hover .system-card__media img{transform:scale(1.04);filter:saturate(1.04) contrast(1.03)}.system-card__overlay{position:absolute;inset:1rem 1rem auto;z-index:1;display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.system-card__label,.system-card__category{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:.45rem .7rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.system-card__label{background:#26e5ff24;border:1px solid rgba(38,229,255,.22);color:var(--cyan)}.system-card__category{background:#080e1e9e;border:1px solid rgba(255,255,255,.12);color:var(--text-soft)}.system-card__body{display:grid;gap:.9rem;padding:1.35rem}.system-card__metrics,.system-modal__metrics{display:flex;flex-wrap:wrap;gap:.55rem}.system-card__metrics span,.system-modal__metrics span{padding:.42rem .68rem;border-radius:999px;border:1px solid rgba(129,154,226,.18);background:#091122a3;color:var(--text-soft);font-size:.72rem;font-weight:800;letter-spacing:.03em}.system-card__body p{margin-top:0;font-size:.94rem;line-height:1.58}.system-card__button{padding:0;border:0;background:transparent;color:var(--cyan);font-weight:800;text-align:left}.system-card__button:hover{color:#8df1ff}.system-modal{width:min(60rem,100%)}.system-modal__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.system-modal__visual{position:relative;min-height:100%;background:radial-gradient(circle at 18% 16%,rgba(38,229,255,.1),transparent 22%),linear-gradient(160deg,#0b1328f5,#060b19f5)}.system-modal__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#050a160a,#050a166b);pointer-events:none}.system-modal__badges{position:absolute;inset:1rem 1rem auto;z-index:1;display:flex;flex-wrap:wrap;gap:.5rem}.system-modal__content{padding:1.6rem}.system-modal__content>.eyebrow{margin-top:0}.system-modal__content>h3+p{margin-top:.9rem}.system-modal__groups{display:grid;gap:1rem;margin-top:1.35rem}.system-modal__group{display:grid;gap:.65rem}.system-modal__group h4{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.case-card__visual{position:relative;min-height:13rem;padding:1.1rem;border-bottom:1px solid rgba(129,154,226,.14);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 100%),radial-gradient(circle at 22% 20%,rgba(255,255,255,.14),transparent 25%)}.case-card__visual:after{content:"";position:absolute;inset:auto 1.1rem 1.1rem auto;width:6rem;height:6rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.case-card__visual--fashion{background:radial-gradient(circle at 70% 20%,rgba(38,229,255,.22),transparent 26%),linear-gradient(150deg,#101d3ef5,#090e1ef5)}.case-card__visual--influencer{background:radial-gradient(circle at 30% 25%,rgba(135,92,255,.24),transparent 28%),linear-gradient(150deg,#151233f5,#090e1ef5)}.case-card__visual--avatar{background:radial-gradient(circle at 72% 24%,rgba(46,99,255,.24),transparent 28%),linear-gradient(150deg,#0f1734f5,#090e1ef5)}.case-card__visual--performance{background:radial-gradient(circle at 22% 25%,rgba(38,229,255,.18),transparent 28%),radial-gradient(circle at 82% 70%,rgba(135,92,255,.18),transparent 20%),linear-gradient(150deg,#0e1830f5,#090e1ef5)}.case-card__status,.case-card__category,.pricing-card__badge,.contact-form-card__intent{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:.45rem .75rem;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.case-card__status,.pricing-card__badge{background:#26e5ff24;color:var(--cyan);border:1px solid rgba(38,229,255,.24)}.case-card__category{position:absolute;bottom:1.1rem;left:1.1rem;background:#ffffff0f;color:var(--text-soft);border:1px solid rgba(255,255,255,.12)}.case-card__body{padding:1.4rem}.case-card__header{display:grid;gap:1rem;margin-bottom:.95rem}.case-card__body>p{margin-top:.95rem}.case-card__button{margin-top:1.25rem;padding:0;border:0;background:transparent;color:var(--cyan);font-weight:800}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#02050cc2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-card{width:min(44rem,100%)}.modal-card__close{position:absolute;top:1rem;right:1rem;z-index:2;width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid rgba(129,154,226,.2);background:#0a1226d6;color:var(--text);font-size:1.4rem}.case-card__visual--modal{min-height:15rem}.modal-card__content{padding:1.4rem 1.5rem 1.5rem}.modal-card__content h3{margin-bottom:.8rem}.modal-card__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.modal-card__columns h4{margin-bottom:.7rem;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.modal-card__columns ul{display:grid;gap:.7rem}.modal-card__columns li,.pricing-card__features li,.contact-panel__trust li,.compliance-list li{position:relative;padding-left:1rem;color:var(--text-soft)}.modal-card__columns li:before,.pricing-card__features li:before,.contact-panel__trust li:before,.compliance-list li:before{content:"";position:absolute;left:0;top:.7rem;width:.35rem;height:.35rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #26e5ff66}.modal-card__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}.process-flow{position:relative}.process-flow__lines{position:absolute;inset:4rem 0 auto;width:100%;height:19rem;stroke:url(#process-gradient);stroke-width:2.5;fill:none;pointer-events:none}.process-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.process-card{padding:1.5rem;min-height:17rem}.process-card__index{color:var(--text-muted);font-size:.8rem;font-weight:800;letter-spacing:.18em}.process-card__icon{width:3.75rem;height:1.75rem;margin:1rem 0 1.15rem;color:var(--cyan)}.ethics-grid,.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.ethics-panel,.compliance-panel,.contact-panel,.contact-form-card{padding:1.6rem}.ethics-points{display:grid;gap:1rem;margin-top:1.3rem}.ethics-point{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;padding:1rem;border-radius:1.2rem;border:1px solid rgba(129,154,226,.16);background:#0a1226b3}.ethics-point__icon{width:.8rem;height:.8rem;margin-top:.45rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px #26e5ff59}.ethics-point h4{margin-bottom:.3rem;font-size:.95rem}.ethics-point p{margin-top:.35rem}.compliance-panel{display:grid;gap:1rem}.compliance-panel__card{padding:1.2rem;border-radius:1.4rem;border:1px solid rgba(129,154,226,.18);background:#0a1226c2}.compliance-list,.pricing-card__features,.contact-panel__trust{display:grid;gap:.75rem;margin-top:1rem}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-card{display:flex;flex-direction:column;padding:1.55rem}.pricing-card__badge{margin-bottom:1rem}.pricing-card__head p{margin-top:.6rem}.pricing-card__price{display:flex;align-items:baseline;gap:.5rem;margin-top:1.2rem}.pricing-card__price strong{font-family:Orbitron,sans-serif;font-size:clamp(2.4rem,3vw,3rem)}.pricing-card__price span{color:var(--text-muted);font-size:.9rem}.pricing-card__features{margin-top:1.2rem;min-height:13rem}.pricing-card__button{width:100%;margin-top:auto}.pricing-notes{display:grid;gap:.8rem;margin-top:1.25rem}.pricing-note{padding:.95rem 1.1rem;border-radius:1.1rem;border:1px solid rgba(129,154,226,.16);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 100%),#091122ad;color:var(--text-soft);font-size:.92rem;line-height:1.5}.pricing-note--topup{color:var(--text)}.pricing-note--project{width:100%;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,color .16s ease}.pricing-note--project:hover{color:var(--text);border-color:#26e5ff47;box-shadow:0 14px 28px #26e5ff14;transform:translateY(-1px)}.pricing-card--featured{box-shadow:0 24px 64px #0000006b,0 0 36px #26e5ff1a}.contact-panel__meta{display:grid;gap:.85rem;margin-top:1.3rem}.contact-panel>p,.contact-form-card>p{margin-top:.8rem}.contact-panel__meta div{display:flex;justify-content:space-between;gap:1rem;padding-top:.8rem;border-top:1px solid rgba(129,154,226,.14)}.contact-panel__meta dt{color:var(--text-muted)}.contact-panel__meta dd{color:var(--text);text-align:right}.quick-links{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.3rem}.quick-links a{padding:.55rem .8rem;border-radius:999px;border:1px solid rgba(129,154,226,.18);background:#0a1226b3;color:var(--text-soft);font-weight:700}.contact-form-card__intent{margin:1rem 0;background:#26e5ff24;color:var(--cyan);border:1px solid rgba(38,229,255,.24)}.contact-form{display:grid;gap:1rem;margin-top:1rem}.contact-form label{display:grid;gap:.45rem}.contact-form label span{color:var(--text-soft);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;padding:.95rem 1rem;border:1px solid rgba(129,154,226,.18);border-radius:1rem;background:#070d1de0;color:var(--text);resize:vertical}.contact-form__submit{width:100%}.status-note{margin-top:1rem;padding:.9rem 1rem;border-radius:1rem;font-size:.92rem;font-weight:700}.status-note--success{background:#7fffd924;color:var(--success)}.status-note--error{background:#ff889824;color:var(--danger)}.status-note--info{background:#26e5ff24;color:var(--cyan)}@media (max-width: 1100px){.hero__layout,.ethics-grid,.contact-grid{grid-template-columns:1fr}.hero__copy,.hero__visual{min-height:auto}.seo-landing-hero__visual{min-height:32rem}.services-grid,.seo-focus__use-cases,.why-haroonx__grid,.selected-systems__intro,.pricing-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-flow__lines{display:none}}@media (max-width: 920px){.hero{padding-top:5rem}.hero__copy{justify-content:flex-start}.hero__visual{min-height:auto}.seo-landing-hero__visual{min-height:28rem}.hero__title{max-width:15ch;font-size:clamp(1.95rem,7vw,2.85rem)}.hero__visual-header{flex-direction:column;align-items:flex-start}.hero__visual-tags{justify-content:flex-start}.hero__value-points{grid-template-columns:1fr}.hero__showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero__showcase-shell{padding:.8rem}.hero-frame__caption strong,.hero-frame__caption p{max-width:none}.selected-systems__grid,.faq-grid,.cases-grid,.modal-card__columns,.system-modal__layout{grid-template-columns:1fr}.system-modal__visual{max-height:28rem}}@media (max-width: 720px){.services-grid,.seo-focus__grid,.seo-focus__use-cases,.why-haroonx__grid,.selected-systems__grid,.pricing-grid,.process-grid{grid-template-columns:1fr}.hero__copy,.hero__visual,.service-card,.seo-focus-card,.seo-use-case,.why-haroonx-card,.case-card,.system-card,.system-proof-card,.process-card,.ethics-panel,.compliance-panel,.faq-card,.pricing-card,.contact-panel,.contact-form-card{border-radius:1.5rem}.hero__visual{min-height:auto}.seo-landing-hero__visual{min-height:24rem;border-radius:1.5rem}.hero__description{font-size:.92rem}.hero__actions{align-items:stretch;flex-direction:column}.hero__actions .button{width:100%}.hero__showcase-grid,.hero__value-points{grid-template-columns:1fr}.hero__visual-header,.hero__visual-tags{align-items:flex-start}.hero__showcase-tabs{gap:.38rem}.hero__visual-note{grid-template-columns:1fr;gap:.55rem}.hero__visual-note span{width:3rem}}.demo-shell{width:100%}.demo-shell__outer{position:relative;display:grid;grid-template-columns:5.25rem minmax(0,1fr) 5.25rem;gap:0;padding:1.25rem;border-radius:2rem;border:1px solid rgba(129,154,226,.2);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 32%),linear-gradient(160deg,#070d1df5,#040916fa);box-shadow:0 0 0 1px #26e5ff14,0 26px 80px #0006,0 0 46px #26e5ff14;outline:none}.demo-shell__outer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:conic-gradient(from 0deg,#26e5ff00,#26e5ff8f,#875cff6b,#26e5ff00);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:hudBorderSpin 9s linear infinite}.demo-shell__corner{position:absolute;width:1.7rem;height:1.7rem;border-color:#26e5ffd1;border-style:solid;pointer-events:none}.demo-shell__corner--tl{top:.8rem;left:.8rem;border-width:2px 0 0 2px}.demo-shell__corner--tr{top:.8rem;right:.8rem;border-width:2px 2px 0 0}.demo-shell__corner--bl{bottom:5rem;left:.8rem;border-width:0 0 2px 2px}.demo-shell__corner--br{bottom:5rem;right:.8rem;border-width:0 2px 2px 0}.demo-shell__circuit{position:relative;display:flex;flex-direction:column;justify-content:center;gap:1rem}.demo-shell__circuit span{width:100%;height:.15rem;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(38,229,255,.48),rgba(38,229,255,.1))}.demo-shell__circuit--right span{background:linear-gradient(90deg,rgba(38,229,255,.1),rgba(135,92,255,.4),transparent)}.demo-shell__surface{position:relative;min-height:0;aspect-ratio:16 / 9;border-left:1px solid rgba(129,154,226,.16);border-right:1px solid rgba(129,154,226,.16);background:linear-gradient(180deg,#050b1af5,#040a18fa);overflow:hidden}.demo-shell__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:linear-gradient(180deg,#050b1af5,#040a18fa)}.demo-shell__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 35%,rgba(38,229,255,.16),transparent 20%),radial-gradient(circle at 30% 72%,rgba(135,92,255,.18),transparent 24%);pointer-events:none}.demo-shell__scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,#fff0 0,#fff0 4px,#00000026 5px);pointer-events:none}.demo-shell__scanline:after{content:"";position:absolute;inset:-30% 0 auto;height:20%;background:linear-gradient(180deg,transparent,rgba(38,229,255,.18),transparent);animation:hudSweep 5s linear infinite}.demo-shell__hud{position:absolute;top:0;right:0;bottom:0;left:0;color:#26e5ff7a;pointer-events:none}.demo-shell__hud svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}.demo-shell__status-row{position:absolute;top:1rem;left:1rem;display:flex;gap:.65rem;z-index:2}.status-pill,.hud-chip{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:.45rem .75rem;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-pill,.hud-chip{background:#26e5ff24;color:var(--cyan);border:1px solid rgba(38,229,255,.24)}.status-pill--alt{color:var(--text-soft);border-color:#ffffff24;background:#0b1428b8}.demo-shell__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:2;transition:opacity .18s ease}.demo-shell__play.is-hidden{opacity:0}.demo-shell__play-ripple,.demo-shell__play-core{position:absolute}.demo-shell__play-ripple{width:6rem;height:6rem;border-radius:50%;border:1px solid rgba(38,229,255,.36);animation:hudRipple 2.7s ease-out infinite}.demo-shell__play-ripple:nth-child(2){animation-delay:.9s}.demo-shell__play-ripple:nth-child(3){animation-delay:1.8s}.demo-shell__play-core{display:grid;place-items:center;width:4rem;height:4rem;background:linear-gradient(135deg,#0e193afa,#080e20f2);box-shadow:0 0 0 1px #26e5ff38,0 0 32px #26e5ff24;clip-path:polygon(50% 0%,90% 22%,90% 78%,50% 100%,10% 78%,10% 22%)}.demo-shell__play-core svg{width:1.6rem;fill:var(--cyan);transform:translate(2px)}.demo-shell__controls{grid-column:1 / -1;padding:1rem 0 0}.demo-shell__progress-row,.demo-shell__control-row,.demo-shell__meta,.demo-shell__control-group{display:flex;align-items:center}.demo-shell__progress-row{gap:.75rem}.demo-shell__progress-row span,.demo-shell__meta span{color:var(--text-soft);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.demo-shell__control-row{justify-content:space-between;gap:1rem;margin-top:.9rem}.demo-shell__control-group{gap:.65rem}.demo-shell__control-group--right{justify-content:flex-end}.hud-button{min-height:2.65rem;padding:0 .9rem;border-radius:.9rem;border:1px solid rgba(129,154,226,.2);background:#0a1226eb;color:var(--text-soft);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hud-button--primary{color:#03101a;background:linear-gradient(135deg,#26e5fffa,#875cffe6)}.hud-range{width:100%;accent-color:var(--cyan)}.hud-range--progress{flex:1}.hud-range--volume{width:6rem}.demo-shell__meta{gap:.65rem;min-width:0}.demo-shell__meta-dots{display:inline-flex;gap:.35rem}.demo-shell__meta-dots span{width:.45rem;height:.45rem;border-radius:50%;background:#26e5ff85;box-shadow:0 0 14px #26e5ff3d}.demo-shell__footer-dashes{grid-column:1 / -1;display:flex;justify-content:center;gap:.35rem;margin-top:.85rem}.demo-shell__footer-dashes span{height:.2rem;width:.6rem;border-radius:999px;background:#26e5ff47}.demo-shell__footer-dashes span:nth-child(3),.demo-shell__footer-dashes span:nth-child(5){width:1.5rem;background:#26e5ff94}@keyframes hudBorderSpin{to{transform:rotate(360deg)}}@keyframes hudRipple{0%{transform:scale(1);opacity:.7}to{transform:scale(2.3);opacity:0}}@keyframes hudSweep{0%{transform:translateY(-180%)}to{transform:translateY(540%)}}@media (max-width: 920px){.demo-shell__outer{grid-template-columns:1fr;padding:1rem}.demo-shell__circuit{display:none}}@media (max-width: 720px){.demo-shell__control-row{flex-direction:column;align-items:stretch}.demo-shell__control-group,.demo-shell__meta{justify-content:space-between;flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){.demo-shell__play-ripple,.demo-shell__scanline:after,.demo-shell__outer:before{animation:none!important}}