.web-features-page{background:var(--paper);color:var(--graphite)}.web-features-shell{max-width:var(--page-container-width);padding-inline:var(--page-gutter);margin:0 auto}.web-features-catalog{padding:68px 0 84px}.web-features-catalog-head{gap:14px;margin-bottom:28px;display:grid}.web-features-catalog-head h2{font-family:var(--font-heading);margin:0;font-size:clamp(1.65rem,2.5vw,2.35rem);line-height:1.15}.web-features-catalog-head p{color:var(--muted);width:100%;margin:0;line-height:1.55}.web-features-list{background:var(--surface);border:1px solid #11151b21;box-shadow:0 20px 55px #11151b14}.web-features-row{grid-template-columns:96px minmax(0,1fr) minmax(225px,.38fr);align-items:center;gap:28px;min-height:184px;padding:27px 34px;scroll-margin-top:110px;display:grid}.web-features-row+.web-features-row{border-top:1px solid #11151b1a}.web-features-icon{color:var(--cream);justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:relative}.web-features-icon:before,.web-features-icon>span{content:"";position:absolute}.web-features-icon:before{background:#20282a;border-radius:18px;inset:5px 0 0 5px;transform:rotate(-4deg)}.web-features-icon>span{background:#dfe7e1;border-radius:18px;inset:0 5px 5px 0;transform:rotate(4deg)}.web-features-icon svg{color:#20282a;z-index:1;position:relative}.web-features-copy{min-width:0}.web-features-title-line{grid-template-columns:minmax(0,1fr) 148px;align-items:center;gap:18px;display:grid}.web-features-title-line h3{font-family:var(--font-heading);margin:0;font-size:1.2rem;line-height:1.25}.web-features-price{color:#342814;text-align:center;background:#efe3c7;border:1px solid #a97d2a61;width:148px;padding:8px 10px 8px 13px;font-size:.76rem;font-weight:850;line-height:1.2;box-shadow:inset 3px 0 #b8862f}.web-features-copy>p{color:var(--muted);max-width:660px;margin:10px 0 14px;line-height:1.58}.web-features-context{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.83rem;line-height:1.45;display:flex}.web-features-context svg,.web-features-context strong{color:#6f8575}.web-features-items{border-left:1px solid #11151b1c;gap:13px;margin:0;padding:6px 0 6px 34px;list-style:none;display:grid}.web-features-items li{color:#343b44;align-items:center;gap:10px;font-size:.91rem;line-height:1.35;display:flex}.web-features-items svg{color:#617367;border:1px solid #6f8575a6;flex:none;padding:2px}.web-features-note{border:1px solid #11151b29;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:18px;padding:18px 22px;display:grid}.web-features-note-icon{border:1px solid #11151b8c;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.web-features-note strong{font-family:var(--font-heading);font-size:.92rem;display:block}.web-features-note p{color:var(--muted);margin:4px 0 0;font-size:.86rem;line-height:1.45}.web-features-note a{background:var(--graphite);color:var(--cream);justify-content:center;align-items:center;gap:24px;min-height:50px;padding:0 24px;font-size:.88rem;font-weight:700;text-decoration:none;transition:background-color .16s,color .16s;display:inline-flex}.web-features-note a:hover{background:var(--accent);color:var(--graphite)}.web-features-note a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:920px){.web-features-row{grid-template-columns:80px minmax(0,1fr);gap:24px}.web-features-icon{width:70px;height:70px}.web-features-items{border-top:1px solid #11151b1a;border-left:0;grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 0 0}}@media (max-width:680px){.web-features-catalog{padding:46px 0 62px}.web-features-catalog-head{gap:13px;margin-bottom:22px}.web-features-catalog-head p{font-size:.9rem}.web-features-row{grid-template-columns:58px minmax(0,1fr);align-items:start;gap:17px 15px;min-height:0;padding:24px 18px}.web-features-icon{width:54px;height:54px}.web-features-icon:before,.web-features-icon>span{border-radius:13px}.web-features-icon svg{width:25px;height:25px}.web-features-title-line{grid-template-columns:1fr;align-items:start;gap:8px}.web-features-title-line h3{font-size:1.05rem}.web-features-price{text-align:left;width:auto}.web-features-copy>p{font-size:.9rem;line-height:1.55}.web-features-context{align-items:flex-start}.web-features-items{grid-column:1/-1;grid-template-columns:1fr;padding-top:17px}.web-features-note{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:18px}.web-features-note a{grid-column:1/-1;width:100%;margin-top:4px}}@media (prefers-reduced-motion:reduce){.web-features-note a{transition:none}}