.webdesign-hero,.webdesign-pieces-section,.webdesign-beforeafter-section,.webdesign-errors-section,.webdesign-includes-section{padding:5rem 0;background:var(--color-bg)}.webdesign-context-section,.webdesign-decision-section,.webdesign-process-section{padding:5rem 0;background:var(--color-surface)}.webdesign-wrap{width:min(100% - 2.5rem,1240px);margin:0 auto}.webdesign-pill{display:inline-flex;width:fit-content;margin:0 0 1rem;padding:.55rem 1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-brand);font-size:.875rem;font-weight:900}.webdesign-hero__grid,.webdesign-context-layout,.webdesign-process-layout,.webdesign-includes-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:2rem;align-items:start}.webdesign-hero__copy h1,.section-intro h2,.webdesign-context-copy h2,.webdesign-process-copy h2,.webdesign-includes-copy h2{margin:0;color:var(--color-text);font-size:clamp(2.35rem,4.2vw,4.2rem);line-height:1.03;letter-spacing:-.05em;font-weight:900}.webdesign-hero__lead,.section-intro p,.webdesign-context-copy>p,.webdesign-process-copy>p,.webdesign-includes-copy>p{margin:1.4rem 0 0;color:var(--color-muted);font-size:1.08rem;line-height:1.8}.webdesign-hero__text{margin:1rem 0 0;color:var(--color-muted);line-height:1.8}.webdesign-hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:.85rem 1.25rem;border-radius:999px;font-weight:900;text-decoration:none}.button-primary{background:var(--color-brand);color:#fff;box-shadow:0 16px 34px #425d1b2e}.button-secondary{border:1px solid var(--color-border);background:#fff;color:var(--color-text)}.web-preview-card,.process-panel,.includes-card{border:1px solid var(--color-border);border-radius:2rem;background:radial-gradient(circle at top right,rgba(255,213,0,.18),transparent 18rem),#fff;padding:1.7rem;box-shadow:0 18px 45px #1f241c0f}.web-preview-card__top,.process-panel__top,.includes-card__top{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;margin-bottom:1.25rem}.web-preview-card__top>span,.process-panel__top>span,.includes-card__top>span{display:flex;width:3.25rem;height:3.25rem;align-items:center;justify-content:center;border-radius:1.1rem;background:var(--color-bg);font-size:1.45rem}.web-preview-card__top p,.process-panel__top p{margin:0 0 .45rem;color:var(--color-brand);font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.web-preview-card__top h2,.process-panel__top h3,.includes-card__top h3{margin:0;color:var(--color-text);font-size:1.45rem;line-height:1.18;font-weight:900}.web-preview-screen{overflow:hidden;border:1px solid var(--color-border);border-radius:1.5rem;background:#fff}.web-preview-screen__bar{display:flex;gap:.4rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:.85rem 1rem}.web-preview-screen__bar span{width:.7rem;height:.7rem;border-radius:999px;background:var(--color-border)}.web-preview-screen__hero{padding:1.3rem;background:radial-gradient(circle at top right,rgba(255,213,0,.25),transparent 12rem),var(--color-bg)}.web-preview-screen__hero span,.web-preview-screen__hero strong{display:block;border-radius:999px}.web-preview-screen__hero span{width:6rem;height:.65rem;background:var(--color-brand)}.web-preview-screen__hero strong{width:85%;height:1.1rem;margin-top:1rem;background:var(--color-text)}.web-preview-screen__hero strong.is-short{width:55%;margin-top:.55rem}.web-preview-screen__cards{display:grid;gap:.75rem;padding:1rem}.web-preview-screen__cards article{border:1px solid var(--color-border);border-radius:1rem;background:var(--color-surface);padding:.85rem;color:var(--color-text);font-size:.92rem;font-weight:900}.webdesign-context-cards{display:grid;gap:1rem}.webdesign-context-cards article,.piece-card,.decision-path article,.errors-grid article{border:1px solid var(--color-border);border-radius:1.75rem;background:#fff;padding:1.5rem;box-shadow:0 18px 45px #1f241c0d}.webdesign-context-cards span,.decision-path span,.errors-grid span{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:1rem;background:var(--color-bg);font-size:1.3rem;margin-bottom:1rem}.webdesign-context-cards h3,.decision-path h3,.errors-grid h3{margin:0;color:var(--color-text);font-size:1.24rem;line-height:1.2;font-weight:900}.webdesign-context-cards p,.decision-path p,.errors-grid p{display:block;margin:.8rem 0 0;color:var(--color-muted);line-height:1.7}.section-intro{max-width:900px;margin-bottom:2.5rem}.pieces-board{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:1rem}.piece-card--main{grid-row:span 2;background:radial-gradient(circle at top right,rgba(255,213,0,.18),transparent 18rem),#fff}.piece-card__icon{display:flex;width:3.1rem;height:3.1rem;align-items:center;justify-content:center;border-radius:1rem;background:var(--color-bg);font-size:1.25rem;font-weight:900;margin-bottom:1rem}.piece-card p,.compare-card p{display:inline-flex;margin:0 0 1rem;color:var(--color-brand);font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.piece-card h3,.compare-card h3{margin:0;color:var(--color-text);font-size:1.32rem;line-height:1.18;font-weight:900}.piece-card span{display:block;margin-top:.9rem;color:var(--color-muted);line-height:1.7}.decision-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.compare-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem}.compare-card{border:1px solid var(--color-border);border-radius:2rem;background:#fff;padding:1.6rem;box-shadow:0 18px 45px #1f241c0d}.compare-card--strong{background:radial-gradient(circle at top right,rgba(255,213,0,.18),transparent 18rem),#fff}.compare-card ul,.includes-card ul{margin:1rem 0 0;padding:0;list-style:none}.compare-card li,.includes-card li{position:relative;padding-left:1.6rem;color:var(--color-text);line-height:1.65;font-weight:800}.compare-card li:before,.includes-card li:before{position:absolute;left:0;top:0;font-weight:900}.compare-card--weak li:before{content:"–";color:var(--color-terracotta)}.compare-card--strong li:before,.includes-card li:before{content:"✓";color:var(--color-brand)}.compare-card li+li,.includes-card li+li{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.process-list{display:grid;gap:.85rem}.process-list article{border:1px solid var(--color-border);border-radius:1.25rem;background:#ffffffb8;padding:1rem}.process-list strong{display:block;margin-bottom:.4rem;color:var(--color-text);font-size:.96rem}.process-list span{color:var(--color-muted);line-height:1.6}.errors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media(max-width:1100px){.pieces-board,.decision-path,.errors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.piece-card--main{grid-row:auto}}@media(max-width:900px){.webdesign-hero__grid,.webdesign-context-layout,.webdesign-process-layout,.webdesign-includes-layout,.compare-grid{grid-template-columns:1fr}}@media(max-width:640px){.webdesign-wrap{width:min(100% - 1.75rem,1240px)}.webdesign-hero,.webdesign-context-section,.webdesign-pieces-section,.webdesign-decision-section,.webdesign-beforeafter-section,.webdesign-process-section,.webdesign-errors-section,.webdesign-includes-section{padding:4rem 0}.webdesign-hero__actions{flex-direction:column}.button-primary,.button-secondary{width:100%}.web-preview-card,.webdesign-context-cards article,.piece-card,.decision-path article,.compare-card,.process-panel,.errors-grid article,.includes-card{padding:1.4rem}.web-preview-card__top,.process-panel__top,.includes-card__top,.pieces-board,.decision-path,.errors-grid{grid-template-columns:1fr}}