/* Product detail pages — Phase 2 */
.product-detail-page{--detail-accent:var(--cyan);--detail-accent-soft:rgba(83,187,237,.16);--detail-glow:rgba(83,187,237,.26);background:#fff}.product-detail-crm{--detail-accent:#72d7d0;--detail-accent-soft:rgba(114,215,208,.16);--detail-glow:rgba(114,215,208,.24)}
.product-detail-dash{--detail-accent:#8ec5ff;--detail-accent-soft:rgba(142,197,255,.16);--detail-glow:rgba(142,197,255,.22)}
.product-detail-flow{--detail-accent:#f7b955;--detail-accent-soft:rgba(247,185,85,.16);--detail-glow:rgba(247,185,85,.22)}
.product-detail-portal{--detail-accent:#6ee7bd;--detail-accent-soft:rgba(110,231,189,.16);--detail-glow:rgba(110,231,189,.22)}
.product-detail-ai,.product-detail-customai{--detail-accent:#b8a7ff;--detail-accent-soft:rgba(184,167,255,.18);--detail-glow:rgba(184,167,255,.24)}
.product-detail-desk{--detail-accent:#7dd3fc;--detail-accent-soft:rgba(125,211,252,.16);--detail-glow:rgba(125,211,252,.23)}
.product-detail-salesapp{--detail-accent:#fb7185;--detail-accent-soft:rgba(251,113,133,.15);--detail-glow:rgba(251,113,133,.21)}
.product-detail-card{--detail-accent:#34d399;--detail-accent-soft:rgba(52,211,153,.15);--detail-glow:rgba(52,211,153,.22)}
.product-detail-down{--detail-accent:#facc15;--detail-accent-soft:rgba(250,204,21,.15);--detail-glow:rgba(250,204,21,.2)}
.product-detail-hero{position:relative;min-height:100svh;padding:148px 0 76px;color:#fff;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(0,112,171,.42),transparent 28%),radial-gradient(circle at 84% 16%,var(--detail-glow),transparent 26%),linear-gradient(145deg,#02050c,#07101f 56%,#0b1d32)}
.product-detail-crm .product-detail-hero{background:radial-gradient(circle at 18% 20%,rgba(114,215,208,.32),transparent 30%),radial-gradient(circle at 82% 18%,rgba(0,112,171,.22),transparent 28%),linear-gradient(145deg,#02110f,#071821 58%,#0d2730)}
.product-detail-dash .product-detail-hero{background:radial-gradient(circle at 75% 12%,rgba(142,197,255,.34),transparent 28%),radial-gradient(circle at 18% 78%,rgba(83,187,237,.18),transparent 30%),linear-gradient(145deg,#050b16,#0a1529 60%,#0c2745)}
.product-detail-flow .product-detail-hero{background:radial-gradient(circle at 16% 18%,rgba(247,185,85,.3),transparent 28%),radial-gradient(circle at 88% 72%,rgba(83,187,237,.16),transparent 30%),linear-gradient(145deg,#100b03,#15131a 58%,#2a1c08)}
.product-detail-portal .product-detail-hero{background:radial-gradient(circle at 82% 18%,rgba(110,231,189,.28),transparent 29%),radial-gradient(circle at 20% 72%,rgba(0,112,171,.22),transparent 30%),linear-gradient(145deg,#04100d,#071722 58%,#092821)}
.product-detail-ai .product-detail-hero,.product-detail-customai .product-detail-hero{background:radial-gradient(circle at 20% 16%,rgba(184,167,255,.3),transparent 28%),radial-gradient(circle at 84% 72%,rgba(83,187,237,.18),transparent 30%),linear-gradient(145deg,#090716,#101324 58%,#1e1737)}
.product-detail-desk .product-detail-hero{background:radial-gradient(circle at 78% 16%,rgba(125,211,252,.3),transparent 28%),radial-gradient(circle at 18% 74%,rgba(0,112,171,.2),transparent 30%),linear-gradient(145deg,#06101b,#081827 58%,#06223a)}
.product-detail-salesapp .product-detail-hero{background:radial-gradient(circle at 16% 22%,rgba(251,113,133,.26),transparent 28%),radial-gradient(circle at 84% 70%,rgba(83,187,237,.16),transparent 30%),linear-gradient(145deg,#12070b,#111521 58%,#30101a)}
.product-detail-card .product-detail-hero{background:radial-gradient(circle at 18% 20%,rgba(52,211,153,.27),transparent 28%),radial-gradient(circle at 84% 72%,rgba(83,187,237,.16),transparent 30%),linear-gradient(145deg,#04110d,#071820 58%,#0a2d1f)}
.product-detail-down .product-detail-hero{background:radial-gradient(circle at 18% 18%,rgba(250,204,21,.23),transparent 28%),radial-gradient(circle at 86% 72%,rgba(83,187,237,.15),transparent 30%),linear-gradient(145deg,#100d04,#111724 58%,#2b2507)}
.product-detail-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.034) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.45),transparent);pointer-events:none}
.detail-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:center;min-width:0}.detail-hero-layout>*{min-width:0}.detail-hero-copy h1{max-width:760px;font-size:clamp(3rem,5.5vw,5.55rem)}.detail-hero-copy>p{max-width:650px;margin:24px 0 30px;color:rgba(255,255,255,.66);font-size:18px}.detail-actions{display:flex;flex-wrap:wrap;gap:12px}.detail-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.detail-proof span{padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#a9b8c7;background:rgba(255,255,255,.04);font-size:10px;font-weight:800}.detail-proof i{margin-right:6px;color:var(--detail-accent)}
/* --- Hero Carousel --- */
.hero-carousel{position:relative;width:100%;max-width:100%;min-width:0;border:1px solid var(--detail-accent-soft);border-radius:28px;overflow:hidden;background:#0a1626;box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05)}
.hero-carousel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(circle at center,black,transparent 80%);pointer-events:none;z-index:1}
.carousel-track{display:flex;width:100%;min-width:0;transition:transform .5s cubic-bezier(.215,.61,.355,1)}
.carousel-slide{min-width:0;flex:0 0 100%}
.carousel-slide img{width:100%;max-width:100%;height:100%;object-fit:cover;display:block}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:14px;display:grid;place-items:center;cursor:pointer;transition:.25s;backdrop-filter:blur(4px)}
.carousel-btn:hover{background:rgba(83,187,237,.25);border-color:var(--cyan)}
.carousel-prev{left:16px}
.carousel-next{right:16px}
.carousel-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:8px}
.carousel-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:.25s}
.carousel-dots span.active{background:var(--cyan);width:24px;border-radius:4px}
.detail-section{padding:104px 0}.detail-section.soft{background:linear-gradient(180deg,#f7fafc,#fff)}.detail-heading{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:end;margin-bottom:38px}.detail-heading h2{font-size:clamp(2.35rem,4.5vw,4.25rem);margin-bottom:16px}.detail-heading p{color:var(--muted);font-size:15px}
.problem-solution{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ps-card{min-height:360px;padding:32px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.055);overflow:hidden}.ps-card.dark{color:#fff;border-color:#173049;background:radial-gradient(circle at 90% 8%,rgba(83,187,237,.16),transparent 32%),linear-gradient(145deg,#06101e,#0b2743)}.ps-card span{display:block;margin-bottom:54px;color:#8fa0b1;font:800 9px "JetBrains Mono";letter-spacing:.13em;text-transform:uppercase}.ps-card.dark span{color:#80dbbd}.ps-card h3{font-size:32px;margin-bottom:14px}.ps-card p{color:var(--muted);font-size:13px}.ps-card.dark p{color:rgba(255,255,255,.62)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:280px;padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.045);transition:.22s}.feature-card:hover{transform:translateY(-4px);border-color:rgba(0,112,171,.25);box-shadow:var(--shadow)}.feature-card i{width:50px;height:50px;display:grid;place-items:center;margin-bottom:42px;border-radius:16px;color:var(--blue);background:#eaf7fc}.feature-card h3{font-size:23px;margin-bottom:10px}.feature-card p{color:var(--muted);font-size:12px}
.workflow-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,.1);border-radius:26px;background:rgba(255,255,255,.035);overflow:hidden}.workflow-strip article{min-height:220px;padding:25px;border-right:1px solid rgba(255,255,255,.08)}.workflow-strip article:last-child{border-right:0}.workflow-strip span{display:block;color:var(--detail-accent);font:800 24px "Space Grotesk"}.workflow-strip h3{margin:54px 0 10px;color:#fff;font-size:18px}.workflow-strip p{color:rgba(255,255,255,.52);font-size:11px}
.detail-dark{position:relative;color:#fff;background:#07111f;overflow:hidden}.detail-dark:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(83,187,237,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(83,187,237,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.43),transparent)}.detail-dark>.container{position:relative;z-index:1}
.fit-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.fit-card,.pricing-detail-card{padding:32px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.055);display:flex;flex-direction:column}.pricing-detail-card .btn{margin-top:auto;align-self:flex-start}.fit-card h3,.pricing-detail-card h3{font-size:32px;margin-bottom:15px}.fit-card ul,.pricing-detail-card ul{display:grid;gap:11px;margin-top:22px}.fit-card li,.pricing-detail-card li{display:flex;gap:10px;align-items:flex-start;color:#667085;font-size:12px}.fit-card i,.pricing-detail-card i{margin-top:3px;color:var(--blue)}
.detail-faq .faq-question[aria-expanded="true"]{color:var(--blue)}.detail-cta{padding:100px 0}.detail-cta .cta-card{background:radial-gradient(circle at 86% 10%,rgba(83,187,237,.24),transparent 28%),linear-gradient(145deg,#040814,#0b1d32)}
@media(max-width:1050px){.detail-hero-layout,.detail-heading,.fit-grid{grid-template-columns:1fr}.detail-hero-copy{text-align:center}.detail-hero-copy>p{margin-inline:auto}.detail-actions,.detail-proof{justify-content:center}.hero-carousel{width:min(720px,100%);margin:auto}.workflow-strip{grid-template-columns:repeat(2,1fr)}.workflow-strip article:nth-child(2n){border-right:0}.workflow-strip article:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.08)}.feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.product-detail-hero{min-height:auto;padding-top:132px}.detail-section{padding:82px 0}.problem-solution,.feature-grid{grid-template-columns:1fr}.workflow-strip{grid-template-columns:1fr}.workflow-strip article{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.workflow-strip article:last-child{border-bottom:0}}
@media(max-width:560px){.detail-hero-copy h1{font-size:2.68rem}.detail-hero-copy>p{font-size:15px}.detail-actions .btn{width:100%}.hero-carousel{min-height:260px}.carousel-slide img{min-height:260px;object-fit:cover}}
.fit-card .eyebrow,.pricing-detail-card .eyebrow{width:fit-content;margin-bottom:16px}