@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Outfit:wght@400;500;600;700;800&display=swap');

:root{--ink:#0a0d1c;--paper:#f7f5ed;--muted:#b9bdcc;--acid:#c6ff00;--violet:#875cff;--cyan:#49e7ff;--coral:#ff6d55;--line:rgba(247,245,237,.2);--pad:clamp(1.15rem,4vw,5.5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Outfit,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1520px;margin:auto;min-height:100vh;background:var(--ink);border-inline:1px solid rgba(247,245,237,.12)}.topline{height:6px;background:linear-gradient(90deg,var(--acid) 0 31%,var(--cyan) 31% 53%,var(--violet) 53% 77%,var(--coral) 77%)}.nav{padding:1.1rem var(--pad);min-height:76px;display:flex;gap:2rem;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(10,13,28,.92)}.brand{font:800 1.12rem/1 Outfit;letter-spacing:-.055em}.brand i{font-style:normal;color:var(--acid)}.navlinks{display:flex;gap:1.4rem;align-items:center}.navlinks a{font:500 .69rem/1 'DM Mono',monospace;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.navlinks a.active,.navlinks a:hover{color:var(--acid)}.menu{display:none;background:0;border:0;color:var(--paper);font:500 .72rem 'DM Mono';letter-spacing:.08em;text-transform:uppercase}.eyebrow,.mono{font:500 .7rem/1.4 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;padding:.82rem 1rem;background:var(--acid);border:1px solid var(--acid);color:var(--ink);font:600 .7rem/1 'DM Mono';letter-spacing:.045em;text-transform:uppercase;transition:.18s}.button:hover{background:var(--paper);border-color:var(--paper);transform:translateY(-2px)}.footer{padding:clamp(3rem,6vw,6rem) var(--pad) 1.3rem;background:#080a15;border-top:1px solid var(--line)}.footer-main{display:flex;justify-content:space-between;gap:3rem;padding-bottom:5rem}.footer h2{max-width:800px;margin:.8rem 0 0;font:700 clamp(2.7rem,6vw,6.5rem)/.88 Outfit;letter-spacing:-.075em}.footer h2 em{color:var(--acid);font-style:normal}.footer-bottom{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--line);font:500 .66rem 'DM Mono';letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

/* Homepage: a clear, signal-led growth system */
.orbit-hero{min-height:710px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);border-bottom:1px solid var(--line)}.orbit-copy{padding:clamp(3rem,8vw,8rem) var(--pad) 3rem;display:flex;flex-direction:column;align-items:flex-start}.orbit-copy .eyebrow{color:var(--acid)}.orbit-copy h1{margin:1rem 0 1.7rem;max-width:860px;font:700 clamp(3.6rem,7.8vw,8.6rem)/.86 Outfit;letter-spacing:-.095em}.orbit-copy p{max-width:600px;margin:0 0 2rem;font-size:1.08rem;line-height:1.65;color:#d9d8d3}.orbit-panel{position:relative;overflow:hidden;border-left:1px solid var(--line);background:linear-gradient(155deg,#161c3c 0%,#0a0d1c 65%);padding:var(--pad);display:flex;align-items:flex-end}.orbit-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(247,245,237,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(247,245,237,.11) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(180deg,black,transparent)}.orbit-number{position:relative;z-index:1;font:700 clamp(11rem,23vw,21rem)/.7 Outfit;letter-spacing:-.15em;color:transparent;-webkit-text-stroke:1px rgba(247,245,237,.65)}.orbit-chip{position:absolute;z-index:2;right:clamp(1.5rem,4vw,4rem);top:18%;width:178px;aspect-ratio:1;background:var(--acid);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;padding:1rem;font:600 .72rem/1.25 'DM Mono';letter-spacing:.05em;text-transform:uppercase;box-shadow:12px 12px 0 var(--violet)}.orbit-chip b{font:700 3.6rem/.75 Outfit;letter-spacing:-.11em}.signal-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.signal-strip div{padding:1.55rem var(--pad);border-right:1px solid var(--line)}.signal-strip div:last-child{border-right:0}.signal-strip strong{display:block;margin-bottom:.45rem;font:600 1.45rem/1 Outfit;letter-spacing:-.05em}.signal-strip span{font:400 .67rem/1.4 'DM Mono';letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.orbit-section{padding:clamp(4rem,8vw,8rem) var(--pad);border-bottom:1px solid var(--line)}.orbit-section .eyebrow{color:var(--cyan)}.orbit-section h2{max-width:900px;margin:.85rem 0 2.5rem;font:700 clamp(2.8rem,5.6vw,6rem)/.88 Outfit;letter-spacing:-.085em}.capability-list{border-top:1px solid var(--line)}.capability-list a{display:grid;grid-template-columns:65px 1fr auto;gap:1rem;align-items:center;padding:1.15rem 0;border-bottom:1px solid var(--line);font:600 clamp(1.1rem,2vw,1.7rem)/1 Outfit;letter-spacing:-.04em}.capability-list a:before{content:counter(item,decimal-leading-zero);counter-increment:item;font:500 .67rem 'DM Mono';letter-spacing:.06em;color:var(--acid)}.capability-list{counter-reset:item}.capability-list a:after{content:'↗';color:var(--cyan)}.capability-list a:hover{color:var(--acid)}.orbit-split{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(3rem,11vw,12rem)}.orbit-split h2{margin-top:.7rem}.orbit-split p{max-width:650px;margin:0 0 1.3rem;line-height:1.8;color:#dad9d3}.proof-quote{padding:clamp(4rem,8vw,8rem) var(--pad);background:var(--violet);color:#fff;border-bottom:1px solid var(--line)}.proof-quote .eyebrow{color:var(--acid)}.proof-quote blockquote{max-width:1050px;margin:.9rem 0 0;font:600 clamp(2rem,4.9vw,5.4rem)/.95 Outfit;letter-spacing:-.07em}.sector-cards{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.sector-cards a{min-height:220px;padding:1rem 1rem 1.2rem 0;border-right:1px solid var(--line);font:600 1.1rem/1.05 Outfit;letter-spacing:-.045em;display:flex;align-items:flex-end}.sector-cards a:not(:first-child){padding-left:1rem}.sector-cards a:last-child{border-right:0}.sector-cards a:nth-child(2){color:var(--acid)}.sector-cards a:nth-child(3){color:var(--cyan)}.sector-cards a:nth-child(4){color:var(--coral)}

/* Child pages: an entirely separate reference-card layout */
.page-kicker{background:#d5f6fb;color:#020617}.signal-hero{display:grid;grid-template-columns:100px minmax(0,1fr);min-height:490px;border-bottom:1px solid var(--line)}.signal-rail{border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);font:500 .67rem 'DM Mono';letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}.signal-hero-copy{padding:clamp(3rem,7vw,7rem) var(--pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.35fr);gap:3rem;background:radial-gradient(circle at 85% 24%,rgba(135,92,255,.35),transparent 28%)}.signal-hero h1{max-width:880px;margin:.9rem 0 1.6rem;font:700 clamp(3rem,6.6vw,7rem)/.87 Outfit;letter-spacing:-.09em}.signal-hero p{max-width:650px;font-size:1.05rem;line-height:1.7;color:#dddcd6}.hero-mark{align-self:end;justify-self:end;width:150px;height:150px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--cyan);font:500 .67rem/1.5 'DM Mono';letter-spacing:.07em;text-transform:uppercase}.subnav{padding:1rem var(--pad);display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);font:500 .66rem 'DM Mono';letter-spacing:.05em;text-transform:uppercase}.subnav span{color:var(--muted);margin-right:.4rem}.subnav a{padding:.36rem .48rem;background:rgba(247,245,237,.08)}.subnav a:hover { background: #eef23f; color: #020617;background:#111629}.signal-section{display:grid;grid-template-columns:minmax(230px,.42fr) minmax(0,1fr);gap:clamp(2rem,7vw,8rem);padding:3rem 0;border-bottom:1px solid var(--line)}.signal-section:first-child{padding-top:0}.signal-section:last-child{border-bottom:0}.signal-section h2{margin:0;font:600 clamp(1.75rem,3.4vw,3.7rem)/.92 Outfit;letter-spacing:-.07em;color:var(--acid)}.signal-section h3{margin:2rem 0 .65rem;font:600 1.13rem/1.15 Outfit;letter-spacing:-.035em;color:var(--cyan)}.signal-section p{max-width:720px;margin:.55rem 0;line-height:1.8;color:#dad9d3}.signal-section ul{margin:1.35rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.5rem;list-style:none}.signal-section li{padding:.8rem 0;border-top:1px solid var(--line);font-size:.91rem;line-height:1.5}.signal-section li:before{content:'+';margin-right:.5rem;color:var(--acid)}.contact-form{display:grid;gap:1rem}.contact-form input,.contact-form textarea{width:100%;padding:1rem 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--paper);font:400 1rem Outfit;outline:0}.contact-form textarea{min-height:120px}.contact-form button{justify-self:start;cursor:pointer}

@media(max-width:800px){.navlinks{display:none}.menu{display:block}.nav.open .navlinks{position:absolute;display:flex;z-index:5;top:80px;left:0;right:0;padding:1rem var(--pad);background:var(--ink);border-bottom:1px solid var(--line);flex-wrap:wrap}.orbit-hero{grid-template-columns:1fr;min-height:auto}.orbit-panel{min-height:360px;border-left:0;border-top:1px solid var(--line)}.signal-strip,.orbit-split,.sector-cards{grid-template-columns:1fr}.signal-strip div{border-right:0;border-bottom:1px solid var(--line)}.sector-cards a{min-height:auto;padding:1rem 0;border-right:0;border-bottom:1px solid var(--line)}.sector-cards a:not(:first-child){padding-left:0}.signal-hero{grid-template-columns:48px 1fr}.signal-hero-copy{grid-template-columns:1fr;gap:2rem}.hero-mark{justify-self:start}.signal-section{grid-template-columns:1fr;gap:1.4rem}.signal-section ul{grid-template-columns:1fr}.footer-main{display:block}.footer-main .button{margin-top:2rem}.footer-bottom{gap:1rem;font-size:.6rem}.orbit-number{font-size:15rem}}

/* Light, compact clarity refresh */
:root{--ink:#020617;--paper:#ffffff;--muted:#64748B;--acid:#eef23f;--violet:#7867e8;--cyan:#475569;--coral:#94A3B8;--line:#d9e2ed}body{background:#F1F5F9;color:var(--ink)}.shell{background:var(--paper);border-color:#d9e2ed}.nav{background:rgba(255,255,255,.96);border-color:var(--line)}.navlinks a{color:var(--muted)}.navlinks a.active,.navlinks a:hover{color:#032491}.menu{color:var(--ink)}.footer{background:#e7efff;color:var(--ink);border-color:#cdd9f3}.footer h2 em{color:#032491}.footer-bottom{border-color:#bfcee7;color:var(--muted)}.orbit-hero{border-color:var(--line);min-height:610px}.orbit-copy .eyebrow{color:#032491}.orbit-copy h1{font-size:clamp(3.2rem,6vw,5.6rem);line-height:.91}.orbit-copy p{color:#020617;font-size:1rem}.orbit-panel{border-color:var(--line);background:linear-gradient(145deg,#F8FAFC,#E2E8F0)}.orbit-grid{background-image:linear-gradient(rgba(28,44,73,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(28,44,73,.13) 1px,transparent 1px)}.orbit-number{-webkit-text-stroke:1px rgba(28,44,73,.42)}.orbit-chip{box-shadow:10px 10px 0 var(--coral);background:var(--acid)}.signal-strip{border-color:var(--line)}.signal-strip div{border-color:var(--line)}.signal-strip span{color:var(--muted)}.orbit-section{background:#fff;border-color:var(--line)}.orbit-section .eyebrow{color:#020617}.orbit-section h2{font-size:clamp(2.4rem,4.4vw,4.4rem);line-height:.94}.capability-list{border-color:var(--line)}.capability-list a{border-color:var(--line);font-size:clamp(1.05rem,1.7vw,1.42rem)}.capability-list a:before{color:#032491}.capability-list a:after{color:#020617}.capability-list a:hover{color:#032491}.orbit-split p{color:#020617}.proof-quote{background:#bff3f5;color:var(--ink);border-color:#8fdde4}.proof-quote .eyebrow{color:#032491}.proof-quote blockquote{font-size:clamp(1.9rem,3.8vw,4rem);line-height:1}.sector-cards{border-color:var(--line)}.sector-cards a{border-color:var(--line)}.sector-cards a:nth-child(2){color:#032491}.sector-cards a:nth-child(3){color:#020617}.sector-cards a:nth-child(4){color:#0f172a}.page-kicker{background:#d5f6fb;color:#020617}.signal-hero{background:#fff;border-color:var(--line);min-height:390px}.signal-rail{border-color:var(--line);color:#032491}.signal-hero-copy{background:radial-gradient(circle at 85% 20%,#F8FAFC,transparent 28%)}.signal-hero h1{font-size:clamp(2.6rem,5.1vw,4.8rem);line-height:.92}.signal-hero p{color:#020617;font-size:1rem}.hero-mark{border-color:#032491;color:#032491;width:126px;height:126px}.subnav{background:#f7f9fc;border-color:var(--line);color:var(--muted)}.subnav a{background:#F1F5F9;color:var(--ink)}.subnav a:hover{background:#eef23f;color:#020617}.signal-content{background:#f6f9fc;padding:clamp(3rem,7vw,7rem) var(--pad)}.signal-section{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1fr);gap:clamp(2rem,7vw,8rem);padding:3rem 0;border-bottom:1px solid var(--line)}
.signal-section > *:first-child { position: static; align-self: start; }
.signal-section h2{color:#020617;font-size:clamp(1.65rem,2.9vw,3rem)}.signal-section h3{color:#020617;margin-top:1.55rem}.signal-section p{color:#020617;line-height:1.7}.signal-section li{border-color:var(--line)}.signal-section li:before{color:#032491}.contact-form input,.contact-form textarea{border-color:#b9c9da;color:var(--ink)}
.hub-section .hub-links { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 0.5rem; }
.hub-section .hub-links a { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.65rem 1rem; background: #fff; border: 1px solid var(--line); border-radius: 6px; font-size: 0.88rem; font-weight: 600; color: #020617; transition: all 0.2s ease; }
.hub-section .hub-links a:hover { background: #032491; color: #fff; border-color: #032491; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(64,86,201,0.2); }
.hub-section .hub-links a span { color: #334155; transition: color 0.2s ease; }
.hub-section .hub-links a:hover span { color: #fff; }
.cta-section { background: #032491; padding: 3.5rem 4rem !important; border-radius: 12px; margin: 3rem 0; border: none; box-shadow: 0 10px 30px rgba(64,86,201,0.15); }
.cta-section h2 { color: #fff !important; }
.cta-section p { color: #F1F5F9 !important; font-size: 1.1rem; }
.nav-dropdown { position: relative; display: inline-flex; align-items: center; cursor: pointer; }
.dropdown-menu { display: none; position: absolute; top: calc(100% + 15px); left: 0; background: #fff; border: 1px solid var(--line); min-width: 260px; box-shadow: 0 12px 36px rgba(0,0,0,0.08); padding: 0.5rem 0; z-index: 100; border-radius: 6px; }
.dropdown-menu.show { display: block; }
.dropdown-menu a { display: block; padding: 0.8rem 1.4rem; color: var(--ink) !important; border-bottom: 1px solid var(--line); font-size: 0.75rem; transition: background 0.2s, color 0.2s; }
.dropdown-menu a:last-child { border-bottom: none; }
.dropdown-menu a:hover { background: #F1F5F9; color: #032491 !important; }

/* Clean Background Watermark & Subtle Blur */
.industry-node { position: relative; z-index: 1; overflow: hidden; }

.submission-status,
.successsubmission {
    display: none;
    margin-top: 1rem;
    padding: 1rem 1.15rem;
    border-radius: 12px;
    font-weight: 600;
    line-height: 1.5;
    border: 1px solid transparent;
}

.submission-status.submissionsuccess,
.successsubmission.submissionsuccess {
    display: block !important;
    background: #eff6ff;
    color: #032491;
    border-color: #bfdbfe;
}

.submission-status.submission-error {
    display: block !important;
    background: #fef2f2;
    color: #b91c1c;
    border-color: #fecaca;
}

.contact-form.is-submitting {
    opacity: 0.75;
    pointer-events: none;
}

/* Subtle static radial background blur */
.industry-node::after {
    content: '';
    position: absolute;
    top: 40px;
    left: -60px;
    right: auto;
    width: 360px;
    height: 360px;
    background: radial-gradient(circle, rgba(120, 103, 232, 0.08) 0%, rgba(0, 185, 213, 0.04) 55%, transparent 75%);
    border-radius: 50%;
    filter: blur(30px);
    z-index: 0;
    pointer-events: none;
}

/* Static Number Watermark positioned at the BOTTOM of the section */
.industry-node::before {
    content: attr(data-num);
    position: absolute;
    bottom: 1.5rem;
    top: auto;
    left: 0.5rem;
    right: auto;
    transform: none;
    font-size: clamp(7rem, 15vw, 12rem);
    font-weight: 900;
    font-family: Outfit, sans-serif;
    color: rgba(2, 6, 23, 0.07);
    z-index: 0;
    pointer-events: none;
    line-height: 0.85;
    letter-spacing: -0.05em;
}

.industry-node:nth-child(even)::before { right: auto; left: 0.5rem; color: rgba(0, 185, 213, 0.07); }
.industry-node:nth-child(even)::after {
    left: -40px;
    background: radial-gradient(circle, rgba(0, 185, 213, 0.08) 0%, rgba(3, 36, 145, 0.04) 55%, transparent 75%);
}

/* Custom Component Styles (Timeline, Comparison Table, Accordion) */
.process-timeline { border-left: 2px solid var(--line); padding-left: 2.5rem; margin: 2rem 0; position: relative; }
.timeline-step { position: relative; padding-bottom: 2.5rem; }
.timeline-step:last-child { padding-bottom: 0; }
.timeline-step::before { content: ''; position: absolute; left: -2.5rem; top: 0.3rem; width: 14px; height: 14px; background: #475569; border-radius: 50%; transform: translateX(-8px); border: 3px solid #fff; box-shadow: 0 0 0 1px var(--line); }
.timeline-label { font: 800 0.85rem Outfit, sans-serif; text-transform: uppercase; letter-spacing: 0.05em; color: #032491; margin-bottom: 0.5rem; }
.timeline-title { font: 700 1.25rem Outfit, sans-serif; margin-bottom: 0.75rem; color: #020617; }
.timeline-desc { font-size: 1.05rem; color: #475569; line-height: 1.6; }

.comparison-table { width: 100%; min-width: 600px; border-collapse: collapse; margin-top: 1.5rem; background: #fff; box-shadow: 0 4px 15px rgba(28,44,73,0.05); border-radius: 12px; overflow: hidden; border: 1px solid var(--line); }
.comparison-table th, .comparison-table td { padding: 1.25rem; text-align: left; border-bottom: 1px solid var(--line); }
.comparison-table th { background: #f6f9fc; font: 700 0.95rem Outfit, sans-serif; color: #020617; text-transform: uppercase; letter-spacing: 0.03em; }
.comparison-table tr:last-child td { border-bottom: none; }
.comparison-table td:first-child { font-weight: 600; color: #020617; }
.comparison-table .check { color: #020617;  border-left: 3px solid #eef23f;; font-weight: 700; }

.faq-accordion { display: flex; flex-direction: column; gap: 1rem; margin-top: 2rem; }
.faq-accordion-item { border: 1px solid var(--line); border-radius: 12px; background: #fff; overflow: hidden; }
.faq-accordion-q { width: 100%; text-align: left; padding: 1.25rem; background: none; border: none; font: 700 1.1rem Outfit, sans-serif; color: #020617; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.faq-accordion-q span { color: #032491; font-weight: 900; font-size: 1.5rem; transition: transform 0.3s; }
.faq-accordion-a { padding: 0 1.25rem 1.25rem; display: none; color: #475569; font-size: 1.05rem; line-height: 1.6; margin: 0; }
.faq-accordion-a p { margin: 0; }
.faq-accordion-item.active .faq-accordion-a { display: block; }
.faq-accordion-item.active .faq-accordion-q span { transform: rotate(45deg); }

/* Colorful SEO Enhancements */
.colorful-cta { background: linear-gradient(135deg, rgba(120, 103, 232, 0.1), rgba(0, 185, 213, 0.1)); border-radius: 24px; padding: 4rem 3rem !important; margin-bottom: 3rem; border: 1px solid rgba(120, 103, 232, 0.2); position: relative; overflow: hidden; box-shadow: none; }
.colorful-cta::before { content: ''; position: absolute; top: -50px; right: -50px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(238, 242, 63, 0.6) 0%, transparent 70%); opacity: 0.8; pointer-events: none; }
.colorful-cta h2 { color: #020617 !important; }
.colorful-cta p { color: #475569 !important; }
.timeline-step:nth-child(1)::before { background: #eef23f; border-color: #ffeae6; }
.timeline-step:nth-child(2)::before { background: #7867e8; border-color: #eae8fb; }
.timeline-step:nth-child(3)::before { background: #475569; border-color: #F1F5F9; }
.comparison-table th { background: #e0e7ff; color: #475569; }
.comparison-table .check { color: #020617;  border-left: 3px solid #eef23f;; }
.industry-card-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top: 2rem; }
.industry-card { padding: 2rem; border-radius: 12px; border: 1px solid var(--line); background: #fff; position: relative; overflow: hidden; transition: border-color 0.2s, background 0.2s; }
.industry-card:hover { border-color: #032491;  }
.industry-card h3 { font-size: 1.25rem; margin-bottom: 0.75rem; position: relative; z-index: 1; }
.industry-card p { font-size: 0.95rem; line-height: 1.6; color: #475569; position: relative; z-index: 1; margin: 0; }

.service-card-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.service-card { padding: 2rem; background: #fff; border: 1px solid var(--line); border-radius: 12px; position: relative; overflow: hidden; transition: border-color 0.2s, background 0.2s; }
.service-card:hover { border-color: #032491;  }
.service-card h3 { font-size: 1.15rem; color: #020617; margin-bottom: 0.5rem; position: relative; z-index: 1; }
.service-card p { font-size: 0.95rem; color: #475569; line-height: 1.5; margin: 0; position: relative; z-index: 1; }

/* ROAS Calculator Styles */
.calc-widget { display: grid; grid-template-columns: 1fr; background: #fff; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 10px rgba(28,44,73,0.02); }
@media(min-width: 900px) { .calc-widget { grid-template-columns: 3fr 2fr; } }
.calc-controls { padding: 3rem; display: flex; flex-direction: column; gap: 2rem; }
.calc-results { padding: 3rem; background: #fcfdfe; border-left: 1px solid var(--line); display: flex; flex-direction: column; gap: 1.5rem; justify-content: center; }
.calc-group { display: flex; flex-direction: column; gap: 0.5rem; }
.calc-head { display: flex; justify-content: space-between; font: 700 1rem Outfit, sans-serif; color: #020617; }
.calc-bounds { display: flex; justify-content: space-between; font: 500 0.8rem Inter, sans-serif; color: #a0aabf; text-transform: uppercase; }
.calc-slider { width: 100%; -webkit-appearance: none; height: 4px; background: #e2e8f0; border-radius: 2px; outline: none; margin: 10px 0; }
.calc-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 16px; height: 16px; border-radius: 50%; background: #475569; cursor: pointer; }
.val-cyan, .val-violet, .val-coral, .val-yellow { color: #020617; text-shadow: none; font-weight: 700; }
.calc-kpi { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed var(--line); padding-bottom: 1rem; }
.calc-kpi:last-child { border-bottom: none; padding-bottom: 0; }
.kpi-label { font: 500 0.95rem Inter, sans-serif; color: #64748B; }
.kpi-val { font: 700 1.25rem Outfit, sans-serif; color: #020617; }
.kpi-val.highlight { font-size: 1.5rem; color: #020617; }

/* Testimonial Grid */
.testimonial-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: 1rem; }
@media(min-width: 768px) { .testimonial-grid { grid-template-columns: 1fr 1fr 1fr; } }
.testimonial-card { padding: 2rem; background: #fff; border-radius: 12px; border: 1px solid var(--line); position: relative; }
.testimonial-card blockquote { margin: 0; font: 400 1.05rem Inter, sans-serif; color: #475569; line-height: 1.6; }

/* Hero Box */
.hero-box { padding: 2rem; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 10px 30px rgba(28,44,73,0.05); }
.hero-box-label { font: 700 0.85rem Inter, sans-serif; text-transform: uppercase; letter-spacing: 0.05em; color: #032491; margin-bottom: 1.5rem; }
.hero-box-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1rem; }
.hero-box-list li { display: flex; flex-direction: column; gap: 0.2rem; position: relative; padding-left: 1.5rem; }
.hero-box-list li::before { content: '→'; position: absolute; left: 0; top: 0; color: #475569; font-weight: 700; }
.hero-box-list strong { font: 600 1.05rem Outfit, sans-serif; color: #020617; }
.hero-box-list span { font-size: 0.9rem; color: #475569; line-height: 1.4; }

/* Qualify Widget (Minimalist) */
.qualify-widget { padding: 3rem; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 4px 10px rgba(28,44,73,0.02); }
.qualify-progress { display: flex; gap: 4px; margin-bottom: 2rem; }
.qualify-progress-bar { flex: 1; height: 4px; background: #e2e8f0; border-radius: 2px; }
.qualify-progress-bar.filled { background: #032491; }
.qualify-step { display: none; }
.qualify-step.active { display: block; animation: fadeIn 0.3s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
.qualify-step-label { font: 600 0.75rem Inter, sans-serif; text-transform: uppercase; color: #a0aabf; letter-spacing: 0.05em; margin-bottom: 0.5rem; }
.qualify-question { font: 700 1.35rem Outfit, sans-serif; color: #020617; margin-bottom: 1.5rem; line-height: 1.3; }
.qualify-option { display: block; width: 100%; text-align: left; padding: 1.25rem 1.5rem; border: 1px solid var(--line); border-radius: 8px; background: #fff; font: 500 1rem Inter, sans-serif; color: #475569; cursor: pointer; margin-bottom: 0.75rem; transition: border-color 0.2s, background 0.2s; outline: none; }
.qualify-option:hover { border-color: #032491;  }
.qualify-option.selected { border-color: #032491; background: #032491; color: #fff; }
.qualify-nav { display: flex; justify-content: space-between; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--line); }
.qualify-nav-btn { padding: 0.75rem 1.5rem; border: 1px solid var(--line); border-radius: 6px; background: #fff; font: 600 0.85rem Inter, sans-serif; color: #020617; cursor: pointer; transition: all 0.2s; outline: none; }
.qualify-nav-btn:hover:not(:disabled) { border-color: #032491; color: #032491; }
.qualify-nav-btn.next { background: #032491; color: #fff; border-color: #032491; }
.qualify-nav-btn.next:hover:not(:disabled) { background: #021a6b; }
.qualify-nav-btn:disabled { opacity: 0.4; cursor: not-allowed; }
/* Social Reach Simulator */
.sim-widget { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 2.5rem; box-shadow: 0 10px 30px rgba(28,44,73,0.05); }
.sim-header { font: 800 1.25rem Outfit, sans-serif; color: #020617; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line); text-align: center; }
.sim-label { font: 600 0.95rem Inter, sans-serif; color: #475569; display: block; margin-bottom: 1rem; text-align: center; }
.sim-label span { color: #032491; font-weight: 800; }
.sim-slider { width: 100%; -webkit-appearance: none; height: 6px; background: #e2e8f0; border-radius: 3px; outline: none; margin-bottom: 2.5rem; }
.sim-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #032491; cursor: pointer; transition: transform 0.1s; }
.sim-slider::-webkit-slider-thumb:hover { transform: scale(1.2); }
.sim-results { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem; }
.sim-metric {  border: 1px solid var(--line); border-radius: 12px; padding: 1.25rem 0.75rem; text-align: center; position: relative; overflow: hidden; }
.sim-metric-label { font: 600 0.7rem Inter, sans-serif; color: #64748B; text-transform: uppercase; margin-bottom: 0.5rem; letter-spacing: 0.02em; }
.sim-metric-val { font: 800 1.5rem Outfit, sans-serif; color: #020617; }
.sim-metric-growth { position: absolute; top: 0; right: 0; background: #F1F5F9; color: #475569; font: 700 0.7rem Inter, sans-serif; padding: 0.2rem 0.5rem; border-bottom-left-radius: 8px; }
.sim-footer { font: 400 0.85rem Inter, sans-serif; color: #a0aabf; text-align: center; }

/* Infinite Marquee */
.marquee-wrapper { width: 100%; overflow: hidden; background: #fff; padding: 2rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-bottom: 3rem; }
.marquee-track { display: flex; width: max-content; animation: scrollMarquee 20s linear infinite; }
.marquee-item { font: 800 2.5rem Outfit, sans-serif; color: #f0f4f8; padding: 0 3rem; white-space: nowrap; -webkit-text-stroke: 1px #a0aabf; text-transform: uppercase; }
@keyframes scrollMarquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* Bento Grid */
.bento-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
@media(min-width: 768px) { .bento-grid { grid-template-columns: repeat(3, 1fr); } }
.bento-card { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 2rem; position: relative; transition: transform 0.2s, box-shadow 0.2s; overflow: hidden; }
.bento-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(28,44,73,0.06); }
.bento-num { font: 900 3rem Outfit, sans-serif; color: rgba(28,44,73,0.03); position: absolute; top: 1rem; right: 1.5rem; line-height: 1; }
.bento-card h3 { font: 800 1.15rem Outfit, sans-serif; color: #020617; margin-bottom: 0.75rem; position: relative; z-index: 1; }
.bento-card p { font: 400 0.95rem Inter, sans-serif; color: #475569; line-height: 1.6; margin: 0; position: relative; z-index: 1; }

/* Platform Switcher */
.platform-switcher { background: #fff; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.platform-tabs { display: flex; border-bottom: 1px solid var(--line); background: #fcfdfe; }
.platform-tab { flex: 1; padding: 1.25rem 1rem; background: none; border: none; font: 700 0.95rem Inter, sans-serif; color: #64748B; cursor: pointer; transition: background 0.2s, color 0.2s; border-bottom: 3px solid transparent; }
.platform-tab:hover { background: #f0f4f8; }
.platform-tab.active { color: #032491; border-bottom-color: #032491; background: #fff; }
.platform-content-area { padding: 3rem; background: #fff; }
.platform-pane { display: none; animation: fadeIn 0.3s ease; }
.platform-pane.active { display: block; }
.platform-pane h3 { font: 800 1.5rem Outfit, sans-serif; color: #020617; margin-bottom: 1rem; }
.platform-pane p { font: 400 1.05rem Inter, sans-serif; color: #475569; line-height: 1.6; margin-bottom: 1.5rem; max-width: 600px; }
.plat-kpi-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.75rem; }
.plat-kpi-list li { display: flex; gap: 0.5rem; align-items: center; font: 500 0.95rem Inter, sans-serif; color: #475569; }
.plat-kpi-list li::before { content: ''; display: inline-block; width: 8px; height: 8px; background: #475569; border-radius: 50%; }
.plat-kpi-list strong { color: #020617; }

/* Interactive Industry List */
.interactive-industry-list { display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.industry-row { display: grid; grid-template-columns: 1fr; gap: 0.5rem; padding: 2rem 0; border-bottom: 1px solid var(--line); cursor: default; transition: background 0.3s, padding-left 0.3s; }
@media(min-width: 768px) { .industry-row { grid-template-columns: 1fr 2fr; gap: 2rem; align-items: center; } }
.industry-row:hover {  padding-left: 1.5rem; border-left: 4px solid #eef23f; }
.ind-title { font: 800 1.5rem Outfit, sans-serif; color: #020617; transition: color 0.3s; }
.industry-row:hover .ind-title { color: #032491; }
.ind-desc { font: 400 1.05rem Inter, sans-serif; color: #64748B; line-height: 1.6; opacity: 0.8; transition: opacity 0.3s; }
.industry-row:hover .ind-desc { opacity: 1; color: #475569; }


/* Universal overrides for top strip and breadcrumb */
.topline { background: linear-gradient(90deg, #eef23f 0 31%, #00b9d5 31% 53%, #7867e8 53% 77%, #ff795d 77%) !important; }
.page-kicker { background: #d5f6fb !important; color: #020617 !important; padding: 0.75rem var(--pad) !important; font-size: 0.85rem; font-weight: 700; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1px solid var(--line); }


/* Custom radial glow gradients for Industry Cards */
.industry-card:nth-child(1) { background: radial-gradient(circle at 90% 10%, rgba(3, 36, 145, 0.08) 0%, transparent 50%), #fff; }
.industry-card:nth-child(2) { background: radial-gradient(circle at 10% 90%, rgba(238, 242, 63, 0.15) 0%, transparent 50%), #fff; }
.industry-card:nth-child(3) { background: radial-gradient(circle at 90% 90%, rgba(120, 103, 232, 0.08) 0%, transparent 50%), #fff; }
.industry-card:nth-child(4) { background: radial-gradient(circle at 10% 10%, rgba(0, 185, 213, 0.08) 0%, transparent 50%), #fff; }
.industry-card:nth-child(5) { background: radial-gradient(circle at 50% 50%, rgba(255, 109, 85, 0.08) 0%, transparent 60%), #fff; }

/* Alternate section backgrounds */
.signal-section:nth-of-type(even) {
    background: #ffffff;
    margin-left: calc(-1 * var(--pad));
    margin-right: calc(-1 * var(--pad));
    padding-left: var(--pad);
    padding-right: var(--pad);
    border-radius: 12px;
}
.signal-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid var(--line);
}

/* Split CTA Section 2-Column Grid */
.cta-section {
    display: block !important;
}
.ind-cta-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
    align-items: center !important;
}
@media (min-width: 768px) {
    .ind-cta-split {
        grid-template-columns: 1.1fr 0.9fr !important;
        gap: 3.5rem !important;
    }
}
.ind-cta-form-box {
    background: #f8fafc !important;
    padding: clamp(1.8rem, 3vw, 2.5rem) !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow: 0 4px 20px rgba(2, 6, 23, 0.03) !important;
}

/* Split CTA Section 2-Column Grid */
.cta-section {
    display: block !important;
}
.ind-cta-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
    align-items: center !important;
}
@media (min-width: 768px) {
    .ind-cta-split {
        grid-template-columns: 1.1fr 0.9fr !important;
        gap: 3.5rem !important;
    }
}
.ind-cta-form-box {
    background: #f8fafc !important;
    padding: clamp(1.8rem, 3vw, 2.5rem) !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow: 0 4px 20px rgba(2, 6, 23, 0.03) !important;
}

/* Split CTA Section 2-Column Grid */
.cta-section {
    display: block !important;
}
.ind-cta-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
    align-items: center !important;
}
@media (min-width: 768px) {
    .ind-cta-split {
        grid-template-columns: 1.1fr 0.9fr !important;
        gap: 3.5rem !important;
    }
}
.ind-cta-form-box {
    background: #f8fafc !important;
    padding: clamp(1.8rem, 3vw, 2.5rem) !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow: 0 4px 20px rgba(2, 6, 23, 0.03) !important;
}

/* Split CTA Section 2-Column Grid */
.cta-section {
    display: block !important;
}
.ind-cta-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
    align-items: center !important;
}
@media (min-width: 768px) {
    .ind-cta-split {
        grid-template-columns: 1.1fr 0.9fr !important;
        gap: 3.5rem !important;
    }
}
.ind-cta-form-box {
    background: #f8fafc !important;
    padding: clamp(1.8rem, 3vw, 2.5rem) !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow: 0 4px 20px rgba(2, 6, 23, 0.03) !important;
}

/* Split CTA Section 2-Column Grid */
.cta-section {
    display: block !important;
}
.ind-cta-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
    align-items: center !important;
}
@media (min-width: 768px) {
    .ind-cta-split {
        grid-template-columns: 1.1fr 0.9fr !important;
        gap: 3.5rem !important;
    }
}
.ind-cta-form-box {
    background: #f8fafc !important;
    padding: clamp(1.8rem, 3vw, 2.5rem) !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow: 0 4px 20px rgba(2, 6, 23, 0.03) !important;
}

/* Split CTA Section 2-Column Grid */
.cta-section {
    display: block !important;
}
.ind-cta-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
    align-items: center !important;
}
@media (min-width: 768px) {
    .ind-cta-split {
        grid-template-columns: 1.1fr 0.9fr !important;
        gap: 3.5rem !important;
    }
}
.ind-cta-form-box {
    background: #f8fafc !important;
    padding: clamp(1.8rem, 3vw, 2.5rem) !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow: 0 4px 20px rgba(2, 6, 23, 0.03) !important;
}

/* Split CTA Section 2-Column Grid */
.cta-section {
    display: block !important;
}
.ind-cta-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
    align-items: center !important;
}
@media (min-width: 768px) {
    .ind-cta-split {
        grid-template-columns: 1.1fr 0.9fr !important;
        gap: 3.5rem !important;
    }
}
.ind-cta-form-box {
    background: #f8fafc !important;
    padding: clamp(1.8rem, 3vw, 2.5rem) !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow: 0 4px 20px rgba(2, 6, 23, 0.03) !important;
}

/* Split CTA Section 2-Column Grid */
.cta-section {
    display: block !important;
}
.ind-cta-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
    align-items: center !important;
}
@media (min-width: 768px) {
    .ind-cta-split {
        grid-template-columns: 1.1fr 0.9fr !important;
        gap: 3.5rem !important;
    }
}
.ind-cta-form-box {
    background: #f8fafc !important;
    padding: clamp(1.8rem, 3vw, 2.5rem) !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow: 0 4px 20px rgba(2, 6, 23, 0.03) !important;
}

/* Split CTA Section 2-Column Grid */
.cta-section {
    display: block !important;
}
.ind-cta-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
    align-items: center !important;
}
@media (min-width: 768px) {
    .ind-cta-split {
        grid-template-columns: 1.1fr 0.9fr !important;
        gap: 3.5rem !important;
    }
}
.ind-cta-form-box {
    background: #f8fafc !important;
    padding: clamp(1.8rem, 3vw, 2.5rem) !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow: 0 4px 20px rgba(2, 6, 23, 0.03) !important;
}

/* Split CTA Section 2-Column Grid */
.cta-section {
    display: block !important;
}
.ind-cta-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
    align-items: center !important;
}
@media (min-width: 768px) {
    .ind-cta-split {
        grid-template-columns: 1.1fr 0.9fr !important;
        gap: 3.5rem !important;
    }
}
.ind-cta-form-box {
    background: #f8fafc !important;
    padding: clamp(1.8rem, 3vw, 2.5rem) !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow: 0 4px 20px rgba(2, 6, 23, 0.03) !important;
}

/* Split CTA Section 2-Column Grid */
.cta-section {
    display: block !important;
}
.ind-cta-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
    align-items: center !important;
}
@media (min-width: 768px) {
    .ind-cta-split {
        grid-template-columns: 1.1fr 0.9fr !important;
        gap: 3.5rem !important;
    }
}
.ind-cta-form-box {
    background: #f8fafc !important;
    padding: clamp(1.8rem, 3vw, 2.5rem) !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow: 0 4px 20px rgba(2, 6, 23, 0.03) !important;
}

/* Split CTA Section 2-Column Grid */
.cta-section {
    display: block !important;
}
.ind-cta-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
    align-items: center !important;
}
@media (min-width: 768px) {
    .ind-cta-split {
        grid-template-columns: 1.1fr 0.9fr !important;
        gap: 3.5rem !important;
    }
}
.ind-cta-form-box {
    background: #f8fafc !important;
    padding: clamp(1.8rem, 3vw, 2.5rem) !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow: 0 4px 20px rgba(2, 6, 23, 0.03) !important;
}

 


/* SERVICE PAGES: HERO AND MESH BACKGROUNDS */
.service-hero { min-height: 550px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: clamp(6rem, 12vw, 9rem) var(--pad) clamp(4rem, 8vw, 6rem); border-bottom: 1px solid var(--line); position: relative; overflow: hidden; background: #fff; }
.service-hero::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(2, 6, 23, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(2, 6, 23, 0.04) 1px, transparent 1px); background-size: 60px 60px; mask-image: radial-gradient(ellipse at top, black 30%, transparent 80%); -webkit-mask-image: radial-gradient(ellipse at top, black 30%, transparent 80%); pointer-events: none; }
.service-hero h1 { max-width: 950px; margin: 1.5rem auto 1.5rem; font: 700 clamp(3.2rem, 7vw, 7rem)/0.9 Outfit, sans-serif; letter-spacing: -0.06em; color: var(--ink); position: relative; z-index: 2; }
.service-hero p { max-width: 650px; margin: 0 auto 2.5rem; font-size: 1.15rem; line-height: 1.7; color: var(--muted); position: relative; z-index: 2; }
.service-badge { position: relative; z-index: 2; background: var(--ink); color: #fff; padding: 0.6rem 1.2rem; border-radius: 100px; font: 500 0.75rem/1 'DM Mono', monospace; letter-spacing: 0.08em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 0.5rem; box-shadow: 0 4px 15px rgba(2, 6, 23, 0.15); border: 1px solid rgba(255,255,255,0.1); }
.service-badge::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--acid); display: block; box-shadow: 0 0 8px var(--acid); }
.widget-showcase { position: relative; padding: clamp(4rem, 8vw, 6rem) var(--pad); background: #f8fafc; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: grid; place-items: center; overflow: hidden; }
.widget-showcase::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(2, 6, 23, 0.12) 1.5px, transparent 1.5px); background-size: 20px 20px; mask-image: radial-gradient(ellipse at center, black 40%, transparent 85%); -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 85%); pointer-events: none; }
.widget-showcase > * { position: relative; z-index: 2; }
.mesh-bg { position: relative; overflow: hidden; }
.mesh-bg::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(2, 6, 23, 0.1) 1.5px, transparent 1.5px); background-size: 24px 24px; pointer-events: none; mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%); -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%); }