:root{
  --cream:#FFF4E0;
  --cream-2:#1B1533;
  --white:#FFFFFF;
  --bg:#120E1F;
  --paper:#F5EFFF;
  --ink:#1A1030;
  --honey:#FFC93C;
  --punch:#FF6B85;
  --sky:#3FC1FF;
  --grass:#3DDC97;
  --grape:#9B5DE5;
  --mid:#6B5D87;
  --mid-lt:#C6B8E0;
  --disp:'Baloo 2', sans-serif;
  --body:'Inter', sans-serif;
  --accent: var(--honey);
}
*{margin:0; padding:0; box-sizing:border-box;}
html{-webkit-font-smoothing:antialiased;}
body{
  background:var(--bg); color:var(--paper); font-family:var(--body);
  overflow-x:hidden;
}
::selection{background:var(--honey); color:var(--ink);}
a{color:inherit; text-decoration:none;}
button{font-family:inherit; cursor:pointer;}
ul{list-style:none;}

.wrap{max-width:1240px; margin:0 auto; padding:0 40px; position:relative; z-index:3;}
@media (max-width:768px){ .wrap{padding:0 22px;} }
.section-pad{padding:130px 0; position:relative; overflow:hidden;}
@media (max-width:768px){ .section-pad{padding:80px 0;} }
.section-head{max-width:620px; margin-bottom:56px;}
.section-head h2{font-size:clamp(28px,4.4vw,50px);}

h1,h2,h3{font-family:var(--disp); font-weight:700; letter-spacing:-0.01em; line-height:1.06; color:var(--paper);}
p{color:var(--mid-lt); line-height:1.7; font-size:16px;}

.eyebrow{
  display:inline-flex; align-items:center; gap:8px; font-family:var(--body); font-weight:700; font-size:12.5px;
  letter-spacing:.08em; text-transform:uppercase; color:var(--ink); background:var(--white);
  border:3px solid var(--ink); border-radius:100px; padding:7px 16px 7px 10px; margin-bottom:22px;
  box-shadow:4px 4px 0 var(--accent);
}
.eyebrow .hex{width:16px; height:16px; background:var(--accent); clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); border:2px solid var(--ink);}

.grad-text{ color:var(--punch); }

/* -------- sticker components -------- */
.sticker{
  background:var(--white); border:4px solid var(--ink); border-radius:26px; color:var(--ink);
  box-shadow:8px 8px 0 var(--accent); transition:transform .25s, box-shadow .25s;
}
.sticker h1, .sticker h2, .sticker h3, .sticker p, .sticker li{ color:var(--ink); }
.sticker:hover{ transform:translate(-3px,-3px); box-shadow:11px 11px 0 var(--accent); }
.tilt-l{ transform:rotate(-2deg); } .tilt-l:hover{ transform:rotate(-2deg) translate(-3px,-3px); }
.tilt-r{ transform:rotate(2deg); } .tilt-r:hover{ transform:rotate(2deg) translate(-3px,-3px); }

.btn{
  font-family:var(--body); font-weight:700; font-size:15px; padding:15px 28px; border-radius:100px;
  border:3px solid var(--ink); background:var(--white); color:var(--ink); display:inline-flex; align-items:center; gap:8px;
  box-shadow:5px 5px 0 var(--accent); transition:transform .18s, box-shadow .18s;
}
.btn:hover{ transform:translate(2px,2px); box-shadow:3px 3px 0 var(--accent); }
.btn:active{ transform:translate(5px,5px); box-shadow:0 0 0 var(--accent); }
.btn-primary{ background:var(--honey); }
.btn-punch{ background:var(--punch); color:var(--white); }

/* -------- progress + preloader -------- */
#progress-bar{ position:fixed; top:0; left:0; right:0; height:5px; background:var(--white); border-bottom:3px solid var(--ink); z-index:9998; }
#progressFill{ display:block; height:100%; width:0%; background:var(--honey); }

#preloader{ position:fixed; inset:0; background:var(--bg); z-index:10000; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; }
.pl-bee{ font-size:52px; animation:bobble 1s ease-in-out infinite; }
@keyframes bobble{ 0%,100%{ transform:translateY(0) rotate(-6deg); } 50%{ transform:translateY(-14px) rotate(6deg); } }
.pl-label{ font-family:var(--disp); font-weight:700; font-size:15px; letter-spacing:.02em; }
.pl-bar{ width:220px; height:10px; border:3px solid var(--ink); border-radius:100px; overflow:hidden; background:var(--white); }
.pl-bar span{ display:block; height:100%; width:0%; background:var(--honey); }

