.product-page{color:#24324a;background:#fafaf7}.product-page .container{max-width:1200px;margin:0 auto;padding:0 32px}.product-hero{padding:32px 0 48px;background:#fff;border-bottom:1px solid #e4eaf3}.product-breadcrumb{display:flex;gap:8px;font-size:14px;color:#64748b;margin-bottom:32px}.product-breadcrumb a{color:#64748b}.product-breadcrumb a:hover,.product-text-link{color:#2458e6}.product-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);align-items:center;gap:48px}.product-eyebrow{margin:0 0 16px;color:#2458e6;font:600 13px/1.3 Inter,"PingFang SC",sans-serif;letter-spacing:.12em}.product-hero h1{max-width:680px;margin:0;color:#0b1630;font-size:clamp(38px,4.1vw,60px);line-height:1.12;letter-spacing:-.035em}.product-summary{max-width:610px;margin:20px 0 18px;color:#24324a;font-size:18px;line-height:1.8}.product-benefits{list-style:none;display:grid;gap:10px;margin:0;padding:0}.product-benefits li{display:flex;gap:10px;align-items:flex-start;margin:0;color:#24324a;line-height:1.65}.product-benefits i{margin-top:4px;color:#14805e;font-size:18px}.product-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.product-button{display:inline-flex;min-height:48px;padding:0 24px;align-items:center;justify-content:center;border:1px solid #2458e6;border-radius:8px;font-weight:600;text-decoration:none}.product-button-primary,.product-button-primary:hover{background:#2458e6;color:#fff}.product-button-primary:hover{background:#1d48c5}.product-button-secondary{color:#2458e6;background:#fff}.product-button-secondary:hover{background:#f4f7fc;color:#1d48c5}.product-version{margin:14px 0 0;color:#64748b;font-size:13px}.product-hero-visual{padding:14px;background:linear-gradient(160deg,#f7faff,#eef3fc);border:1px solid #e4eaf3;border-radius:18px;box-shadow:0 24px 55px rgba(11,22,48,.12)}
.window-frame{overflow:hidden;background:#fff;border:1px solid #e4eaf3;border-radius:10px}
.window-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#f2f5fa;border-bottom:1px solid #e4eaf3}
.win-dot{width:11px;height:11px;border-radius:50%;background:#d4dbe6}
.win-dot:nth-child(1){background:#ff5f57}.win-dot:nth-child(2){background:#febc2e}.win-dot:nth-child(3){background:#28c840}
.win-title{margin-left:8px;color:#7b8aa0;font:600 12px/1 Inter,"PingFang SC",sans-serif;font-style:normal;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-hero-visual img{width:100%;max-height:360px;object-fit:contain;background:#fff}.product-proof{background:#0b1f3a}.product-proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}.product-proof-grid>div{display:flex;gap:14px;align-items:center;min-height:94px;padding:22px 28px;border-right:1px solid rgba(255,255,255,.15)}.product-proof-grid>div:first-child{border-left:1px solid rgba(255,255,255,.15)}.product-proof-grid span{color:#56a9b8;font:600 13px Inter,sans-serif}.product-proof-grid p{margin:0;color:#fff;font-size:15px;line-height:1.5}.product-section{padding:64px 0}.product-section-subtle{background:#f4f7fc}.product-overview{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:start}.product-section h2{margin:0;color:#0b1630;font-size:clamp(30px,3vw,40px);line-height:1.2;letter-spacing:-.02em}.product-overview>p{max-width:560px;margin:0;color:#24324a;font-size:18px;line-height:1.85}.product-section-heading{max-width:650px;margin-bottom:28px}.product-capabilities{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e4eaf3}.product-capabilities article{padding:20px 22px 4px;border-right:1px solid #e4eaf3}.product-capabilities article:first-child{padding-left:0}.product-capabilities article:last-child{border-right:0}.capability-index{color:#2458e6;font:600 14px Inter,sans-serif}.product-capabilities h3,.product-scenarios h3,.product-workflow h3{margin:14px 0 8px;color:#0b1630;font-size:21px;line-height:1.35}.product-capabilities p,.product-scenarios p,.product-workflow p{margin:0;color:#64748b;line-height:1.75}.product-workflow{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;margin:0;border-top:1px solid #e4eaf3}.product-workflow li{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:20px 22px 0;margin:0;border-right:1px solid #e4eaf3}.product-workflow li:first-child{padding-left:0}.product-workflow li:last-child{border:0}.product-workflow span{display:grid;width:30px;height:30px;place-items:center;color:#2458e6;background:#edf2ff;border-radius:50%;font-size:14px;font-weight:700}.product-workflow h3{margin:3px 0 10px}.product-scenarios{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e4eaf3}.product-scenarios article{padding:20px 22px 0;border-right:1px solid #e4eaf3}.product-scenarios article:first-child{padding-left:0}.product-scenarios article:last-child{border:0}.product-evidence{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:48px}.product-evidence>div>p:not(.product-eyebrow){margin:16px 0;color:#64748b;font-size:17px;line-height:1.8}.product-text-link{display:inline-flex;gap:7px;align-items:center;font-weight:600}.product-evidence figure{margin:0;padding:12px;background:#fff;border:1px solid #e4eaf3;border-radius:14px;box-shadow:0 18px 42px rgba(11,22,48,.1)}.product-evidence img{width:100%;max-height:330px;object-fit:contain;background:#fff}.product-evidence figcaption{padding:12px 6px 2px;color:#64748b;font-size:13px}.product-faq-wrap{max-width:900px!important}.product-faq{border-top:1px solid #e4eaf3}.product-faq details{border-bottom:1px solid #e4eaf3}.product-faq summary{display:flex;justify-content:space-between;gap:20px;padding:18px 0;color:#0b1630;font-size:17px;font-weight:600;cursor:pointer;list-style:none}.product-faq summary::-webkit-details-marker{display:none}.product-faq details[open] summary i{transform:rotate(45deg)}.product-faq summary i{color:#2458e6;transition:transform .2s}.product-faq details p{max-width:700px;margin:0 0 16px;color:#64748b;line-height:1.8}.product-final-cta{padding:56px 0;background:#0b1f3a;text-align:center}.product-final-cta h2{max-width:760px;margin:0 auto;color:#fff;font-size:clamp(30px,3.4vw,44px);line-height:1.2}.product-final-cta>div>p:not(.product-eyebrow){margin:14px auto 0;color:#d5dfef;font-size:17px}.product-final-cta .product-actions{justify-content:center}.product-final-cta .product-button-secondary{border-color:#b7c9ff;background:transparent;color:#fff}.product-final-cta .product-button-secondary:hover{background:rgba(255,255,255,.08)}
.product-subnav{background:#fff;border-bottom:1px solid #e4eaf3}.product-subnav-inner{display:flex;gap:0;padding:0 32px}.product-subnav a{display:inline-block;padding:14px 24px;color:#64748b;font-size:15px;font-weight:500;text-decoration:none;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.product-subnav a:hover{color:#2458e6}.product-subnav a.is-active{color:#2458e6;border-bottom-color:#2458e6}
.product-painpoints .painpoints-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.painpoint-card{padding:20px 18px;background:#fff;border:1px solid #e4eaf3;border-radius:12px;transition:box-shadow .2s,transform .2s}.painpoint-card:hover{box-shadow:0 8px 28px rgba(11,22,48,.08);transform:translateY(-3px)}.painpoint-icon{display:inline-grid;place-items:center;width:36px;height:36px;margin-bottom:12px;background:#fef3f2;border-radius:10px}.painpoint-icon i{font-size:20px;color:#d92d20}.painpoint-card h3{margin:0 0 10px;color:#0b1630;font-size:16px;line-height:1.4}.painpoint-card p{margin:0;color:#64748b;font-size:14px;line-height:1.65}
.platforms-formats{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}.platforms-block h3,.formats-block h3{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:#0b1630;font-size:18px}.platforms-block h3 i,.formats-block h3 i{color:#2458e6;font-size:22px}.platform-subtitle{margin-top:20px!important}.platform-list{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-wrap:wrap;gap:8px}.platform-list li{padding:7px 16px;background:#fff;border:1px solid #e4eaf3;border-radius:8px;color:#24324a;font-size:14px;font-weight:500}.formats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.format-group{padding:18px 20px;background:#fff;border:1px solid #e4eaf3;border-radius:10px}.format-category{margin:0 0 8px;color:#0b1630;font-size:14px;font-weight:600}.format-items{margin:0;color:#64748b;font-size:13px;line-height:1.7}
.beforeafter-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.beforeafter-col{padding:24px 22px;border-radius:14px}.beforeafter-before{background:#fef3f2;border:1px solid #fecdca}.beforeafter-after{background:#ecfdf3;border:1px solid #abefc6}.beforeafter-col h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:20px}.beforeafter-before h3{color:#b42318}.beforeafter-after h3{color:#067647}.beforeafter-col h3 i{font-size:24px}.beforeafter-col ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.beforeafter-col li{position:relative;padding-left:24px;color:#24324a;font-size:15px;line-height:1.7}.beforeafter-before li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:2px;background:#b42318;border-radius:1px}.beforeafter-after li::before{content:"";position:absolute;left:0;top:8px;width:14px;height:8px;border-right:2px solid #067647;border-bottom:2px solid #067647;transform:rotate(45deg)}
.product-tutorial-cta{padding:0;background:#fff;border-top:1px solid #e4eaf3;border-bottom:1px solid #e4eaf3}.tutorial-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 0}.tutorial-cta-inner h2{display:flex;align-items:center;gap:10px;margin:0 0 6px;color:#0b1630;font-size:24px}.tutorial-cta-inner h2 i{color:#2458e6;font-size:28px}.tutorial-cta-inner p{margin:0;color:#64748b;font-size:16px;line-height:1.6}.tutorial-cta-inner .product-button{white-space:nowrap}@media(max-width:900px){.product-painpoints .painpoints-grid{grid-template-columns:repeat(2,1fr)}.platforms-formats{grid-template-columns:1fr;gap:36px}.formats-grid{grid-template-columns:1fr}.beforeafter-grid{grid-template-columns:1fr;gap:20px}.tutorial-cta-inner{flex-direction:column;align-items:flex-start;gap:20px}}@media(max-width:767px){.product-painpoints .painpoints-grid{grid-template-columns:1fr}.product-subnav-inner{padding:0 20px}.product-subnav a{padding:12px 16px;font-size:14px}}@media(max-width:900px){.product-hero-grid,.product-overview,.product-evidence{grid-template-columns:1fr;gap:42px}.product-capabilities,.product-workflow,.product-scenarios{grid-template-columns:1fr}.product-capabilities article,.product-workflow li,.product-scenarios article{padding:24px 0;border-right:0;border-bottom:1px solid #e4eaf3}.product-proof-grid{grid-template-columns:1fr}.product-proof-grid>div,.product-proof-grid>div:first-child{min-height:auto;border-left:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.product-proof-grid>div:last-child{border-bottom:0}}@media(max-width:767px){.product-page .container{padding:0 20px}.product-hero{padding:24px 0 40px}.product-breadcrumb{margin-bottom:24px;flex-wrap:wrap}.product-summary{font-size:16px}.product-actions{align-items:stretch}.product-button{width:100%}.product-section{padding:48px 0}.product-section-heading{margin-bottom:24px}.product-hero-visual{padding:14px}.product-final-cta{padding:48px 0}.product-final-cta .product-button{width:auto}.product-evidence{gap:38px}}@media(prefers-reduced-motion:reduce){.product-faq summary i{transition:none}}