@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root{
  --font-manrope:'Manrope', Arial, sans-serif;
  --purple:#181b1d;
  --deep:#080909;
  --soft:#252a2d;
  --lime:#d6ff02;
  --yellow:#e5ff59;
  --ink:#151719;
  --paper:#f5f6f4;
  --muted:#686e70;
  --line:#d9ddda;
  --radius:1.5rem;
  --background:var(--paper);
  --foreground:var(--ink);
  --card:#fff;
  --card-foreground:var(--ink);
  --popover:#fff;
  --popover-foreground:var(--ink);
  --primary:var(--purple);
  --primary-foreground:#fff;
  --secondary:#eaedeb;
  --secondary-foreground:var(--purple);
  --muted-foreground:var(--muted);
  --accent:var(--lime);
  --accent-foreground:var(--deep);
  --destructive:#d82020;
  --border:var(--line);
  --input:var(--line);
  --ring:var(--lime)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--font-manrope),Arial,sans-serif;margin:0}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
img,svg{display:block;max-width:100%}
ul,ol{margin:0;padding:0}

.container{width:min(1160px,100% - 48px);margin-inline:auto}
.site-header{z-index:10;color:#fff;padding:24px 0;position:absolute;inset:0 0 auto}
.header-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}
.logo-link{align-items:center;display:inline-flex}
.brand-logo{object-fit:contain;object-position:left center;width:130px;height:51px}
.desktop-nav{color:#ded7e5;gap:30px;margin-left:auto;font-size:14px;display:flex}
.desktop-nav a{transition:color .2s}
.desktop-nav a:hover{color:var(--lime)}
.button{letter-spacing:-.01em;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 24px;font-size:14px;font-weight:750;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}
.button:hover{transform:translateY(-2px)}
.button-small{min-height:44px;padding:0 19px;font-size:13px}
.button-large{min-height:62px;padding:0 30px;font-size:15px}
.button-lime{background:var(--lime);color:var(--deep);box-shadow:0 12px 30px #d6ff022e}
.button-lime:hover{background:var(--yellow);box-shadow:0 16px 36px #d6ff0247}

.hero{color:#fff;background:radial-gradient(circle at 68% 45%,#252a2d 0,var(--purple) 38%,var(--deep) 100%);min-height:820px;position:relative;overflow:hidden}
.hero-grid,.cta-grid{opacity:.08;background-image:linear-gradient(#ffffffb3 1px,#0000 1px),linear-gradient(90deg,#ffffffb3 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 24% 80%,#0000);mask-image:linear-gradient(#0000,#000 24% 80%,#0000)}
.hero-glow{opacity:.14;background:var(--lime);border-radius:50%;position:absolute}
.hero-glow-one{filter:blur(90px);width:340px;height:340px;top:95px;right:-190px}
.hero-glow-two{filter:blur(75px);width:220px;height:220px;bottom:-170px;left:34%}
.hero-inner{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:84px;padding-top:170px;padding-bottom:100px;display:grid;position:relative}
.eyebrow{color:#dcd5e2;background:#ffffff0e;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;font-weight:650;display:inline-flex}
.eyebrow svg{color:var(--lime)}
.hero h1{letter-spacing:-.062em;max-width:690px;margin:28px 0 22px;font-size:clamp(54px,6vw,84px);font-weight:750;line-height:.96}
.hero h1 span,h2 span{color:var(--lime)}
.hero-description{color:#d4ccd9;max-width:650px;margin:0;font-size:18px;line-height:1.72}
.hero-actions{align-items:center;gap:28px;margin-top:36px;display:flex}
.text-link,.inline-link{align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}
.text-link{color:#fff}
.text-link:hover,.inline-link:hover{color:var(--lime)}
.hero-proof{align-items:center;gap:16px;margin-top:46px;display:flex}
.proof-avatars{display:flex;flex:none}
.proof-avatars span{border:2px solid var(--purple);width:34px;height:34px;color:var(--purple);background:#ede8f0;border-radius:50%;place-items:center;margin-left:-7px;font-size:9px;font-weight:800;display:grid}
.proof-avatars span:first-child{background:var(--lime);margin-left:0}
.hero-proof p{color:#bdb2c7;margin:0;font-size:11px;line-height:1.45;max-width:330px}

.hero-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff18,#ffffff06);border:1px solid #ffffff21;border-radius:28px;padding:22px;box-shadow:0 40px 100px #00000059}
.panel-topline,.panel-footer{color:#bfb3c9;justify-content:space-between;align-items:center;font-size:11px;font-weight:650;display:flex}
.status{align-items:center;gap:6px;display:flex}
.status i{background:var(--lime);width:7px;height:7px;box-shadow:0 0 12px var(--lime);border-radius:50%}
.growth-orbit{place-items:center;min-height:390px;display:grid;position:relative}
.orbit{border:1px solid #ffffff1c;border-radius:50%;position:absolute}
.orbit-one{width:220px;height:220px}
.orbit-two{width:340px;height:340px}
.orbit-center{z-index:2;text-align:center;background:var(--lime);width:120px;height:120px;color:var(--deep);border-radius:50%;place-content:center;display:grid;box-shadow:0 0 0 14px #d6ff020e,0 0 60px #d6ff0233}
.orbit-center span{letter-spacing:-.08em;font-size:28px;font-weight:850}
.orbit-center small{letter-spacing:.16em;font-size:7px;font-weight:800}
.orbit-item{z-index:3;color:#e7e0eb;background:#2d1049;border:1px solid #ffffff1f;border-radius:11px;align-items:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:700;display:flex;position:absolute;box-shadow:0 14px 30px #00000040}
.orbit-item svg{color:var(--lime)}
.item-one{top:50px;right:10px}
.item-two{bottom:82px;left:-3px}
.item-three{bottom:52px;right:15px}
.panel-footer{border-top:1px solid #ffffff17;padding-top:17px}
.panel-footer span{align-items:center;gap:7px;display:flex}
.panel-footer svg{color:var(--lime)}

.metric-strip{z-index:3;background:var(--lime);color:var(--deep);margin-top:-1px;position:relative}
.metrics{grid-template-columns:repeat(4,1fr);display:grid}
.metrics div{border-right:1px solid #260e4433;padding:28px}
.metrics div:first-child{padding-left:0}
.metrics div:last-child{border:0}
.metrics strong{letter-spacing:-.04em;font-size:27px;display:block}
.metrics span{opacity:.72;margin-top:5px;font-size:11px;font-weight:650;display:block}

.section{padding:112px 0}
.section-kicker{color:#744b91;text-transform:uppercase;letter-spacing:.17em;margin:0 0 18px;font-size:11px;font-weight:800}
h2{letter-spacing:-.052em;margin:0;font-size:clamp(42px,5vw,64px);font-weight:740;line-height:1.03}
.problem-section h2 span,.services-section h2 span,.faq-section h2 span{color:var(--purple)}
.two-col{grid-template-columns:1.05fr .95fr;align-items:center;gap:110px;display:grid}
.problem-copy{color:var(--muted);font-size:16px;line-height:1.75}
.problem-copy p{margin:0 0 16px}
.inline-link{color:var(--purple);margin-top:12px}

.services-section{background:var(--purple);color:#fff}
.section-heading{grid-template-columns:1fr 380px;align-items:end;gap:60px;margin-bottom:54px;display:grid}
.services-section .section-heading>p{color:#c6bbce;margin:0 0 4px;line-height:1.7}
.services-section .section-kicker,.method-section .section-kicker,.cta-section .section-kicker{color:var(--lime)}
.service-grid{border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}
.service-card{background:#ffffff06;border-right:1px solid #ffffff1f;min-height:310px;padding:28px;transition:background .25s,transform .25s}
.service-card:last-child{border:0}
.service-card:hover{background:#d6ff0213;transform:translateY(-4px)}
.card-top{color:var(--lime);justify-content:space-between;align-items:center;margin-bottom:72px;display:flex}
.card-top span{letter-spacing:.12em;font-size:11px;font-weight:800}
.service-card h3{letter-spacing:-.025em;margin:0 0 14px;font-size:21px}
.service-card p{color:#bfb3c8;margin:0;font-size:13px;line-height:1.7}

.method-section{background:var(--deep);color:#fff}
.method-layout{grid-template-columns:.8fr 1.2fr;gap:110px;display:grid}
.method-intro{align-self:start;position:sticky;top:40px}
.method-intro>p:not(.section-kicker){color:#bcb0c5;max-width:430px;margin:24px 0 0;line-height:1.7}
.method-note{color:#d9d0df;background:#d6ff020f;border:1px solid #d6ff0233;border-radius:14px;align-items:flex-start;gap:14px;max-width:410px;margin-top:42px;padding:18px;font-size:12px;line-height:1.55;display:flex}
.method-note svg{color:var(--lime);flex:none}
.method-list{list-style:none}
.method-list li{border-top:1px solid #ffffff1f;grid-template-columns:62px 1fr;gap:28px;padding:32px 0;display:grid}
.method-list li:last-child{border-bottom:1px solid #ffffff1f}
.step-number{width:48px;height:48px;color:var(--lime);border:1px solid #d6ff0259;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}
.method-list h3{letter-spacing:-.03em;margin:1px 0 10px;font-size:24px}
.method-list p{color:#bcb0c5;max-width:540px;margin:0;font-size:13px;line-height:1.7}

.case-section{background:#ece9ed}
.case-card{background:#fff;border-radius:30px;grid-template-columns:1fr .75fr;gap:70px;padding:64px;display:grid;box-shadow:0 24px 80px #260e4414}
.case-copy h2{font-size:clamp(38px,4.2vw,56px)}
.case-copy>p:not(.section-kicker){color:var(--muted);margin:28px 0;font-size:15px;line-height:1.75}
.case-copy strong{color:var(--purple)}
.case-copy ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}
.case-copy li{align-items:center;gap:10px;font-size:13px;font-weight:650;display:flex}
.case-copy li svg{color:var(--purple);background:var(--lime);border-radius:50%;padding:2px}
.case-visual{background:var(--purple);color:#fff;border-radius:22px;flex-direction:column;justify-content:center;min-height:430px;padding:36px;display:flex;position:relative;overflow:hidden}
.case-badge{color:var(--lime);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:9px;font-size:11px;font-weight:750;display:flex;position:absolute;top:28px;left:30px}
.case-visual>strong{color:var(--lime);letter-spacing:-.06em;margin-top:36px;font-size:clamp(52px,6vw,76px);line-height:1}
.case-visual>p{color:#c8bdd0;margin:10px 0 30px;font-size:12px}
.chart-bars{align-items:end;gap:9px;height:110px;display:flex}
.chart-bars i{background:linear-gradient(to top,#d6ff0229,var(--lime));border-radius:4px 4px 0 0;flex:1;min-height:12%}
.case-visual small{color:#8f809b;margin-top:22px;font-size:9px;line-height:1.45;display:block}

.ideal-section{background:#ece9ed;padding-top:0}
.ideal-card{background:var(--lime);color:var(--deep);border-radius:28px;grid-template-columns:1fr 1fr;gap:90px;padding:60px;display:grid}
.ideal-card .section-kicker{color:var(--purple)}
.ideal-card h2{font-size:clamp(38px,4vw,54px)}
.ideal-list{gap:14px;display:grid}
.ideal-list div{border-bottom:1px solid #260e442b;align-items:center;gap:14px;padding-bottom:14px;font-size:13px;font-weight:700;display:flex}
.ideal-list span{background:var(--purple);width:29px;height:29px;color:var(--lime);border-radius:50%;flex:none;place-items:center;display:grid}

.faq-section{background:var(--paper)}
.faq-layout{grid-template-columns:.75fr 1.25fr;gap:100px;display:grid}
.faq-list details{border-top:1px solid var(--line)}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:15px;font-weight:750;list-style:none;display:flex}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{color:var(--purple);font-size:24px;font-weight:400;transition:transform .2s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{max-width:680px;color:var(--muted);margin:-7px 0 24px;font-size:13px;line-height:1.7}

.cta-section{background:var(--purple);color:#fff;text-align:center;padding:112px 0;position:relative;overflow:hidden}
.cta-inner{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}
.cta-icon{background:var(--lime);width:56px;height:56px;color:var(--purple);border-radius:50%;place-items:center;margin-bottom:30px;display:grid}
.cta-section h2{font-size:clamp(46px,6vw,72px)}
.cta-section .cta-inner>p:not(.section-kicker){color:#c8bdd0;max-width:650px;margin:26px auto 32px;line-height:1.7}
.cta-section small{color:#8e7f9a;margin-top:16px;font-size:10px;display:block}

footer{background:var(--deep);color:#fff;padding:54px 0 24px}
.footer-inner{grid-template-columns:180px 1fr auto;align-items:center;gap:50px;padding-bottom:42px;display:grid}
.footer-inner p{color:#9f91aa;max-width:420px;margin:0;font-size:12px;line-height:1.6}
.footer-links{color:#c8bdd0;gap:24px;font-size:12px;display:flex}
.footer-links a:hover{color:var(--lime)}
.footer-bottom{color:#6f617a;text-transform:uppercase;letter-spacing:.1em;border-top:1px solid #ffffff17;justify-content:space-between;padding-top:20px;font-size:9px;display:flex}

@media (width<=960px){
  .desktop-nav{display:none}
  .hero{min-height:auto}
  .hero-inner{grid-template-columns:1fr;gap:60px;padding-top:160px}
  .hero-copy{max-width:720px}
  .hero-panel{width:100%;max-width:620px}
  .metrics{grid-template-columns:repeat(2,1fr)}
  .metrics div:nth-child(2){border-right:0}
  .metrics div:first-child,.metrics div:nth-child(3){padding-left:20px}
  .metrics div:nth-child(-n+2){border-bottom:1px solid #260e4433}
  .two-col,.method-layout,.faq-layout{grid-template-columns:1fr;gap:50px}
  .method-intro{position:static}
  .section-heading{grid-template-columns:1fr;gap:24px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .service-card:nth-child(2){border-right:0}
  .service-card:nth-child(-n+2){border-bottom:1px solid #ffffff1f}
  .case-card{grid-template-columns:1fr}
  .ideal-card{grid-template-columns:1fr;gap:45px}
}
@media (width<=640px){
  .container{width:min(100% - 30px,1160px)}
  .site-header{padding-top:17px}
  .brand-logo{width:104px;height:40px}
  .header-inner .button{min-height:40px;padding:0 13px;font-size:11px}
  .header-inner .button svg{display:none}
  .hero-inner{gap:44px;padding-top:125px;padding-bottom:70px}
  .eyebrow{font-size:9px}
  .hero h1{font-size:52px}
  .hero-description{font-size:15px}
  .hero-actions{flex-direction:column;align-items:stretch;gap:18px}
  .hero-actions .button{width:100%}
  .text-link{justify-content:center}
  .hero-proof{margin-top:32px;flex-direction:column;align-items:flex-start}
  .hero-proof p{max-width:100%}
  .hero-panel{padding:16px}
  .growth-orbit{min-height:330px}
  .orbit-two{width:280px;height:280px}
  .orbit-one{width:190px;height:190px}
  .orbit-center{width:102px;height:102px}
  .item-one{top:45px;right:0}
  .item-two{bottom:70px;left:0}
  .item-three{bottom:40px;right:0}
  .panel-footer{gap:8px;font-size:9px}
  .metrics{grid-template-columns:1fr 1fr}
  .metrics div{padding:22px 10px!important}
  .metrics strong{font-size:21px}
  .metrics span{font-size:9px}
  .section{padding:78px 0}
  h2{font-size:42px}
  .two-col{gap:30px}
  .service-grid{grid-template-columns:1fr}
  .service-card{border-right:0;min-height:245px;border-bottom:1px solid #ffffff1f!important}
  .service-card:last-child{border-bottom:0!important}
  .card-top{margin-bottom:46px}
  .method-layout{gap:40px}
  .method-list li{grid-template-columns:50px 1fr;gap:15px}
  .step-number{width:42px;height:42px}
  .case-card{gap:40px;width:calc(100% - 20px);padding:34px 24px}
  .case-visual{min-height:360px;padding:25px}
  .ideal-card{width:calc(100% - 20px);padding:38px 24px}
  .faq-layout{gap:42px}
  .cta-section{padding:84px 0}
  .cta-section h2{font-size:45px}
  .button-large{width:100%;padding:0 18px}
  .footer-inner{grid-template-columns:1fr;gap:22px}
  .footer-links{flex-wrap:wrap}
  .footer-bottom{flex-direction:column;gap:20px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,:before,:after{transition:none!important}
}

/* Final override values (these win in the cascade on the live site) */
.orbit-item{background:#171b1d}
.section-kicker{color:#4d5558}
.metrics div{border-color:#08090933}
.case-section,.ideal-section{background:#e9ece9}
.case-card{box-shadow:0 24px 80px #08090917}
.ideal-list div{border-color:#0809092e}
.desktop-nav,.eyebrow,.hero-description,.hero-proof p,.panel-topline,.panel-footer,.orbit-item,.services-section .section-heading>p,.service-card p,.method-intro>p:not(.section-kicker),.method-note,.method-list p,.case-visual>p,.cta-section .cta-inner>p:not(.section-kicker),.footer-links{color:#c7ccca}
.case-visual small,.cta-section small,.footer-inner p,.footer-bottom{color:#7d8582}