.story-hero{background:var(--dark-hero);padding:128px 32px 80px;position:relative;overflow:hidden}.story-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0,rgba(22,163,74,.1),transparent);pointer-events:none}.story-hero h1{color:#fff;max-width:700px}.story-hero .hero-sub{color:#86efac;opacity:.85;font-size:16px;margin-top:16px;max-width:560px;line-height:1.65}.frustration-box-dark{background:#fef2f2;border:.5px solid #fecaca;border-left:3px solid #ef4444;border-radius:0 12px 12px 0;padding:24px 28px;margin-top:32px}.frustration-box-dark .frustration-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#dc2626;margin-bottom:16px}.frustration-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;font-size:15px;color:#7f1d1d;line-height:1.7;font-style:italic}.frustration-item:last-child{margin-bottom:0}.frustration-item:before{content:"\201C";font-size:28px;color:#ef4444;line-height:1;flex-shrink:0;margin-top:-4px;font-family:Georgia,serif}.solution-reveal{background:var(--green-50);border:.5px solid #bbf7d0;border-radius:12px;padding:28px;margin-top:24px}.solution-reveal .solution-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--green-700);margin-bottom:12px}.step-list{display:flex;flex-direction:column;gap:20px;margin-top:28px}.step-item{display:flex;align-items:flex-start;gap:16px}.step-num{width:32px;height:32px;background:var(--green-600);color:#fff;border-radius:50%;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-item h4{font-size:14px;font-weight:700;color:var(--n-900);margin-bottom:4px}.step-item p{font-size:13px;color:var(--n-500);line-height:1.55}.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:36px}.usecase-card{background:#fff;border:.5px solid var(--n-200);border-radius:12px;padding:22px}.usecase-emoji{font-size:28px;margin-bottom:12px}.usecase-title{font-size:14px;font-weight:700;color:var(--n-900);margin-bottom:6px}.usecase-desc{font-size:13px;color:var(--n-500);line-height:1.6}.workspace-card{background:#fff;border:.5px solid var(--n-200);border-radius:12px;overflow:hidden}.ws-header{background:var(--n-50);padding:12px 16px;border-bottom:.5px solid var(--n-200);gap:10px}.ws-avatar,.ws-header{display:flex;align-items:center}.ws-avatar{width:28px;height:28px;border-radius:6px;justify-content:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0}.ws-name{font-size:13px;font-weight:700;color:var(--n-900)}.ws-plan{font-size:10px;color:var(--n-400)}.ws-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0}.ws-stat{padding:14px 16px;border-right:.5px solid var(--n-200)}.ws-stat:last-child{border-right:none}.ws-stat-val{font-size:18px;font-weight:800;color:var(--n-900)}.ws-stat-lbl{font-size:10px;color:var(--n-400);margin-top:2px}.ws-stat-trend{font-size:10px;color:var(--green-600);font-weight:600}.feature-blocks{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:32px}.feat-block{background:#fff;border:.5px solid var(--n-200);border-radius:10px;padding:20px}.feat-block-icon{font-size:22px;margin-bottom:10px}.feat-block-title{font-size:14px;font-weight:700;color:var(--n-900);margin-bottom:6px}.feat-block-desc{font-size:13px;color:var(--n-500);line-height:1.6}.benefit-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:36px}.benefit-box{background:#fff;border:.5px solid var(--n-200);border-radius:12px;padding:24px;text-align:center}.benefit-num{font-size:36px;font-weight:800;color:var(--green-600);line-height:1;margin-bottom:8px}.benefit-txt{font-size:14px;color:var(--n-700);line-height:1.5}.flow-diagram{display:flex;flex-direction:column;gap:0}.flow-step{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:.5px solid var(--n-200)}.flow-step:last-child{border-bottom:none}.flow-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#fff;flex-shrink:0}.flow-step h4{font-size:13px;font-weight:700;color:var(--n-900);margin-bottom:2px}.flow-step p{font-size:12px;color:var(--n-500);line-height:1.45}.scale-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:36px}.scale-card{background:#fff;border:.5px solid var(--n-200);border-radius:12px;padding:22px;text-align:center}.scale-num{font-size:32px;font-weight:800;color:var(--green-600);line-height:1;margin-bottom:8px}.scale-lbl{font-size:13px;font-weight:600;color:var(--n-900);margin-bottom:6px}.scale-desc{font-size:12px;color:var(--n-500);line-height:1.5}.int-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:40px}.int-card{background:#fff;border:.5px solid var(--n-200);border-radius:12px;padding:24px}.int-logo{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;margin-bottom:16px}.int-name{font-size:16px;font-weight:700;color:var(--n-900);margin-bottom:6px}.int-desc{font-size:13px;color:var(--n-500);line-height:1.6;margin-bottom:14px}.int-features{display:flex;flex-direction:column;gap:6px}.int-feat{font-size:12.5px;color:var(--n-700);display:flex;align-items:flex-start;gap:7px}.int-feat:before{content:"✓";color:var(--green-600);font-weight:700;font-size:11px;flex-shrink:0;margin-top:1px}.setup-steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-top:36px;counter-reset:step}.setup-step{background:#fff;border:.5px solid var(--n-200);border-radius:10px;padding:18px;counter-increment:step;position:relative}.setup-step:before{content:counter(step);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--green-600);color:#fff;border-radius:50%;font-size:11px;font-weight:800;margin-bottom:10px}.setup-step h4{font-size:13px;font-weight:700;color:var(--n-900);margin-bottom:4px}.setup-step p{font-size:12px;color:var(--n-500);line-height:1.5}@media (max-width:900px){.int-grid,.setup-steps{grid-template-columns:1fr 1fr}}@media (max-width:800px){.benefit-row,.feature-blocks,.scale-grid,.usecase-grid{grid-template-columns:1fr 1fr}.story-hero{padding:100px 20px 60px}}@media (max-width:480px){.benefit-row,.int-grid,.scale-grid,.setup-steps,.usecase-grid{grid-template-columns:1fr}}