/* Extracted repeated page-family styles: xroad-methodology.css */

/* xroad-methodology */

/* body{background:var(--soft);line-height:1.6;} 
a{color:var(--purple-vivid);}
header{background:var(--bg);border-bottom:1px solid var(--line);padding:14px 32px;display:flex;align-items:center;justify-content:space-between;}
a.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;}
a.brand img{width:34px;height:34px;display:block;}
.brand-text{font-size:14px;font-weight:700;letter-spacing:.02em;}
.brand-text span{color:var(--text-dim);font-weight:400;margin-left:6px;}*/
.wrap{max-width:920px;margin:0 auto;padding:0 24px;}
.hero{background:linear-gradient(135deg,#2a1850,#372165 60%,#46307e);color:#fff;padding:56px 0 48px;}
.hero .eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:#C9BCEC;margin:0 0 14px;}
.hero h1{font-size:36px;line-height:1.1;margin:0 0 16px;font-weight:800;}
.hero p.lead{font-size:17px;max-width:720px;color:#E7E1F5;margin:0;}
section.block{padding:42px 0;border-bottom:1px solid var(--line);}
section.block h2{font-size:22px;font-weight:800;margin:0 0 10px;color:var(--purple-deep);}
section.block p{font-size:15px;color:var(--text-mid);max-width:760px;}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px;}
.box{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:20px;}
.box.ok{border-left:3px solid #2E9E6B;}
.box.no{border-left:3px solid #C0563B;}
.box h3{margin:0 0 10px;font-size:15px;color:var(--purple);}
.box ul{margin:0;padding-left:18px;font-size:14px;color:var(--text-mid);}
.box ul li{margin-bottom:6px;}
.note{background:var(--tint);border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-size:13.5px;color:var(--text-mid);margin-top:18px;}
footer{background:var(--bg);border-top:1px solid var(--line);padding:24px 0;font-size:12.5px;color:var(--text-dim);line-height:1.7;}
@media(max-width:740px){.two{grid-template-columns:1fr;}.hero h1{font-size:28px;}}