/* Editorial pages for the OPENDERM public site. Loads after legal.css. */
.page--wide{padding-top:92px}
.page--wide .lede{max-width:860px}
.page--wide .lede>p:last-child{max-width:650px;font-size:18px;line-height:1.65;color:var(--soft);margin:22px 0 0}
.section{padding:76px 0;border-top:1px solid var(--line-2)}
.section:first-of-type{border-top:0}
.section__head{display:grid;grid-template-columns:220px 1fr;gap:48px;margin-bottom:34px}
.section__head h2{font-size:clamp(30px,4vw,48px);max-width:720px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{display:flex;flex-direction:column;min-height:240px;padding:26px;border:1px solid var(--line-2);background:var(--card);border-radius:4px;transition:transform .3s var(--ease),border-color .3s}
.card:hover{transform:translateY(-3px);border-color:var(--line)}
.card .n{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze)}
.card h3{font-size:22px;font-weight:400;margin:30px 0 12px}
.card p{font-size:14px;line-height:1.65;color:var(--soft);margin:0}
.card .go{margin-top:auto;padding-top:28px;font-size:13px;font-weight:500;color:var(--ink)}
.rule-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.rule-list li{display:grid;grid-template-columns:90px 240px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid var(--line-2)}
.rule-list .code{font-size:12px;letter-spacing:.14em;color:var(--bronze)}
.rule-list b{font-weight:500}
.rule-list p{color:var(--soft);font-size:14px;line-height:1.65;margin:0}
.statement{background:#f6f6f4;padding:70px;border-radius:5px}
.statement blockquote{font-size:clamp(30px,4.6vw,56px);line-height:1.08;letter-spacing:-.04em;font-weight:300;margin:0;max-width:880px}
.statement p{color:var(--soft);margin:28px 0 0;max-width:620px}
.price-table{width:100%;border-collapse:collapse;font-size:14px}
.price-table th{text-align:left;padding:0 12px 14px 0;border-bottom:1px solid var(--ink);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-weight:500}
.price-table td{padding:15px 12px 15px 0;border-bottom:1px solid var(--line-2);vertical-align:top}
.price-table td:last-child,.price-table th:last-child{text-align:right;padding-right:0;white-space:nowrap;font-weight:500}
.badge{display:inline-block;border:1px solid var(--line);border-radius:40px;padding:4px 9px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.process{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-2);border:1px solid var(--line-2)}
.process>div{background:var(--paper);padding:34px;min-height:220px}
.process>div:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--bronze);font-size:12px;letter-spacing:.15em;margin-bottom:46px}
.process h3{font-size:20px;font-weight:400;margin-bottom:12px}
.process p{font-size:14px;color:var(--soft);margin:0}
.page-cta{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;background:#f6f6f4;padding:54px;border-radius:5px;margin-top:72px}
.page-cta h2{font-size:clamp(30px,4vw,48px)}
.lead-form{display:grid;gap:10px}.lead-form input{width:100%;padding:14px 15px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit}.lead-form button{justify-self:start;border:0;background:var(--espresso);color:#FFF9F0;padding:14px 24px;font:inherit;font-weight:500;cursor:pointer;border-radius:2px}.lead-form button:disabled{opacity:.55}.form-status{font-size:13px;margin:4px 0 0}.form-status.ok{color:#496f56}.form-status.err{color:#9b4941}.hp{position:absolute!important;left:-9999px!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:860px){.grid{grid-template-columns:repeat(2,1fr)}.section__head{grid-template-columns:1fr;gap:14px}.rule-list li{grid-template-columns:60px 180px 1fr}.process{grid-template-columns:1fr}.page-cta{grid-template-columns:1fr}}
@media(max-width:580px){.wrap{padding-left:22px;padding-right:22px}.page--wide{padding-top:64px}.grid{grid-template-columns:1fr}.card{min-height:210px}.statement{padding:38px 26px}.rule-list li{grid-template-columns:52px 1fr;gap:12px}.rule-list p{grid-column:2}.page-cta{padding:34px 24px}.price-table th:nth-child(2),.price-table td:nth-child(2){display:none}}