.theme-websites{--bg:#fcfcfb;--surface:#fff;--ink:#0b0e1b;--muted:#697084;--accent:#1838ff;--line:#e5e7ec;background:var(--bg)}
.theme-websites .wrap{max-width:1300px;width:calc(100% - 64px)}
#projects,#website-build{scroll-margin-top:100px}
.theme-websites .website-portfolio{padding-bottom:0}
.theme-websites .catalogue-intro .portfolio-intro-foot>a{display:inline-flex;align-items:center;gap:12px;color:var(--accent)}
.theme-websites .catalogue-intro .portfolio-intro-foot .icon{width:17px;height:17px}
.website-benefits{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(0,1.9fr);gap:clamp(40px,6vw,88px);align-items:start;padding-block:80px 55px;color:#152744}
.website-benefits-intro .eyebrow{font-size:10px;letter-spacing:.15em}
.website-benefits-intro h2{font-size:clamp(30px,3.1vw,43px);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:18px 0}
.website-benefits-intro h2 em{color:var(--accent);font-style:normal}
.website-benefits-intro>p{font-size:15px;line-height:1.75;color:#526480;max-width:32ch;margin:0}
.website-benefits-intro>a{display:inline-flex;align-items:center;gap:18px;color:#2446d2;font-size:13px;line-height:1.5;margin-top:25px;padding-block:9px;border-bottom:1px solid #acbbed}
.website-benefits-intro>a .icon{width:18px;height:18px;transition:transform .18s}
.website-benefits-intro>a:hover .icon{transform:translateX(4px)}
.website-benefits-intro>a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.website-benefits-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 48px;list-style:none;margin:7px 0 0;padding-left:20px}
.website-benefits-list li{position:relative;padding-left:6px;min-width:0}
.website-benefit-marker{position:absolute;left:-21px;top:4px;width:18px;height:18px;color:var(--accent)}
.website-benefits-list h3{font-size:23px;line-height:1.25;letter-spacing:-.025em;font-weight:500;margin:0 0 12px;max-width:23ch}
.website-benefits-list p{font-size:15px;line-height:1.75;color:#526480;margin:0;max-width:38ch}
@media(max-width:1000px){.website-benefits{grid-template-columns:1fr;gap:34px;padding-block:56px 40px}.website-benefits-intro{max-width:640px}.website-benefits-intro h2{font-size:36px}.website-benefits-intro>p{max-width:52ch}.website-benefits-list{gap:30px 48px}.website-benefits-list h3{max-width:none}}
@media(max-width:600px){.website-benefits{gap:30px;padding-block:42px 28px}.website-benefits-intro h2{font-size:32px}.website-benefits-intro>a{margin-top:15px;min-height:44px}.website-benefits-list{grid-template-columns:1fr;gap:25px;padding-left:18px;margin:0}.website-benefits-list h3{font-size:21px;margin-bottom:8px}.website-benefits-list p{font-size:14px;line-height:1.75;max-width:none}.website-benefits-list li{padding-left:4px}}
@media(prefers-reduced-motion:reduce){.website-benefits-intro>a .icon{transition:none}}
.web-book-link{display:flex;align-items:center;justify-content:space-between;gap:25px;border-block:1px solid #e0e5ee;padding:26px 0 30px;margin-top:10px;margin-bottom:18px}
.web-book-link .eyebrow{font-size:10px}.web-book-link p{font-size:14px;color:#68768c;margin:8px 0 0}
.web-book-link>a{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:500;color:#2949c6;white-space:nowrap;padding:12px 0;border-bottom:1px solid #bac7ed}.web-book-link>a .icon{width:19px;height:19px}
@media(max-width:600px){.theme-websites .wrap{width:calc(100% - 36px)}.web-book-link{align-items:flex-start;flex-direction:column;gap:16px}.web-book-link p{font-size:13px}.web-book-link>a{font-size:13px;padding:5px 0 10px;gap:17px}}