/* -------- header -------- */
header{ position:fixed; top:18px; left:0; right:0; z-index:500; }
.nav-inner{
  max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between;
  background:var(--white); border:3px solid var(--ink); border-radius:100px; padding:10px 12px 10px 20px;
  box-shadow:6px 6px 0 var(--accent); color:var(--ink);
}
.logo{ font-family:var(--disp); font-weight:700; font-size:19px; display:flex; align-items:center; gap:8px; }
.logo .bee-mini{ font-size:20px; }
.nav-links{ display:flex; gap:26px; }
.nav-links a{ font-family:var(--body); font-weight:700; font-size:14px; color:var(--ink); position:relative; }
.nav-links a::after{ content:''; position:absolute; left:0; right:0; bottom:-4px; height:3px; background:var(--honey); transform:scaleX(0); transition:transform .3s; }
.nav-links a:hover::after{ transform:scaleX(1); }
.nav-cta{ padding:11px 22px; font-size:13.5px; }
.burger{ display:none; flex-direction:column; gap:4px; background:none; border:none; padding:8px; }
.burger span{ width:22px; height:3px; background:var(--ink); border-radius:2px; display:block; }
@media (max-width:900px){
  .nav-inner{ border-radius:26px; }
  .nav-links{ position:fixed; top:88px; right:16px; left:16px; background:var(--white); border:3px solid var(--ink); border-radius:22px;
    box-shadow:6px 6px 0 var(--accent); flex-direction:column; padding:22px; gap:18px; transform:translateY(-140%); opacity:0; transition:.4s; }
  .nav-links.open{ transform:translateY(0); opacity:1; }
  .nav-cta{ display:none; }
  .burger{ display:flex; }
}

/* -------- flight path + bee -------- */
#flightSvg{ position:absolute; top:0; left:0; overflow:visible; pointer-events:none; z-index:5; }
#flightPath{ fill:none; stroke:var(--honey); stroke-width:3; stroke-dasharray:2 16; stroke-linecap:round; opacity:.4; }
#beeLayer{ position:absolute; top:0; left:0; width:0; height:0; overflow:visible; z-index:60; pointer-events:none; }
#bee{ position:absolute; top:0; left:0; font-size:42px; opacity:0; transition:opacity .5s; filter:drop-shadow(0 0 8px rgba(255,201,60,.65)); }
#bee.ready{ opacity:1; }

/* -------- hero -------- */
#hero{ min-height:100vh; display:flex; align-items:center; position:relative; overflow:hidden; padding-top:130px; }
.hero-blob{ position:absolute; border-radius:50%; z-index:0; }
.blob-1{ width:520px; height:520px; background:var(--honey); top:-140px; right:-140px; opacity:.55; }
.blob-2{ width:380px; height:380px; background:var(--sky); bottom:-120px; left:-100px; opacity:.5; }
.hex-field{ position:absolute; inset:0; z-index:0; opacity:.5; background-image:
  radial-gradient(circle at 20% 30%, transparent 0, transparent 6px, transparent 6px),
  repeating-linear-gradient(60deg, rgba(245,239,255,.05) 0 2px, transparent 2px 44px),
  repeating-linear-gradient(-60deg, rgba(245,239,255,.05) 0 2px, transparent 2px 44px);
}
.hero-content{ position:relative; z-index:3; max-width:760px; }
.hero-in{ opacity:0; transform:translateY(28px); }
.hero-title{ font-size:clamp(40px,7vw,86px); margin-bottom:24px; }
.hero-sub{ font-size:18.5px; max-width:520px; margin-bottom:36px; }
.hero-actions{ display:flex; gap:16px; flex-wrap:wrap; margin-bottom:50px; }
.hero-tags{ display:flex; gap:12px; flex-wrap:wrap; }
.hero-tags span{
  font-family:var(--body); font-weight:700; font-size:12.5px; background:var(--white); border:3px solid var(--ink); color:var(--ink);
  border-radius:100px; padding:8px 14px; box-shadow:4px 4px 0 var(--accent);
}
.scroll-cue{ position:absolute; bottom:26px; left:50%; transform:translateX(-50%); z-index:3; display:flex; flex-direction:column; align-items:center; gap:8px; font-family:var(--body); font-weight:700; font-size:11px; letter-spacing:.14em; text-transform:uppercase; }
.scroll-cue .arrow{ font-size:20px; animation:bobble2 1.4s ease-in-out infinite; }
@keyframes bobble2{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(8px); } }

