.fp-example-gallery{padding:100px 24px;background:linear-gradient(180deg,#f7faff,#eef4ff 55%,#fff);color:#16213a;font-family:Instrument Sans,Arial,sans-serif}.fp-example-gallery *{box-sizing:border-box}.fpeg-inner{max-width:1200px;margin:auto}.fpeg-label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#426ad8;text-align:center;margin:0 0 18px}#website-designs-title{font-size:clamp(34px,4.2vw,58px);font-weight:600;letter-spacing:-.045em;line-height:1.08;text-align:center;margin:0}#website-designs-title span{color:#527fe9}.fpeg-description{text-align:center;max-width:680px;margin:22px auto 44px;font-size:18px;line-height:1.7;color:#526078}.fpeg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.fpeg-card{background:#fff;border:1px solid #dae4f4;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #153c7210;min-width:0}.fpeg-link{display:block;color:inherit;text-decoration:none}.fpeg-browser{height:30px;background:#f3f6fb;border-bottom:1px solid #dde5f0;display:flex;align-items:center;gap:5px;padding:0 13px}.fpeg-browser i{width:6px;height:6px;background:#b6c5dc;border-radius:50%}.fpeg-browser small{font-size:9px;letter-spacing:.04em;color:#63728b;margin-left:auto}.fpeg-window{display:block;height:224px;overflow:hidden;background:#f0f3f8}.fpeg-shot{display:block;width:100%;height:auto;max-width:100%;transform:translateY(0);transition:transform 1.2s ease-out}.fpeg-card:focus-within .fpeg-shot,.fpeg-card.is-playing .fpeg-shot{transform:translateY(calc(224px - 100%));transition:transform 10s linear}.fpeg-info{padding:22px 22px 15px}.fpeg-info p{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#5d7091;margin:0 0 9px}.fpeg-info :is(h2,h3){font-size:24px;letter-spacing:-.035em;margin:0 0 14px;line-height:1.15}.fpeg-info span{font-size:14px;font-weight:600;color:#315dc9}.fpeg-controls{padding:0 22px 20px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:#778299}.fpeg-preview{font-family:inherit;font-size:11px;font-weight:600;line-height:1.5;background:#f2f6ff;color:#315dc9;border:1px solid #d5e0f7;border-radius:7px;padding:7px 11px;cursor:pointer}.fpeg-link:focus-visible,.fpeg-preview:focus-visible{outline:3px solid #4676e4;outline-offset:-3px}.fpeg-note{text-align:center;max-width:780px;margin:35px auto 0;color:#61718b;font-size:13px;line-height:1.6}.fpeg-all{text-align:center;margin-top:30px}.fpeg-all a{display:inline-block;padding:12px 24px;border:1px solid #bed0ef;border-radius:25px;color:#315dc9;text-decoration:none;font-size:14px}.gallery-page{margin:0;background:#fff;color:#142348}.gallery-page .gallery-header{max-width:1200px;margin:auto;padding:28px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-family:Arial,sans-serif}.gallery-header a{color:#234fae;text-decoration:none}.gallery-header strong{font-size:22px}.gallery-page .fp-example-gallery{padding-top:65px}.gallery-page footer{text-align:center;padding:30px;font:14px/1.6 Arial,sans-serif;color:#62718a}.gallery-page footer a{color:#315dc9}
@media(hover:hover){.fpeg-card:hover .fpeg-shot{transform:translateY(calc(224px - 100%));transition:transform 10s linear}}
@media(max-width:1000px){.fpeg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.fp-example-gallery{padding:70px 20px}.fpeg-grid{grid-template-columns:1fr;gap:28px}.fpeg-description{font-size:17px;margin-bottom:30px}#website-designs-title{font-size:38px}.gallery-header{font-size:13px}.gallery-header strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.fpeg-card .fpeg-shot{transform:none!important;transition:none!important}.fpeg-preview{display:none}}

/* Actual Sunroom desktop and mobile captures, scoped to marketing showcase. */
.fp-sunroom-showcase{position:relative;padding:0 44px 32px 0}.fp-sunroom-showcase>a{display:block;color:inherit}.fp-sunroom-showcase .sv-browser{overflow:hidden;background:#f7f4fd}.fp-sunroom-desktop{display:block;width:100%;height:auto}.fp-sunroom-phone{position:absolute;right:0;bottom:44px;width:24%;max-width:170px;border:7px solid #182035;border-radius:24px;overflow:hidden;box-shadow:0 16px 40px #14244233;background:#fff}.fp-sunroom-phone img{display:block;width:100%;height:auto}.fp-sunroom-showcase figcaption{margin-top:16px;font-size:14px;text-align:center}.fp-sunroom-showcase a:focus-visible{outline:3px solid #2563eb;outline-offset:6px;border-radius:12px}@media(max-width:600px){.fp-sunroom-showcase{padding-right:30px}.fp-sunroom-phone{border-width:4px;border-radius:14px;bottom:52px;width:26%}}

.fpeg-controls{justify-content:flex-end}.fp-sunroom-showcase{padding-bottom:0}.fp-sunroom-phone{bottom:0}@media(max-width:600px){.fp-sunroom-phone{bottom:0}}