.page-lp { background:#090719; color:#f5f2ff; }
.page-lp .container { width:min(1180px,calc(100% - 80px)); }
.page-lp h1,.page-lp h2,.page-lp h3 { font-family:"Plus Jakarta Sans",Inter,sans-serif; }
.page-lp h2 { font-size:clamp(32px,3.5vw,48px); line-height:1.2; letter-spacing:-2px; margin:16px 0 24px; }
.page-lp em { font-style:normal; color:#bb91ff; }
.page-lp .lead-heading h2 { font-size:25px; letter-spacing:-1px; line-height:1.22; margin:13px 0 9px; }
.lp-header { position:relative; z-index:5; border-bottom:1px solid #a990eb20; background:#090719; }
.lp-header>.container { display:flex; justify-content:space-between; align-items:center; gap:25px; height:92px; }
.lp-brand { display:block; flex:none; width:146px; }
.lp-brand img { display:block; width:146px; height:78px; object-fit:contain; }
.lp-header nav { display:flex; gap:32px; color:#aaa2be; font-size:12px; }
.lp-header nav a:hover { color:#fff; }
.lp-header-cta { display:flex; gap:26px; padding:12px 18px; border:1px solid #745594; border-radius:8px; font-size:12px; font-weight:600; }
.lp-header-cta:hover { background:#26193c; }
.lp-hero { position:relative; overflow:hidden; padding:65px 0 0; background:radial-gradient(ellipse at 15% 30%,#1f12564d,transparent 60%),radial-gradient(ellipse at 90% 20%,#5421992e,transparent 55%); }
.lp-orbit { position:absolute; width:1000px; height:1000px; border:1px solid #8964d617; border-radius:50%; top:-190px; left:-480px; pointer-events:none; }
.lp-orbit:before,.lp-orbit:after { content:""; position:absolute; border:1px solid #8964d617; border-radius:50%; inset:80px; }
.lp-orbit:after { inset:160px; }
.lp-hero-grid { position:relative; display:grid; grid-template-columns:1.15fr 1fr; align-items:start; gap:80px; }
.lp-hero-copy { padding-top:23px; min-width:0; }
.lp-eyebrow { display:flex; align-items:center; gap:10px; color:#b499dc; font-size:10px; line-height:1.7; font-weight:700; letter-spacing:2px; margin:0; }
.lp-eyebrow>span { display:block; width:7px; height:7px; background:#ac78ff; border-radius:50%; box-shadow:0 0 0 5px #ac78ff14; flex:none; }
.lp-hero h1 { font-size:clamp(44px,4.7vw,66px); line-height:1.08; letter-spacing:-3.5px; margin:25px 0; max-width:none; }
.lp-hero h1 em { background:linear-gradient(95deg,#af84ff,#e1b6ff); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; white-space:nowrap; }
.lp-intro { font-size:15px; line-height:1.8; color:#a99fbb; max-width:470px; }
.lp-intro strong { font-weight:500; color:#e2d9f2; }
.lp-hero-points { display:flex; flex-direction:column; gap:10px; font-size:12px; color:#c9c0da; margin:25px 0 30px; }
.lp-hero-points b { color:#b586ff; margin-right:8px; font-weight:400; }
.lp-journey { display:flex; align-items:center; gap:15px; border-top:1px solid #9a7bbd2d; padding-top:25px; }
.lp-journey span { font-size:10px; color:#e5dfee; }
.lp-journey b { display:block; color:#8d769f; font-size:9px; letter-spacing:1px; margin-bottom:6px; font-weight:400; }
.lp-journey i { color:#806398; font-style:normal; padding-top:15px; }
.lp-signature { display:flex; gap:12px; align-items:center; margin-top:26px; }
.lp-signature img { width:42px; height:42px; border-radius:50%; object-fit:cover; border:2px solid #6b4b8e; }
.lp-signature p { margin:0; font-size:10px; line-height:1.6; }
.lp-signature strong { display:block; font-weight:500; color:#d9cfe7; }
.lp-signature span { color:#8c809e; font-size:10px; }
.lp-hero-bottom { display:flex; align-items:center; justify-content:space-between; gap:25px; border-top:1px solid #a990eb20; margin-top:54px; padding:24px 0; }
.lp-hero-bottom>span { font-size:9px; letter-spacing:2px; color:#837492; flex:none; }
.lp-hero-bottom p { margin:0; font-size:12px; color:#beb2cf; }
.lp-hero-bottom i { color:#705783; font-style:normal; padding:0 12px; }
.lp-mobile-jump { display:none; }
.lp-proof { padding:32px 0 38px; background:#100c20; border-top:1px solid #a990eb14; border-bottom:1px solid #a990eb14; }
.lp-proof p { color:#9689a7; text-align:center; margin:0 0 15px; font-size:11px; }
.lp-client-logos { display:flex; justify-content:center; align-items:center; gap:65px; }
.lp-client-logos img { width:110px; height:75px; object-fit:contain; opacity:.82; transition:opacity .2s; }
.lp-client-logos img:hover { opacity:1; }
.lp-section { padding:100px 0; scroll-margin-top:32px; }
.lp-section-heading { display:flex; align-items:end; justify-content:space-between; gap:60px; margin-bottom:42px; }
.lp-section-heading h2 { margin-bottom:0; }
.lp-section-heading>p { color:#a498b4; max-width:335px; margin:0 0 5px; font-size:14px; line-height:1.8; }
.lp-solutions { border:1px solid #9f7ec32e; border-radius:24px; overflow:hidden; background:linear-gradient(115deg,#181029,#100d22); }
.lp-solution-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid #9f7ec32e; }
.lp-solution-tabs button { display:flex; align-items:center; gap:12px; padding:24px 20px; background:transparent; border:0; border-bottom:2px solid transparent; color:#a192b4; text-align:left; font:inherit; font-size:12px; cursor:pointer; }
.lp-solution-tabs button[aria-selected=true] { background:#a16aeb0c; color:#eadfff; border-bottom-color:#b584ff; }
.lp-solution-tabs button:hover { color:white; background:#a16aeb14; }
.lp-solution-tabs button>span { color:#806896; font-size:10px; }
.lp-solution-tabs button>b { margin-left:auto; font-weight:400; }
.lp-solution-panel { display:grid; grid-template-columns:1.15fr 1fr; gap:75px; padding:50px; }
.lp-solution-panel h3 { font-size:30px; line-height:1.3; letter-spacing:-1px; margin:14px 0 20px; }
.lp-solution-panel p:not(.lp-eyebrow) { color:#a99bb9; font-size:13px; line-height:1.8; }
.lp-solution-panel ul { padding:0; margin:25px 0; list-style:none; }
.lp-solution-panel li { font-size:12px; color:#c2b6d0; line-height:1.7; margin-bottom:10px; padding-left:22px; position:relative; }
.lp-solution-panel li:before { content:"✓"; color:#b385f3; position:absolute; left:0; }
.lp-text-link { display:inline-flex; gap:25px; color:#c6a0fa; align-items:center; font-size:12px; font-weight:600; line-height:1.7; padding:8px 0; }
.lp-text-link:hover { color:#eddbff; }
.lp-text-link span { font-size:20px; }
.lp-diagram { border:1px solid #8b5eb32e; border-radius:18px; background:radial-gradient(ellipse at center,#6b30bc25,transparent),#0b0919; padding:30px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.diagram-label { font-size:8px; letter-spacing:1.5px; color:#9b84b1; margin-bottom:24px; }
.diagram-node { width:100%; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px; font-size:11px; color:#d8cce5; border:1px solid #7653935c; background:#191025; border-radius:10px; }
.diagram-node b { font-size:18px; color:#b48ae2; font-weight:400; }
.diagram-node.is-highlight { background:linear-gradient(100deg,#422060,#2e1b4f); border-color:#8e54b9; }
.diagram-line { height:23px; border-left:1px dashed #85629e; }
.diagram-foot { font-size:9px; color:#8e799e; margin-top:23px; text-align:center; }
.lp-process-section { background:#100c20; border-block:1px solid #a990eb14; }
.lp-process { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:45px; padding:0; margin:50px 0 0; list-style:none; }
.lp-process li { border-top:1px solid #8566a650; padding-top:24px; }
.lp-process li>span { font-size:9px; letter-spacing:2px; color:#a17bbf; }
.lp-process h3 { margin:24px 0 14px; font-size:21px; letter-spacing:-.7px; }
.lp-process p,.lp-about p:not(.lp-eyebrow),.lp-faq-layout>div>p:not(.lp-eyebrow) { font-size:13px; line-height:1.9; color:#a497b3; }
.lp-about { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:75px; }
.lp-office { position:relative; overflow:hidden; border-radius:22px; border:1px solid #8a5cad33; }
.lp-office img { display:block; width:100%; height:430px; object-fit:cover; }
.lp-office:after { content:""; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,#10091bda); }
.lp-office>span { position:absolute; bottom:24px; left:24px; z-index:1; font-size:9px; letter-spacing:2px; color:#e3cdef; }
.lp-office i { color:#c188f5; margin:0 8px; }
.lp-about h2 { font-size:clamp(32px,3vw,43px); }
.lp-work { padding-top:15px; }
.lp-projects { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.lp-projects>a>div { height:220px; border-radius:16px; overflow:hidden; background:#221332; border:1px solid #a281ba30; }
.lp-projects img { width:100%; height:100%; object-fit:cover; object-position:top; transition:transform .4s; }
.lp-projects a:hover img { transform:scale(1.04); }
.lp-projects h3 { font-size:15px; letter-spacing:-.4px; display:flex; justify-content:space-between; margin:19px 0 7px; }
.lp-projects h3 span { color:#aa7ed1; }
.lp-projects p { font-size:10px; color:#8f7e9e; margin:0; }
.lp-faq-layout { display:grid; grid-template-columns:1fr 1.15fr; gap:90px; }
.lp-faq details { border-bottom:1px solid #9971bd30; }
.lp-faq summary { display:flex; align-items:center; justify-content:space-between; gap:20px; list-style:none; padding:24px 0; font-size:13px; color:#e0d4ee; line-height:1.6; cursor:pointer; }
.lp-faq summary::-webkit-details-marker { display:none; }
.lp-faq summary span { color:#af81d9; font-size:21px; font-weight:300; transition:transform .2s; }
.lp-faq details[open] summary span { transform:rotate(45deg); }
.lp-faq details p { font-size:12px; color:#a995b9; line-height:1.9; margin:0 0 24px; }
.lp-final { text-align:center; padding:80px 0; background:radial-gradient(ellipse at center bottom,#632aa145,transparent 65%),#120c25; border-block:1px solid #9866c12e; }
.lp-final .lp-eyebrow { justify-content:center; }
.lp-final h2 { font-size:clamp(36px,4.2vw,58px); line-height:1.15; margin:26px 0 18px; }
.lp-final p:not(.lp-eyebrow) { color:#b5a2c6; font-size:14px; }
.lp-primary { display:inline-flex; align-items:center; gap:40px; margin:18px 0; padding:19px 26px; background:linear-gradient(100deg,#6136ef,#933ce3); color:white; border:1px solid #ad7cf299; border-radius:10px; font-size:13px; font-weight:600; box-shadow:0 10px 40px #7928d437; transition:transform .2s; }
.lp-primary:hover { transform:translateY(-3px); }
.lp-final small { display:block; font-size:10px; color:#8f78a3; }
.lp-footer { padding:30px 0; }
.lp-footer>.container { display:flex; justify-content:space-between; align-items:center; gap:30px; }
.lp-footer p { font-size:10px; color:#9987aa; line-height:1.9; }
.lp-footer>.container>div { display:flex; align-items:end; flex-direction:column; gap:9px; font-size:10px; color:#b39cc8; }
.lp-footer a:hover { color:white; }
.lp-footer>div>div>span { color:#786987; font-size:9px; }
.lp-sticky-cta { display:none; }
@media (max-width:1100px) {
  .lp-hero-grid { gap:35px; grid-template-columns:1fr 1fr; }
  .lp-hero h1 { font-size:51px; }
  .lp-solution-panel { gap:35px; padding:35px; }
  .lp-client-logos { gap:35px; }
  .lp-section-heading { gap:35px; }
}
@media (max-width:850px) {
  .page-lp .container { width:calc(100% - 40px); }
  .lp-header nav { gap:18px; font-size:11px; }
  .lp-hero-grid { grid-template-columns:1fr; gap:36px; max-width:600px; }
  .lp-hero { padding-top:30px; }
  .lp-hero-copy { padding-top:0; }
  .lp-hero h1 { font-size:clamp(40px,7.8vw,62px); }
  .lp-intro { max-width:540px; }
  .lp-hero-points { flex-direction:row; flex-wrap:wrap; gap:12px 20px; margin:22px 0; }
  .lp-journey { justify-content:space-between; max-width:400px; }
  .lp-signature { display:none; }
  .lp-mobile-jump { display:flex; align-items:center; justify-content:space-between; gap:20px; width:max-content; max-width:100%; margin-top:25px; padding:15px 18px; background:#6a32dd; border:1px solid #a882df; border-radius:9px; color:white; font-size:12px; }
  .lp-hero-bottom { flex-direction:column; gap:14px; margin-top:35px; text-align:center; }
  .lp-hero-bottom p { font-size:11px; line-height:2; }
  .lp-client-logos { gap:20px; flex-wrap:wrap; }
  .lp-client-logos img { width:80px; height:65px; }
  .lp-section { padding:65px 0; }
  .lp-section-heading { align-items:start; flex-direction:column; gap:20px; }
  .lp-section-heading>p { max-width:500px; }
  .lp-solution-tabs button { padding:18px 12px; font-size:11px; gap:6px; }
  .lp-solution-tabs button>span { display:none; }
  .lp-solution-panel { grid-template-columns:1fr; padding:28px; gap:25px; }
  .lp-diagram { padding:25px; }
  .lp-process { gap:22px; }
  .lp-process h3 { font-size:18px; }
  .lp-about { gap:35px; }
  .lp-office img { height:400px; }
  .lp-faq-layout { grid-template-columns:1fr; gap:30px; }
  .lp-projects { gap:16px; }
  .lp-projects>a>div { height:180px; }
}
@media (max-width:560px) {
  .lp-header>.container { height:78px; gap:15px; }
  .lp-header nav { display:none; }
  .lp-brand,.lp-brand img { width:125px; }
  .lp-header-cta { gap:14px; font-size:10px; padding:11px 13px; }
  .lp-hero h1 { font-size:clamp(38px,10.4vw,56px); letter-spacing:-2.2px; }
  .lp-eyebrow { font-size:8px; letter-spacing:1.6px; }
  .lp-intro { font-size:14px; }
  .lp-hero-points { font-size:10px; }
  .lp-journey span { font-size:9px; }
  .lp-hero-bottom i { padding:0 7px; }
  .lp-proof { padding:25px 0; }
  .lp-client-logos { gap:12px; }
  .lp-client-logos img { width:calc((100% - 48px)/5); height:60px; }
  .page-lp h2 { font-size:32px; letter-spacing:-1.5px; }
  .lp-section-heading { margin-bottom:28px; }
  .lp-solution-tabs { grid-template-columns:1fr; }
  .lp-solution-tabs button { border-bottom:1px solid #9f7ec32e; padding:16px 20px; font-size:12px; }
  .lp-solution-tabs button[aria-selected=true] { border-left:3px solid #ad7ff7; border-bottom-color:#9f7ec32e; }
  .lp-solution-tabs button>span { display:inline; margin-right:10px; }
  .lp-solution-panel { padding:24px; }
  .lp-solution-panel h3 { font-size:25px; }
  .lp-process { grid-template-columns:1fr; gap:25px; margin-top:30px; }
  .lp-process h3 { margin:16px 0 10px; font-size:21px; }
  .lp-about { grid-template-columns:1fr; }
  .lp-office img { height:300px; }
  .lp-projects { grid-template-columns:1fr; gap:30px; }
  .lp-projects>a>div { height:240px; }
  .lp-work { padding-top:0; }
  .lp-final { padding:60px 0; }
  .lp-final h2 { font-size:36px; }
  .lp-primary { padding:17px 19px; gap:22px; font-size:11px; }
  .lp-final small { font-size:9px; line-height:1.7; }
  .lp-footer { padding:30px 0 110px; }
  .lp-footer>.container { flex-wrap:wrap; gap:16px 25px; }
  .lp-footer>.container>div { align-items:start; width:100%; flex-direction:row; justify-content:space-between; flex-wrap:wrap; }
  .lp-sticky-cta { position:fixed; z-index:20; bottom:max(12px,env(safe-area-inset-bottom)); left:20px; right:20px; display:flex; justify-content:space-between; align-items:center; padding:17px 22px; background:#7135df; border:1px solid #b081fa; border-radius:12px; box-shadow:0 5px 30px #080312b0; color:white; font-size:12px; font-weight:600; }
  .page-lp.form-in-view .lp-sticky-cta { display:none; }
}
