.pg-web-design .wd-hero{background:var(--ink-900);padding:clamp(9rem,15vw,12rem) 0 clamp(5rem,9vw,7rem);position:relative;overflow:hidden}.pg-web-design .wd-hero-bg{position:absolute;inset:0}.pg-web-design .wd-hero-bg img{object-fit:cover;object-position:center 60%;animation:wdDrift 24s var(--ease-out) both}.pg-web-design .wd-hero-bg:after{content:"";background:linear-gradient(90deg,#15120deb 0%,#15120dc7 45%,#15120d59 100%);position:absolute;inset:0}@media (max-width:760px){.pg-web-design .wd-hero-bg:after{background:#15120dcc}}.pg-web-design .wd-hero .wrap{position:relative}.pg-web-design .wd-hero h1{max-width:12ch;margin:1.25rem 0 1.75rem;font-size:clamp(3.2rem,7.6vw,6.4rem);line-height:.95}.pg-web-design .wd-hero .lede{font-family:var(--font-serif);color:var(--paper-100);max-width:50ch;font-size:clamp(1.15rem,1.8vw,1.4rem);line-height:1.6}.pg-web-design .white{background:var(--paper-0);color:var(--ink-900)}.pg-web-design .white .eyebrow{color:var(--teal)}.pg-web-design .white .sec-head p{color:var(--ink-400)}.pg-web-design .wd-show{align-items:center;gap:2.5rem;display:grid}@media (min-width:1000px){.pg-web-design .wd-show{grid-template-columns:1.6fr 1fr;gap:4rem}}.pg-web-design .wd-devices{padding:0 12% 8% 0;position:relative}.pg-web-design .wd-laptop{background:var(--ink-900);border-radius:14px;padding:0 8px 8px;box-shadow:0 30px 60px #15120d38}.pg-web-design .wd-laptop-bar{gap:6px;padding:10px 6px;display:flex}.pg-web-design .wd-laptop-bar i{background:var(--ink-700);border-radius:50%;width:9px;height:9px}.pg-web-design .wd-laptop-bar i:first-child{background:var(--coral)}.pg-web-design .wd-laptop-screen{aspect-ratio:16/10;background:var(--ink-800);border-radius:4px;position:relative;overflow:hidden}.pg-web-design .wd-phone{aspect-ratio:390/844;background:var(--ink-900);border-radius:26px;width:26%;padding:7px;position:absolute;bottom:0;right:0;box-shadow:0 24px 48px #15120d4d}.pg-web-design .wd-phone .wd-shot{border-radius:20px;overflow:hidden}.pg-web-design .wd-phone{overflow:hidden}.pg-web-design .wd-shot{position:absolute;inset:0}.pg-web-design .wd-phone .wd-shot{inset:7px}.pg-web-design .wd-shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.pg-web-design .wd-show-info{align-content:start;min-height:11rem;display:grid}.pg-web-design .wd-show-info>*{grid-area:1/1}@media (min-width:1000px){.pg-web-design .wd-show-info{min-height:10rem}}.pg-web-design .wd-show-meta .mono{letter-spacing:.14em;text-transform:uppercase;color:var(--teal);font-size:.68rem}.pg-web-design .wd-show-meta h3{font-family:var(--font-display);text-transform:uppercase;margin:.6rem 0 .8rem;font-size:clamp(2rem,3.4vw,2.8rem);font-weight:400;line-height:1}.pg-web-design .wd-show-meta a{color:var(--ink-900);text-underline-offset:3px;font-weight:600}.pg-web-design .wd-show-meta a:hover{color:var(--coral)}.pg-web-design .wd-show-tabs{border-top:2px solid var(--ink-900);margin-top:2rem;display:grid}.pg-web-design .wd-show-tabs button{text-align:left;border:0;border-bottom:1px solid var(--ink-200);font:inherit;font-family:var(--font-serif);color:var(--ink-400);cursor:pointer;background:0 0;padding:.9rem 0;font-size:1.05rem;transition:color .2s;position:relative}.pg-web-design .wd-show-tabs button:hover,.pg-web-design .wd-show-tabs button[aria-selected=true]{color:var(--ink-900)}.pg-web-design .wd-show-tabs button[aria-selected=true]{font-weight:600}.pg-web-design .wd-show-tabs button:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.pg-web-design .wd-tab-bar{background:var(--coral);transform-origin:0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.pg-web-design .wd-ready{align-items:start;gap:2.5rem;display:grid}@media (min-width:900px){.pg-web-design .wd-ready{grid-template-columns:.9fr 1.1fr;gap:4rem}}.pg-web-design .wd-ready .h-display{margin-top:.8rem;font-size:clamp(2.5rem,5.5vw,4.25rem)}.pg-web-design .wd-ready-p{font-family:var(--font-serif);color:var(--ink-400);max-width:40ch;margin:1.25rem 0 0;font-size:1.15rem;line-height:1.55}.pg-web-design .wd-qs{counter-reset:q;border-top:2px solid var(--ink-900);list-style:none;display:grid}.pg-web-design .wd-qs li{counter-increment:q;border-bottom:1px solid var(--ink-200);font-family:var(--font-serif);grid-template-columns:3rem 1fr;gap:1rem;padding:1.25rem 0;font-size:1.15rem;line-height:1.5;display:grid}.pg-web-design .wd-qs li:before{content:counter(q, decimal-leading-zero);font-family:var(--font-display);color:var(--coral);font-size:2rem;line-height:1}.pg-web-design .wd-stack{background:var(--ink-700);border:1px solid var(--ink-700);gap:1px;list-style:none;display:grid}@media (min-width:700px){.pg-web-design .wd-stack{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.pg-web-design .wd-stack{grid-template-columns:repeat(4,1fr)}}.pg-web-design .wd-stack li{background:var(--ink-800);padding:clamp(2rem,3vw,2.75rem) clamp(1.75rem,2.5vw,2.25rem)}.pg-web-design .wd-stack .mono{letter-spacing:.14em;text-transform:uppercase;color:var(--mint);font-size:.68rem}.pg-web-design .wd-stack h3{font-family:var(--font-display);text-transform:uppercase;color:var(--paper-50);margin:.75rem 0;font-size:1.9rem;font-weight:400}.pg-web-design .wd-stack p{color:var(--ink-300);line-height:1.65}.pg-web-design .white .gp-feat-grid{background:var(--ink-200);border-color:var(--ink-200)}.pg-web-design .white .gp-feat{background:var(--paper-50)}.pg-web-design .white .gp-feat .mono{color:var(--teal)}.pg-web-design .white .gp-feat p{color:var(--ink-400)}.pg-web-design .gp-feat a{color:inherit;text-decoration:underline}.pg-web-design .wd-compare{background:var(--ink-700);border:1px solid var(--ink-700);gap:1px;display:grid}@media (min-width:900px){.pg-web-design .wd-compare{grid-template-columns:repeat(2,1fr)}}.pg-web-design .wd-compare>div{background:var(--ink-900);padding:2rem 1.75rem}.pg-web-design .wd-compare .mono{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-300);font-size:.68rem}.pg-web-design .wd-compare>div:nth-child(2) .mono{color:var(--mint)}.pg-web-design .wd-compare ul{gap:.75rem;margin-top:1.25rem;list-style:none;display:grid}.pg-web-design .wd-compare li{color:var(--ink-300);padding-left:1.6rem;line-height:1.5;position:relative}.pg-web-design .wd-compare>div:first-child li:before{content:"✕";color:var(--ink-400);position:absolute;left:0}.pg-web-design .wd-compare>div:nth-child(2) li:before{content:"✓";color:var(--mint);font-weight:700;position:absolute;left:0}.pg-web-design .wd-note{border-left:4px solid var(--coral);background:var(--ink-800);color:var(--ink-300);max-width:70ch;margin-top:2rem;padding:1.25rem 1.5rem;line-height:1.6}.pg-web-design .wd-note a{color:inherit;text-decoration:underline}.pg-web-design .wd-ai-card{background:var(--paper-50);color:var(--ink-900);border-left:6px solid var(--mint);transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);justify-items:start;gap:.6rem;margin-top:2.5rem;padding:clamp(1.75rem,3vw,2.5rem);text-decoration:none;display:grid}.pg-web-design .wd-ai-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px #0000004d}.pg-web-design .wd-ai-card:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.pg-web-design .wd-ai-card .mono{letter-spacing:.14em;text-transform:uppercase;color:var(--teal);font-size:.68rem}.pg-web-design .wd-ai-card strong{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:400;line-height:1}.pg-web-design .wd-ai-p{font-family:var(--font-serif);color:var(--ink-400);max-width:56ch;font-size:1.1rem;line-height:1.55}.pg-web-design .wd-ai-btn{background:var(--coral);color:var(--ink-900);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill);margin-top:.6rem;padding:.85rem 1.4rem;font-size:.85rem;font-weight:600}.pg-web-design .wd-ai-card:hover .wd-ai-btn{background:var(--coral-hover)}.pg-web-design .wd-proof{align-items:center;gap:2.5rem;display:grid}@media (min-width:900px){.pg-web-design .wd-proof{grid-template-columns:1.1fr .9fr;gap:4rem}}.pg-web-design .wd-proof img{aspect-ratio:3/2;object-fit:cover;border:6px solid var(--paper-0);width:100%;height:auto;box-shadow:0 24px 48px #0000002e}.pg-web-design .wd-proof .h-display{margin-top:.8rem;font-size:clamp(2.4rem,4.8vw,3.8rem)}.pg-web-design .wd-proof ul{gap:.6rem;margin-top:1.5rem;list-style:none;display:grid}.pg-web-design .wd-proof li{color:var(--ink-400);padding-left:1.6rem;line-height:1.5;position:relative}.pg-web-design .wd-proof li:before{content:"✓";color:var(--teal);font-weight:700;position:absolute;left:0}.pg-web-design .wd-proof p{font-family:var(--font-serif);color:var(--ink-400);margin-top:1rem;font-size:1.15rem;line-height:1.6}@keyframes wdDrift{0%{transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pg-web-design .wd-hero-bg img{animation:none}}.pg-web-design .s-831aca{margin-top:2rem}.pg-web-design .s-511cd1{padding-top:0}
