:root{--red:#dd533b;--ink:#292725;--muted:#685f57;--sand:#f2eee9;--line:#ded9d4}*{box-sizing:border-box}body{margin:0;background:#f7f5f2;color:var(--ink);font:18px/1.65 Outfit,Arial,sans-serif}h1,h2,h3,.brand{font-family:'Plus Jakarta Sans',Arial,sans-serif}h1,h2,h3{line-height:1.2;letter-spacing:-.045em}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}button,input{font:inherit}button,a,input{outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px max(5vw,24px);background:#fff;border-bottom:1px solid var(--line)}.brand{font-size:25px;line-height:1.2;font-weight:800;letter-spacing:-1.5px}.brand span{color:var(--red)}.brand small{display:block;font:9px/2 Outfit,sans-serif;letter-spacing:2px;color:var(--muted)}header nav{display:flex;gap:28px;font-size:15px}header nav .active{color:var(--red)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:var(--red);color:white!important;padding:16px 24px;border-radius:10px;font-weight:500;white-space:nowrap}.small{font-size:15px;padding:12px 20px}.button:hover{background:#bf412c}.hero,.featured,.library,.related{max-width:1320px;margin:auto;padding:65px 5vw}.hero{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-top:80px;padding-bottom:65px}.hero h1{font-size:clamp(38px,4.3vw,64px);margin:24px 0 0;font-weight:600}.hero h1 em{font-style:normal;color:var(--red)}.hero p{max-width:350px;font-size:18px;color:var(--muted);margin-bottom:8px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:600;text-transform:uppercase;color:var(--red)}.featured{padding-top:0;padding-bottom:20px}.section-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;border-top:1px solid var(--line);padding:22px 0;color:var(--muted)}.section-label span{letter-spacing:0;font-size:13px}.card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.feature{display:grid;grid-template-columns:1.12fr 1fr}.card-image{display:block;overflow:hidden;background:var(--sand)}.card img{width:100%;height:230px;object-fit:cover;object-position:top;display:block;transition:transform .35s}.card-image:hover img{transform:scale(1.025)}.feature img{height:100%;min-height:380px;object-fit:cover}.card-copy{padding:28px;display:flex;flex-direction:column;align-items:start;flex:1}.feature .card-copy{padding:42px}.meta{font-size:13px;color:var(--muted);margin:10px 0}.meta span{padding:0 7px}.card h3{font-size:24px;margin:12px 0}.feature h2{font-size:32px;margin:12px 0}.card p{font-size:16px;color:var(--muted);margin:0 0 26px}.read{margin-top:auto;font-size:14px;font-weight:600;display:flex;justify-content:space-between;width:100%;border-top:1px solid var(--line);padding-top:18px}.read span{color:var(--red);font-size:21px;line-height:1}.library-title{display:flex;align-items:center;justify-content:space-between;gap:30px}.library h2,.related h2{font-size:34px}.search{font-size:12px;color:var(--muted)}input{display:block;border:1px solid var(--line);background:transparent;padding:10px 16px;border-radius:8px;font-size:14px;width:250px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 30px}button{cursor:pointer;border:1px solid var(--line);border-radius:30px;padding:9px 18px;background:transparent;font-size:14px;color:var(--muted)}button.selected{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card[hidden]{display:none}.cta{max-width:1190px;margin:40px auto 70px;background:var(--sand);padding:55px 60px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:37px;margin:20px 0}.cta p{color:var(--muted);font-size:17px}.cta .button{flex-shrink:0}footer{padding:35px 5vw;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;justify-content:space-between;font-size:13px;color:var(--muted)}.article-head{max-width:1080px;padding:48px 40px 30px;margin:auto}.back{display:block;font-size:14px;color:var(--muted);margin-bottom:36px}.article-head h1{font-size:clamp(36px,4.1vw,56px);max-width:950px;margin:20px 0}.standfirst{font-size:23px;color:var(--muted);max-width:850px;line-height:1.5}.article-image{width:100%;max-height:470px;object-fit:cover;object-position:top;margin-top:30px;border-radius:10px}.reading-layout{max-width:1180px;padding:25px 40px 60px;margin:auto;display:grid;grid-template-columns:240px minmax(0,740px);gap:65px;align-items:start}aside{position:sticky;top:30px}aside nav{display:flex;flex-direction:column;gap:15px;margin-top:22px}aside a{font-size:14px;line-height:1.5;color:var(--muted)}.prose h2{font-size:31px;margin:45px 0 20px;scroll-margin-top:25px}.prose h2:first-child{margin-top:0}.prose h3{font-size:23px;margin-top:32px}.prose p{margin:0 0 22px}.author{background:var(--sand);border-radius:10px;padding:28px;margin-top:40px;font-size:16px}.author p{margin:10px 0}.author a{color:var(--red)}.related .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:12px;z-index:20}@media(min-width:1600px){.hero,.featured,.library,.related{padding-left:0;padding-right:0}}@media(max-width:1000px){header nav{gap:16px}header .button{display:none}.hero{display:block}.hero p{max-width:550px;margin-top:25px}.feature .card-copy{padding:28px}.feature h2{font-size:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.cta{margin:20px 5vw 50px;padding:35px;display:block}.cta .button{margin-top:15px}footer{flex-wrap:wrap}}@media(max-width:650px){body{font-size:17px}header{padding:18px 5vw;flex-wrap:wrap;gap:18px}.brand{font-size:23px}header nav{width:100%;justify-content:space-between;gap:10px;font-size:13px}.hero{padding-top:45px;padding-bottom:40px}.hero h1{font-size:40px}.hero h1 br{display:none}.hero p{font-size:17px}.feature{display:flex}.feature img{min-height:0;height:240px}.feature .card-copy{padding:25px}.feature h2{font-size:28px}.grid,.related .grid{grid-template-columns:1fr}.library{padding-top:35px}.library-title{display:block}.library h2{font-size:29px}.search input{width:100%;margin-top:5px}.filters{gap:7px}button{font-size:12px;padding:8px 12px}.cta h2{font-size:30px}.cta{padding:28px}.cta .button{font-size:14px;white-space:normal}.article-head{padding:30px 5vw}.article-head h1{font-size:36px}.standfirst{font-size:20px}.reading-layout{display:block;padding:10px 5vw 35px}aside{position:static;padding:22px;background:var(--sand);border-radius:10px;margin-bottom:35px}.prose h2{font-size:28px}.article-image{height:240px}.meta{font-size:12px}.section-label span{display:none}footer{display:block}footer>*{display:block;margin-bottom:15px}}

.prose .inline-link{color:#b9402b;text-decoration:underline;text-underline-offset:3px}

.prose .inline-link{color:#b9402b;text-decoration:underline;text-underline-offset:3px}

header .header-logo{display:block;width:195px;height:63px;object-fit:contain}header .brand{flex-shrink:0}@media(max-width:650px){header .header-logo{width:175px;height:auto}}

.website-examples{margin:52px 0}.website-examples>h2{margin-top:15px}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:26px}.example-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.example-card img{display:block;width:100%;height:250px;object-fit:cover;object-position:top}.example-copy{padding:20px}.example-copy h3{font-size:19px;margin:0 0 14px;letter-spacing:-.025em}.example-copy>span{font-size:14px;display:flex;justify-content:space-between;color:var(--red)}.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:650px){.example-grid{grid-template-columns:1fr}.example-card img{height:280px}}

/* Keep each screenshot and its caption together. */
.prose .example-grid{gap:36px 24px;align-items:start}
.prose .example-card{margin:0;background:#fff;border:1px solid #ded9d4;border-radius:12px;overflow:hidden;box-shadow:0 6px 22px #29272509}
.prose .example-card>a{display:block;color:inherit}
.browser-frame{overflow:hidden;background:#fff}
.browser-bar{height:32px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#eeeae6;border-bottom:1px solid #ded9d4}
.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;background:#b9b0a8;border-radius:50%;display:block}.browser-dots i:first-child{background:#dd887b}.browser-dots i:nth-child(2){background:#d4b777}.browser-dots i:nth-child(3){background:#9eb19a}
.browser-address{font:10px/1.4 Outfit,Arial,sans-serif;background:#faf9f7;border-radius:4px;padding:2px 12px;color:#685f57;flex:1;text-align:center}
.prose .example-card img{display:block;width:100%;height:240px;object-fit:cover;object-position:top;margin:0;border:0}
.prose .example-copy{padding:14px 17px 18px}
.prose .example-copy h3{font-size:19px;line-height:1.3;margin:0 0 8px;padding:0;letter-spacing:-.025em}
.prose .example-copy>span{display:flex;justify-content:space-between;font-size:14px;line-height:1.5;color:#b9402b}
.mobile-call{display:none}
@media(max-width:650px){.mobile-call{display:flex;position:fixed;top:0;left:0;right:0;z-index:1000;height:46px;align-items:center;justify-content:center;gap:9px;background:#dd533b;color:#fff;font-size:17px;font-weight:600;box-shadow:0 2px 8px #0002}.mobile-call:hover{color:#fff;background:#bf412c}body{padding-top:46px}.prose .example-grid{gap:38px}.prose .example-card img{height:280px}.prose .example-copy{padding:13px 17px 18px}.prose h2,.prose h3{scroll-margin-top:62px}}