/* -------- about -------- */
.about-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; align-items:center; }
@media (max-width:860px){ .about-grid{ grid-template-columns:1fr; gap:34px; } }
.about-card{ padding:40px; }
.about-card p{ margin-bottom:16px; }
.about-stats{ display:flex; gap:16px; flex-wrap:wrap; margin-top:22px; }
.mini-stat{ padding:16px 20px; text-align:center; min-width:100px; }
.mini-stat b{ font-family:var(--disp); font-size:30px; display:block; color:var(--punch); }
.mini-stat span{ font-family:var(--body); font-weight:700; font-size:10.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--mid); }

/* -------- hive map (pinned horizontal) -------- */
#hivemap{ background:var(--cream-2); border-top:4px solid var(--honey); border-bottom:4px solid var(--honey); position:relative; overflow:hidden; }
.map-head{ padding-top:110px; }
.map-pin{ height:100vh; display:flex; align-items:center; overflow:hidden; }
.map-track{ display:flex; gap:24px; padding:0 40px; width:max-content; }
.hex-card{
  width:230px; min-height:280px; padding:26px; flex-shrink:0; display:flex; flex-direction:column; justify-content:flex-end; position:relative;
}
.hex-card .hc-num{ position:absolute; top:20px; right:22px; font-family:var(--disp); font-size:13px; color:var(--mid); }
.hex-card .hc-icon{ width:44px; height:44px; clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); border:3px solid var(--ink); margin-bottom:44px; }
.hex-card h3{ font-size:20px; margin-bottom:4px; }
.hex-card p{ font-size:13px; }
@media (max-width:900px){
  .map-pin{ height:auto; overflow-x:auto; -webkit-overflow-scrolling:touch; padding:24px 0; }
  .map-track{ padding:0 22px; }
}

