.real-screen{margin:40px 0 0;min-width:0}
.hero-screen{margin:0}
.hero .shots .shot{padding:0}
.hero .shots .shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.hero .shots.own-pages{grid-template-columns:repeat(3,minmax(0,1fr))}
.hero .shots.own-pages .shot{height:320px;position:relative}
.hero .shots.own-pages .shot small{position:absolute;bottom:0;left:0;right:0;padding:8px 3px;background:white;font-size:10px;text-align:center}
@media(max-width:700px){.hero .shots.own-pages .shot{height:200px}}
.screen-preview{position:relative;display:block;width:100%;padding:0;border:1px solid #cbd7d0;border-radius:6px;background:#fff;overflow:hidden;text-align:left;box-shadow:0 16px 44px #10271a12}
.screen-preview img{width:100%;height:auto;display:block;aspect-ratio:auto}
.hero-screen .screen-preview{border-color:#547063}
.screen-expand{position:absolute;right:16px;bottom:16px;padding:8px 14px;border:1px solid #cedbd2;border-radius:4px;background:#fff;color:#17573e;font-size:13px;box-shadow:0 3px 14px #0001}
.screen-preview:hover .screen-expand{background:#e8f4ed}
.real-screen figcaption{margin-top:12px;font-size:13px;color:var(--muted);line-height:1.6}
.hero-screen figcaption{color:#b8cec0}
.fullpage-proof{width:230px;flex-shrink:0}
.fullpage-proof img{width:100%;height:auto;border:1px solid var(--line);box-shadow:10px 10px 0 #edf1ee}
.fullpage-proof figcaption{margin-top:20px;font-size:12px;color:var(--muted)}
.annotation-intro>div{display:grid;grid-template-columns:1fr 1fr;gap:12px 60px;align-items:start}
.annotation-intro h2{grid-row:span 2;margin:0}
.annotation-intro .band{grid-column:1/-1;margin-top:16px}
.brief-screen{margin:36px 0 48px}
.ai-result{background:transparent;box-shadow:none;border:0;border-left:3px solid var(--green);border-radius:0;padding:24px 32px}
#image-dialog{max-width:1440px;width:calc(100% - 32px)}
@media(max-width:700px){.hero .grid2{gap:30px}.hero .cta{width:100%}.real-screen{margin-top:28px}.real-screen figcaption{font-size:12px}.screen-expand{position:static;display:block;text-align:center;padding:10px;border:0;border-top:1px solid #dbe3de;border-radius:0;box-shadow:none}.annotation-intro>div{display:block}.annotation-intro h2{margin-bottom:22px}.fullpage-proof{width:120px}.fullpage-proof figcaption{font-size:12px}.capture-detail{align-items:flex-start;gap:24px}.ai-result{padding:20px}.brief-screen{margin-bottom:32px}}