.hero{overflow:hidden;background:var(--canvas)}.hero .container{display:grid;min-height:710px;grid-template-columns:1.02fr 0.98fr;gap:68px;align-items:center;padding:92px 0 88px}.feature-hero .container{min-height:680px;grid-template-columns:1.04fr 0.96fr}.feature-hero h1{max-width:760px;font-size:clamp(3.8rem,5.8vw,5rem)}.art{position:relative}.art:before{position:absolute;inset:3% -16% -7% 8%;border-radius:50%;background:rgba(249,115,22,0.08);content:""}.art>svg{position:relative;width:100%;filter:drop-shadow(0 19px 0 #dfe4e2)}.stamp{position:absolute;right:1%;bottom:11%;display:flex;gap:10px;align-items:center;border:1px solid #e4e7e6;border-radius:8px;padding:12px 16px;background:#fff;box-shadow:0 15px 34px #1b242319}.stamp svg{width:27px;color:var(--quiet)}.stamp strong,.stamp span{display:block;font-size:0.74rem}.stamp span{color:#7a8583;font-size:0.63rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.grid article{min-height:265px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px}.grid h3{margin-top:52px}.grid p{margin-top:12px;color:#72807d;font-size:0.88rem;line-height:1.75}.problem{background:#fff}.problem-layout{display:grid;grid-template-columns:0.95fr 1.05fr;gap:64px;align-items:center}.problem-copy{max-width:650px}.problem-copy p:not(.kicker){margin:20px 0 0;color:#72807d;font-size:1rem;line-height:1.8}.problem-card{border:1px solid var(--line);border-radius:12px;padding:36px;background:var(--canvas)}.problem-card h3{font-size:1.45rem}.problem-card ul{margin:26px 0 0;padding:0;list-style:none}.problem-card li{position:relative;border-top:1px solid #e0e5e3;padding:14px 0 14px 30px;color:#5f6a68;font-size:0.92rem;font-weight:800}.problem-card li:before{content:"×";position:absolute;left:0;color:var(--orange);font-weight:900}.use-cases{background:#f5f7f6}.use-cases .grid article{background:#fff;transition:0.2s ease}.use-cases .grid article:hover{background:#fff7ed;transform:translateY(-4px);box-shadow:0 12px 30px rgba(32,37,36,0.08)}.use-cases .grid article:hover h3{color:var(--orange)}.card-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;border-radius:14px;background:#fff7ed;color:var(--orange)}.card-icon svg{width:40px;height:40px}.card-icon svg *{stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.users{background:var(--white)}.user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.user-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px;transition:0.2s ease}.user-card:hover{border-color:var(--orange);transform:translateY(-4px)}.user-card span{display:block;margin-bottom:14px;color:var(--orange);font-size:0.72rem;font-weight:900;text-transform:uppercase;letter-spacing:0.08em}.benefits{background:#f5f7f6}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px}.benefit-card h3{margin-bottom:14px}.benefit-card p{color:#72807d;line-height:1.8}.workflow{background:var(--ink);color:#fff}.workflow-layout{display:grid;grid-template-columns:0.8fr 1.2fr;gap:70px;align-items:start}.workflow-copy{max-width:560px}.workflow-copy p:last-child{margin-top:24px;color:#b7c0be;font-size:1rem;line-height:1.8}.workflow-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:0}.workflow-steps article{background:#fff;color:var(--ink);border:1px solid #cbd3d1;border-radius:8px;padding:28px;min-height:240px}.workflow-steps article span{display:inline-block;color:var(--quiet);font-size:0.75rem;font-weight:900;margin-bottom:28px}.workflow-steps article h3{font-size:1.2rem;line-height:1.15}.workflow-steps article p{margin-top:14px;color:#72807d;font-size:0.88rem;line-height:1.7}@media (max-width:850px){.problem-layout{grid-template-columns:1fr;gap:34px}.hero .container{grid-template-columns:1fr}.hero .container{gap:25px;padding-top:67px}.feature-hero .container{min-height:auto}.feature-hero h1{font-size:clamp(3.1rem,11vw,3.6rem)}.art{max-width:630px;margin:auto}.grid,.user-grid,.benefits-grid{grid-template-columns:1fr 1fr}.workflow-layout{grid-template-columns:1fr;gap:36px}.workflow-steps{grid-template-columns:1fr}}@media (max-width:560px){.hero .container{min-height:auto;padding:57px 0 50px}.stamp{right:0;bottom:2%;padding:9px 11px}.grid,.user-grid,.benefits-grid{grid-template-columns:1fr}.grid article{min-height:auto;padding:22px}.grid h3{margin-top:28px}.workflow .container{gap:31px}}