/* ============================================
   EXPERTISE PAGE — B2B SAAS MARKETING
   COMPLETELY DIFFERENT FROM SERVICE PAGES
   Same colors: #1B1B2F, #FFFFFF, #E84855
   Same hero gradient, same CTA buttons
   ALL NEW COMPONENTS
   ============================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--cream-bg,#FDF8F4);padding-top:70px;-webkit-font-smoothing:antialiased}
.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}
.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.animate-on-scroll.visible{opacity:1;transform:translateY(0)}

/* SECTION LABEL — editorial line + text */
.section-label{display:flex;align-items:center;gap:14px;margin-bottom:1rem}
.label-line{width:40px;height:2px;background:#E84855;display:block}
.label-text{font-size:.7rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#E84855}
.section-title{font-size:2.6rem;font-weight:800;color:#1B1B2F;line-height:1.12;margin-bottom:1rem;max-width:700px}
.section-title-light{font-size:2.6rem;font-weight:800;color:#FFFFFF !important;line-height:1.12;margin-bottom:1rem;max-width:700px}
.section-sub{font-size:1rem;color:#555;line-height:1.7;max-width:620px;margin-bottom:2.5rem}
.section-sub-light{font-size:1rem;color:rgba(255,255,255,.55) !important;line-height:1.7;max-width:620px;margin-bottom:2.5rem}

/* =================== F1: EDITORIAL HERO =================== */
.ed-hero{background:linear-gradient(180deg,#4CC9E8 0%,#6DD5ED 30%,#B8E6F2 65%,var(--cream-bg,#FDF8F4) 100%);padding:5rem 2rem 3rem;position:relative;overflow:hidden;text-align:center}
.ed-hero-mesh{position:absolute;inset:0;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.15) 1px,transparent 0);background-size:50px 50px;pointer-events:none}
.ed-hero .container{position:relative;z-index:2}
.ed-breadcrumb{font-size:.78rem;font-weight:600;color:#1B1B2F;opacity:.5;margin-bottom:1.5rem}
.ed-breadcrumb a{color:#1B1B2F;text-decoration:none}
.ed-breadcrumb span{margin:0 6px;opacity:.4}
.ed-eyebrow{display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#1B1B2F;background:rgba(255,255,255,.6);padding:8px 20px;border-radius:50px;margin-bottom:2rem}
.ed-hero h1{font-size:3.6rem;font-weight:800;color:#1B1B2F;line-height:1.06;max-width:900px;margin:0 auto 1.5rem;letter-spacing:-1.5px}
.ed-hero h1 em{font-family:'Playfair Display',serif;font-style:italic;color:#E84855;font-weight:700}
.ed-lead{font-size:1.15rem;color:#333;line-height:1.75;max-width:680px;margin:0 auto 2.5rem}
/* Container for both buttons to space them out properly */
.hero-cta-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

/* Restoring the Case Study ghost link design */
.cta-link-ghost {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .9rem;
    font-weight: 700;
    color: #1B1B2F;
    text-decoration: none;
    transition: all .2s;
}

.cta-link-ghost:hover {
    color: #E84855;
}

.cta-link-ghost svg {
    transition: transform .2s;
}

.cta-link-ghost:hover svg {
    transform: translateX(4px);
}
.ed-counter-row{display:flex;justify-content:center;gap:3rem;margin-top:3.5rem;flex-wrap:wrap}
.ed-counter{text-align:center}
.ed-counter-val{font-size:2.8rem;font-weight:800;color:#1B1B2F;line-height:1;display:block}
.ed-counter-label{font-size:.75rem;font-weight:700;color:#555;margin-top:6px;display:block}

/* =================== F2: MARKET LANDSCAPE =================== */
.mkt-landscape{padding:0 2rem;margin-top:-1rem;position:relative;z-index:3}
.mkt-bar{background:#1B1B2F;border-radius:20px;padding:2rem 2.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}
.mkt-item{text-align:center;flex:1;min-width:140px}
.mkt-val{font-size:1.6rem;font-weight:800;color:#FFFFFF;display:block;line-height:1}
.mkt-val.red{color:#E84855}
.mkt-label{font-size:.65rem;font-weight:700;color:rgba(255,255,255,.45);margin-top:4px;display:block;text-transform:uppercase;letter-spacing:.5px}
.mkt-divider{width:1px;height:40px;background:rgba(255,255,255,.1);flex-shrink:0}

/* =================== F3: PROBLEM MATRIX =================== */
.insight-matrix{padding:6rem 2rem;background:#fff}
.matrix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.mx-card{padding:2rem;border:1px solid rgba(0,0,0,.06);position:relative;transition:all .3s}
.mx-card:hover{background:rgba(232,72,85,.02)}
.mx-num{font-size:3.5rem;font-weight:800;color:rgba(232,72,85,.08);line-height:1;position:absolute;top:1rem;right:1.5rem;font-family:'Playfair Display',serif}
.mx-stat{display:inline-block;font-size:.65rem;font-weight:800;padding:4px 12px;border-radius:50px;background:rgba(232,72,85,.06);color:#E84855;margin-bottom:.75rem}
.mx-card h3{font-size:1.05rem;font-weight:800;color:#1B1B2F;margin-bottom:.5rem}
.mx-card>p{font-size:.85rem;color:#555;line-height:1.65}
.mx-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:#E84855;transition:height .6s ease}
.mx-card:hover::before{height:100%}

/* =================== F4: STRATEGIC FRAMEWORK =================== */
.sys-framework{padding:7rem 2rem;background:#000000}
.sys-diagram{max-width:900px;margin:0 auto}
.sys-hub{text-align:center;margin-bottom:2rem}
.sys-hub-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#E84855,#FF6B6B);display:inline-flex;align-items:center;justify-content:center;margin-bottom:.75rem}
.sys-hub-circle span{font-size:.85rem;font-weight:800;color:#fff;text-align:center;line-height:1.2}
.sys-hub-label{font-size:.7rem;font-weight:700;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1px}
.sys-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sys-node{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.75rem;position:relative;overflow:hidden;transition:all .35s}
.sys-node:hover{border-color:rgba(232,72,85,.2);transform:translateY(-3px)}
.sys-node::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:40px;height:2px;background:#E84855;opacity:.4}
.sys-node h3{font-size:.95rem;font-weight:800;color:#FFFFFF !important;margin-bottom:.5rem;text-align:center}
.sys-node>p{font-size:.78rem;color:rgba(255,255,255,.5) !important;line-height:1.6;text-align:center}
.sys-connector{display:flex;justify-content:center;gap:4rem;margin-bottom:1.5rem}
.sys-line{width:1px;height:40px;background:linear-gradient(180deg,#E84855,rgba(255,255,255,.1))}

/* =================== F5: CAPABILITIES ACCORDION =================== */
.cap-accordion{padding:6rem 2rem;background:var(--cream-bg,#FDF8F4)}
.accordion-list{max-width:900px}
.acc-item{border-bottom:1px solid rgba(0,0,0,.08);overflow:hidden}
.acc-trigger{width:100%;background:none;border:none;padding:1.75rem 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:inherit;text-align:left;gap:1rem}
.acc-trigger h3{font-size:1.15rem;font-weight:800;color:#1B1B2F;transition:color .25s}
.acc-item:hover .acc-trigger h3{color:#E84855}
.acc-trigger .acc-arrow{width:32px;height:32px;border-radius:50%;border:2px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}
.acc-trigger .acc-arrow svg{width:14px;height:14px;stroke:#1B1B2F;transition:transform .3s}
.acc-item.active .acc-arrow{background:#E84855;border-color:#E84855}
.acc-item.active .acc-arrow svg{stroke:#fff;transform:rotate(180deg)}
.acc-body{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.23,1,.32,1)}
.acc-body-inner{padding:0 0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 3rem}
.acc-desc{font-size:.92rem;color:#555;line-height:1.7}
.acc-metrics{display:flex;flex-direction:column;gap:10px}
.acc-metric{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.04)}
.acc-metric-label{font-size:.78rem;font-weight:700;color:#777}
.acc-metric-val{font-size:.95rem;font-weight:800;color:#E84855}

/* =================== F6: INDUSTRY BENCHMARKS =================== */
.benchmarks{padding:7rem 2rem;background:#000000}
.bench-list{max-width:800px;display:flex;flex-direction:column;gap:2rem}
.bench-row{display:grid;grid-template-columns:160px 1fr;gap:1.5rem;align-items:center}
.bench-label{font-size:.88rem;font-weight:700;color:rgba(255,255,255,.7);text-align:right}
.bench-bars{display:flex;flex-direction:column;gap:6px}
.bench-bar-wrap{display:flex;align-items:center;gap:10px}
.bench-bar-track{flex:1;height:28px;background:rgba(255,255,255,.06);border-radius:6px;overflow:hidden;position:relative}
.bench-bar-fill{height:100%;border-radius:6px;transition:width 1.5s cubic-bezier(.23,1,.32,1);width:0}
.bench-bar-fill.industry{background:rgba(255,255,255,.12)}
.bench-bar-fill.grrowx{background:linear-gradient(90deg,#E84855,#FF6B6B)}
.bench-bar-val{font-size:.72rem;font-weight:800;color:rgba(255,255,255,.6);min-width:50px}
.bench-bar-val.grrowx{color:#E84855}
.bench-legend{display:flex;gap:2rem;margin-bottom:2rem}
.bench-legend-item{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;color:rgba(255,255,255,.5)}
.bench-legend-dot{width:12px;height:12px;border-radius:3px}

/* =================== F7: CASE STUDY SPOTLIGHT =================== */
.cs-spotlight{padding:6rem 2rem;background:#fff}
.spotlight-card{background:#1B1B2F;border-radius:24px;overflow:hidden}
.spot-inner{display:grid;grid-template-columns:1.2fr .8fr}
.spot-story{padding:3rem}
.spot-tag{font-size:.6rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#E84855;margin-bottom:1rem;display:block}
.spot-story h3{font-size:1.6rem;font-weight:800;color:#FFFFFF;line-height:1.2;margin-bottom:1rem}
.spot-story>p{font-size:.92rem;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:1.25rem}
.spot-story-label{font-size:.6rem;font-weight:800;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.spot-kpis{padding:3rem 2.5rem;background:rgba(255,255,255,.03);display:flex;flex-direction:column;justify-content:center;gap:1.5rem;border-left:1px solid rgba(255,255,255,.06)}
.spot-kpi{text-align:center}
.spot-kpi-val{font-size:2.2rem;font-weight:800;color:#E84855;line-height:1;display:block}
.spot-kpi-label{font-size:.65rem;font-weight:700;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}
.spot-quote{padding:1.5rem 3rem;background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.06)}
.spot-quote p{font-size:.88rem;color:rgba(255,255,255,.6);font-style:italic;line-height:1.6}
.spot-quote cite{font-size:.75rem;color:rgba(255,255,255,.4);font-style:normal;margin-top:.5rem;display:block}
.spot-quote cite strong{color:#fff}

/* =================== F8: CASE STUDY CAROUSEL =================== */
.cs-carousel{padding:0 0 6rem;background:#fff;overflow:hidden}
.carousel-track{display:flex;gap:16px;padding:0 2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}
.carousel-track::-webkit-scrollbar{display:none}
.caro-card{flex:0 0 300px;scroll-snap-align:start;background:var(--cream-bg,#FDF8F4);border-radius:16px;padding:1.75rem;border:1px solid rgba(0,0,0,.04);transition:all .35s}
.caro-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.06)}
.caro-tag{font-size:.55rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:50px;display:inline-block;margin-bottom:.75rem}
.caro-card h4{font-size:.95rem;font-weight:800;color:#1B1B2F;margin-bottom:.5rem}
.caro-card>p{font-size:.78rem;color:#555;line-height:1.55;margin-bottom:1rem}
.caro-stats{display:flex;gap:1rem}
.caro-stat-val{font-size:1.1rem;font-weight:800;color:#E84855;line-height:1;display:block}
.caro-stat-label{font-size:.55rem;font-weight:700;color:#777}

/* =================== F9: PLATFORM SKILLS =================== */
.plat-skills{padding:6rem 2rem;background:var(--cream-bg,#FDF8F4)}
.skills-list{max-width:800px;display:flex;flex-direction:column;gap:1.25rem}
.skill-row{display:grid;grid-template-columns:180px 1fr 60px;gap:1rem;align-items:center}
.skill-name{font-size:.92rem;font-weight:700;color:#1B1B2F;display:flex;align-items:center;gap:10px}
.skill-name svg{width:18px;height:18px;stroke:#E84855;flex-shrink:0}
.skill-bar-track{height:10px;background:rgba(0,0,0,.06);border-radius:5px;overflow:hidden}
.skill-bar-fill{height:100%;background:linear-gradient(90deg,#E84855,#FF6B6B);border-radius:5px;transition:width 1.5s cubic-bezier(.23,1,.32,1);width:0}
.skill-pct{font-size:.82rem;font-weight:800;color:#E84855;text-align:right}

/* =================== F10: THOUGHT LEADERSHIP =================== */
.thought-lead{padding:6rem 2rem;background:#000000}
.tl-inner{max-width:800px;margin:0 auto;text-align:center}
.tl-quote-mark{font-size:5rem;font-family:'Playfair Display',serif;color:rgba(232,72,85,.2);line-height:1;margin-bottom:-.5rem}
.tl-quote{font-size:1.6rem;font-family:'Playfair Display',serif;font-weight:600;color:#FFFFFF;line-height:1.5;font-style:italic;margin-bottom:1.5rem}
.tl-cite{font-size:.85rem;color:rgba(255,255,255,.5);margin-bottom:.5rem}
.tl-cite strong{color:#FFFFFF}
.tl-link{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:#E84855;text-decoration:none;margin-top:1rem}
.tl-link:hover{text-decoration:underline}

/* =================== F11: ROI CALCULATOR =================== */
.roi-calc{padding:6rem 2rem;background:#fff}
.calc-wrap{max-width:900px;background:var(--cream-bg,#FDF8F4);border-radius:20px;padding:2.5rem;border:1px solid rgba(0,0,0,.06)}
.calc-top{margin-bottom:2rem}
.calc-label{font-size:.88rem;font-weight:700;color:#1B1B2F;margin-bottom:.75rem;display:block}
.calc-options{display:flex;gap:8px;flex-wrap:wrap}
.calc-opt{padding:10px 24px;border:2px solid rgba(0,0,0,.08);border-radius:50px;font-size:.85rem;font-weight:700;color:#777;background:transparent;cursor:pointer;transition:all .25s;font-family:inherit}
.calc-opt:hover{border-color:#E84855;color:#E84855}
.calc-opt.active{background:#000;border-color:#000;color:#fff}
.calc-results{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.calc-r{text-align:center;padding:1.5rem;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.04);transition:all .4s}
.calc-r-val{font-size:1.8rem;font-weight:800;color:#E84855;line-height:1;display:block;transition:all .4s}
.calc-r-label{font-size:.7rem;font-weight:700;color:#777;margin-top:4px;display:block}

/* =================== F12: PERSONA CARDS =================== */
.persona-section{padding:6rem 0;background:#000000;overflow:hidden}
.persona-scroll{display:flex;gap:16px;padding:0 2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}
.persona-scroll::-webkit-scrollbar{display:none}
.per-card{flex:0 0 280px;scroll-snap-align:start;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;transition:all .35s}
.per-card:hover{border-color:rgba(232,72,85,.2);transform:translateY(-3px)}
.per-fit{font-size:.55rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:50px;display:inline-block;margin-bottom:1rem}
.per-card h3{font-size:1.05rem;font-weight:800;color:#FFFFFF !important;margin-bottom:.5rem}
.per-card>p{font-size:.82rem;color:rgba(255,255,255,.5) !important;line-height:1.6;margin-bottom:1rem}
.per-indicators{display:flex;gap:4px}
.per-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.1)}
.per-dot.filled{background:#E84855}

/* =================== F13: CTA FORM — MAGAZINE LAYOUT =================== */
.cta-mag{padding:7rem 2rem;background:#000000;position:relative;overflow:hidden}
.cta-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 2px 2px,rgba(232,72,85,.03) 1px,transparent 0);background-size:40px 40px;pointer-events:none}
.cta-mag .container{position:relative;z-index:2}
.cta-mag-header{text-align:center;margin-bottom:3rem}
.cta-mag-header h2{font-size:2.8rem;font-weight:800;color:#FFFFFF !important;margin:.75rem 0}
.cta-mag-header p{font-size:1.05rem;color:rgba(255,255,255,.55) !important;max-width:600px;margin:0 auto}
.cta-mag-form{max-width:640px;margin:0 auto}
/* Form styles — same working pattern */
.form-card-glass{background:rgba(17,17,19,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:2rem;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.form-card-glass::before{content:'';position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,#E84855,transparent);opacity:.5}
.form-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}
.dynamic-headline{font-size:1.4rem;font-weight:800;color:#FFFFFF !important;display:flex;align-items:center;white-space:nowrap;height:36px}
.typewriter-text{color:#E84855 !important;font-weight:800;min-width:10px}
.cursor{display:inline-block;width:3px;height:24px;background:#E84855;margin-left:4px;animation:blinkCursor .8s infinite}
@keyframes blinkCursor{0%,100%{opacity:1}50%{opacity:0}}
.live-indicator{font-size:.78rem;color:#E84855;background:rgba(232,72,85,.1);padding:6px 14px;border-radius:50px;display:flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap}
.blink-dot{width:6px;height:6px;background:#E84855;border-radius:50%;box-shadow:0 0 8px #E84855;animation:blinkLive 2s infinite}
@keyframes blinkLive{0%,100%{opacity:1}50%{opacity:.4}}
.smart-form{display:flex;flex-direction:column;gap:1.25rem}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.input-wrap{position:relative}
.input-wrap input,.input-wrap textarea{width:100%;background:transparent;border:none;border-bottom:1.5px solid rgba(255,255,255,.15);padding:14px 0 10px;color:#FFFFFF;font-size:.95rem;font-family:inherit;transition:border-color .3s ease;outline:none}
.input-wrap textarea{resize:vertical;min-height:50px;max-height:120px;line-height:1.5}
.input-wrap input:focus,.input-wrap textarea:focus{border-color:#E84855}
.input-wrap label{position:absolute;left:0;top:14px;color:rgba(255,255,255,.4);font-size:.95rem;pointer-events:none;transition:top .25s ease,font-size .25s ease,color .25s ease}
.input-wrap input:focus~label,.input-wrap input:not(:placeholder-shown)~label,.input-wrap textarea:focus~label,.input-wrap textarea:not(:placeholder-shown)~label{top:-8px;font-size:.7rem;color:#E84855}
.phone-group{display:flex;align-items:center;border-bottom:1.5px solid rgba(255,255,255,.15);transition:border-color .3s ease}
.phone-group:focus-within{border-color:#E84855}
.country-select-wrapper{position:relative;width:90px;flex-shrink:0}
.country-select{width:100%;background:transparent;border:none;color:rgba(255,255,255,.7);font-size:.88rem;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;padding:14px 0 10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 3l3 3 3-3' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center;padding-right:16px;outline:none}
.country-select option{background:#1a1a1e;color:#fff}
.phone-field{border:none !important;border-bottom:none !important;padding:14px 0 10px !important;padding-left:12px !important;flex:1;background:transparent;color:#FFFFFF;font-size:.95rem;font-family:inherit;outline:none}
.phone-field::placeholder{color:rgba(255,255,255,.35)}
.minimal-select{width:100%;background:transparent;border:none;border-bottom:1.5px solid rgba(255,255,255,.15);padding:14px 0 10px;color:rgba(255,255,255,.4);font-size:.95rem;font-family:inherit;cursor:pointer;transition:border-color .3s ease,color .3s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;padding-right:20px;outline:none}
.minimal-select:focus{border-color:#E84855;color:#FFFFFF}
.minimal-select option{background:#1a1a1e;color:#fff}
.f-submit-btn{margin-top:.5rem;background:#E84855;color:#FFFFFF;border:none;padding:16px 32px;border-radius:8px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;width:100%;transition:background .3s ease,transform .15s ease}
.f-submit-btn:hover{background:#D03A47}
.f-submit-btn:disabled{opacity:.6;cursor:not-allowed}
.arrow-icon{transition:transform .3s ease}
.form-trust-note{text-align:center;font-size:.78rem;color:rgba(255,255,255,.4);margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:6px}
.form-trust-note svg{stroke:rgba(255,255,255,.4)}
.form-status{padding:12px 16px;border-radius:8px;font-size:.88rem;font-weight:600;text-align:center}
.form-status.success{background:rgba(34,197,94,.12);color:#22C55E;border:1px solid rgba(34,197,94,.25)}
.form-status.error{background:rgba(232,72,85,.12);color:#E84855;border:1px solid rgba(232,72,85,.25)}

/* =================== F14: RELATED EXPERTISE =================== */
.related-exp{padding:6rem 2rem;background:var(--cream-bg,#FDF8F4)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rel-card{background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;display:block;transition:all .35s;border:1px solid rgba(0,0,0,.06)}
.rel-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.06)}
.rel-img{height:160px;background:#1B1B2F;position:relative;overflow:hidden}
.rel-img-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#4CC9E8 0%,#E84855 100%);opacity:.15}
.rel-img-label{position:absolute;bottom:12px;left:12px;font-size:.6rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.4);padding:4px 12px;border-radius:50px;backdrop-filter:blur(8px)}
.rel-body{padding:1.5rem}
.rel-card h3{font-size:1.1rem;font-weight:800;color:#1B1B2F;margin-bottom:.5rem}
.rel-card>p,.rel-body>p{font-size:.85rem;color:#555;line-height:1.6}
.rel-arrow{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:#E84855;margin-top:.75rem}
.rel-arrow svg{transition:transform .2s}
.rel-card:hover .rel-arrow svg{transform:translateX(4px)}

/* =================== RESPONSIVE =================== */
@media(max-width:1024px){.spot-inner{grid-template-columns:1fr}.spot-kpis{flex-direction:row;flex-wrap:wrap;border-left:none;border-top:1px solid rgba(255,255,255,.06);padding:2rem}.spot-kpi{flex:1;min-width:120px}.sys-nodes{grid-template-columns:repeat(2,1fr)}.calc-results{grid-template-columns:repeat(2,1fr)}.matrix-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){body{padding-top:60px}.container{padding:0 1.25rem}.ed-hero{padding:2.5rem 1.25rem 2rem}.ed-hero h1{font-size:2.4rem}.hero-cta-row{flex-direction:column;gap:1rem}.cta-link-ghost{justify-content:center}.section-title,.section-title-light{font-size:2rem}.ed-counter-row{gap:1.5rem}.ed-counter-val{font-size:2rem}.mkt-bar{flex-direction:column;gap:1rem;padding:1.5rem}.mkt-divider{width:100%;height:1px}.insight-matrix,.cap-accordion,.cs-spotlight,.plat-skills,.roi-calc,.related-exp{padding:3.5rem 1.25rem}.sys-framework,.benchmarks,.thought-lead,.persona-section,.cta-mag{padding:3.5rem 1.25rem}.section-label{margin-bottom:.75rem}.matrix-grid{grid-template-columns:1fr}.sys-nodes{grid-template-columns:1fr}.bench-row{grid-template-columns:1fr;gap:.5rem}.bench-label{text-align:left}.skill-row{grid-template-columns:1fr;gap:.5rem}.skill-name{margin-bottom:.25rem}.related-grid{grid-template-columns:1fr}.form-row-2{grid-template-columns:1fr}.form-header-row{flex-direction:column;align-items:flex-start;gap:.5rem}.dynamic-headline{font-size:1.15rem;white-space:normal;height:auto}.acc-body-inner{grid-template-columns:1fr}.spot-inner{grid-template-columns:1fr}.cta-mag-header h2{font-size:2rem}}
@media(max-width:480px){.container{padding:0 1rem}.ed-hero{padding:2rem 1rem}.ed-hero h1{font-size:1.9rem}.section-title,.section-title-light{font-size:1.6rem}.calc-results{grid-template-columns:1fr 1fr}.form-card-glass{padding:1.5rem}.per-card{flex:0 0 260px}.caro-card{flex:0 0 260px}}
@media(max-width:360px){.container{padding:0 .75rem}.ed-hero h1{font-size:1.6rem}.form-card-glass{padding:1.25rem}}