.todo-why{--o:#fe5000;--bg:#101820;--card-bg:#1a2530;--card-border:#25313c;--card-hover-bg:#1e2a36;--title-c:#fff;--lead-c:#8b949c;--card-title-c:#fff;--card-text-c:#8b949c;--ico-bg:rgba(254,80,0,.13);background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax);padding:clamp(60px,10vw,100px) clamp(20px,5vw,60px)}@media(max-width:1024px){.todo-why{padding-bottom:48px;padding-top:48px}}.todo-why--light{--bg:#fff;--card-bg:#fff;--card-border:#e5e8eb;--card-hover-bg:#f7f9fa;--title-c:#101820;--lead-c:#8b949c;--card-title-c:#101820;--card-text-c:#8b949c;--ico-bg:rgba(254,80,0,.1);background:var(--bg)}.todo-why__wrap{margin:0 auto;max-width:1200px}.todo-why__eyebrow{align-items:center;color:var(--o);display:inline-flex;font-size:.7rem;font-weight:700;gap:8px;letter-spacing:.12em;margin-bottom:14px;text-transform:uppercase}.todo-why__eyebrow:before{background:var(--o);content:"";flex-shrink:0;height:2px;width:18px}.todo-why__title{color:var(--title-c);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:14px;text-wrap:balance}.todo-why__lead{color:var(--lead-c);font-size:1.0625rem;line-height:1.65;margin-bottom:44px;max-width:48ch}.todo-why__grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.todo-why__card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:28px 22px;transition:border-color .2s}.todo-why__card:hover{border-color:var(--o)}.todo-why__ico{align-items:center;background:var(--ico-bg);border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;margin-bottom:18px;width:44px}.todo-why__ico svg{height:22px;stroke:var(--o);width:22px}.todo-why__ico img{border-radius:10px;height:100%;object-fit:cover;width:100%}.todo-why__ico--img{background:transparent;overflow:hidden;padding:0}.todo-why__card-title{color:var(--card-title-c);font-size:1rem;font-weight:700;margin-bottom:8px}.todo-why__card-text{color:var(--card-text-c);font-size:.875rem;line-height:1.6}.todo-why__card--add{align-items:center;background:transparent;border:2px dashed rgba(254,80,0,.35);cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:120px;transition:border-color .2s,background .2s}.todo-why__card--add:hover{background:rgba(254,80,0,.06);border-color:var(--o)}.todo-why__add-icon{color:var(--o);font-size:1.75rem;font-weight:700;line-height:1}.todo-why__add-label{color:var(--o);font-size:.8rem;font-weight:600;opacity:.8}@media(max-width:960px){.todo-why__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.todo-why__grid{grid-template-columns:1fr}}.editor-styles-wrapper .todo-why .todo-why__eyebrow{color:var(--o)}.editor-styles-wrapper .todo-why .todo-why__title{color:var(--title-c)}.editor-styles-wrapper .todo-why .todo-why__lead{color:var(--lead-c)}.editor-styles-wrapper .todo-why .todo-why__card-title{color:var(--card-title-c)}.editor-styles-wrapper .todo-why .todo-why__card-text{color:var(--card-text-c)}
