.features-page{padding-bottom:72px}.features-hero{padding:76px 0 56px;background:linear-gradient(125deg,#fff,#f3f8fd)}.breadcrumbs{display:flex;gap:9px;align-items:center;margin-bottom:28px;color:var(--muted);font-size:var(--font-caption)}.breadcrumbs a:hover{text-decoration:underline}.features-hero h1{max-width:800px;margin:15px 0 18px}.features-hero p{max-width:760px;font-size:var(--font-body-lg);line-height:1.6;color:var(--muted)}.feature-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.feature-tabs a{border:1px solid var(--line);border-radius:999px;background:#fff;padding:10px 15px;font-size:var(--font-small);font-weight:600}.feature-tabs a:hover{border-color:var(--yellow);background:#fff8de}.feature-group{padding:72px 0 0}.feature-group-heading{display:flex;align-items:center;gap:16px;margin-bottom:27px}.feature-group-heading h2{font-size:var(--font-h3);margin:0}.package-badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;letter-spacing:.04em}.package-badge.standard{color:#2b6bb0;background:#eaf2ff}.package-badge.professional{color:#8d5c00;background:#fff1bd}.package-badge.corporate{color:#fff;background:var(--navy)}.feature-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-card{position:relative;display:flex;flex-direction:column;min-height:410px;padding:25px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 20px rgb(30 60 90 / 4%);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.feature-card:hover{transform:translateY(-4px);border-color:#cfd9e7;box-shadow:0 16px 30px rgb(30 60 90 / 12%)}.feature-card:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.feature-card-icon{display:grid;place-items:center;width:50px;height:50px;margin:18px 0;border-radius:13px;background:#eaf2ff;color:#337ee6;font-size:22px;transition:transform .2s ease,background .2s ease}.feature-card:hover .feature-card-icon{transform:scale(1.06);background:#dceaff}.professional+.feature-card-icon{}.feature-card h3{font-size:var(--font-h4);margin:0 0 11px;letter-spacing:-.025em}.feature-card p{margin:0;color:var(--muted);font-size:var(--font-small);line-height:1.6}.feature-card ul{list-style:none;padding:0;margin:18px 0}.feature-card li{margin:8px 0;font-size:var(--font-caption);line-height:1.45}.feature-card li:before{content:'✓';color:var(--navy);font-weight:700;margin-right:8px}.feature-card-link{margin-top:auto;color:var(--navy);font-size:var(--font-small);font-weight:700}.feature-card:hover .feature-card-link i{transform:translateX(4px)}.feature-card-link i{margin-left:5px;transition:transform .2s ease}.getting-started{margin-top:72px;padding:68px 0;background:var(--paper)}.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.start-grid article{padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff}.start-grid b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff0b6;color:#846000;font-size:var(--font-small)}.start-grid h3{font-size:var(--font-h4);margin:18px 0 9px;letter-spacing:-.02em}.start-grid p{margin:0;color:var(--muted);font-size:var(--font-small);line-height:1.6}.feature-single .features-hero .feature-card-icon{margin:16px 0}.feature-single-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px;padding:65px 0}.feature-single-body h2{margin-bottom:22px}.feature-single-body ul{padding:0;list-style:none;margin:0 0 30px}.feature-single-body li{font-size:var(--font-small);margin:12px 0}.feature-single-body li:before{content:'✓';font-weight:700;margin-right:10px}.feature-single-body .feature-visual{min-height:260px}@media(max-width:1024px){.feature-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.features-hero{padding:52px 0 38px}.features-hero p{font-size:var(--font-body)}.feature-group{padding-top:52px}.feature-group-heading{align-items:flex-start;flex-direction:column;gap:10px}.feature-card-grid,.start-grid,.feature-single-body{grid-template-columns:1fr}.feature-card{min-height:0}.feature-single-body{gap:26px;padding:44px 0}.feature-tabs{gap:8px}.feature-tabs a{padding:8px 11px;font-size:14px}}
