/* =====================================================================
   home.css — homepage-specific sections. Requires common.css first.
   ===================================================================== */
/* section rhythm (home) */
.audience-section{padding:70px 0;}
.articles-section{padding:70px 0;}

/* ---- HERO ---- */
.hero-section{
  position:relative;overflow:hidden;
  background:radial-gradient(120% 120% at 80% 0%,var(--navy),var(--deep) 60%,var(--deep-2));
}
.hero-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
}
.hero-section::after{
  content:"";position:absolute;top:-30%;right:-8%;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(96,165,250,.35),transparent 62%);filter:blur(40px);pointer-events:none;
}
.hero-inner{position:relative;z-index:2;padding-top:5rem;padding-bottom:4.5rem;min-height:calc(100vh - 74px);}
.hero-badge{
  display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  color:#fff;font-size:.82rem;font-weight:600;padding:.5rem 1rem;border-radius:100px;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);}
.hero-section h1{font-size:3.5rem;font-weight:800;line-height:1.02;letter-spacing:-2px;color:#fff;margin:1.4rem 0 0;}
.hero-section h1 .soft{color:rgba(255,255,255,.5);font-style:italic;}
.hero-sub{color:rgba(255,255,255,.82);font-size:1.02rem;line-height:1.6;margin-top:1.3rem;max-width:480px;}
.hero-btns{display:flex;gap:.8rem;margin-top:2rem;flex-wrap:wrap;}
.hbtn{font-family:var(--font-display);font-weight:700;font-size:.92rem;padding:.95rem 1.7rem;border-radius:100px;transition:.18s;}
.hbtn-primary{background:#fff;color:var(--navy);}
.hbtn-primary:hover{color:var(--navy);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.18);}
.hbtn-ghost{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.hbtn-ghost:hover{background:rgba(255,255,255,.18);color:#fff;}
.hero-stats{display:flex;gap:2.2rem;margin-top:2.6rem;}
.hero-stats .num{font-family:var(--font-display);font-size:1.7rem;font-weight:800;color:#fff;letter-spacing:-.5px;}
.hero-stats .lbl{font-size:.8rem;color:rgba(255,255,255,.65);margin-top:.15rem;}
.hero-collage{width:100%;max-width:700px;height:auto;display:block;filter:drop-shadow(0 30px 60px rgba(8,12,40,.45));}

/* ---- MARQUEE ---- */
.marquee-section{padding:2.2rem 0;border-bottom:1px solid var(--line);overflow:hidden;}
.mq-lbl{text-align:center;font-size:.74rem;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--soft);margin-bottom:1.4rem;}
.mq-track{display:flex;gap:4.5rem;align-items:center;width:max-content;animation:mq-scroll 32s linear infinite;}
.mq-track:hover{animation-play-state:paused;}
.mq-track span{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:#cbd5e1;white-space:nowrap;}
@keyframes mq-scroll{to{transform:translateX(-50%);}}

/* ---- AUDIENCE ---- */
.op-h2{font-family:var(--font-display);font-size:2.3rem;font-weight:800;letter-spacing:-1px;line-height:1.08;color:var(--ink-2);}
.op-lead{color:var(--muted);font-size:1rem;line-height:1.6;margin-top:.9rem;max-width:560px;margin-inline:auto;}
.op3-card{position:relative;height:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:2.4rem 2rem 2.1rem;overflow:hidden;transition:.25s;}
.op3-bar{position:absolute;top:0;left:0;right:0;height:4px;}
.op3-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(15,23,42,.1);}
.op3-ic{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem;background:var(--blue-tint);color:var(--blue);}
.op3-ic svg{width:28px;height:28px;}
.op3-card h3{font-size:1.4rem;font-weight:800;color:var(--ink);letter-spacing:-.4px;}
.op3-card p{font-size:1rem;color:var(--muted);line-height:1.6;margin:.7rem 0 1.4rem;}
.op3-link{font-weight:700;font-size:1rem;color:var(--blue);display:inline-flex;gap:.4rem;}
.op3-link span{transition:transform .2s;}
.op3-link:hover span{transform:translateX(4px);}

/* ---- PLATFORM ---- */
.platform-section{padding:70px 0;border-top:1px solid var(--line);background:#fff;}
.plat-eyebrow{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue);margin-bottom:1rem;}
.plat-h{font-family:var(--font-display);font-size:2.4rem;font-weight:800;color:var(--ink-2);letter-spacing:-1px;margin-bottom:.7rem;}
.plat-sub{color:var(--muted);font-size:.97rem;line-height:1.7;max-width:620px;margin-inline:auto;}
.ptabs{display:flex;gap:0;border-bottom:2px solid var(--line);margin-bottom:3rem;justify-content:center;flex-wrap:wrap;}
.ptab{background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-family:var(--font-body);font-size:.88rem;font-weight:500;color:#6b7280;padding:.75rem 1.4rem;transition:all .2s;white-space:nowrap;margin-bottom:-2px;}
.ptab:hover{color:var(--ink-2);}
.ptab.active{color:var(--navy);font-weight:700;border-bottom-color:var(--blue);}
.ppanel{display:none;}
.ppanel.active{display:block;animation:pfade .35s ease;}
@keyframes pfade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.pp-wrap{background:var(--tint);border-radius:20px;padding:2.5rem 3rem;}
.pp-h{font-family:var(--font-display);font-size:1.9rem;font-weight:800;color:var(--ink-2);letter-spacing:-.5px;margin-bottom:.8rem;}
.pp-p{color:var(--muted);font-size:.93rem;line-height:1.75;margin-bottom:1.4rem;}
.pp-checks{list-style:none;margin:0 0 1.8rem;padding:0;}
.pp-checks li{display:flex;align-items:flex-start;gap:.6rem;font-size:.88rem;color:var(--text);padding:.3rem 0;}
.pp-checks .chk{color:var(--blue);font-weight:800;flex-shrink:0;}
.pp-btn{display:inline-block;background:var(--ink-2);color:#fff;padding:.78rem 1.8rem;border-radius:100px;font-size:.88rem;font-weight:600;transition:.2s;}
.pp-btn:hover{background:var(--navy);color:#fff;}
.pp-visual{border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 8px 40px rgba(0,0,0,.1);background:#fff;}
.pp-visual img{width:100%;height:360px;object-fit:cover;display:block;}

/* ---- STATS ---- */
.stats-section{padding:72px 0;background:radial-gradient(120% 140% at 80% 0%,var(--navy),var(--deep) 60%,var(--deep-2));}
.st-num{font-family:var(--font-display);font-size:2.6rem;font-weight:800;letter-spacing:-1.5px;line-height:1;margin-bottom:.6rem;background:linear-gradient(120deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;color:transparent;}
.st-desc{color:rgba(255,255,255,.72);font-size:.95rem;line-height:1.55;}
.st-col{position:relative;padding:0 1.4rem;}
.st-col + .st-col::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:rgba(255,255,255,.14);}
@media(max-width:767px){.st-col + .st-col::before{display:none;}}

/* ---- ARTICLES ---- */
.ar-title{font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:-.8px;color:var(--ink-2);}
.ar-all{font-weight:700;font-size:.9rem;color:var(--blue);}
.ar-all:hover{text-decoration:underline;}
.ar-label{font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--soft);}
.d1-card{display:block;height:100%;color:inherit;background:#fff;border:1px solid #eef2f7;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,.04);transition:.22s;}
.d1-card:hover{box-shadow:0 18px 40px rgba(15,23,42,.1);transform:translateY(-4px);}
.d1-img{height:210px;background-size:cover;background-position:center;}
.d1-body{padding:1.4rem 1.4rem 1.6rem;}
.d1-card h3{font-family:var(--font-display);font-size:1.18rem;font-weight:800;color:var(--ink);margin-top:.5rem;line-height:1.3;letter-spacing:-.2px;}
.d1-card:hover h3{color:var(--blue);}
.st-ic {
    width: 46px;
    height: 46px;
    margin-bottom: 1.4rem;
}
.st-ic svg {
    width: 100%;
    height: 100%;
}
/* responsive (home) */
@media(max-width:991px){
  .hero-section h1{font-size:2.6rem;}
  .hero-inner{min-height:auto;padding-top:3.2rem;padding-bottom:3.2rem;}
  .hero-collage{max-width:520px;margin:1.6rem auto 0;}
}
@media(max-width:575px){
  .op-h2,.plat-h{font-size:1.9rem;}
  .hero-section h1{font-size:2.2rem;}
  .hero-stats{gap:1.4rem;}
  .st-num{font-size:2.1rem;}
}
@media (prefers-reduced-motion: reduce){ .mq-track{animation:none;} }

/* moved-in inline (home) */
.op3-bar--1{background:linear-gradient(90deg,var(--blue),var(--navy));}
.op3-bar--2{background:linear-gradient(90deg,var(--blue),var(--blue-2));}
.op3-bar--3{background:linear-gradient(90deg,var(--navy),var(--blue));}
.op3-bar--4{background:linear-gradient(90deg,var(--deep),var(--blue));}
.d1-img--1{background-image:url("https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=640&q=80&auto=format&fit=crop&h=420");}
.d1-img--2{background-image:url("https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=640&q=80&auto=format&fit=crop&h=420");}
.d1-img--3{background-image:url("https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=640&q=80&auto=format&fit=crop&h=420");}

/* semantic margin resets (home) */
.mq-lbl,.plat-eyebrow,.st-num{margin-top:0;}
.hero-stats .num,.st-desc{margin:0;}
.hero-stats .lbl{margin-bottom:0;}

/* =====================================================================
   SECTORS — "Partnerships for every sector" (tabbed industries)
   ===================================================================== */
.sct-sec{padding:70px 0;border-top:1px solid var(--line);background:#fff;}
.sct-top{margin-bottom:2.6rem;text-align:center;}
.sct-eyebrow{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue);margin:0 0 1rem;}
.sct-h{font-family:var(--font-display);font-size:2.6rem;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0 0 .7rem;color:var(--ink-2);}
.sct-sub{color:var(--muted);font-size:1rem;line-height:1.7;margin:0 auto .9rem;white-space:nowrap;}

.sct-tabs{display:flex;gap:0;border-bottom:2px solid var(--line);margin-bottom:3rem;justify-content:center;flex-wrap:wrap;}
.sct-tab{background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--muted);padding:.8rem 1.4rem;transition:all .2s;white-space:nowrap;margin-bottom:-2px;}
.sct-tab:hover{color:var(--ink-2);}
.sct-tab.active{color:var(--navy);font-weight:700;border-bottom-color:var(--blue);}

.sct-panel{display:none;grid-template-columns:1.15fr 1fr;gap:3.5rem;align-items:center;background:#f6f9ff;border:1px solid #eef2fb;border-radius:24px;padding:2.6rem 3rem;}
.sct-panel.active{display:grid;animation:sctfade .35s ease;}
@keyframes sctfade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}

.sct-img{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(15,23,42,.14);}
.sct-img img{width:100%;height:420px;object-fit:cover;display:block;transition:transform .7s;}
.sct-img:hover img{transform:scale(1.04);}
.sct-imgbadge{position:absolute;left:1.1rem;bottom:1.1rem;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-radius:12px;padding:.6rem .9rem;display:flex;gap:.7rem;align-items:center;box-shadow:0 8px 24px rgba(0,0,0,.12);max-width:200px;}
.sct-imgbadge .b-num{font-family:var(--font-display);font-weight:800;font-size:1.15rem;background:linear-gradient(90deg,var(--blue),var(--navy));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;}
.sct-imgbadge .b-lbl{font-size:.68rem;color:var(--muted);font-weight:600;line-height:1.25;}

.sct-p-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin:0 0 .7rem;}
.sct-ph{font-family:var(--font-display);font-size:1.9rem;font-weight:800;color:var(--ink-2);letter-spacing:-.5px;line-height:1.2;margin:0 0 .8rem;}
.sct-pp{color:var(--muted);font-size:.96rem;line-height:1.72;margin:0 0 1.3rem;}
.sct-points{list-style:none;margin:0 0 1.5rem;padding:0;}
.sct-points li{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--text);padding:.32rem 0;}
.sct-points .ck{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;font-size:.62rem;display:flex;align-items:center;justify-content:center;margin-top:.12rem;}
.sct-brands{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center;margin-bottom:1.4rem;}
.sct-brands .bl{font-size:.6rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#cbd5e1;}
.sct-brands span:not(.bl){font-size:.84rem;font-weight:700;color:#94a3b8;transition:color .2s;cursor:pointer;}
.sct-brands span:not(.bl):hover{color:var(--navy);}
.sct-cta{display:inline-flex;align-items:center;gap:.4rem;background:var(--ink-2);color:#fff;padding:.72rem 1.6rem;border-radius:100px;font-size:.86rem;font-weight:600;text-decoration:none;transition:.2s;}
.sct-cta:hover{background:var(--navy);color:#fff;gap:.6rem;}

/* =====================================================================
   DEMO / CTA — "Take your performance marketing to the next level"
   ===================================================================== */
.demo-section{padding:80px 0;background:radial-gradient(120% 120% at 20% 10%,var(--navy),var(--navy) 60%,var(--deep));position:relative;overflow:hidden;}
.demo-section::after{content:"";position:absolute;bottom:-40%;left:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.4),transparent 60%);filter:blur(40px);}
.dm-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 460px;gap:4rem;align-items:center;}

.dm-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:rgba(255,255,255,.55);margin:0 0 1rem;}
.dm-h{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1.12;margin:0 0 1rem;}
.dm-p{color:rgba(255,255,255,.75);font-size:1.05rem;line-height:1.7;max-width:420px;margin:0 0 2rem;}
.dm-badges{display:flex;flex-wrap:wrap;gap:.7rem;}
.dbadge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:.8rem 1rem;}
.dbadge .v{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:#fff;margin:0;}
.dbadge .k{font-size:.66rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.5);margin:.2rem 0 0;}

.dm-card{background:#fff;border-radius:20px;padding:2.2rem 2rem;box-shadow:0 30px 80px rgba(0,0,0,.3);}
.dm-card-h{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--ink-2);margin:0 0 .3rem;}
.dm-card-s{font-size:.82rem;color:var(--muted);margin:0 0 1.4rem;}
.dm-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.6rem;}
.dm-field{margin-bottom:.6rem;}
.dm-field label{display:block;font-size:.76rem;font-weight:700;color:var(--ink-2);margin-bottom:.3rem;}
.dm-field input,.dm-field select{width:100%;padding:.7rem .85rem;border:1.5px solid var(--line);border-radius:9px;font-size:.86rem;font-family:var(--font-body);color:var(--ink);background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;}
.dm-field input::placeholder{color:#d1d5db;}
.dm-field input:focus,.dm-field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,78,216,.1);}
.dm-submit{width:100%;padding:.9rem;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:var(--font-body);margin-top:.4rem;transition:opacity .2s;}
.dm-submit:hover{opacity:.93;}
.dm-priv{font-size:.72rem;color:var(--soft);text-align:center;margin:.8rem 0 0;}

/* ---- responsive (sectors + demo) ---- */
@media (max-width:991.98px){
  .dm-grid{grid-template-columns:1fr;gap:2.5rem;}
  .dm-h{font-size:2rem;}
}
@media (max-width:900px){
  .sct-panel{grid-template-columns:1fr;gap:2.2rem;padding:1.8rem;}
  .sct-img img{height:300px;}
  .sct-h{font-size:1.9rem;}
  .sct-sub{white-space:normal;font-size:.92rem;}
  .sct-tabs{overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;}
}

/* =====================================================================
   WHY SHAREAPROFIT — transparency comparison
   ===================================================================== */
.why-section{padding:70px 4%;/* background:var(--tint); */}
.why-wrap{max-width:var(--maxw);margin:0 auto;}
.why-head{text-align:center;max-width:720px;margin:0 auto 2.8rem;}
.why-eyebrow{font-family:var(--font-display);font-size:.76rem;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--blue);display:block;margin:0 0 .7rem;}
.why-h2{font-family:var(--font-display);font-size:2.3rem;font-weight:800;letter-spacing:-.9px;line-height:1.14;color:var(--ink);margin:0;}
.why-h2 span{background:linear-gradient(100deg,#2563eb,#1e3a8a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.why-sub{color:var(--muted);font-size:1.03rem;line-height:1.7;margin:.9rem 0 0;}

.why-table{max-width:1020px;width:100%;margin:0 auto;border:1px solid #e2e8f2;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.09);border-collapse:collapse;}
.why-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:center;}
.why-table tbody .why-row{border-top:1px solid #f1f5f9;}
.why-row > th,.why-row > td{padding:1.05rem 1.4rem;font-size:.95rem;text-align:left;font-weight:400;}
.why-cell-label{color:var(--ink);font-weight:600;}
.why-row-head{border-bottom:1px solid var(--line);}
.why-row-head > th{font-family:var(--font-display);font-weight:800;font-size:.95rem;padding-top:1.15rem;padding-bottom:1.15rem;}
.why-row-head .why-cell-trad{background:#f6f8fc;color:var(--muted);height:100%;display:flex;align-items:center;}
.why-row-head .why-cell-sap{background:#eaf1ff;color:var(--blue);height:100%;display:flex;align-items:center;gap:.6rem;}
.why-tag{background:var(--blue);color:#fff;border-radius:100px;padding:.2rem .6rem;font-size:.66rem;font-weight:700;letter-spacing:.4px;}
.why-cell-trad{background:#fafbfd;}
.why-cell-sap{background:#f2f7ff;border-left:2px solid #cfe0fa;}
.why-yes{display:flex;align-items:center;gap:.45rem;font-weight:700;color:var(--ink);}
.why-yes svg{width:17px;height:17px;color:#16a34a;flex-shrink:0;}
.why-no{display:flex;align-items:center;gap:.4rem;color:var(--soft);}
.why-no svg{width:16px;height:16px;color:#cbd5e1;flex-shrink:0;}
.why-warn{color:#b45309;background:#fef3c7;border-radius:100px;padding: .1rem .7rem;font-size: 12px;font-weight:600;display:inline-block;}
.why-more{text-align:center;margin:1.6rem 0 0;}
.why-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--blue);font-weight:700;font-size:.95rem;transition:gap .2s;}
.why-link svg{width:17px;height:17px;}
.why-link:hover{gap:.8rem;}

@media(max-width:900px){
  .why-h2{font-size:1.9rem;}
  .why-row{grid-template-columns:1fr;}
  .why-row-head{display:none;}
  .why-row > th,.why-row > td{padding:.6rem 1.3rem;}
  .why-cell-label{padding-top:1rem;font-weight:700;}
  .why-cell-sap{border-left:none;}
  .why-cell-trad::before{content:"Traditional network: ";color:var(--soft);font-size:.8rem;}
  .why-cell-sap::before{content:"ShareAProfit: ";color:var(--blue);font-size:.8rem;font-weight:600;}
}