:root{
--bg:#001840;--bg2:#102A71;--surface:#fffdf0;--tint:#FFF8D9;--ink:#001840;--muted:#53627c;
--line:#D9D6BD;--dark-line:rgba(255,253,240,.18);--accent:#F5C400;--accent2:#FFDC5F;--gold:#F5C400;
--navy:#001840;--blue:#102A71;--yellow:#F5C400;--yellow-soft:#FFDC5F;--cream:#FFFDF0;
--radius:22px;--shadow:0 24px 70px rgba(0,24,64,.14);--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--surface);line-height:1.55}
/* Matrix-inspired typography: Rajdhani display + DM Sans body + IBM Plex Mono data accents. */
h1,h2,h3,h4,h5,h6,.section-title,.hero h1,.hero-panel h2,.visual-copy h2,.final-cta h2,.legal h1,.brand strong,.feature-card h3,.service-card h3,.proof-card h3,.quote-card p,.accordion-item button{font-family:"Rajdhani",ui-sans-serif,system-ui,sans-serif}
.section-kicker,.eyebrow,.brand small,.panel-top,.hero-trust,.trust-list span,.proof-top,.service-card a,.btn{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
/* Keep long-form copy open and highly readable while giving numbers/labels a technical signal. */
.hero-text,.section-intro,.split-heading>p,.feature-card p,.service-card p,.visual-copy p,.journey-grid p,.trust-list.subdued span,.form-grid label>span,.privacy-note,.form-message{font-family:"DM Sans",ui-sans-serif,system-ui,sans-serif}
.section-kicker,.eyebrow{font-weight:700;letter-spacing:.19em}
.hero h1,.section-title,.visual-copy h2,.final-cta h2{font-weight:700;letter-spacing:-.025em}
.brand strong{font-weight:700;letter-spacing:.055em}

/* Restrained digital/terminal accents — navy + Junoon yellow, never Matrix green. */
.section-kicker::before,.eyebrow::before{content:"//";color:var(--accent);margin-right:7px;font-family:"IBM Plex Mono",monospace;letter-spacing:0}
.service-icon,.journey-grid span{font-family:"IBM Plex Mono",ui-monospace,monospace}
.panel-top,.hero-trust,.trust-list span,.proof-top{font-family:"IBM Plex Mono",ui-monospace,monospace;letter-spacing:.11em}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.narrow{max-width:820px}.center{text-align:center}.section{padding:110px 0}.section-dark{background:var(--bg);color:#fff;position:relative;overflow:hidden}.section-tint{background:var(--tint)}
/* Trusted-experience background pattern: subtle architectural grid + radial accents. */
.trust{position:relative;isolation:isolate;overflow:hidden;background-color:var(--cream);background-image:linear-gradient(rgba(0,24,64,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,24,64,.035) 1px,transparent 1px);background-size:52px 52px}
.trust:before,.trust:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(.2px)}
.trust:before{width:430px;height:430px;left:-180px;top:-210px;background:radial-gradient(circle,rgba(245,196,0,.14) 0 2px,transparent 3px 100%);background-size:28px 28px;opacity:.7}
.trust:after{width:520px;height:520px;right:-220px;bottom:-300px;border:1px solid rgba(16,42,113,.10);box-shadow:0 0 0 34px rgba(245,196,0,.045),0 0 0 68px rgba(16,42,113,.035)}
.trust .container{position:relative}
.trust .container:after{content:"";position:absolute;right:2%;top:8%;width:110px;height:110px;border:1px solid rgba(245,196,0,.22);transform:rotate(45deg);border-radius:18px;pointer-events:none}
.trust .section-kicker,.trust .section-title,.trust .section-intro,.trust .trust-list{position:relative;z-index:1}
.section-kicker,.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:#53627C}.section-dark .section-kicker,.section-dark .eyebrow{color:var(--accent)}.section-title{font-size:clamp(36px,5vw,66px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 22px;font-weight:750}.section-title em,.hero h1 em,.final-cta h2 em,.visual-copy h2 em{font-style:normal;color:#102A71}.section-dark .section-title em,.hero h1 em,.final-cta h2 em{color:var(--accent)}.section-intro{max-width:650px;color:var(--muted);font-size:17px}.centered{margin-left:auto;margin-right:auto}.split-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:52px}.split-heading>p{max-width:470px;color:var(--muted);font-size:17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid transparent;border-radius:999px;padding:14px 20px;font-weight:750;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-2px)}.btn span{transition:transform .2s}.btn:hover span{transform:translateX(3px)}.btn-primary{background:var(--accent);color:#001840;box-shadow:0 12px 30px rgba(245,196,0,.16)}.btn-primary:hover{box-shadow:0 16px 36px rgba(245,196,0,.24)}.btn-ghost{background:transparent;border-color:rgba(255,253,240,.28);color:#fff}.btn-ghost:hover{border-color:var(--accent)}.btn-sm{padding:10px 16px;font-size:13px}.btn-lg{padding:16px 22px}.btn-full{width:100%}.skip-link{position:fixed;left:12px;top:-60px;background:#FFFDF0;color:#000;padding:10px;z-index:9999}.skip-link:focus{top:12px}
.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;color:#fff;background:rgba(0,24,64,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,253,240,.10);transition:.25s}.site-header.scrolled{background:rgba(0,24,64,.97)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(245,196,0,.72);border-radius:11px;color:var(--accent);font-weight:900}.brand strong{display:block;font-size:14px;letter-spacing:.08em}.brand small{display:block;font-size:8px;letter-spacing:.18em;color:#AEBAD0;margin-top:1px}.primary-nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:650}.primary-nav>a:not(.btn){color:#D9DFF0}.primary-nav>a:not(.btn):hover{color:var(--accent)}.menu-toggle{display:none;background:none;border:0;color:#fff}.menu-toggle span{display:block;width:24px;height:2px;background:#FFFDF0;margin:5px}
.hero{min-height:760px;padding:145px 0 90px;background:radial-gradient(circle at 82% 28%,rgba(245,196,0,.10),transparent 30%),linear-gradient(135deg,#001840,#102A71 58%,#001840);position:relative}.hero-orb{position:absolute;border:1px solid rgba(245,196,0,.13);border-radius:50%;pointer-events:none}.hero-orb-1{width:560px;height:560px;right:-170px;top:120px}.hero-orb-2{width:300px;height:300px;right:-30px;top:250px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center;position:relative}.hero h1{font-size:clamp(48px,6.1vw,82px);line-height:.98;letter-spacing:-.055em;margin:20px 0 25px;max-width:760px}.hero-text{font-size:18px;color:#B8C2D5;max-width:620px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0}.hero-trust{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#AEBAD0;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.hero-trust b{color:#FFFDF0}.hero-trust i{color:#7A86A0;font-style:normal}.hero-panel{background:#FFFDF0;color:var(--ink);border:1px solid rgba(255,253,240,.5);border-radius:26px;padding:28px;box-shadow:0 30px 90px rgba(0,24,64,.35);position:relative}.panel-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;font-weight:850;color:#53627C}.status-dot{color:#102A71}.hero-panel h2{font-size:26px;line-height:1.1;margin:14px 0 7px;letter-spacing:-.025em}.hero-panel>p{font-size:13px;color:var(--muted);margin:0 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:block}.form-grid label.full{grid-column:1/-1}.form-grid label>span{display:block;font-size:11px;font-weight:750;margin-bottom:5px;color:#53627C}.form-grid input,.form-grid select{width:100%;height:45px;border:1px solid #D9D6BD;background:#FFFDF0;border-radius:11px;padding:0 12px;outline:0;color:#001840}.form-grid input:focus,.form-grid select:focus{border-color:#102A71;box-shadow:0 0 0 3px rgba(245,196,0,.16)}.privacy-note{display:block;text-align:center;color:#68758A;font-size:10px;margin-top:10px}.form-message{font-size:12px;margin-top:9px;text-align:center}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.marquee{overflow:hidden;background:#001840;color:#D9DFF0;border-block:1px solid rgba(255,253,240,.10);white-space:nowrap}.marquee>div{width:max-content;padding:13px 0;font-size:10px;font-weight:800;letter-spacing:.17em;animation:marquee 26s linear infinite}.marquee i{font-style:normal;color:var(--accent);margin:0 20px}@keyframes marquee{to{transform:translateX(-50%)}}
.trust{text-align:center;padding:70px 0}.trust-list{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 40px;margin-top:30px}.trust-list span{font-size:12px;font-weight:850;letter-spacing:.08em;color:#102A71}.trust-list.subdued{margin-top:22px}.trust-list.subdued span{color:#7A86A0;font-weight:750}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:#FFFDF0;border:1px solid var(--line);padding:28px;border-radius:18px;transition:.25s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#B8C1D2}.feature-card>span{font-size:11px;color:#102A71;font-weight:850}.feature-card h3{font-size:20px;margin:25px 0 7px}.feature-card p{font-size:14px;color:var(--muted);margin:0}
.solution{padding:110px 0}.process-line{height:1px;background:linear-gradient(90deg,var(--accent),rgba(245,196,0,0));margin:55px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.step{display:grid;grid-template-columns:45px 1fr;gap:12px;padding:28px 26px 25px 0;border-bottom:1px solid var(--dark-line)}.step:nth-child(3n+2),.step:nth-child(3n+3){padding-left:24px;border-left:1px solid var(--dark-line)}.step b{font-size:11px;color:var(--accent);padding-top:4px}.step h3{margin:0 0 6px;font-size:18px}.step p{color:#8A96AA;font-size:13px;margin:0}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{border:1px solid rgba(16,42,113,.22);border-radius:18px;padding:25px;min-height:250px;display:flex;flex-direction:column;transition:.25s;background:#FFFDF0;color:#001840}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-card.featured{background:#001840;color:#FFFDF0;border-color:#102A71;box-shadow:0 18px 45px rgba(0,24,64,.14)}.service-icon{width:42px;height:42px;border-radius:12px;background:#FFDC5F;color:#001840;display:grid;place-items:center;font-weight:900;margin-bottom:30px}.featured .service-icon{background:#F5C400;color:#001840}.service-card h3{font-size:19px;margin:0 0 7px}.service-card p{font-size:13px;color:#52627E;margin:0 0 20px}.featured p{color:#D9E0EF}.service-card a{margin-top:auto;font-size:12px;font-weight:800;color:#102A71}.featured a{color:#F5C400}.service-card a:hover{color:#001840}.featured a:hover{color:#FFDC5F}
.visual-break{padding:0;background:#001840;color:#fff}.visual-grid{display:grid;grid-template-columns:1fr .78fr;min-height:650px;align-items:center}.visual-copy{padding:80px 70px 80px 0}.visual-copy h2{font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.045em;margin:14px 0 20px}.visual-copy p{color:#B8C2D5;max-width:540px;font-size:16px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.chips span{border:1px solid rgba(255,253,240,.15);border-radius:999px;padding:8px 12px;font-size:11px;color:#D9DFF0}.visual-image{height:650px;overflow:hidden;position:relative}.visual-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#001840 0%,transparent 25%),linear-gradient(0deg,rgba(7,11,20,.5),transparent 40%)}.visual-image img{width:100%;height:100%;object-fit:cover}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.why-grid article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#FFFDF0;min-height:210px}.why-grid article:hover{background:#FFF8D9}.why-grid b{color:#102A71;font-size:11px}.why-grid h3{font-size:18px;margin:30px 0 7px}.why-grid p{color:var(--muted);font-size:13px;margin:0}
.ecosystem-wrap{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:40px}.orbit{width:min(520px,90vw);aspect-ratio:1;position:relative;margin:auto;border:1px solid rgba(245,196,0,.13);border-radius:50%;background:radial-gradient(circle,rgba(245,196,0,.08),transparent 45%)}.orbit:before,.orbit:after{content:"";position:absolute;inset:10%;border:1px dashed rgba(245,196,0,.15);border-radius:50%}.orbit:after{inset:25%}.orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:155px;height:155px;border-radius:50%;background:#102A71;border:1px solid rgba(245,196,0,.35);display:grid;place-content:center;text-align:center;font-size:30px;font-weight:850;color:var(--accent);box-shadow:0 0 80px rgba(245,196,0,.10)}.orbit-center small{display:block;font-size:8px;letter-spacing:.15em;color:#D9DFF0}.orbit-chip{position:absolute;padding:9px 12px;border-radius:999px;background:#102A71;border:1px solid rgba(245,196,0,.20);font-size:10px;color:#D9DFF0;white-space:nowrap;animation:float 4s ease-in-out infinite}.c1{left:39%;top:-4%}.c2{right:5%;top:13%;animation-delay:.4s}.c3{right:-7%;top:45%;animation-delay:.8s}.c4{right:13%;bottom:5%;animation-delay:1.2s}.c5{left:38%;bottom:-4%;animation-delay:1.6s}.c6{left:2%;bottom:12%;animation-delay:2s}.c7{left:-7%;top:43%;animation-delay:2.4s}.c8{left:13%;top:13%;animation-delay:2.8s}@keyframes float{50%{transform:translateY(-5px)}}
/* Progressive performance graph backdrop for the campaign journey. */
.journey{position:relative;isolation:isolate;overflow:hidden;background:
  linear-gradient(rgba(16,42,113,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(16,42,113,.045) 1px,transparent 1px),
  #FFFDF0;
  background-size:72px 72px;
}
.journey::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.9;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 500' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23F5C400' stop-opacity='.02'/%3E%3Cstop offset='1' stop-color='%23F5C400' stop-opacity='.16'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 410 C120 395 145 365 250 370 C355 375 370 320 470 335 C565 350 590 270 690 290 C790 310 805 230 900 245 C995 260 1020 155 1100 175 C1150 188 1170 115 1200 105 L1200 500 L0 500 Z' fill='url(%23g)'/%3E%3Cpath d='M0 410 C120 395 145 365 250 370 C355 375 370 320 470 335 C565 350 590 270 690 290 C790 310 805 230 900 245 C995 260 1020 155 1100 175 C1150 188 1170 115 1200 105' fill='none' stroke='%23102A71' stroke-opacity='.13' stroke-width='3'/%3E%3Ccircle cx='250' cy='370' r='5' fill='%23F5C400' fill-opacity='.32'/%3E%3Ccircle cx='470' cy='335' r='5' fill='%23F5C400' fill-opacity='.32'/%3E%3Ccircle cx='690' cy='290' r='5' fill='%23F5C400' fill-opacity='.32'/%3E%3Ccircle cx='900' cy='245' r='5' fill='%23F5C400' fill-opacity='.32'/%3E%3Ccircle cx='1100' cy='175' r='5' fill='%23F5C400' fill-opacity='.32'/%3E%3C/svg%3E");
  background-position:right 8% bottom 0;background-size:78% 72%;background-repeat:no-repeat;}
.journey::after{content:"";position:absolute;z-index:-1;right:-180px;top:40px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(245,196,0,.14);box-shadow:0 0 0 42px rgba(245,196,0,.025),0 0 0 84px rgba(245,196,0,.018);pointer-events:none;}
.journey>.container{position:relative;z-index:1}
.journey-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,253,240,.70);backdrop-filter:blur(1px)}.journey-grid>div{padding:25px 18px;min-height:190px;border-right:1px solid var(--line)}.journey-grid>div:last-child{border-right:0}.journey-grid span{font-size:10px;color:#102A71;font-weight:850}.journey-grid h3{margin:32px 0 7px}.journey-grid p{font-size:12px;color:var(--muted);margin:0}
.markets{position:relative;overflow:hidden;background:
 radial-gradient(circle at 82% 50%, rgba(255,205,53,.12) 0 2px, transparent 3px),
 radial-gradient(circle at 86% 38%, rgba(255,205,53,.08) 0 2px, transparent 3px),
 linear-gradient(135deg, rgba(255,255,255,.16), transparent 48%);}
.markets:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(10,39,92,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(10,39,92,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%);}
.markets:after{content:"";position:absolute;width:min(560px,46vw);height:min(650px,58vw);right:-30px;top:50%;transform:translateY(-50%);background:url("https://upload.wikimedia.org/wikipedia/commons/b/b4/India_outline.svg") center/contain no-repeat;opacity:.075;filter:sepia(1) saturate(.8) hue-rotate(165deg);pointer-events:none;}
.markets-wrap{position:relative;z-index:1;display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:center}.city-cloud{position:relative;display:flex;flex-wrap:wrap;gap:10px;max-width:760px}.city-cloud span{background:rgba(255,253,240,.9);border:1px solid var(--line);border-radius:999px;padding:11px 15px;font-size:12px;font-weight:700;box-shadow:0 8px 24px rgba(10,39,92,.035);backdrop-filter:blur(3px)}
.funnel-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.funnel-visual>div{position:relative;margin:12px auto;background:#001840;color:#fff;border:1px solid #102A71;border-radius:15px;padding:17px 22px;display:flex;align-items:center;gap:18px}.funnel-visual>div:nth-child(1){width:100%}.funnel-visual>div:nth-child(2){width:90%}.funnel-visual>div:nth-child(3){width:80%}.funnel-visual>div:nth-child(4){width:70%}.funnel-visual>div:nth-child(5){width:60%}.funnel-visual span{font-size:10px;color:var(--accent)}.funnel-visual b{font-size:11px;letter-spacing:.09em}.funnel-visual small{margin-left:auto;color:#9CA8BC;font-size:10px}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.proof-card,.quote-card{border:1px solid var(--dark-line);border-radius:18px;padding:25px;background:rgba(255,253,240,.025)}.proof-top{display:flex;justify-content:space-between;color:#9DA9BF;font-size:10px;letter-spacing:.13em}.proof-top b{color:var(--accent)}.proof-card h3{font-size:22px;margin:26px 0}.proof-card ul{list-style:none;padding:0;margin:0}.proof-card li{padding:10px 0;border-top:1px solid var(--dark-line);font-size:12px;color:#B9C4D5}.quote-card{display:flex;flex-direction:column;justify-content:center}.quote-card>span{font-size:10px;letter-spacing:.13em;color:var(--accent);font-weight:800}.quote-card p{font-size:24px;line-height:1.2;color:#FFFDF0}.quote-card small{color:#9DA9BF}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.accordion{border-top:1px solid var(--line)}.accordion-item{border-bottom:1px solid var(--line)}.accordion-item button{width:100%;background:none;border:0;padding:22px 0;display:flex;justify-content:space-between;text-align:left;cursor:pointer;color:var(--ink);font-weight:750}.accordion-item button b{font-size:22px;font-weight:400;color:#102A71}.accordion-panel{padding:0 30px 22px 0}.accordion-panel p{color:var(--muted);font-size:14px;margin:0}
.final-cta{padding:100px 0}.final-cta-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.final-cta h2{font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.05em;margin:14px 0}.final-cta p{color:#B8C2D5;max-width:650px}.final-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.contact-line{color:#D9DFF0;font-size:14px}.contact-line:hover{color:var(--accent)}.thankyou{min-height:750px;display:grid;place-items:center;padding-top:140px}.success-icon{width:70px;height:70px;margin:0 auto 22px;border:1px solid rgba(245,196,0,.5);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:32px}.centered-actions{justify-content:center}.text-link{font-weight:700;color:#B8C2D5;margin:6px}
.legal h1{font-size:clamp(42px,6vw,70px);line-height:1;margin:0 0 35px}.legal h2{margin-top:45px}.legal p{color:var(--muted);max-width:760px}.site-footer{background:#001840;color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr .6fr 1fr .6fr;gap:45px}.footer-lead{color:#9DA9BF;max-width:360px;margin-top:22px;font-size:13px}.site-footer h3{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#9DA9BF}.site-footer>div a,.site-footer>div p{display:block;color:#C3CCDA;font-size:12px;margin:10px 0}.site-footer a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,253,240,.10);margin-top:50px;padding-top:18px;color:#8895AA;font-size:10px}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#102A71;color:#fff;display:grid;place-items:center;z-index:950;box-shadow:0 12px 30px rgba(0,24,64,.2);font-size:22px}.mobile-bar{display:none}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
.services{background:#FFFDF0}.services .section-kicker{color:#102A71}.services .section-title{color:#001840}.services .service-grid{isolation:isolate}.services .service-card{position:relative;overflow:hidden}.services .service-card::after{content:"";position:absolute;inset:auto -35px -45px auto;width:120px;height:120px;border-radius:50%;background:rgba(245,196,0,.10);pointer-events:none;transition:transform .3s ease}.services .service-card:hover::after{transform:scale(1.35)}.services .service-card.featured::after{background:rgba(245,196,0,.12)}
/* Alternating premium service-card palette: dark brand cards interleaved with light cards. */
.services .service-card:nth-child(odd){background:#001840;color:#FFFDF0;border-color:#102A71;box-shadow:0 18px 45px rgba(0,24,64,.14)}
.services .service-card:nth-child(odd) .service-icon{background:#F5C400;color:#001840}
.services .service-card:nth-child(odd) p{color:#D9E0EF}
.services .service-card:nth-child(odd) a{color:#F5C400}
.services .service-card:nth-child(odd) a:hover{color:#FFDC5F}
.services .service-card:nth-child(even){background:#FFFDF0;color:#001840}
.services .service-card:nth-child(even) p{color:#52627E}
.services .service-card:nth-child(even) a{color:#102A71}

@media(max-width:980px){.markets:after{width:420px;height:500px;right:-100px;top:52%;opacity:.055}.markets:before{mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 100%)}.city-cloud{max-width:none}}@media(max-width:980px){.container{width:min(calc(100% - 30px),var(--max))}.primary-nav{gap:14px}.hero-grid,.final-cta-inner,.ecosystem-wrap,.funnel-grid,.faq-grid,.markets-wrap,.visual-grid{grid-template-columns:1fr;gap:45px}.hero{padding-top:120px}.hero-panel{max-width:720px}.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(3n+2),.step:nth-child(3n+3){padding-left:0;border-left:0}.step:nth-child(even){padding-left:24px;border-left:1px solid var(--dark-line)}.service-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.journey-grid{grid-template-columns:repeat(3,1fr)}.journey-grid>div:nth-child(3n){border-right:0}.proof-grid{grid-template-columns:1fr 1fr}.quote-card{grid-column:1/-1}.visual-copy{padding:80px 0 30px}.visual-image{height:520px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.section{padding:78px 0}.nav-wrap{height:68px}.menu-toggle{display:block}.primary-nav{position:absolute;top:68px;left:15px;right:15px;display:none;flex-direction:column;align-items:stretch;background:#001840;border:1px solid rgba(255,255,255,.1);padding:16px;border-radius:16px}.primary-nav.open{display:flex}.primary-nav>a{padding:10px}.hero{padding:105px 0 55px;min-height:0}.hero h1{font-size:48px}.hero-text{font-size:16px}.hero-panel{padding:20px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.split-heading{grid-template-columns:1fr;gap:10px}.problem-grid,.service-grid,.proof-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step,.step:nth-child(even){padding-left:0;border-left:0}.why-grid{grid-template-columns:1fr}.journey-grid{grid-template-columns:1fr 1fr}.journey-grid>div:nth-child(3n){border-right:1px solid var(--line)}.journey-grid>div:nth-child(2n){border-right:0}.city-cloud{gap:7px}.city-cloud span{padding:9px 12px}.funnel-visual>div:nth-child(n){width:100%}.funnel-visual small{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.whatsapp-float{display:none}.mobile-bar{display:grid;position:fixed;bottom:0;left:0;right:0;height:60px;background:#001840;border-top:1px solid rgba(255,253,240,.14);z-index:990;grid-template-columns:1fr 1fr 1.25fr}.mobile-bar a{display:grid;place-items:center;color:#D9DFF0;font-size:11px;font-weight:800}.mobile-bar span{font-size:15px}.mobile-bar .mobile-audit{background:var(--accent);color:#001840}.site-footer{padding-bottom:80px}.orbit{width:88vw}.orbit-chip{font-size:8px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee>div,.orbit-chip{animation:none}.reveal{opacity:1;transform:none}.btn,.feature-card,.service-card{transition:none}}

/* Performance + interaction layer */
html{scroll-padding-top:82px;-webkit-text-size-adjust:100%}
body{overflow-x:hidden;text-rendering:optimizeLegibility}
.scroll-progress{position:fixed;inset:0 0 auto 0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left center;z-index:2000;will-change:transform;pointer-events:none}
.feature-card:hover,.service-card:hover{transform:translate3d(0,-7px,0)}
.why-grid article{transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
.why-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(0,24,64,.08)}
.city-cloud span{transition:transform .2s ease,background .2s ease,border-color .2s ease}
.city-cloud span:hover{transform:translateY(-3px);background:#FFFDF0;border-color:#F5C400}
.form-grid input,.form-grid select{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.form-grid input:hover,.form-grid select:hover{border-color:#B8C1D2}
.btn:focus-visible,.form-grid input:focus-visible,.form-grid select:focus-visible,.menu-toggle:focus-visible,.accordion-item button:focus-visible{outline:3px solid rgba(245,196,0,.55);outline-offset:2px}
.text-reveal{overflow:hidden;opacity:0;transform:translate3d(0,18px,0);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}
.text-reveal.visible{opacity:1;transform:none}
.text-reveal .word{display:inline-block;opacity:0;transform:translate3d(0,18px,0);animation:wordIn .65s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:calc(var(--i) * 45ms)}
@keyframes wordIn{to{opacity:1;transform:none}}
@media(max-width:720px){
  .journey{background-size:48px 48px}
  .journey::before{opacity:.48;background-size:125% 45%;background-position:center bottom}
  .journey::after{right:-250px;top:110px;width:380px;height:380px}
  .journey-grid{background:rgba(255,253,240,.82)}
  .container{width:min(calc(100% - 24px),var(--max))}
  .section{padding:64px 0}
  .nav-wrap{height:64px}
  .primary-nav{top:64px;left:12px;right:12px;max-height:calc(100vh - 76px);overflow:auto}
  .hero{padding:92px 0 42px}
  .hero h1{font-size:clamp(40px,12vw,52px);letter-spacing:-.06em}
  .hero-actions .btn{width:100%}
  .hero-trust{font-size:9px;gap:7px}
  .hero-panel{padding:18px;border-radius:20px}
  .hero-panel h2{font-size:23px}
  .form-grid{gap:10px}
  .form-grid input,.form-grid select{height:48px;font-size:16px}
  .btn-lg{min-height:48px}
  .visual-image{height:360px}
  .visual-copy{padding:58px 0 20px}
  .visual-copy h2,.final-cta h2{font-size:clamp(36px,10vw,50px)}
  .orbit{width:86vw}
  .orbit-center{width:125px;height:125px;font-size:25px}
  .journey-grid>div{min-height:150px;padding:20px 14px}
  .footer-grid{grid-template-columns:1fr}
  .footer-grid>div:first-child{grid-column:auto}
  .footer-bottom{padding-bottom:72px}
  .mobile-bar a{min-height:60px}
}
@media(max-width:380px){.hero h1{font-size:38px}.hero-panel{padding:15px}.brand small{display:none}.mobile-bar{height:58px}.mobile-bar a{font-size:10px}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .text-reveal .word{opacity:1;transform:none;animation:none}
}

/* Lead form, image and social updates */
.visual-image picture,.visual-image img{display:block;width:100%;height:100%}.visual-image img{object-fit:cover;object-position:center;border-radius:inherit}
.social-links{display:flex;gap:10px;margin-top:14px}.social-icon{width:40px;height:40px;border:1px solid rgba(255,253,240,.14);border-radius:50%;display:grid!important;place-items:center!important;margin:0!important;color:#D9DFF0!important;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.social-icon svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1.4}.social-icon:hover{transform:translateY(-3px);border-color:var(--accent);color:var(--accent)!important;background:rgba(245,196,0,.07)}.social-icon.is-disabled{opacity:.45;cursor:not-allowed}.social-icon.is-disabled:hover{transform:none;border-color:rgba(255,253,240,.14);color:#D9DFF0!important;background:transparent}
.form-message{min-height:20px}.form-message:not(:empty){margin-top:10px}.form-grid label span{display:block;margin-bottom:7px}.form-grid input::placeholder{color:#7D899E}
@media(max-width:720px){
  .hero h1{font-size:clamp(33px,9.3vw,42px);line-height:.98;text-wrap:balance}
  .section-title,.hero-panel h2,.visual-copy h2,.final-cta h2{font-size:clamp(24px,7vw,34px);line-height:1.04;text-wrap:balance;max-width:100%}
  .section-title br,.visual-copy h2 br,.final-cta h2 br{display:none}
  .section-title em,.visual-copy h2 em,.final-cta h2 em{display:inline}
  .feature-card h3,.service-card h3,.step h3{line-height:1.08}
  .hero-panel p{font-size:13px}
  .social-icon{width:42px;height:42px}
}
@media(max-width:380px){
  .hero h1{font-size:31px}
  .section-title,.hero-panel h2,.visual-copy h2,.final-cta h2{font-size:24px}
}


/* JUNOON MEDIA brand mark / browser-icon visual language */
.brand-mark{background:var(--navy);color:var(--yellow);border-color:var(--yellow);font-size:16px;line-height:1;box-shadow:inset 0 0 0 1px rgba(255,220,95,.16)}
.brand-mark:hover{background:var(--yellow);color:var(--navy)}
@media(max-width:720px){.brand-mark{width:36px;height:36px;font-size:15px;border-radius:10px}.brand{gap:9px}}

/* Critical hero headline visibility + deterministic two-line composition */
.hero h1{visibility:visible;display:block}
.hero h1>span{display:block}
.hero h1.text-reveal{min-height:2.02em}
.hero h1.text-reveal.visible{opacity:1;transform:none}
@media(max-width:720px){
  .hero h1{font-size:clamp(34px,9.2vw,46px);line-height:.99;letter-spacing:-.055em;max-width:100%}
  .hero h1>span{display:block;white-space:nowrap}
}
@media(max-width:380px){
  .hero h1{font-size:31px}
}

/* Premium interaction layer: overlapping cards, pointer spotlight and subtle parallax */
.services{position:relative;overflow:hidden}
.services::before{content:"";position:absolute;width:520px;height:520px;left:-260px;top:180px;border-radius:50%;background:radial-gradient(circle,rgba(245,196,0,.13),transparent 68%);pointer-events:none}
.services .container{position:relative;z-index:1}
.service-grid{position:relative;grid-template-columns:repeat(12,1fr);gap:0 18px;align-items:stretch;padding:8px 0 35px}
.service-grid{perspective:1400px;perspective-origin:50% 45%}
.service-card{grid-column:span 3;min-height:285px;border-radius:24px;padding:28px;transform:translate3d(0,var(--parallax-y,0),0) rotate(var(--card-rotate,0deg)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:center;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s ease,border-color .3s ease,background .3s ease;box-shadow:0 10px 0 rgba(0,24,64,.04),0 20px 45px rgba(0,24,64,.06);isolation:isolate}
.service-card:nth-child(1){grid-column:1 / span 4;z-index:5;--card-rotate:-1deg;margin-top:4px}
.service-card:nth-child(2){grid-column:5 / span 4;z-index:4;--card-rotate:.8deg;margin-top:26px}
.service-card:nth-child(3){grid-column:9 / span 4;z-index:3;--card-rotate:-.7deg;margin-top:2px}
.service-card:nth-child(4){grid-column:2 / span 4;z-index:2;--card-rotate:.7deg;margin-top:-18px}
.service-card:nth-child(5){grid-column:6 / span 4;z-index:4;--card-rotate:-.8deg;margin-top:-8px}
.service-card:nth-child(6){grid-column:10 / span 3;z-index:3;--card-rotate:.9deg;margin-top:22px}
.service-card:nth-child(7){grid-column:3 / span 4;z-index:2;--card-rotate:-.65deg;margin-top:-8px}
.service-card:nth-child(8){grid-column:7 / span 4;z-index:3;--card-rotate:.65deg;margin-top:14px}
.service-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.35),transparent 45%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:-1;transform:translateZ(1px)}
.service-card::after{width:150px;height:150px;right:-45px;bottom:-58px}
.service-card .service-icon,.service-card h3,.service-card p,.service-card a{transform:translateZ(18px)}
.service-card .service-icon{position:relative}
.service-card .service-icon::after{content:"";position:absolute;inset:-8px;border-radius:inherit;border:1px solid rgba(245,196,0,.20);transform:translateZ(-1px);opacity:0;transition:opacity .3s ease,transform .3s ease}
.service-card:hover .service-icon::after{opacity:1;transform:translateZ(6px) scale(1.08)}

.service-card::after{width:150px;height:150px;right:-45px;bottom:-58px}
.service-card:hover{transform:translate3d(0,calc(var(--parallax-y,0) - 12px),0) rotate(0deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.018);box-shadow:0 22px 0 rgba(0,24,64,.05),0 38px 80px rgba(0,24,64,.18);border-color:rgba(245,196,0,.58);z-index:10}
.service-card:hover::before{opacity:1}
.service-card .service-icon{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.service-card:hover .service-icon{transform:translate3d(0,-4px,18px) rotate(-5deg) scale(1.07);box-shadow:0 10px 22px rgba(245,196,0,.22)}
.service-card a{position:relative;display:inline-flex;align-items:center;gap:6px;transition:gap .25s ease,color .25s ease}
.service-card a:hover{gap:10px}

/* Cursor spotlight: desktop only, intentionally subtle for performance */
.angle-cursor{position:fixed;left:0;top:0;width:22px;height:22px;border:2px solid var(--accent);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);opacity:0;transition:width .18s ease,height .18s ease,opacity .2s ease,border-color .2s ease,background .2s ease; background:rgba(245,196,0,.10);mix-blend-mode:normal;box-shadow:0 0 0 2px rgba(0,24,64,.22),0 0 18px rgba(245,196,0,.28)}
.angle-cursor::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}
.angle-cursor.is-active{opacity:.75}
.angle-cursor.is-hover{width:46px;height:46px;border-color:var(--blue);background:rgba(245,196,0,.10)}
[data-pointer-spotlight]{position:relative;overflow:hidden}
[data-pointer-spotlight]::after{content:"";position:absolute;width:220px;height:220px;left:var(--spot-x,50%);top:var(--spot-y,50%);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(245,196,0,.12),transparent 68%);opacity:0;transition:opacity .25s ease;pointer-events:none}
[data-pointer-spotlight]:hover::after{opacity:1}

/* Give selected cards a layered overlapping badge */
.service-card--hero::marker{display:none}
.service-card--hero .service-icon{box-shadow:0 12px 24px rgba(245,196,0,.18)}
.service-card--hero::before{opacity:.45}

@media(max-width:980px){
  .service-grid{grid-template-columns:repeat(2,1fr);gap:18px;padding-bottom:10px}
  .service-card,.service-card:nth-child(n){grid-column:auto;margin-top:0;min-height:265px}
  .service-card:nth-child(3n){margin-top:16px}
  .service-card:nth-child(4n){margin-top:-8px}
}
@media(max-width:720px){
  .service-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:0}
  .service-card,.service-card:nth-child(n){grid-column:auto;margin:0;min-height:245px;transform:translate3d(0,var(--parallax-y,0),0) rotate(0deg) rotateX(0deg) rotateY(0deg)}
  .service-card:hover{transform:translate3d(0,calc(var(--parallax-y,0) - 5px),0) scale(1.008)}
  .service-card::after{width:120px;height:120px}
  .angle-cursor{display:none}
}
@media(prefers-reduced-motion:reduce){
  .service-card,.service-card:hover,.service-card .service-icon,.service-card h3,.service-card p,.service-card a{transform:none!important;transition:none!important}
  [data-pointer-spotlight]::after{display:none}
}


/* Hero floating composition — lightweight, decorative and responsive */
.hero{isolation:isolate}
.hero-orb{z-index:0}
.hero-grid{z-index:2}
.hero-float{position:absolute;z-index:1;display:flex;align-items:center;gap:11px;padding:11px 14px;border:1px solid rgba(255,253,240,.14);border-radius:16px;background:rgba(0,24,64,.58);box-shadow:0 18px 45px rgba(0,12,38,.24),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#FFFDF0;pointer-events:none;animation:heroFloat 6.5s ease-in-out infinite;will-change:transform;translate:0 var(--hero-depth-y,0)}
.hero-float b{display:block;font-size:11px;line-height:1.1;letter-spacing:.02em}
.hero-float small{display:block;margin-top:4px;color:#B8C2D5;font-size:9px;line-height:1.2;white-space:nowrap}
.hero-float-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#102A71;color:#F5C400;font-size:15px;font-weight:850;box-shadow:0 8px 20px rgba(0,0,0,.16)}
.hero-float-icon-yellow{background:#F5C400;color:#001840}
.hero-float-dot{width:10px;height:10px;border-radius:50%;background:#F5C400;box-shadow:0 0 0 7px rgba(245,196,0,.10),0 0 24px rgba(245,196,0,.35)}
.hero-float-plus{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(245,196,0,.55);color:#F5C400;font-size:22px;background:rgba(0,24,64,.48)}
.hero-float-a{right:45%;top:17%;animation-delay:-1.1s}
.hero-float-b{right:4.5%;top:20%;animation-delay:-3.4s}
.hero-float-c{left:47%;bottom:14%;animation-delay:-5.1s}
.hero-float-d{right:2.5%;bottom:12%;animation-delay:-2.3s}
@keyframes heroFloat{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-12px,0) rotate(1deg)}}
.hero-float:hover{animation-play-state:paused}
@media(max-width:1100px){
  .hero-float-a{right:42%;top:13%}.hero-float-b{right:2%;top:17%}.hero-float-c{left:auto;right:39%;bottom:8%}.hero-float-d{right:1.5%;bottom:9%}
}
@media(max-width:720px){
  .hero-float{padding:8px 10px;border-radius:13px;gap:8px;animation-duration:7s;background:rgba(0,24,64,.72)}
  .hero-float b{font-size:9px}.hero-float small{font-size:7px;margin-top:3px}.hero-float-icon{width:25px;height:25px;border-radius:8px;font-size:12px}.hero-float-a{right:4%;top:5%;transform:scale(.86)}.hero-float-b{left:3%;right:auto;top:39%;transform:scale(.82)}.hero-float-c{right:3%;left:auto;bottom:10%;transform:scale(.82)}.hero-float-d{display:none}
}
@media(max-width:380px){.hero-float-a{display:none}.hero-float-b{top:35%}.hero-float-c{bottom:7%}}
@media(prefers-reduced-motion:reduce){.hero-float{animation:none!important}.hero-float[data-hero-float]{transform:none!important}}

/* Performance safeguards for rich motion effects */
section.section:not(.hero){content-visibility:auto;contain-intrinsic-size:900px}
@media(max-width:720px){
  .hero-float{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(pointer:coarse){
  .angle-cursor{display:none!important}
}

/* Mobile performance hardening */
html { text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
img, video { max-width: 100%; height: auto; }
img { content-visibility: auto; }
@media (max-width: 767px) {
  html { scroll-behavior: auto; }
  body { overflow-x: hidden; }
  .hero, .hero-section { min-height: auto !important; }
  .hero-content, .hero-copy { transform: none !important; }
  .hero-floating, .floating-card, .hero-orb, .hero-shape {
    animation: none !important;
    transform: none !important;
  }
  .tilt-card, [data-tilt], .parallax, [data-parallax] {
    transform: none !important;
    transition: box-shadow .2s ease, border-color .2s ease !important;
  }
  .custom-cursor, .cursor, .cursor-dot, .cursor-ring, .mouse-pointer {
    display: none !important;
  }
  .services-grid, .cards-grid, .card-grid {
    perspective: none !important;
  }
  .service-card, .feature-card, .process-card, .stat-card {
    will-change: auto !important;
    backface-visibility: visible !important;
  }
  .reveal, .text-reveal, [data-reveal] {
    animation-duration: .001ms !important;
    transition-duration: .001ms !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

/* Testimonials + FAQ */
.testimonials-section { position: relative; overflow: hidden; }
.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 38px;
}
.testimonial-card {
  position: relative;
  padding: 28px;
  border: 1px solid rgba(16,42,113,.14);
  border-radius: 22px;
  background: #fffdf0;
  box-shadow: 0 18px 45px rgba(0,24,64,.08);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  transform-style: preserve-3d;
}
.testimonial-card:hover {
  transform: translateY(-7px) rotateX(1deg) rotateY(-1deg);
  box-shadow: 0 26px 60px rgba(0,24,64,.14);
  border-color: rgba(245,196,0,.6);
}
.testimonial-top { display:flex; align-items:center; gap:13px; }
.avatar {
  width:48px; height:48px; flex:0 0 48px;
  display:grid; place-items:center;
  border-radius:50%;
  background:#001840;
  color:#f5c400;
  font-weight:800;
  letter-spacing:.03em;
}
.testimonial-card h3 { margin:0; color:#001840; font-size:1.02rem; }
.testimonial-card .testimonial-top p { margin:3px 0 0; color:#52617d; font-size:.82rem; }
.stars { margin:19px 0 12px; color:#f5c400; letter-spacing:.12em; font-size:.95rem; }
.testimonial-card blockquote {
  margin:0;
  color:#102a71;
  font-size:.98rem;
  line-height:1.72;
}
.testimonial-meta {
  display:inline-block;
  margin-top:18px;
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#64718a;
}
.faq-section { background:#fffdf0; }
.faq-list { max-width:900px; margin:36px auto 0; }
.faq-item {
  border-top:1px solid rgba(16,42,113,.16);
  padding:0;
}
.faq-item:last-child { border-bottom:1px solid rgba(16,42,113,.16); }
.faq-item summary {
  cursor:pointer;
  list-style:none;
  position:relative;
  padding:22px 48px 22px 0;
  color:#001840;
  font-weight:800;
  font-size:1rem;
}
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after {
  content:"+";
  position:absolute;
  right:4px; top:50%;
  transform:translateY(-50%);
  width:30px; height:30px;
  display:grid; place-items:center;
  border-radius:50%;
  background:#f5c400;
  color:#001840;
  font-size:1.25rem;
  transition:transform .2s ease;
}
.faq-item[open] summary::after { transform:translateY(-50%) rotate(45deg); }
.faq-answer { padding:0 48px 22px 0; color:#52617d; line-height:1.7; }
.faq-answer p { margin:0; }

@media (max-width: 1024px) {
  .testimonials-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .testimonials-grid { grid-template-columns:1fr; gap:15px; margin-top:28px; }
  .testimonial-card { padding:22px; border-radius:18px; }
  .testimonial-card:hover { transform:none; }
  .testimonial-card blockquote { font-size:.94rem; line-height:1.62; }
  .faq-list { margin-top:24px; }
  .faq-item summary { padding:18px 42px 18px 0; font-size:.94rem; }
  .faq-answer { padding:0 35px 18px 0; font-size:.9rem; }
}

/* Visual section headline contrast + mobile two-line composition */
.visual-copy h2 em{color:#F5C400}
@media(max-width:720px){
  .visual-copy h2{line-height:1.02}
  .visual-copy h2 br{display:block}
  .visual-copy h2 em{display:block;color:#F5C400}
}

/* Mobile hero floating-card collision fix */
@media(max-width:720px){
  .hero-float-b{display:none!important}
  .hero-float-c{display:none!important}
  .hero-float-a{right:12px;top:7px;transform:scale(.82);opacity:.92}
}
@media(max-width:380px){
  .hero-float-a{display:none!important}
}

/* Case-study column testimonial carousel */
.testimonial-carousel{min-height:100%;overflow:hidden}
.quote-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.testimonial-dots{display:flex;gap:5px}
.testimonial-dots i{width:5px;height:5px;border-radius:50%;background:#53627C;opacity:.65}
.testimonial-dots i.is-active{background:#F5C400;opacity:1}
.testimonial-slides{position:relative;min-height:270px;margin-top:18px}
.testimonial-slide{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;opacity:0;transform:translateX(14px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}
.testimonial-slide.is-active{opacity:1;transform:none;pointer-events:auto}
.testimonial-stars{color:#F5C400;letter-spacing:.1em;font-size:12px;margin-bottom:13px}
.testimonial-slide blockquote{margin:0;color:#FFFDF0;font-size:clamp(19px,2vw,27px);line-height:1.25;letter-spacing:-.02em}
.testimonial-slide figcaption{margin-top:auto;padding-top:20px;display:flex;flex-direction:column;gap:3px}
.testimonial-slide figcaption b{font-size:13px;color:#FFFDF0}
.testimonial-slide figcaption span{font-size:10px;color:#9DA9BF}
.testimonial-controls{display:flex;align-items:center;gap:10px;margin-top:12px}
.testimonial-controls button{width:34px;height:34px;border:1px solid rgba(255,253,240,.18);border-radius:50%;background:transparent;color:#FFFDF0;cursor:pointer}
.testimonial-controls button:hover{border-color:#F5C400;color:#F5C400}
.testimonial-counter{font-size:10px;color:#9DA9BF;letter-spacing:.08em}
@media(max-width:980px){
  .testimonial-slides{min-height:240px}
}
@media(max-width:720px){
  .testimonial-carousel{min-height:0}
  .testimonial-slides{min-height:265px}
  .testimonial-slide blockquote{font-size:20px;line-height:1.3}
}

/* FINAL DESKTOP PROOF GRID / TESTIMONIAL CAROUSEL FIX */
@media (min-width: 981px){
  .proof-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(360px,1.05fr);
    align-items:stretch;
    gap:18px;
  }
  .proof-grid > .proof-card,
  .proof-grid > .quote-card{
    min-width:0;
    height:100%;
    box-sizing:border-box;
  }
  .proof-grid > .testimonial-carousel{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    min-height:520px;
    overflow:hidden;
  }
  .testimonial-carousel .quote-card-head{
    flex:0 0 auto;
    width:100%;
  }
  .testimonial-carousel .quote-card-head > span{
    color:#F5C400;
    font-size:10px;
    line-height:1.2;
    letter-spacing:.13em;
    font-weight:800;
  }
  .testimonial-carousel .testimonial-slides{
    position:relative;
    width:100%;
    flex:1 1 auto;
    min-height:330px;
    margin-top:22px;
    overflow:hidden;
  }
  .testimonial-carousel .testimonial-slide,
  .testimonial-carousel .testimonial-slide.is-active{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    margin:0;
    padding:0;
  }
  .testimonial-carousel .testimonial-slide:not(.is-active){
    visibility:hidden;
  }
  .testimonial-carousel .testimonial-slide.is-active{
    visibility:visible;
  }
  .testimonial-carousel .testimonial-slide blockquote{
    display:block;
    width:100%;
    max-width:none;
    margin:0;
    text-align:left;
    overflow-wrap:anywhere;
  }
  .testimonial-carousel .testimonial-slide figcaption{
    margin-top:auto;
    width:100%;
    padding-top:24px;
  }
  .testimonial-carousel .testimonial-controls{
    flex:0 0 auto;
    margin-top:16px;
  }
}

/* Make the proof section behave cleanly at large laptop/desktop widths. */
@media (min-width: 1200px){
  .proof-grid{gap:20px}
  .proof-card,.quote-card{padding:28px}
  .proof-card h3{font-size:23px}
}
@media (min-width:981px){
  .testimonial-carousel .testimonial-slides .testimonial-slide{display:none!important;}
  .testimonial-carousel .testimonial-slides .testimonial-slide.is-active{display:flex!important;}
  .proof-grid > .proof-card{min-height:520px;}
}

/* Slightly narrower floating mobile lead-action bar */
@media(max-width:720px){
  .mobile-bar{
    left:12px;
    right:12px;
    bottom:10px;
    width:auto;
    height:58px;
    border:1px solid rgba(255,253,240,.16);
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(0,0,0,.28);
  }
  .mobile-bar a{
    min-width:0;
    padding:0 6px;
  }
}
@media(max-width:380px){
  .mobile-bar{
    left:8px;
    right:8px;
    bottom:8px;
    height:56px;
    border-radius:14px;
  }
}

/* Final performance hardening: keep rich effects off the critical mobile path. */
@media (max-width: 767px){
  .site-header{backdrop-filter:none;-webkit-backdrop-filter:none}
  .hero-float{animation:none!important;will-change:auto!important}
  .orbit-chip{animation:none!important}
  .marquee>div{animation-duration:34s}
}
@media (min-width:768px){
  .service-card,.feature-card,.proof-card,.why-grid article{contain:layout paint style}
}


/* Alternating JUNOON MEDIA ad-platform palette */
/* Keep the Meta Ads navy/yellow treatment as the lead visual language, then alternate it with the cream/blue treatment for a clean lined rhythm. */
.services .service-card:nth-child(odd){background:#001840;color:#FFFDF0;border-color:#102A71}
.services .service-card:nth-child(odd) h3{color:#FFFDF0}
.services .service-card:nth-child(odd) p{color:#D9E0EF}
.services .service-card:nth-child(odd) a{color:#F5C400}
.services .service-card:nth-child(odd) a:hover{color:#FFDC5F}
.services .service-card:nth-child(odd) .service-icon{background:#F5C400;color:#001840}
.services .service-card:nth-child(even){background:#FFFDF0;color:#001840;border-color:rgba(16,42,113,.22)}
.services .service-card:nth-child(even) h3{color:#001840}
.services .service-card:nth-child(even) p{color:#52627E}
.services .service-card:nth-child(even) a{color:#102A71}
.services .service-card:nth-child(even) .service-icon{background:#FFDC5F;color:#001840}
.services .service-card:nth-child(odd)::after{background:rgba(245,196,0,.13)}
.services .service-card:nth-child(even)::after{background:rgba(16,42,113,.08)}

/* JUNOONMEDIA SERVICE THEME 1 — strict alternating Meta Ads palette */
.services .service-grid > .service-card:nth-child(odd){
  background:#001840 !important;
  color:#FFFDF0 !important;
  border-color:#102A71 !important;
  box-shadow:0 18px 45px rgba(0,24,64,.14);
}
.services .service-grid > .service-card:nth-child(odd) h3{color:#FFFDF0 !important}
.services .service-grid > .service-card:nth-child(odd) p{color:#D9E0EF !important}
.services .service-grid > .service-card:nth-child(odd) a{color:#F5C400 !important}
.services .service-grid > .service-card:nth-child(odd) .service-icon{background:#F5C400 !important;color:#001840 !important}
.services .service-grid > .service-card:nth-child(odd)::after{background:rgba(245,196,0,.13) !important}

.services .service-grid > .service-card:nth-child(even){
  background:#FFFDF0 !important;
  color:#001840 !important;
  border-color:rgba(16,42,113,.22) !important;
  box-shadow:0 10px 0 rgba(0,24,64,.04),0 20px 45px rgba(0,24,64,.06);
}
.services .service-grid > .service-card:nth-child(even) h3{color:#001840 !important}
.services .service-grid > .service-card:nth-child(even) p{color:#52627E !important}
.services .service-grid > .service-card:nth-child(even) a{color:#102A71 !important}
.services .service-grid > .service-card:nth-child(even) .service-icon{background:#FFDC5F !important;color:#001840 !important}
.services .service-grid > .service-card:nth-child(even)::after{background:rgba(16,42,113,.08) !important}

/* Why Junoon Media — premium card layout */
.why{position:relative;overflow:hidden}
.why-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  border:0;
  margin-top:42px;
  position:relative;
  z-index:1;
}
.why-grid article{
  position:relative;
  min-height:245px;
  padding:28px 26px 25px;
  border:1px solid rgba(16,42,113,.16);
  border-radius:20px;
  background:rgba(255,253,240,.92);
  box-shadow:0 10px 30px rgba(0,24,64,.055);
  overflow:hidden;
  display:flex;
  isolation:isolate;
  box-shadow:inset 0 3px 0 rgba(245,196,0,.42),0 10px 30px rgba(0,24,64,.055);
  flex-direction:column;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease;
}
.why-grid article::before{
  content:"";
  position:absolute;
  width:105px;height:105px;
  right:-35px;bottom:-42px;
  border-radius:50%;
  background:rgba(245,196,0,.10);
  pointer-events:none;
  transition:transform .3s ease;
}
.why-grid article::after{
  content:attr(data-icon);
  position:absolute;
  right:18px;bottom:10px;
  width:92px;height:92px;
  display:grid;place-items:center;
  border:1px solid rgba(245,196,0,.20);
  border-radius:50%;
  color:#F5C400;
  font-size:52px;line-height:1;
  font-weight:800;
  opacity:.30;
  transform:rotate(-8deg);
  pointer-events:none;
  transition:transform .35s ease,opacity .35s ease;
}
.why-grid article:hover{
  transform:translateY(-7px);
  border-color:rgba(245,196,0,.55);
  box-shadow:0 22px 55px rgba(0,24,64,.12);
  background:#FFFDF0;
}
.why-grid article:hover::before{transform:scale(1.25)}
.why-grid article:hover::after{transform:rotate(0deg) scale(1.08);opacity:.55}
.why-grid article:nth-child(3n)::after{transform:rotate(8deg);}
.why-grid article:nth-child(3n):hover::after{transform:rotate(0deg) scale(1.08)}
.why-grid b{
  position:relative;
  z-index:1;
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:11px;
  background:#FFDC5F;
  color:#001840;
  font-size:11px;
  font-weight:900;
  letter-spacing:.03em;
}
.why-grid h3{
  position:relative;
  z-index:1;
  font-size:19px;
  line-height:1.25;
  margin:34px 0 9px;
  max-width:250px;
}
.why-grid p{
  position:relative;
  z-index:1;
  color:var(--muted);
  font-size:13.5px;
  line-height:1.65;
  margin:0;
  max-width:280px;
}
/* A restrained dark-card accent keeps the section visually dynamic without losing consistency. */
.why-grid article:nth-child(4n+2),
.why-grid article:nth-child(4n+4){
  background:#F9F4D9;
}
.why-grid article:nth-child(6){
  background:#001840;
  color:#FFFDF0;
  border-color:#102A71;
  box-shadow:0 18px 45px rgba(0,24,64,.14);
}
.why-grid article:nth-child(6) b{background:#F5C400}
.why-grid article:nth-child(6) p{color:#D9E0EF}
.why-grid article:nth-child(6)::before{background:rgba(245,196,0,.13)}
.why-grid article:nth-child(6)::after{border-color:rgba(245,196,0,.30);color:#F5C400;opacity:.48}

@media(max-width:980px){
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:720px){
  .why-grid{grid-template-columns:1fr;gap:14px;margin-top:30px}
  .why-grid article{min-height:205px;padding:23px 21px;border-radius:18px}
  .why-grid h3{margin-top:27px;font-size:18px}
}

/* Campaign Journey — premium visual card treatment */
.journey{padding-top:120px;padding-bottom:125px;background:
  radial-gradient(circle at 12% 18%,rgba(245,196,0,.10),transparent 24%),
  radial-gradient(circle at 92% 78%,rgba(16,42,113,.07),transparent 28%),
  linear-gradient(180deg,#FFFDF0 0%,#FFFBE8 100%);}
.journey::before{opacity:.72;background-size:78% 70%;background-position:right 7% bottom 3%;}
.journey::after{right:-210px;top:90px;width:620px;height:620px;border-color:rgba(245,196,0,.10);box-shadow:0 0 0 55px rgba(245,196,0,.022),0 0 0 110px rgba(16,42,113,.018);}
.journey .section-title{max-width:1080px;position:relative;margin-bottom:46px;text-wrap:balance;}
.journey .section-title::after{content:"GROWTH PATH";position:absolute;right:4px;bottom:7px;font-size:9px;letter-spacing:.20em;font-weight:900;color:rgba(16,42,113,.25);}
.journey-grid{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;border:0;background:transparent;backdrop-filter:none;overflow:visible;}
.journey-grid::before{content:"";position:absolute;left:8%;right:8%;top:49px;height:2px;background:linear-gradient(90deg,rgba(245,196,0,.18),#F5C400,rgba(16,42,113,.16));z-index:0;}
.journey-grid>div{position:relative;z-index:1;min-height:248px;padding:22px 19px 24px;border:1px solid rgba(16,42,113,.14);border-radius:20px;background:rgba(255,253,240,.88);box-shadow:0 12px 35px rgba(0,24,64,.055);overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease;}
.journey-grid>div:nth-child(even){transform:translateY(14px);}
.journey-grid>div:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(0,24,64,.13);border-color:rgba(245,196,0,.62);background:#FFFDF0;}
.journey-grid>div:nth-child(even):hover{transform:translateY(7px);}
.journey-grid>div::before{content:"";position:absolute;right:-28px;bottom:-34px;width:110px;height:110px;border-radius:50%;border:1px solid rgba(245,196,0,.20);box-shadow:0 0 0 18px rgba(245,196,0,.035),0 0 0 36px rgba(16,42,113,.018);}
.journey-grid>div::after{position:absolute;right:-3px;top:44px;font-size:18px;font-weight:900;color:rgba(16,42,113,.32);}
.journey-grid>div:nth-child(1)::after{content:"◌"}.journey-grid>div:nth-child(2)::after{content:"◎"}.journey-grid>div:nth-child(3)::after{content:"↗"}.journey-grid>div:nth-child(4)::after{content:"◒"}.journey-grid>div:nth-child(5)::after{content:"✓"}.journey-grid>div:nth-child(6)::after{content:"↑"}
.journey-grid span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#001840;color:#F5C400;font-size:10px;font-weight:900;letter-spacing:.04em;box-shadow:0 8px 20px rgba(0,24,64,.14);}
.journey-grid h3{margin:31px 0 9px;font-size:19px;letter-spacing:-.025em;position:relative;z-index:2;}
.journey-grid p{font-size:12.5px;line-height:1.65;color:#53627c;position:relative;z-index:2;max-width:170px;}
.journey-grid>div:nth-child(6){background:#001840;border-color:#102A71;color:#FFFDF0;box-shadow:0 20px 48px rgba(0,24,64,.18);}
.journey-grid>div:nth-child(6) span{background:#F5C400;color:#001840;box-shadow:none;}
.journey-grid>div:nth-child(6) h3{color:#FFFDF0}.journey-grid>div:nth-child(6) p{color:#C6D0E1}.journey-grid>div:nth-child(6)::after{color:rgba(245,196,0,.55)}
.journey-grid>div:not(:last-child) .journey-arrow{display:none}
@media(max-width:980px){
  .journey-grid{grid-template-columns:repeat(3,1fr);gap:14px;}
  .journey-grid::before{left:12%;right:12%;top:49px;}
  .journey-grid>div{min-height:225px;}
  .journey-grid>div:nth-child(even){transform:none}.journey-grid>div:nth-child(even):hover{transform:translateY(-7px)}
  .journey .section-title::after{display:none}
}
@media(max-width:720px){
  .journey{padding-top:82px;padding-bottom:88px;}
  .journey::before{opacity:.28;background-size:150% 45%;background-position:center bottom;}
  .journey::after{right:-230px;top:170px;width:430px;height:430px;opacity:.6;}
  .journey .section-title{margin-bottom:30px;}
  .journey-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .journey-grid::before{display:none;}
  .journey-grid>div{min-height:205px;padding:17px 15px 20px;border-radius:17px;}
  .journey-grid>div:nth-child(3n){border-right:1px solid rgba(16,42,113,.14)}
  .journey-grid span{width:40px;height:40px;border-radius:12px;}
  .journey-grid h3{margin:24px 0 7px;font-size:17px;}
  .journey-grid p{font-size:11.5px;line-height:1.55;}
}
@media(max-width:480px){
  .journey-grid{grid-template-columns:1fr;}
  .journey-grid>div,.journey-grid>div:nth-child(even){min-height:180px;transform:none;}
  .journey-grid>div:hover,.journey-grid>div:nth-child(even):hover{transform:translateY(-5px);}
  .journey-grid h3{margin-top:18px;}
  .journey-grid p{max-width:260px;}
}