/* theme accents per product */
[data-theme="nearbyjobs"]{ --accent:#3FC1FF; }
[data-theme="momee"]{ --accent:#3DDC97; }
[data-theme="proofit"]{ --accent:#FFC93C; }
[data-theme="expoza"]{ --accent:#9B5DE5; }
[data-theme="zentro"]{ --accent:#3FC1FF; }
[data-theme="warantrack"]{ --accent:#3DDC97; }
[data-theme="braindump"]{ --accent:#9B5DE5; }
[data-theme="arise"]{ --accent:#FF9F45; }
[data-theme="elemental"]{ --accent:#FF4D6D; }
[data-theme="comingsoon"]{ --accent:#C9BEDD; }
.hex-card .hc-icon{ background:var(--accent); }

/* -------- product chambers -------- */
.chamber{ min-height:100vh; display:flex; align-items:center; position:relative; overflow:hidden; padding:100px 0; border-top:4px dashed rgba(245,239,255,.15); }
.chamber-bg{ position:absolute; inset:0; z-index:0; background:radial-gradient(600px 500px at 15% 20%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 62%); }
.chamber-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; position:relative; z-index:1; }
@media (max-width:900px){ .chamber-grid{ grid-template-columns:1fr; gap:32px; } }
.chamber-index{ font-family:var(--disp); font-size:13px; letter-spacing:.06em; background:var(--white); border:3px solid var(--ink); color:var(--ink); border-radius:100px; padding:6px 14px; display:inline-block; box-shadow:3px 3px 0 var(--accent); margin-bottom:16px; }
.chamber-logo{ width:56px; height:56px; background:var(--accent); border:4px solid var(--ink); border-radius:16px; display:flex; align-items:center; justify-content:center; font-family:var(--disp); font-weight:700; font-size:17px; color:var(--ink); margin-bottom:18px; box-shadow:5px 5px 0 var(--accent); }
.chamber-copy h2{ font-size:clamp(30px,4.2vw,48px); margin-bottom:6px; }
.chamber-tagline{ font-family:var(--body); font-weight:700; font-size:14px; color:var(--punch); margin-bottom:16px; }
.chamber-desc{ font-size:16px; max-width:440px; margin-bottom:22px; }
.chamber-features{ display:flex; flex-direction:column; gap:9px; margin-bottom:24px; }
.chamber-features li{ font-family:var(--body); font-weight:600; font-size:14px; display:flex; align-items:center; gap:10px; }
.chamber-features li::before{ content:''; width:18px; height:18px; flex-shrink:0; background:var(--accent); border:2px solid var(--ink); clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }
.chamber-chip{ display:inline-flex; flex-direction:column; padding:14px 20px; margin-bottom:24px; }
.chamber-chip b{ font-family:var(--disp); font-size:18px; }
.chamber-chip span{ font-family:var(--body); font-weight:700; font-size:10.5px; text-transform:uppercase; color:var(--mid); letter-spacing:.04em; }
.chamber-visual{ position:relative; height:400px; display:flex; align-items:center; justify-content:center; }
.chamber-plate{ position:relative; width:82%; height:88%; background:var(--white); border:5px solid var(--ink); border-radius:32px; box-shadow:10px 10px 0 var(--accent); display:flex; align-items:center; justify-content:center; }
.plate-hex{ width:90px; height:104px; background:var(--accent); clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); border:4px solid var(--ink); }
.plate-hex.mystery::after{ content:'?'; }

/* -------- tech stack -------- */
.tech-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
@media (max-width:768px){ .tech-grid{ grid-template-columns:repeat(2,1fr); } }
.tech-chip{ padding:22px; text-align:center; font-family:var(--disp); font-weight:700; font-size:15px; }

/* -------- stats -------- */
.stat-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
@media (max-width:860px){ .stat-grid{ grid-template-columns:repeat(2,1fr); } }
.stat-card{ padding:30px 20px; text-align:center; }
.stat-card b{ font-family:var(--disp); font-size:34px; display:block; color:var(--punch); }
.stat-card span{ font-family:var(--body); font-weight:700; font-size:11px; text-transform:uppercase; color:var(--mid); letter-spacing:.04em; }

/* -------- cta -------- */
#cta{ padding:150px 0; text-align:center; position:relative; overflow:hidden; background:var(--ink); }
#cta .eyebrow{ background:var(--ink); color:var(--honey); border-color:var(--honey); }
#cta p.section-sub{ color:#C9BEDD; max-width:520px; margin:0 auto 34px; }
.cta-head{ font-size:clamp(32px,6vw,70px); max-width:900px; margin:0 auto 28px; color:var(--cream); position:relative; z-index:1; }
.cta-head .grad-text{ color:var(--honey); }
.cta-actions{ position:relative; z-index:1; display:flex; justify-content:center; gap:16px; flex-wrap:wrap; }
.cta-hex{ position:absolute; opacity:.12; }

/* -------- footer -------- */
footer{ background:var(--ink); color:var(--cream); padding:70px 0 26px; border-top:4px solid var(--ink); }
.foot-grid{ display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:38px; padding-bottom:46px; }
@media (max-width:860px){ .foot-grid{ grid-template-columns:1fr 1fr; row-gap:34px; } }
.foot-brand p{ color:#C9BEDD; max-width:280px; font-size:14px; margin-bottom:18px; }
.foot-social{ display:flex; gap:12px; }
.foot-social a{ width:38px; height:38px; border-radius:50%; border:3px solid var(--cream); display:flex; align-items:center; justify-content:center; font-size:13px; font-family:var(--body); font-weight:700; }
.foot-social a:hover{ background:var(--honey); color:var(--ink); border-color:var(--honey); }
.foot-grid h5{ font-family:var(--disp); font-size:13px; letter-spacing:.04em; text-transform:uppercase; color:var(--honey); margin-bottom:16px; }
.foot-grid a{ display:block; color:#C9BEDD; font-size:14px; margin-bottom:11px; }
.foot-grid a:hover{ color:var(--honey); }
.foot-bottom{ display:flex; justify-content:space-between; padding-top:24px; border-top:2px solid rgba(255,244,224,.15); flex-wrap:wrap; gap:12px; }
.foot-bottom span{ font-size:12.5px; color:#8F7FA8; font-family:var(--body); font-weight:600; }

/* -------- reveal base states -------- */
.reveal-up{ opacity:0; transform:translateY(40px) rotate(0deg); }
.reveal-left{ opacity:0; transform:translateX(-60px); }
.reveal-right{ opacity:0; transform:translateX(60px); }
.reveal-pop{ opacity:0; transform:scale(.7) rotate(-4deg); }

/* ==================================================
   PRODUCT PAGE COMPONENTS
   ================================================== */

/* breadcrumb */
.breadcrumb{ display:flex; align-items:center; gap:8px; font-family:var(--body); font-weight:700; font-size:13px; color:var(--mid-lt); margin-bottom:26px; }
.breadcrumb a{ color:var(--mid-lt); border-bottom:2px solid transparent; }
.breadcrumb a:hover{ color:var(--honey); border-color:var(--honey); }

/* product hero */
.phero{ min-height:78vh; display:flex; align-items:center; position:relative; overflow:hidden; padding:150px 0 80px; }
.phero-bg{ position:absolute; inset:0; z-index:0; background:radial-gradient(700px 550px at 12% 15%, color-mix(in srgb, var(--accent) 32%, transparent), transparent 62%), radial-gradient(600px 500px at 92% 85%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%); }
.phero-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center; position:relative; z-index:1; }
@media (max-width:900px){ .phero-grid{ grid-template-columns:1fr; gap:36px; } }
.phero-title{ font-size:clamp(36px,6vw,68px); margin-bottom:18px; }
.phero-tagline{ font-family:var(--body); font-weight:700; font-size:16px; color:var(--accent); margin-bottom:18px; }
.phero-desc{ font-size:17px; max-width:480px; margin-bottom:30px; }
.phero-actions{ display:flex; gap:16px; flex-wrap:wrap; margin-bottom:34px; }
.phero-badges{ display:flex; gap:12px; flex-wrap:wrap; }
.phero-badges span{ font-family:var(--body); font-weight:700; font-size:12px; background:var(--white); color:var(--ink); border:3px solid var(--ink); border-radius:100px; padding:7px 14px; box-shadow:4px 4px 0 var(--accent); }
.phero-visual{ position:relative; height:420px; display:flex; align-items:center; justify-content:center; }

/* feature grid */
.feature-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
@media (max-width:900px){ .feature-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .feature-grid{ grid-template-columns:1fr; } }
.feature-card{ padding:28px; }
.feature-card .fc-icon{ width:48px; height:48px; background:var(--accent); border:3px solid var(--ink); border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:18px; box-shadow:4px 4px 0 var(--ink); }
.feature-card h3{ font-size:19px; margin-bottom:8px; }
.feature-card p{ font-size:14px; }

/* gallery */
.gallery-strip{ display:flex; gap:22px; overflow-x:auto; padding-bottom:14px; scroll-snap-type:x mandatory; scrollbar-width:none; }
.gallery-strip::-webkit-scrollbar{ display:none; }
.gallery-shot{ min-width:240px; height:420px; scroll-snap-align:start; flex-shrink:0; background:var(--white); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; padding:20px; }
.gallery-shot .gs-hex{ width:80px; height:92px; background:var(--accent); clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); border:4px solid var(--ink); }
.gallery-shot span{ font-family:var(--body); font-weight:700; font-size:13px; color:var(--ink); text-align:center; }

/* steps */
.steps-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
@media (max-width:860px){ .steps-row{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .steps-row{ grid-template-columns:1fr; } }
.step-card{ padding:26px; position:relative; }
.step-num{ width:38px; height:38px; border-radius:50%; background:var(--accent); border:3px solid var(--ink); display:flex; align-items:center; justify-content:center; font-family:var(--disp); font-weight:700; font-size:15px; color:var(--ink); margin-bottom:16px; }
.step-card h3{ font-size:17px; margin-bottom:8px; }
.step-card p{ font-size:13.5px; }

/* testimonials */
.testi-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
@media (max-width:900px){ .testi-grid{ grid-template-columns:1fr; } }
.testi-card{ padding:28px; }
.testi-card .tq{ font-family:var(--disp); font-size:17px; font-weight:600; margin-bottom:18px; line-height:1.4; }
.testi-card .ta{ font-family:var(--body); font-weight:700; font-size:13px; color:var(--mid); }
.testi-card .ta span{ display:block; font-weight:600; font-size:11.5px; color:var(--mid); opacity:.75; }

/* pricing */
.pricing-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; align-items:start; }
@media (max-width:900px){ .pricing-grid{ grid-template-columns:1fr; } }
.price-card{ padding:32px; display:flex; flex-direction:column; }
.price-card.featured{ box-shadow:8px 8px 0 var(--punch); border-color:var(--ink); position:relative; }
.price-card.featured::before{ content:'MOST POPULAR'; position:absolute; top:-14px; right:22px; background:var(--punch); color:var(--white); font-family:var(--body); font-weight:800; font-size:10.5px; letter-spacing:.06em; padding:6px 12px; border-radius:100px; border:3px solid var(--ink); }
.price-name{ font-family:var(--disp); font-size:19px; margin-bottom:6px; }
.price-amount{ font-family:var(--disp); font-size:36px; margin-bottom:2px; }
.price-amount span{ font-family:var(--body); font-size:13px; font-weight:700; color:var(--mid); }
.price-list{ display:flex; flex-direction:column; gap:10px; margin:20px 0 26px; flex-grow:1; }
.price-list li{ font-family:var(--body); font-weight:600; font-size:13.5px; display:flex; align-items:center; gap:9px; }
.price-list li::before{ content:''; width:16px; height:16px; flex-shrink:0; background:var(--accent); border:2px solid var(--ink); clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }

/* faq accordion */
.faq-list{ display:flex; flex-direction:column; gap:16px; max-width:760px; }
.faq-item{ padding:0; overflow:hidden; }
.faq-q{ width:100%; background:none; border:none; padding:22px 26px; display:flex; justify-content:space-between; align-items:center; gap:16px; text-align:left; font-family:var(--disp); font-weight:700; font-size:16px; color:var(--ink); }
.faq-q .fq-icon{ font-size:20px; flex-shrink:0; transition:transform .3s; }
.faq-item.open .fq-icon{ transform:rotate(45deg); }
.faq-a{ max-height:0; overflow:hidden; transition:max-height .35s ease, padding .35s ease; padding:0 26px; }
.faq-item.open .faq-a{ max-height:320px; padding:0 26px 22px; }
.faq-a p{ color:var(--ink); font-size:14.5px; opacity:.8; }

/* cross-links to other products */
.more-products{ display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
@media (max-width:860px){ .more-products{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:560px){ .more-products{ grid-template-columns:repeat(2,1fr); } }
.mp-chip{ padding:16px; text-align:center; display:block; }
.mp-chip .mp-icon{ width:32px; height:32px; margin:0 auto 8px; background:var(--accent); clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); border:2px solid var(--ink); }
.mp-chip span{ font-family:var(--body); font-weight:700; font-size:12px; }

/* feature groups (categorized features, e.g. "For Employers" / "For Job Seekers") */
.feature-groups{ display:flex; flex-direction:column; gap:22px; }
.fgroup{ padding:32px; }
.fgroup-head{ display:flex; align-items:center; gap:14px; margin-bottom:20px; }
.fgroup-icon{ font-size:26px; width:52px; height:52px; flex-shrink:0; background:var(--accent); border:3px solid var(--ink); border-radius:14px; display:flex; align-items:center; justify-content:center; box-shadow:4px 4px 0 var(--ink); }
.fgroup-head h3{ font-size:20px; }
.fgroup-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px 24px; }
@media (max-width:640px){ .fgroup-list{ grid-template-columns:1fr; } }
.fgroup-list li{ font-family:var(--body); font-weight:600; font-size:14px; display:flex; align-items:flex-start; gap:9px; }
.fgroup-list li::before{ content:''; width:16px; height:16px; margin-top:3px; flex-shrink:0; background:var(--accent); border:2px solid var(--ink); clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }

/* loop / layer table (Arise) */
.loop-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
@media (max-width:900px){ .loop-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .loop-grid{ grid-template-columns:1fr; } }
.loop-card{ padding:26px; }
.loop-card .lc-tag{ font-family:var(--body); font-weight:800; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); margin-bottom:10px; }
.loop-card h3{ font-size:19px; margin-bottom:10px; }
.loop-card p{ font-size:13.5px; margin-bottom:8px; }
.loop-card .lc-does{ font-size:13px; font-weight:600; color:var(--ink); opacity:.85; }
.loop-callout{ margin-top:26px; padding:20px 26px; text-align:center; font-family:var(--disp); font-size:16px; }

/* audience chips (who it's for) */
.audience-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
@media (max-width:860px){ .audience-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .audience-grid{ grid-template-columns:1fr; } }
.audience-card{ padding:24px; text-align:center; }
.audience-card .ac-icon{ font-size:28px; margin-bottom:12px; }
.audience-card h3{ font-size:16px; margin-bottom:6px; }
.audience-card p{ font-size:12.5px; }

.testi-note{ font-family:var(--body); font-weight:600; font-size:12.5px; color:var(--mid-lt); margin-top:-30px; margin-bottom:36px; text-align:center; }

/* problem section (Arise) */
.problem-block{ max-width:720px; padding:36px; }
.problem-block h2{ font-size:26px; margin-bottom:16px; }
.problem-block p{ margin-bottom:14px; font-size:15.5px; }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}