.hpw-section{padding-top:12px;scroll-margin-top:130px}.hpw-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,4.5vw,72px);align-items:center;background:var(--soft,#f1f7fa);border:1px solid var(--line,#d2e2e9);border-radius:var(--radius,12px);padding:clamp(28px,3.5vw,52px)}.hpw-copy,.hpw-examples{min-width:0}.hpw-copy>.eyebrow{font-size:10px;line-height:1.7;letter-spacing:1px;margin:0 0 20px}.hpw-copy h2{font-size:clamp(33px,3vw,44px);line-height:1.17;letter-spacing:-1px;margin:0;color:var(--ink)}.hpw-copy h2 em{display:block;color:var(--action);font-weight:400}.hpw-intro{font-size:16px;line-height:1.8;margin:23px 0 0;color:var(--ink)}.hpw-description{font-size:13px;line-height:1.85;margin:15px 0 0;color:var(--muted)}.hpw-includes{list-style:none;padding:0;margin:25px 0;display:grid;gap:11px}.hpw-includes li{font-size:13px;line-height:1.7;padding-left:23px;position:relative;color:var(--ink)}.hpw-includes li:before{content:"\2713";position:absolute;left:0;top:0;color:var(--action);font-weight:700}.hpw-prices{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-block:1px solid var(--line);padding-block:21px;margin-top:27px}.hpw-prices>div+div{padding-left:22px;border-left:1px solid var(--line)}.hpw-plan-name{display:block;font-size:9px;line-height:1.6;letter-spacing:.7px;font-weight:700;color:var(--ink)}.hpw-price{display:flex;flex-wrap:wrap;gap:5px;align-items:baseline;margin:9px 0}.hpw-price>span:first-child{font-size:13px;color:var(--ink)}.hpw-price strong{font:38px/1 Georgia,serif;color:var(--action);letter-spacing:-1px}.hpw-price>span:last-child{font-size:9px;color:var(--muted)}.hpw-prices>div>p:last-child{font-size:11px;line-height:1.7;margin:0;color:var(--muted)}.hpw-actions{gap:20px;margin-top:25px;align-items:center;flex-wrap:wrap}.hpw-actions .button{font-size:12px;line-height:1.5;gap:20px;white-space:normal}.hpw-actions>.text-link{font-size:12px}.hpw-note{font-size:10px;line-height:1.8;color:var(--muted);margin:15px 0 0}.hpw-examples-label{display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:.8px;line-height:1.6;color:var(--muted);margin-bottom:17px}.hpw-browser-dots{display:flex;gap:5px;flex:0 0 auto}.hpw-browser-dots i{width:6px;height:6px;border-radius:50%;background:#a9c2cd}.hpw-sample{display:block;text-decoration:none;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:#fff;transition:box-shadow .2s,transform .2s}.hpw-sample:focus-visible{outline:3px solid var(--action);outline-offset:5px}.hpw-sample:hover{box-shadow:0 10px 22px #19354115;transform:translateY(-2px)}.hpw-coffee-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;background:#fbf8f2;color:#3b3028}.hpw-coffee-header>span:first-child{font:22px/1 Georgia,serif;letter-spacing:3px}.hpw-coffee-header>span:first-child>span{display:block;font:7px/1.6 Arial,sans-serif;letter-spacing:1.1px;margin-top:7px}.hpw-demo-tag{font-size:8px;line-height:1.6;letter-spacing:.5px;text-align:right}.hpw-sample-coffee>img{display:block;width:100%;height:clamp(190px,18vw,260px);object-fit:cover;object-position:center}.hpw-coffee-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;background:#fbf8f2;color:#3b3028}.hpw-coffee-caption>span:first-child{font:20px/1.35 Georgia,serif}.hpw-coffee-caption strong{font-weight:400}.hpw-round-arrow{width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;border:1px solid #d5ccbf;font-size:17px}.hpw-more-demos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:17px}.hpw-small-sample>img{display:block;width:100%;height:100px;object-fit:cover}.hpw-small-sample:first-child>img{object-position:center 20%}.hpw-small-sample>span{display:block;padding:15px 16px}.hpw-small-sample strong{font:18px/1.2 Georgia,serif;color:var(--ink);letter-spacing:.4px}.hpw-small-sample>span>span{display:block;font-size:9px;line-height:1.6;color:var(--muted);margin-top:7px}.hpw-demo-note{font-size:10px;line-height:1.8;margin:16px 0 0;color:var(--muted)}@media (max-width:1100px){.hpw-panel{gap:30px;padding:30px}.hpw-price>span:last-child{flex-basis:100%}.hpw-copy h2{font-size:36px}.hpw-coffee-caption>span:first-child{font-size:18px}.hpw-actions{gap:15px}.hpw-coffee-header,.hpw-coffee-caption{padding:17px}.hpw-prices{gap:15px}.hpw-prices>div+div{padding-left:15px}}@media (max-width:850px){.hpw-panel{grid-template-columns:1fr;gap:38px;padding:32px}.hpw-copy h2{font-size:40px;max-width:600px}.hpw-price>span:last-child{flex-basis:auto}.hpw-examples{width:100%;max-width:620px;justify-self:center}.hpw-sample-coffee>img{height:280px}.hpw-small-sample>img{height:130px}}@media (max-width:600px){.hpw-section{padding-top:5px}.hpw-panel{padding:27px 21px;gap:30px}.hpw-copy>.eyebrow{font-size:9px;margin-bottom:17px}.hpw-copy h2{font-size:34px;line-height:1.2;letter-spacing:-.7px}.hpw-intro{font-size:15px;line-height:1.8;margin-top:20px}.hpw-description{font-size:12px}.hpw-includes{gap:10px;margin-block:23px}.hpw-includes li{font-size:12px}.hpw-prices{gap:12px;padding-block:18px}.hpw-prices>div+div{padding-left:12px}.hpw-plan-name{font-size:8px;letter-spacing:.3px}.hpw-price{gap:4px}.hpw-price strong{font-size:36px}.hpw-price>span:last-child{flex-basis:100%;font-size:10px}.hpw-prices>div>p:last-child{font-size:10px}.hpw-actions{display:flex;flex-direction:column;align-items:stretch;gap:18px}.hpw-actions .button{justify-content:space-between;width:100%;font-size:12px;padding-inline:18px;box-sizing:border-box}.hpw-actions>.text-link{align-self:flex-start}.hpw-examples-label{font-size:7px;gap:10px}.hpw-coffee-header{padding:15px}.hpw-coffee-header>span:first-child{font-size:20px}.hpw-demo-tag{font-size:7px}.hpw-sample-coffee>img{height:190px}.hpw-coffee-caption{padding:15px;gap:10px}.hpw-coffee-caption>span:first-child{font-size:18px}.hpw-more-demos{gap:12px;margin-top:13px}.hpw-small-sample>img{height:88px}.hpw-small-sample>span{padding:12px 10px}.hpw-small-sample strong{font-size:16px}.hpw-small-sample>span>span{font-size:8px}.hpw-demo-note,.hpw-note{font-size:9px}}@media (prefers-reduced-motion:reduce){.hpw-sample{transition:none}.hpw-sample:hover{transform:none}}