.showcase.real-product{min-height:420px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:36px;background:linear-gradient(140deg,#e9f2e9,#f7f0df);border-radius:32px;overflow:hidden}.showcase-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.25;margin:16px 0}.showcase-copy p{max-width:360px;color:#59655e;line-height:1.8}.screenshot-pending{height:310px;border:1px dashed #98ac9c;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9faf5;color:#506b58}.screenshot-pending>span{font-size:36px}.screenshot-pending p{margin:12px 0 5px;font-weight:700}.screenshot-pending small,.real-screenshot-note{color:#738078}.real-screenshot-note{padding:18px 0;border-top:1px solid #e5e9e1;font-size:14px}.contact-section{background:#edf3ed}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.contact-grid h2{font-size:clamp(34px,5vw,54px);line-height:1.2}.contact-grid>div>p:not(.eyebrow){line-height:1.9;color:#59655e}.privacy-hint{font-size:13px}.guestbook-form{display:grid;gap:14px;background:white;border-radius:22px;padding:28px;box-shadow:0 10px 40px #233b2810}.guestbook-form label{display:grid;gap:7px;font-size:14px;font-weight:600;color:#34453a}.guestbook-form input:not([type=checkbox]),.guestbook-form textarea{width:100%;padding:12px 14px;border:1px solid #dbe2d8;border-radius:10px;font:inherit;background:#fcfdfb;box-sizing:border-box}.guestbook-form textarea{resize:vertical}.guestbook-form>small{color:#758078;margin-top:-10px}.guestbook-form .consent{display:flex;align-items:center;gap:8px;font-weight:400}.consent a{color:#376f58}.char-count{text-align:right;color:#879087;font-size:12px}.guestbook-form button{justify-self:start;border:0;cursor:pointer}.guestbook-form button:disabled{opacity:.6;cursor:wait}.website-field{position:absolute!important;left:-10000px!important;opacity:0!important}.guestbook-form [role=status]{min-height:1em;margin:0;color:#376f58}.image-shot{cursor:zoom-in;max-width:100%;height:auto}.image-shot:focus-visible{outline:3px solid #e7a66b}#image-viewer{width:min(94vw,1200px);max-width:none;max-height:94vh;padding:12px;border:0;border-radius:18px;background:#fff;box-sizing:border-box}#image-viewer::backdrop{background:#132018dd}#image-viewer img{display:block;max-width:100%;max-height:calc(94vh - 24px);object-fit:contain}.viewer-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border:0;border-radius:50%;font-size:28px;cursor:pointer}
@media(max-width:760px){.showcase.real-product{grid-template-columns:1fr;min-height:0;padding:24px}.screenshot-pending{height:230px}.contact-grid{grid-template-columns:1fr;gap:22px}.guestbook-form{padding:20px}}
.product-shot{margin:0;justify-self:center;width:min(100%,330px);padding:12px 12px 4px;background:#fff;border-radius:28px;box-shadow:0 20px 54px #1b372626;transform:rotate(1deg)}.shot-button{display:block;position:relative;width:100%;padding:0;border:0;border-radius:18px;overflow:hidden;background:#f4f6f2;cursor:zoom-in}.shot-button img{display:block;width:100%;height:auto}.shot-button>span{position:absolute;right:10px;bottom:10px;border-radius:99px;padding:6px 10px;background:#19372dbb;color:white;font-size:12px;opacity:0;transition:opacity .2s}.shot-button:hover>span,.shot-button:focus-visible>span{opacity:1}.product-shot figcaption{padding:11px 5px 7px;text-align:center;font-size:13px;line-height:1.6;color:#435248}.product-shot figcaption small{font-size:11px;color:#738078}@media(max-width:760px){.product-shot{width:min(75%,290px)}.shot-button>span{opacity:1}}
.showcase.real-product{display:block;min-height:0;padding:24px;background:linear-gradient(145deg,#ecf3eb,#f6efdf);border-radius:30px}.device-pair{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 205px;align-items:center;gap:18px;max-width:760px;margin:auto;padding:12px 0 28px}.site-shot{min-width:0;margin:0;padding:10px;border-radius:17px;background:#fff;box-shadow:0 12px 32px #1c35241c}.site-shot .shot-button{display:block;width:100%;border:0;background:#f8f9f5;padding:0;overflow:hidden;cursor:zoom-in}.site-shot img{display:block;width:100%;height:310px;object-fit:cover;object-position:top}.site-shot figcaption{padding:10px 4px 3px;text-align:center;color:#526159;font-size:13px;line-height:1.5}.laptop-shot{align-self:center}.laptop-shot .shot-button{border:7px solid #293c34;border-radius:13px}.laptop-shot img{height:330px;object-fit:cover;object-position:top}.phone-shot{width:205px;justify-self:center;border:5px solid #2c3933;border-radius:26px;padding:7px;transform:rotate(1.5deg)}.phone-shot .shot-button{border-radius:17px}.phone-shot img{height:290px;object-fit:cover;object-position:top}.phone-shot figcaption{font-size:11px}.shot-proof{position:absolute;left:0;right:0;bottom:0;text-align:center;color:#708078;font-size:12px}.feature-grid{align-items:stretch}.feature-grid .feature{display:flex;flex-direction:column;gap:12px}.feature-grid .site-shot{width:100%;margin-top:auto}.feature-grid .site-shot img{height:280px}.feature-grid .agreement-detail img{height:225px}.feature-grid .reward-ledger img{height:220px}.feature-grid .record-story img{height:260px}.steps{margin-bottom:35px}.process-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:980px;margin:0 auto 20px}.process-shots .site-shot img{height:320px}.process-note{max-width:980px;margin:auto}.shot-button:focus-visible{outline:3px solid #d78d58;outline-offset:4px}.shot-button>span{pointer-events:none}.site-shot:not(.laptop-shot):not(.phone-shot){margin-top:16px}.contact-section .wrap{scroll-margin-top:100px}
@media(max-width:760px){.device-pair{grid-template-columns:minmax(0,1fr) 132px;gap:8px;padding:10px 0 36px}.showcase.real-product{padding:14px}.site-shot{padding:6px;border-radius:13px}.laptop-shot .shot-button{border-width:4px}.laptop-shot img{height:205px}.phone-shot{width:132px;border-width:4px;border-radius:20px;padding:5px}.phone-shot img{height:205px}.site-shot figcaption{font-size:10px}.shot-proof{font-size:10px}.feature-grid .site-shot img{height:230px}.feature-grid .agreement-detail img,.feature-grid .reward-ledger img,.feature-grid .record-story img{height:200px}.process-shots{grid-template-columns:1fr;gap:10px}.process-shots .site-shot img{height:245px}}