main>div{width:100%;max-width:900px;margin:0 auto}main>div:first-child{border-bottom:1px solid #e5e5e2;padding:45px 0 42px}main>div:first-child>span{letter-spacing:.16em;color:#555;background:#ffffffb3;border:1px solid #ddd;border-radius:999px;align-items:center;padding:7px 11px;font-size:10px;font-weight:800;display:inline-flex}main>div:first-child>h1{letter-spacing:-.055em;color:#0d0d0d;margin:22px 0 20px;font-size:clamp(44px,6vw,72px);font-weight:800;line-height:.95}main>div:first-child>p{color:#666;max-width:650px;margin:0 0 28px;font-size:17px;line-height:1.75}main>div:first-child>div{color:#777;align-items:center;gap:16px;font-size:12px;display:flex}main>div:first-child>div>span{flex-direction:column;gap:4px;display:flex}main>div:first-child>div>span:nth-child(2){color:#aaa;font-size:13px;display:block}main>div:first-child strong{text-transform:uppercase;letter-spacing:.12em;color:#222;font-size:10px;display:block}main>div:nth-child(2){padding:48px 0}main>div:nth-child(2)>p{color:#4e4e4e;margin:0 0 22px;font-size:15px;line-height:1.85}main>div:nth-child(2)>p:first-child{color:#292929;font-size:18px;line-height:1.85}main>div:nth-child(2) strong{color:#111}main section{border-top:1px solid #e5e5e2;margin-top:55px;padding-top:36px}main section h2{letter-spacing:-.025em;color:#111;align-items:baseline;gap:13px;margin:0 0 22px;font-size:27px;font-weight:750;line-height:1.2;display:flex}main section h2 span{color:#777;letter-spacing:.08em;vertical-align:middle;background:#f7f7f5;border:1px solid #dcdcd8;border-radius:10px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:10px;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}main section p{color:#4e4e4e;margin:0 0 22px;font-size:15px;line-height:1.85}main ul{margin:10px 0 25px;padding:0;list-style:none}main li{color:#4e4e4e;padding:9px 0 9px 27px;font-size:15px;line-height:1.75;position:relative}main li:before{content:"";background:#111;border-radius:50%;width:6px;height:6px;position:absolute;top:18px;left:3px}main a{color:#111;text-underline-offset:4px;font-weight:650;-webkit-text-decoration:underline #bbb;text-decoration:underline #bbb;transition:all .2s}main a:hover{color:#666;text-decoration-color:#111}main section:nth-of-type(4){background:linear-gradient(135deg,#f8f8f6f2,#ffffffd9);border:1px solid #dededb;border-radius:24px;padding:38px 40px;box-shadow:0 18px 45px #0000000a}main section:nth-of-type(4) h2{margin-top:0}main aside{background:#ededeb;border-left:3px solid #111;border-radius:0 14px 14px 0;margin:28px 0;padding:21px 23px}main aside strong{margin-bottom:7px;font-size:15px;display:block}main aside p{margin:0!important;font-size:14px!important;line-height:1.75!important}main section:nth-of-type(10){background:#f4f4f2;border:1px solid #dedede;border-radius:24px;padding:36px 40px}main section:nth-of-type(10) h2{margin-top:0}main section:nth-of-type(10) strong{font-size:13px;line-height:1.8}main section:last-child{padding-bottom:10px}main section:last-child a{color:#fff;background:#111;border-radius:10px;align-items:center;margin-top:3px;padding:11px 17px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}main section:last-child a:hover{color:#fff;background:#292929;transform:translateY(-2px)}main>div:last-child{color:#888;border-top:1px solid #e5e5e2;justify-content:space-between;align-items:center;padding:26px 0;font-size:11px;display:flex}main>div:last-child strong{color:#111;margin-right:7px;font-size:13px}@media (max-width:768px){main{padding:75px 20px 50px}main>div:first-child{padding:35px 0}main>div:first-child>h1{font-size:48px}main>div:nth-child(2){padding:35px 0}main section:nth-of-type(4),main section:nth-of-type(10){padding:28px 24px}}@media (max-width:520px){main{padding:65px 16px 35px}main>div:first-child{padding:28px 0}main>div:first-child>h1{font-size:40px}main>div:first-child>p{font-size:14px;line-height:1.7}main>div:first-child>div{gap:10px}main>div:nth-child(2){padding:30px 0}main>div:nth-child(2)>p:first-child{font-size:16px}main section{margin-top:40px;padding-top:28px}main section h2{gap:10px;font-size:21px}main section h2 span{min-width:22px}main section p,main li{font-size:14px;line-height:1.8}main section:nth-of-type(4),main section:nth-of-type(10){border-radius:18px;padding:23px 19px}main aside{padding:18px}main>div:last-child{flex-direction:column;align-items:flex-start;gap:9px}}
