/* KAPA WHY — dedicated international SaaS pages.
 * Shared visual language for How It Works, KAPA AI, Customer Stories and Product Demo.
 * Accessible forms, semantic content, mobile-responsive, reduced-motion friendly. */
:root {
  --why-ink:#151928; --why-muted:#667086; --why-red:#e01037;
  --why-violet:#7e58dc; --why-stroke:#e7e9f1; --why-dark:#111629;
}
.why-eyebrow {
  display:inline-flex; align-items:center; gap:10px; font:800 10px/1.5 Inter,sans-serif;
  letter-spacing:.19em; color:#b6254e; text-transform:uppercase;
}
.why-eyebrow-dot,.why-live-dot {
  width:7px; height:7px; display:inline-block; flex:0 0 auto;
  border-radius:50%; background:#20b882; box-shadow:0 0 0 5px rgba(28,181,137,.10);
  animation:why-live 3.3s ease-out infinite;
}
.why-eyebrow-dot { background:#ed2556; box-shadow:0 0 0 5px rgba(234,38,85,.08); }
.why-eyebrow-light { color:#f7a9cc; }
.why-hero {
  position:relative; isolation:isolate; overflow:hidden;
  background:radial-gradient(ellipse 38% 68% at 100% 16%,#e9e4ff,transparent 80%),
    radial-gradient(ellipse 36% 70% at 0 95%,#ffeef2,transparent 85%),#fafbff;
  border-bottom:1px solid var(--why-stroke); padding:clamp(75px,8vw,132px) 0;
}
.why-hero::before {
  content:""; position:absolute; z-index:-1; inset:0; pointer-events:none;
  background-image:radial-gradient(#d7d5ea .75px,transparent .75px);
  background-size:22px 22px; mask-image:linear-gradient(90deg,transparent 5%,#000 95%);
  opacity:.20;
}
.why-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.98fr); gap:clamp(35px,7vw,105px); align-items:center; }
.why-hero-copy h1 {
  font:800 clamp(44px,4.75vw,73px)/1.10 Sora,Inter,sans-serif; letter-spacing:-.066em;
  color:var(--why-ink); margin:25px 0 27px; text-wrap:balance;
}
.why-hero-copy h1 em,.why-section h2 em,.why-demo-form-copy h2 em {
  font-style:normal; background:linear-gradient(110deg,#d81240,#ea5281 58%,#9969e5);
  color:transparent; background-clip:text; -webkit-background-clip:text;
}
.why-hero-copy > p { max-width:635px; color:#5e687c; font-size:clamp(16px,1.4vw,19px); line-height:1.75; margin:0; }
.why-hero-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:29px 0 20px; }
.why-hero-actions .btn { min-height:53px; border-radius:11px; font-weight:750; font-size:14px; display:inline-flex; align-items:center; gap:14px; padding:13px 21px; }
.why-hero-actions .btn:hover { transform:translateY(-2px); }
.why-hero-actions .btn-outline-k { color:#30374a; background:#fff; border:1px solid #ced3e1; }
.why-hero-notes { display:flex; flex-wrap:wrap; gap:10px 18px; color:#758094; font-size:11px; }
.why-hero-notes > span::before { content:"✓"; color:#17a47c; font-weight:800; margin-right:6px; }
.why-section { padding:clamp(78px,9vw,132px) 0; background:#fff; }
.why-section-head { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.72fr); align-items:end; gap:45px; margin-bottom:48px; }
.why-section h2,.why-demo-form-copy h2 {
  color:var(--why-ink); font:800 clamp(36px,4.2vw,63px)/1.13 Sora,Inter,sans-serif;
  letter-spacing:-.06em; margin:16px 0 0; text-wrap:balance;
}
.why-section-head > p,.why-section-head > div:last-child > p {
  color:var(--why-muted); font-size:16px; line-height:1.75; margin:0;
}
.why-text-cta { font-size:14px; font-weight:800; color:#bd1941; text-decoration:none; }
.why-text-cta:hover { color:#9a1231; }
.why-soft-section { background:#f9f9fd; }

/* How KAPA Works: a live workflow stack */
.why-flow-visual {
  position:relative; isolation:isolate; overflow:hidden; padding:25px;
  border:1px solid #e4ddf0; border-radius:26px;
  background:linear-gradient(140deg,#fff,#f8f5ff);
  box-shadow:0 35px 85px rgba(54,39,105,.11),0 4px 20px rgba(57,30,80,.035);
}
.why-flow-visual::before {
  content:""; position:absolute; inset:5% -40% auto; height:70%;
  background:radial-gradient(ellipse,#efdcff,transparent 70%); filter:blur(25px); z-index:-1;
  animation:why-aurora 8s ease-in-out infinite alternate;
}
.why-flow-caption,.why-stories-feature-top {
  display:flex; justify-content:space-between; align-items:center; gap:9px;
  padding:0 4px 18px; color:#85859d; letter-spacing:.12em;
  font-size:9px; font-weight:800;
}
.why-flow-caption .why-live-dot { margin-right:4px; }
.why-flow-stack { display:grid; justify-items:center; }
.why-flow-node {
  display:flex; align-items:center; gap:14px; width:100%; min-height:100px;
  padding:17px; background:rgba(255,255,255,.96); border-radius:14px; border:1px solid #ebe8f3;
  box-shadow:0 12px 30px rgba(41,35,88,.045);
  animation:why-node-float 5s ease-in-out infinite;
}
.why-flow-node-two { animation-delay:-1.7s; }
.why-flow-node-three { animation-delay:-3.4s; }
.why-flow-num { font-size:10px; color:#a5a3b6; font-weight:800; align-self:start; }
.why-flow-symbol {
  display:grid; flex:0 0 46px; width:46px; height:46px; place-items:center;
  border-radius:12px; color:#db1d4b; background:#ffebf0;
}
.why-flow-node-two .why-flow-symbol { background:#eee9ff; color:#8257dc; }
.why-flow-node-three .why-flow-symbol { background:#e3f6ed; color:#139e71; }
.why-flow-symbol svg { width:23px; height:23px; }
.why-flow-node > div:nth-of-type(2) { min-width:0; flex:1; }
.why-flow-node small { display:block; font-size:9px; letter-spacing:.1em; color:#adb3bf; font-weight:750; }
.why-flow-node strong { display:block; color:#283149; font-size:17px; margin:3px 0; }
.why-flow-node p { margin:0; color:#9095a4; font-size:10px; }
.why-flow-tag {
  flex:0 0 auto; border:1px solid #e6e5f1; border-radius:7px; background:#fafafe;
  font-size:9px; font-weight:800; color:#7d6ab4; padding:6px 8px;
}
.why-flow-connector { width:3px; height:36px; background:#e3dbed; position:relative; overflow:hidden; }
.why-flow-connector > span {
  position:absolute; left:0; top:-50%; width:100%; height:45%;
  background:#b366e6; animation:why-vertical-signal 2.1s linear infinite;
}
.why-flow-foot { display:flex; align-items:center; justify-content:center; gap:9px; padding-top:22px; color:#77658e; font-size:11px; }
.why-flow-foot > span { color:#a64ed6; font-size:18px; }
.why-journey { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.why-journey-card {
  display:flex; flex-direction:column; align-items:flex-start; gap:13px;
  min-height:340px; padding:28px; background:#fff; border:1px solid var(--why-stroke);
  border-radius:21px; transition:transform .23s,box-shadow .23s;
}
.why-journey-card:hover { transform:translateY(-5px); box-shadow:0 20px 45px rgba(43,37,82,.08); }
.why-step-index { font:800 11px Inter,sans-serif; color:#ab7390; letter-spacing:.15em; }
.why-journey-icon { width:59px; height:59px; display:grid; place-items:center; border-radius:17px; color:#d71945; background:#fff0f4; margin:20px 0 10px; }
.why-journey-card:nth-child(2) .why-journey-icon { background:#f0eaff; color:#7b55d8; }
.why-journey-card:nth-child(3) .why-journey-icon { background:#e8f8f0; color:#1b9a73; }
.why-journey-icon svg { width:30px; height:30px; }
.why-journey-card h3 { font:750 22px Sora,sans-serif; letter-spacing:-.04em; color:#283044; margin:0; }
.why-journey-card p { font-size:13px; line-height:1.7; color:#6c7588; margin:0; }
.why-mini-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:auto; }
.why-mini-tags span { border:1px solid #e8eaf0; border-radius:6px; padding:7px 8px; color:#788094; font-size:10px; }
.why-section-dark {
  color:#fff; background:radial-gradient(ellipse 45% 95% at 90% 30%,rgba(96,69,172,.22),transparent 80%),
  linear-gradient(135deg,#11182b,#17192e);
  overflow:hidden;
}
.why-section-dark h2 { color:#fff; }
.why-section-dark h2 em { background:linear-gradient(100deg,#ff8da7,#c09eff);background-clip:text;-webkit-background-clip:text; }
.why-section-dark p { color:#adb6cb; font-size:16px; line-height:1.8; margin:24px 0; }
.why-dark-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(35px,7vw,95px); align-items:center; }
.why-link-light { color:#fff; font-size:13px; font-weight:750; text-decoration:none; }
.why-link-light:hover { color:#ffc5d8; }
.why-operations-board {
  padding:21px; border:1px solid #41405d; background:rgba(35,41,67,.85); border-radius:20px;
  box-shadow:0 30px 70px rgba(0,0,0,.17);
}
.why-board-heading { display:flex; justify-content:space-between; gap:9px; padding:0 3px 19px; font-size:10px; color:#d0cee0; font-weight:800; letter-spacing:.08em; }
.why-board-heading small { font-size:10px; color:#9098b4; font-weight:500; }
.why-ops-row { display:flex; align-items:center; gap:12px; padding:13px 9px; margin-top:8px; border:1px solid #414862; background:#2b344d; border-radius:10px; animation:why-row-glow 6s ease-in-out infinite; animation-delay:calc(var(--why-row) * -1.5s); }
.why-ops-ico { display:grid; place-items:center; flex:0 0 35px; height:35px; border-radius:9px; background:#393f62; color:#ddadff; }
.why-ops-ico svg { width:18px; height:18px; }
.why-ops-row strong { display:block; color:#f8f7ff; font-size:11px; }
.why-ops-row small { display:block; margin-top:4px; color:#aab5ca; font-size:10px; }
.why-ops-state { margin-left:auto; font-size:9px; color:#a6ecc7; }
.why-board-footer { display:flex; align-items:center; gap:12px; font-size:11px; color:#aba8c9; padding:19px 6px 0; }
.why-board-line { flex:1; height:2px; background:linear-gradient(90deg,transparent,#b36cf0,transparent); background-size:200% 100%; animation:why-line-flow 4s linear infinite; }
.why-work-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.why-work-card {
  display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-height:270px;
  padding:24px; background:#fff; border:1px solid var(--why-stroke); border-radius:18px;
  text-decoration:none; transition:transform .25s,box-shadow .25s;
}
.why-work-card:hover { color:inherit; transform:translateY(-4px); box-shadow:0 20px 44px rgba(46,42,86,.08); }
.why-work-icon { display:grid; place-items:center; height:51px; width:51px; border-radius:14px; background:#f5efff; color:#7b5dda; margin-bottom:15px; }
.why-work-icon svg { width:24px; height:24px; }
.why-work-card h3 { font:750 18px Sora,sans-serif; color:#2c3245; margin:0; }
.why-work-card p { font-size:12px; line-height:1.6; color:#7a8193; margin:0; }
.why-work-more { color:#bd1640; font-size:11px; font-weight:750; margin-top:auto; }
.why-optional { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:60px; align-items:center; }
.why-optional-graphic { position:relative; min-height:345px; display:flex; gap:35px; justify-content:center; align-items:center; }
.why-optional-phone,.why-optional-addon {
  display:flex; flex-direction:column; justify-content:center; align-items:center; gap:14px;
  border:1px solid #e1e2eb; background:#fff; box-shadow:0 20px 40px rgba(47,38,81,.065);
}
.why-optional-phone { width:195px; height:300px; border-radius:27px; transform:rotate(-6deg); }
.why-optional-phone > span { color:#d8123d; letter-spacing:.16em; font-weight:800; font-size:11px; }
.why-optional-phone > div { display:grid; place-items:center; width:85px; height:85px; border-radius:22px; background:#fff0f4; color:#d8123d; }
.why-optional-phone svg { width:42px; height:42px; }
.why-optional-phone strong { font-size:12px; color:#2a3045; }
.why-optional-phone small,.why-optional-addon small { font-size:10px; color:#8c93a2; }
.why-optional-addon { position:relative; z-index:2; width:135px; height:155px; border-radius:18px; transform:rotate(5deg); }
.why-optional-addon svg { width:35px; height:35px; color:#169873; }
.why-optional-addon strong { font-size:13px; color:#2a3045; }
.why-optional-line { position:absolute; width:160px; height:2px; background:linear-gradient(90deg,#eba6ba,#b7a5e4); }
.why-optional p { margin:20px 0; color:#677087; line-height:1.75; }
.why-end-cta { position:relative; overflow:hidden; padding:clamp(85px,9vw,132px) 0; background:#13192d; text-align:center; color:#fff; }
.why-end-cta::before { content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 48% 80% at 50% 100%,rgba(200,63,123,.22),transparent 75%); }
.why-end-cta > .container-xl { position:relative; }
.why-end-cta h2 { font:800 clamp(43px,5.3vw,72px)/1.14 Sora,sans-serif;letter-spacing:-.06em;margin:22px auto; }
.why-end-cta p { color:#bac4d6;font-size:17px;line-height:1.65;margin:0 auto 29px;max-width:700px; }
.why-end-cta .btn { min-height:54px;padding:13px 22px;border-radius:11px;margin:4px; }

/* KAPA AI */
.why-ai-hero { background:radial-gradient(ellipse 45% 85% at 85% 36%,rgba(113,67,204,.22),transparent 80%),linear-gradient(135deg,#101427,#1a1834); color:#fff; }
.why-ai-hero::before { opacity:.09; }
.why-ai-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(40px,6vw,95px);align-items:center; }
.why-ai-hero .why-hero-copy h1 { color:#fff; }
.why-ai-hero .why-hero-copy h1 em { background:linear-gradient(105deg,#fc7ca4,#c6a1ff);background-clip:text;-webkit-background-clip:text; }
.why-ai-hero .why-hero-copy > p { color:#c0bfd3; }
.why-hero-notes-light { color:#c4c6d6; }
.why-ai-inline-logo { display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#ffc2e8; }
.why-ai-inline-logo .ai-mark { width:23px;height:23px; }
.why-ai-feature { border:1px solid #4a456a;border-radius:24px;padding:22px;background:rgba(33,34,61,.91);box-shadow:0 35px 80px rgba(0,0,0,.24); }
.why-ai-feature-head { display:flex;align-items:center;gap:12px;padding:0 0 20px;border-bottom:1px solid #49445e; }
.why-ai-mark-wrap { display:grid;place-items:center;flex:0 0 43px;height:43px;color:#fff;border-radius:13px;background:linear-gradient(135deg,#ec2b71,#9a26c6,#6e36ce);box-shadow:0 10px 25px rgba(187,58,166,.22); }
.why-ai-mark-wrap .ai-mark { width:29px;height:29px; }
.why-ai-feature-head strong,.why-ai-ask-head strong { display:block;color:#fff;font-size:13px; }
.why-ai-feature-head small,.why-ai-ask-head small { display:block;color:#a9a4bf;font-size:10px;margin-top:4px; }
.why-ai-online { font-size:10px;color:#a6efbf;margin-left:auto;white-space:nowrap; }
.why-ai-online span { display:inline-block;width:7px;height:7px;border-radius:50%;background:#28d78e;margin-right:4px; }
.why-ai-feature-body { padding-top:24px; }
.why-ai-user-bubble { margin-left:auto;max-width:80%;border-radius:13px 13px 3px 13px;padding:15px;background:#344060;color:#eef0fd;font-size:12px;line-height:1.6; }
.why-ai-answer { display:flex;align-items:flex-start;gap:12px;margin:22px 0; }
.why-ai-answer-mark { display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:9px;color:#dfb9ff;background:#4e326f; }
.why-ai-answer-mark .ai-mark { width:24px;height:24px; }
.why-ai-answer > div { border:1px solid #46455e;border-radius:3px 12px 12px 12px;padding:17px;background:#292f49; }
.why-ai-answer strong { display:block;color:#fff;font-size:12px; }
.why-ai-answer p { color:#c3c1d9;font-size:11px;line-height:1.7;margin:10px 0 14px; }
.why-ai-rec-tags { display:flex;gap:6px;flex-wrap:wrap; }
.why-ai-rec-tags span { display:inline-flex;gap:4px;align-items:center;border-radius:6px;background:#3a435e;color:#dedcf1;padding:6px 8px;font-size:9px; }
.why-ai-rec-tags svg { width:13px;height:13px; }
.why-ai-typing { display:flex;align-items:center;gap:8px;padding:7px 0 15px;color:#b3a4d1;font-size:10px; }
.why-ai-typing small { margin-left:auto;color:#9189af;font-size:9px; }
.why-typing-dots { display:inline-flex;gap:3px; }
.why-typing-dots i { width:5px;height:5px;border-radius:50%;background:#d19aff;animation:why-typing 1.1s ease-in-out infinite; }
.why-typing-dots i:nth-child(2) { animation-delay:.15s; }
.why-typing-dots i:nth-child(3) { animation-delay:.3s; }
.why-ai-example-cta { width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #58517a;border-radius:11px;color:#fff;background:#473d70;font-size:12px;padding:13px 16px;font-weight:750; }
.why-ai-example-cta:hover { background:#5b478b; }
.why-cap-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px; }
.why-cap-card { display:flex;flex-direction:column;min-height:340px;padding:27px 23px;gap:15px;border:1px solid var(--why-stroke);border-radius:20px;transition:transform .24s,box-shadow .24s; }
.why-cap-card:hover { transform:translateY(-5px);box-shadow:0 19px 48px rgba(39,31,71,.09); }
.why-cap-icon { display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#fff0f5;color:#d61949; }
.why-cap-card:nth-child(2n) .why-cap-icon { background:#f3edff;color:#8660e1; }
.why-cap-icon svg { width:28px;height:28px; }
.why-cap-card > span { color:#ae96a6;font-size:10px;font-weight:800;letter-spacing:.13em;margin-top:12px; }
.why-cap-card h3 { font:750 21px/1.3 Sora,sans-serif;letter-spacing:-.04em;color:#292d40;margin:0; }
.why-cap-card p { color:#707a8d;font-size:12px;line-height:1.7;margin:0; }
.why-cap-card a { margin-top:auto;color:#bf1c47;text-decoration:none;font-size:11px;font-weight:800; }
.why-ai-try-section { background:radial-gradient(ellipse 40% 80% at 3% 5%,#fff1f5,transparent 85%),#f9f9fe; }
.why-ai-try-grid { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,7vw,105px); }
.why-ai-try-grid > div:first-child > p { color:#71788c;line-height:1.75;margin:21px 0; }
.why-ai-example-chips { display:flex;flex-wrap:wrap;gap:9px; }
.why-ai-example-chips button { padding:11px 13px;background:#fff;border:1px solid #e0dbea;border-radius:9px;color:#664a9a;font-size:11px;font-weight:650; }
.why-ai-example-chips button:hover { border-color:#ae8de4; }
.why-ai-ask-card { padding:clamp(24px,4vw,37px);border-radius:23px;background:#fff;border:1px solid #e9e2f1;box-shadow:0 25px 75px rgba(55,33,105,.07); }
.why-ai-ask-head { display:flex;align-items:center;gap:11px;padding-bottom:23px;border-bottom:1px solid #eef0f4; }
.why-ai-ask-head strong { color:#242d40; }
.why-ai-ask-head small { color:#9a9bab; }
.why-ai-ask-form { display:flex;flex-direction:column;gap:12px;margin-top:20px; }
.why-ai-ask-form label { font-size:12px;font-weight:800;color:#3b4255; }
.why-ai-ask-form input { min-height:53px;padding:14px 15px;border:1px solid #d8dce7;border-radius:11px;color:#252e43;font-size:13px;width:100%; }
.why-ai-ask-form input:focus { outline:3px solid #d7bef3;border-color:#af87df; }
.why-ai-ask-form .btn { min-height:49px;border-radius:11px;font-size:13px;font-weight:750; }
.why-ai-disclosure { color:#9b9fb1;font-size:10px;line-height:1.6;margin:17px 0 0; }
.why-ai-architecture { background:#262b46;border:1px solid #4b4566;border-radius:20px;padding:25px; }
.why-ai-arch-node { display:flex;gap:13px;align-items:center;background:#313a59;border:1px solid #4d5271;border-radius:11px;padding:14px; }
.why-ai-arch-node > span { display:grid;flex:0 0 39px;place-items:center;height:39px;border-radius:11px;background:#eee6ff;color:#7753c8; }
.why-ai-arch-node.is-primary { background:#47376b;border-color:#775696; }
.why-ai-arch-node.is-primary > span { background:linear-gradient(120deg,#e72d76,#8749db);color:#fff; }
.why-ai-arch-node svg { width:23px;height:23px; }
.why-ai-arch-node strong { display:block;color:#fff;font-size:13px; }
.why-ai-arch-node small { display:block;color:#b7bbd4;font-size:10px;margin-top:4px; }
.why-ai-arch-trace { display:flex;justify-content:center;height:27px; }
.why-ai-arch-trace span { display:block;width:3px;background:linear-gradient(#9b70eb,#d68de8);position:relative; }
.why-ai-arch-trace span::after { content:"";position:absolute;left:-4px;top:0;border-radius:50%;height:11px;width:11px;background:#ed8dc8;animation:why-trace 1.9s linear infinite; }
.why-ai-arch-bottom { margin-top:20px;padding:13px;color:#aab2cf;font-size:10px;line-height:1.6;border-top:1px solid #4b4d65; }
.why-faq-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.why-faq { border:1px solid #e6e8ef;border-radius:13px;padding:18px 22px;background:#fff; }
.why-faq summary { display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;color:#303548;font-size:13px;font-weight:750;list-style:none; }
.why-faq summary::-webkit-details-marker { display:none; }
.why-faq summary span { font-size:25px;color:#c32153;font-weight:400;line-height:1; }
.why-faq[open] summary span { transform:rotate(45deg); }
.why-faq p { margin:18px 0 0;font-size:12px;color:#6c768a;line-height:1.8; }

/* Customer stories: portfolio with honest metadata and accessible filtering */
.why-stories-feature { padding:26px;border:1px solid #e5dfed;border-radius:25px;background:#fff;box-shadow:0 30px 70px rgba(45,31,90,.095); }
.why-stories-feature-top { padding-bottom:17px; }
.why-stories-feature-icon { display:grid;place-items:center;height:140px;border-radius:17px;background:linear-gradient(130deg,#f7f5ff,#fff1f4);margin:0 0 25px; }
.why-stories-feature-icon img { max-width:170px;max-height:75px;object-fit:contain; }
.why-stories-feature-icon > span { display:grid;place-items:center;width:70px;height:70px;border-radius:20px;color:#b949a9;background:#fff;box-shadow:0 9px 22px rgba(108,55,149,.1); }
.why-stories-feature-icon svg { width:36px;height:36px; }
.why-stories-feature-sector,.why-story-sector { font-size:10px;color:#b7315a;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
.why-stories-feature h2 { font:800 clamp(22px,2.2vw,30px)/1.3 Sora,sans-serif;color:#252b3c;letter-spacing:-.04em;margin:11px 0; }
.why-stories-feature > p { color:#798395;font-size:13px; }
.why-stories-feature-tags,.why-story-areas { display:flex;gap:7px;flex-wrap:wrap; }
.why-stories-feature-tags span { padding:8px 10px;border:1px solid #eceaf0;border-radius:7px;font-size:10px;color:#687187; }
.why-stories-feature-foot { margin-top:25px;padding-top:18px;border-top:1px solid #ececf3;display:flex;justify-content:space-between;color:#9096a6;font-size:10px; }
.why-stories-section { background:#fff; }
.why-stories-filter { display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:1px 1px 16px;margin:0 0 23px; }
.why-stories-filter button { flex:none;border:1px solid #e2e4ec;background:#fff;color:#646d80;border-radius:9px;padding:11px 14px;font-size:11px;font-weight:700;white-space:nowrap; }
.why-stories-filter button.is-active,.why-stories-filter button[aria-pressed="true"] { color:#fff;background:#21253a;border-color:#21253a; }
.why-stories-filter button span { font-size:10px;margin-left:5px;opacity:.75; }
.why-stories-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.why-story-card { display:flex;flex-direction:column;min-width:0;border:1px solid #e9e9f0;border-radius:20px;overflow:hidden;background:#fff;transition:transform .23s,box-shadow .23s; }
.why-story-card:hover { transform:translateY(-5px);box-shadow:0 24px 50px rgba(35,37,71,.085); }
.why-story-card[hidden] { display:none !important; }
.why-story-art { position:relative;isolation:isolate;overflow:hidden;min-height:190px;padding:24px;background:#f1f4ff; }
.why-story-art-red { background:#fff0f3; } .why-story-art-orange { background:#fff3e8; }
.why-story-art-purple { background:#f2efff; } .why-story-art-pink { background:#fff0f8; }
.why-story-art-blue { background:#eef3ff; }
.why-story-art-glow { position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 0%,rgba(255,255,255,.9),transparent 75%); }
.why-story-logo { position:relative;display:flex;align-items:center;justify-content:center;gap:14px;height:120px;text-align:center; }
.why-story-logo img { max-height:75px;max-width:185px;object-fit:contain; }
.why-story-logo > span { display:grid;place-items:center;width:49px;height:49px;border-radius:14px;background:#fff;color:#bb4668; }
.why-story-logo > span svg { width:27px;height:27px; }
.why-story-logo strong { font:750 15px Sora,sans-serif;color:#44465b;max-width:170px; }
.why-story-country { position:absolute;bottom:14px;right:18px;font-size:10px;font-weight:700;color:#9191a4; }
.why-story-content { display:flex;flex-direction:column;flex:1;padding:24px; }
.why-story-content h3 { font:750 20px/1.35 Sora,sans-serif;color:#272d41;letter-spacing:-.04em;margin:12px 0 8px; }
.why-story-content > p { color:#7a8495;font-size:12px; }
.why-story-areas { margin:18px 0 25px; }
.why-story-areas span { padding:7px 8px;border-radius:6px;background:#f5f6fa;font-size:10px;color:#6d7789; }
.why-story-action { margin-top:auto;padding-top:15px;border-top:1px solid #eff0f4;color:#bf1a47;text-decoration:none;font-weight:800;font-size:12px; }
.why-story-action:hover { color:#921230; }
.why-stories-footnote { margin:27px 0 0;color:#9299a8;font-size:11px;line-height:1.6; }
.why-stories-outcomes,.why-story-invite { display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,85px);align-items:center; }
.why-delivery-steps { display:grid;gap:13px; }
.why-delivery-steps > div { display:flex;gap:15px;padding:17px 18px;border:1px solid #45465f;background:#252b44;border-radius:12px; }
.why-delivery-steps > div > span { color:#e7a4ca;font-size:12px;font-weight:800; }
.why-delivery-steps strong { display:block;color:#f9f7ff;font-size:13px; }
.why-delivery-steps small { display:block;color:#b4bad0;font-size:11px;line-height:1.6;margin-top:5px; }
.why-story-invite > div:first-child > p { font-size:16px;line-height:1.7;color:#6f798a;margin:22px 0; }
.why-story-invite-panel { padding:45px;border:1px solid #e6def3;border-radius:23px;background:linear-gradient(140deg,#fff4f6,#f6f1ff); }
.why-invite-star { display:grid;place-items:center;width:58px;height:58px;color:#fff;border-radius:17px;background:linear-gradient(130deg,#ef4274,#9e58de);font-size:36px; }
.why-story-invite-panel h3 { font:800 31px/1.2 Sora,sans-serif;color:#24283c;letter-spacing:-.05em;margin:25px 0 12px; }
.why-story-invite-panel p { font-size:12px;color:#7f8394; }
.why-story-invite-panel > div { display:flex;gap:8px;flex-wrap:wrap;margin-top:27px; }
.why-story-invite-panel > div span { color:#87609c;border:1px solid #e4d4f0;background:#fff;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:700; }

/* Demo */
.why-demo-hero { padding-bottom:90px; }
.why-demo-hero-grid { display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,90px);align-items:center; }
.why-demo-benefits { display:grid;gap:20px;margin-top:36px; }
.why-demo-benefits > div { display:grid;grid-template-columns:33px 1fr;gap:4px 12px; }
.why-demo-benefits > div > span { grid-row:span 2;color:#c1224c;font-size:11px;font-weight:800; }
.why-demo-benefits strong { color:#2d3346;font-size:13px; }
.why-demo-benefits small { font-size:12px;color:#7c8596;line-height:1.6; }
.why-demo-screen { overflow:hidden;border:1px solid #e0dcea;border-radius:23px;background:#fff;box-shadow:0 35px 80px rgba(59,38,92,.11); }
.why-demo-screen-bar { display:flex;justify-content:space-between;gap:12px;padding:15px 20px;background:#252c43;color:#fff;font-size:10px;letter-spacing:.09em;font-weight:750; }
.why-demo-screen-bar > span:last-child { color:#aeb9ca; }
.why-demo-screen-top { display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 22px 16px; }
.why-demo-screen-brand img { width:91px;height:22px;object-fit:contain; }
.why-demo-screen-tabs { display:flex;gap:6px;color:#909aaa; }
.why-demo-screen-tabs small { padding:7px;border-radius:6px;font-size:8px; }
.why-demo-screen-tabs .is-active { color:#d3214c;background:#fff0f3; }
.why-demo-screen-title { display:flex;justify-content:space-between;align-items:center;gap:11px;padding:0 22px 17px; }
.why-demo-screen-title strong { color:#273046;font:800 19px Sora,sans-serif; }
.why-demo-screen-title span { font-size:9px;color:#a1a8b6; }
.why-demo-mini-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 18px; }
.why-demo-mini-stats > div { padding:17px 11px;border:1px solid #edf0f4;border-radius:10px;display:flex;flex-direction:column;gap:6px; }
.why-demo-mini-stats small { color:#98a2b2;font-size:9px; }
.why-demo-mini-stats strong { font:800 24px Sora,sans-serif;color:#283043;letter-spacing:-.04em; }
.why-demo-mini-stats span { color:#20a47a;font-size:9px; }
.why-demo-worklist { padding:13px 18px; }
.why-demo-worklist > div { display:flex;gap:10px;align-items:center;padding:13px 8px;border-bottom:1px solid #eff0f6; }
.why-demo-worklist > div:last-child { border-bottom:0; }
.why-demo-worklist > div > span { display:grid;place-items:center;flex:0 0 31px;height:31px;background:#f3edff;color:#8f65df;border-radius:9px; }
.why-demo-worklist svg { width:18px;height:18px; }
.why-demo-worklist strong { font-size:10px;color:#364056; }
.why-demo-worklist small { margin-left:auto;color:#9ba4b5;font-size:9px; }
.why-demo-ai-tag { display:flex;justify-content:center;align-items:center;gap:8px;padding:15px;background:#f7f3ff;color:#8a60c4;font-size:11px;font-weight:700; }
.why-demo-ai-tag > span { display:grid;place-items:center;width:25px;height:25px;background:linear-gradient(125deg,#ed3973,#8749db);border-radius:8px;color:#fff; }
.why-demo-ai-tag .ai-mark { width:18px;height:18px; }
.why-demo-form-section { background:#fff; }
.why-demo-form-grid { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(35px,8vw,120px);align-items:start; }
.why-demo-form-copy h2 { margin-top:17px; }
.why-demo-form-copy > p { margin:22px 0;color:#758092;line-height:1.8;font-size:15px; }
.why-demo-checks { display:grid;gap:18px;margin:33px 0; }
.why-demo-checks > span { display:flex;gap:12px;align-items:center;color:#4e5a6d;font-size:13px; }
.why-demo-checks > span span { display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#18976f;background:#e4f9ee;font-weight:800;font-size:11px; }
.why-demo-info-card { display:flex;gap:15px;padding:23px;background:#f7f6fc;border:1px solid #e7e6ef;border-radius:16px; }
.why-demo-info-icon { display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;color:#9d65df;background:#fff; }
.why-demo-info-icon svg { width:23px;height:23px; }
.why-demo-info-card strong { font-size:13px;color:#30364b; }
.why-demo-info-card p { margin:7px 0;font-size:12px;color:#798297;line-height:1.6; }
.why-demo-info-card a { color:#b4214b;text-decoration:none;font-weight:750;font-size:12px; }
.why-demo-form-card { padding:clamp(22px,4vw,40px);background:#fff;border:1px solid #e5e4ee;border-radius:23px;box-shadow:0 28px 80px rgba(40,32,83,.07); }
.why-demo-form-head > span { display:inline-flex;align-items:center;gap:9px;color:#b72b52;font-weight:800;font-size:10px;letter-spacing:.15em; }
.why-demo-form-head h3 { font:800 26px Sora,sans-serif;color:#21263a;letter-spacing:-.04em;margin:15px 0 8px; }
.why-demo-form-head p { color:#9299aa;font-size:12px;margin:0 0 22px; }
.why-demo-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px; }
.why-demo-fields > div { display:flex;flex-direction:column;gap:8px; }
.why-demo-fields .why-demo-field-wide { grid-column:1 / -1; }
.why-demo-fields label { font-size:11px;font-weight:800;color:#45495e; }
.why-demo-fields label span { color:#d51a4d; }
.why-demo-fields input,.why-demo-fields select,.why-demo-fields textarea {
  width:100%;min-width:0;border:1px solid #dce0e9;border-radius:9px;padding:12px 13px;
  background:#fff;color:#343b50;font-size:12px;outline:0;
}
.why-demo-fields input,.why-demo-fields select { min-height:46px; }
.why-demo-fields textarea { resize:vertical;min-height:90px; }
.why-demo-fields input:focus,.why-demo-fields select:focus,.why-demo-fields textarea:focus {
  border-color:#9c72e4;box-shadow:0 0 0 3px rgba(154,112,220,.15);
}
.why-demo-submit { display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:53px;border-radius:10px;padding:14px 17px;margin-top:23px;font-size:13px;font-weight:800; }
.why-demo-privacy { font-size:10px;color:#9ba2af;text-align:center;line-height:1.6;margin:13px 0 0; }
.why-demo-privacy a { color:#7754ba; }
.why-demo-confirm { display:flex;flex-direction:column;align-items:center;text-align:center;gap:17px;padding:25px 0; }
.why-demo-confirm-icon { display:grid;place-items:center;width:76px;height:76px;border-radius:50%;color:#15976e;background:#e0f9ec;font-size:38px;font-weight:800; }
.why-demo-confirm h3 { font:800 25px Sora,sans-serif;color:#2b3345;margin:0; }
.why-demo-confirm p { font-size:13px;line-height:1.7;color:#71798d; }
.why-demo-reset { font-size:12px;color:#8061b9; }
.why-demo-explore { background:#f9f9fc; }
.why-demo-explore-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
.why-demo-explore-grid a { position:relative;display:flex;flex-direction:column;gap:11px;padding:24px;border:1px solid #e9e8f0;border-radius:17px;text-decoration:none;background:#fff;transition:transform .2s,box-shadow .2s; }
.why-demo-explore-grid a:hover { transform:translateY(-3px);box-shadow:0 18px 38px rgba(36,31,77,.08); }
.why-demo-explore-grid a > span { display:grid;place-items:center;width:49px;height:49px;border-radius:12px;background:#f6f1ff;color:#7658cd; }
.why-demo-explore-grid a > span svg { width:24px;height:24px; }
.why-demo-explore-grid a > strong { color:#293048;font-size:17px; }
.why-demo-explore-grid a > small { color:#8992a3;font-size:12px; }
.why-demo-explore-grid a > b { position:absolute;top:25px;right:23px;color:#af2a58;font-size:16px; }

/* Animation primitives */
@keyframes why-live { 0%,70%,100% { box-shadow:0 0 0 0 rgba(34,189,145,.18); } 35% { box-shadow:0 0 0 7px rgba(34,189,145,0); } }
@keyframes why-aurora { from { transform:translate(0,0) scale(.95);opacity:.65; } to { transform:translate(-40px,40px) scale(1.10);opacity:1; } }
@keyframes why-node-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }
@keyframes why-vertical-signal { from { transform:translateY(-100%); } to { transform:translateY(260%); } }
@keyframes why-row-glow { 0%,100% { border-color:#414862;background:#2b344d; } 50% { border-color:#7d5b9c;background:#333351; } }
@keyframes why-line-flow { 0% { background-position:0% 50%; } 100% { background-position:200% 50%; } }
@keyframes why-typing { 0%,65%,100% { transform:translateY(0);opacity:.5; } 34% { transform:translateY(-5px);opacity:1; } }
@keyframes why-trace { from { top:0; } to { top:20px; } }

/* Responsive */
@media(max-width:1199.98px) {
 .why-cap-grid,.why-work-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .why-hero-grid,.why-ai-hero-grid,.why-demo-hero-grid { gap:40px; }
 .why-work-card { min-height:238px; }
 .why-stories-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:991.98px) {
 .why-hero-grid,.why-ai-hero-grid,.why-demo-hero-grid,.why-dark-grid,.why-optional,.why-ai-try-grid,.why-stories-outcomes,.why-story-invite,.why-demo-form-grid { grid-template-columns:1fr; }
 .why-hero-copy { max-width:830px; }
 .why-flow-visual,.why-ai-feature,.why-stories-feature,.why-demo-screen { max-width:680px;width:100%; }
 .why-section-head { grid-template-columns:1fr;gap:18px; }
 .why-section-head > p { max-width:750px; }
 .why-journey { grid-template-columns:1fr; }
 .why-journey-card { min-height:235px; }
 .why-journey-icon { margin:10px 0; }
 .why-dark-grid { gap:32px; }
 .why-optional-graphic { min-height:310px;justify-content:flex-start;padding-left:30px; }
 .why-demo-form-copy { max-width:680px; }
 .why-demo-form-card { max-width:790px; }
}
@media(max-width:575.98px) {
 .why-hero { padding:65px 0; }
 .why-hero-copy h1 { font-size:clamp(40px,10vw,53px); }
 .why-hero-copy > p { font-size:15px; }
 .why-hero-actions .btn { flex:1 1 100%;justify-content:center; }
 .why-section { padding:65px 0; }
 .why-section h2,.why-demo-form-copy h2 { font-size:36px; }
 .why-section-head { margin-bottom:29px; }
 .why-flow-visual { padding:17px; }
 .why-flow-node { gap:9px;min-height:91px;padding:11px; }
 .why-flow-symbol { flex-basis:37px;width:37px;height:37px; }
 .why-flow-symbol svg { width:19px;height:19px; }
 .why-flow-node strong { font-size:14px; }
 .why-flow-tag { padding:5px;font-size:7px; }
 .why-journey-card { min-height:258px;padding:24px; }
 .why-cap-grid,.why-work-grid,.why-faq-grid,.why-stories-grid,.why-demo-explore-grid { grid-template-columns:1fr; }
 .why-cap-card { min-height:265px; }
 .why-optional-graphic { justify-content:center;padding:0;gap:10px; }
 .why-optional-phone { width:165px;height:270px; }
 .why-optional-addon { width:118px;height:142px; }
 .why-ai-feature { padding:14px; }
 .why-ai-user-bubble { font-size:11px;max-width:94%; }
 .why-ai-feature-head small { font-size:9px; }
 .why-ai-answer { gap:7px; }
 .why-ai-answer > div { padding:14px; }
 .why-stories-filter { margin-right:-13px; }
 .why-story-content { padding:20px; }
 .why-story-invite-panel { padding:26px; }
 .why-demo-screen-top { padding:15px; }
 .why-demo-screen-tabs small { font-size:7px; }
 .why-demo-mini-stats { gap:5px;padding:0 10px; }
 .why-demo-mini-stats > div { padding:12px 7px; }
 .why-demo-mini-stats strong { font-size:19px; }
 .why-demo-worklist { padding:12px; }
 .why-demo-fields { grid-template-columns:1fr; }
 .why-demo-fields .why-demo-field-wide { grid-column:1; }
 .why-demo-form-card { padding:22px; }
 .why-end-cta h2 { font-size:41px; }
}
@media(prefers-reduced-motion:reduce) {
 .why-flow-visual::before,.why-flow-node,.why-flow-connector span,.why-live-dot,.why-eyebrow-dot,
 .why-ops-row,.why-board-line,.why-typing-dots i,.why-ai-arch-trace span::after,
 .why-journey-card,.why-cap-card,.why-work-card,.why-story-card,.why-demo-explore-grid a,
 .why-ai-mark-wrap .ai-mark.spin * { animation:none !important;transform:none !important;transition:none !important; }
}
@media print {
 .why-hero::before,.why-flow-visual::before { display:none; }
 .why-story-card[hidden] { display:block !important; }
}