/* Photography and real product views for the feature landing pages. */
.feature-visual-page .feature-hero{position:relative;isolation:isolate;overflow:hidden;margin:20px 24px 0;padding:68px 0!important;min-height:540px;background:#151817!important;text-align:left}
.feature-visual-page .feature-hero::before,.feature-visual-page .feature-hero::after{display:none!important}
.feature-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--feature-photo-position,center);z-index:-2}
.feature-visual-page .feature-hero .feature-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,16,15,.93),rgba(12,16,15,.76) 42%,rgba(12,16,15,.08) 100%);z-index:-1}
.feature-visual-page .feature-hero>.container{display:block;max-width:1440px;position:relative;z-index:1}
.feature-visual-page .feature-hero .hero-content{width:100%;max-width:730px!important;text-align:left;margin:0}
.feature-visual-page .feature-hero :is(h1,h1 span,.badge,p){color:#fff!important;text-align:left}
.feature-visual-page .feature-hero h1{font-size:clamp(38px,4.5vw,62px)!important;line-height:1.08;max-width:730px;margin:22px 0 24px!important;letter-spacing:-.055em!important}
.feature-visual-page .feature-hero p{font-size:18px;line-height:1.65;max-width:570px;margin:0!important}
.feature-visual-page .feature-hero .badge{font-size:10px!important;letter-spacing:.18em}
.feature-visual-page .feature-hero .feature-hero__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start!important;margin-top:32px!important}
.feature-visual-page .feature-hero .btn-primary{background:var(--pulse-accent)!important;color:#161616!important;border-color:var(--pulse-accent)!important}
.feature-visual-page .feature-hero :is(.btn-secondary,.btn-outline){background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.7)!important}
.feature-visual-page .feature-hero .btn:hover{transform:translateY(-2px)}
.feature-proof{padding:72px var(--pulse-gutter);max-width:1440px;margin:auto}
.feature-proof__intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}
.feature-proof__eyebrow{font-family:var(--pulse-label)!important;font-size:10px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--pulse-body);margin:0 0 12px}
.feature-proof h2{font-size:clamp(28px,3vw,42px)!important;line-height:1.15;max-width:740px;margin:0}
.feature-proof__aside{font-size:13px;max-width:220px;color:var(--pulse-body);line-height:1.7;margin:0}
.feature-proof__frame{margin:0;border:1px solid var(--pulse-line);background:#fff;box-shadow:0 18px 60px rgba(16,21,19,.07)}
.feature-proof__link{display:block;position:relative;background:#fafafa;overflow:hidden}
.feature-proof__link>img{display:block;width:100%;height:auto;margin:0;object-fit:contain}
.feature-proof__expand{display:flex;align-items:center;gap:8px;position:absolute;right:16px;bottom:16px;padding:10px 14px;background:#fff;color:var(--pulse-ink);border:1px solid var(--pulse-line);font-size:11px;font-weight:600;box-shadow:0 2px 8px #0001}
.feature-proof__expand svg{height:16px;width:16px}
.feature-proof__frame figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 22px;border-top:1px solid var(--pulse-line);font-size:12px;color:var(--pulse-body);line-height:1.7}
.feature-proof__frame figcaption span:last-child{white-space:nowrap;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.feature-context{border-bottom:1px solid var(--pulse-line);margin:24px 0 0;padding:0 0 18px}
.feature-context summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--pulse-ink);padding:10px 0}
.feature-context p{font-size:15px;line-height:1.8;color:var(--pulse-body);max-width:900px;margin:16px 0 8px}
.feature-proof--compact{padding-top:32px;padding-bottom:52px;max-width:1180px}
.feature-proof--phone .feature-proof__link{padding:28px;background:var(--pulse-surface)}
.feature-proof--phone .feature-proof__link>img{width:auto;max-width:100%;max-height:660px;margin:auto;border:8px solid #1a1a1a;border-radius:32px}
.feature-proof--phone .feature-proof__frame{max-width:680px;margin:auto}
.feature-photo-story{margin:32px auto 54px;max-width:1440px;padding-inline:var(--pulse-gutter);display:grid;grid-template-columns:1.15fr 1fr;align-items:center;background:transparent;gap:56px}
.feature-photo-story img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.feature-photo-story h2{font-size:clamp(28px,3vw,42px)!important;margin:12px 0 20px}
.feature-photo-story p{font-size:16px;line-height:1.8;max-width:460px}
.feature-photo-story a{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14px;border-bottom:1px solid var(--pulse-ink);padding-bottom:8px;margin-top:8px}
.feature-zoom{border:1px solid #ddd;padding:0;width:min(96vw,1600px);max-width:none;max-height:94dvh;background:#fff;color:#222}
.feature-zoom::backdrop{background:rgba(10,14,12,.82)}
.feature-zoom__bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;border-bottom:1px solid #ddd;background:white}
.feature-zoom__bar p{font:600 14px var(--pulse-font);margin:0}
.feature-zoom__close{height:40px;min-width:40px;padding:8px;background:#fff;color:#222;border:1px solid #ccc;cursor:pointer}
.feature-zoom__close svg{width:20px;height:20px;display:block}
.feature-zoom__canvas{overflow:auto;max-height:calc(94dvh - 70px);overscroll-behavior:contain}
.feature-zoom__canvas img{display:block;width:100%;height:auto;min-width:900px}
.feature-zoom[data-phone] .feature-zoom__canvas img{min-width:0;width:auto;max-height:calc(94dvh - 72px);max-width:100%;margin:auto}
@media(min-width:1800px){.feature-visual-page .feature-hero{max-width:1740px;margin-inline:auto;min-height:580px}}
@media(max-width:900px){
 .feature-visual-page .feature-hero{margin:12px 16px 0;min-height:500px;padding-block:52px!important}
 .feature-visual-page .feature-hero .hero-content{max-width:650px!important}
 .feature-proof{padding-block:48px}
 .feature-photo-story{gap:32px}
}
@media(max-width:640px){
 .feature-visual-page .feature-hero{margin:0 12px;padding:42px 0!important;min-height:0}
 .feature-visual-page .feature-hero .feature-hero__shade{background:linear-gradient(90deg,rgba(12,16,15,.88),rgba(12,16,15,.69))}
 .feature-hero__image{object-position:var(--feature-photo-position-mobile,65% center)}
 .feature-visual-page .feature-hero h1{font-size:36px!important;line-height:1.12;margin-block:20px!important}
 .feature-visual-page .feature-hero p{font-size:15px;line-height:1.75}
 .feature-visual-page .feature-hero .feature-hero__actions{display:grid;grid-template-columns:1fr;margin-top:26px!important;gap:10px}
 .feature-visual-page .feature-hero .btn{width:100%;min-height:50px;font-size:10px}
 .feature-proof{padding-block:38px}
 .feature-proof__intro{display:block;margin-bottom:22px}
 .feature-proof__aside{margin-top:14px;max-width:none}
 .feature-proof__frame figcaption{display:block;padding:14px 16px;font-size:12px}
 .feature-proof__frame figcaption span{display:block}
 .feature-proof__frame figcaption span:last-child{margin-top:8px}
 .feature-proof__expand{position:static;justify-content:center;box-shadow:none;border-width:1px 0 0;padding:12px}
 .feature-photo-story{display:flex;flex-direction:column;gap:24px;margin-block:16px 36px}
 .feature-photo-story h2{margin-top:10px}
 .feature-proof--phone .feature-proof__link{padding:18px}
}
@media(prefers-reduced-motion:reduce){.feature-visual-page .btn{transition:none!important;transform:none!important}}
.feature-visual-page .feature-hero .hero-content{margin-inline:0!important}
.feature-visual-page .feature-hero__image{width:100%;height:100%;max-height:none;object-fit:cover}

.feature-proof__frame{max-width:var(--feature-capture-width,100%);margin-inline:auto}