/* PanoPort product page: original application screenshots. */
.pp-hero{padding-top:45px;padding-bottom:45px}.pp-hero-intro>div{display:grid;grid-template-columns:1fr 1fr;column-gap:65px;align-items:start}.pp-hero .kicker{grid-column:1/-1}.pp-brand{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-size:25px;font-weight:750;margin:15px 0 22px}.pp-hero h1{grid-column:1;grid-row:3/6;font-size:clamp(45px,5.5vw,74px);line-height:1.03;letter-spacing:-.055em;margin:0}.pp-hero .lead{grid-column:2;grid-row:3;line-height:1.7;margin:0}.pp-hero .product-actions{grid-column:2;grid-row:4;display:flex;gap:22px;flex-wrap:wrap;margin-top:17px}.pp-hero .fine-print{grid-column:2;grid-row:5;margin-top:16px}.pp-app-view{margin:35px 0 0;background:#fff;border:1px solid #d3dcd0;border-radius:12px;overflow:hidden;box-shadow:0 22px 55px #193a2912}.pp-view-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 23px;background:#183c35;color:#eff5e9;font-size:13px}.pp-view-heading>span:first-child{font-weight:700;font-size:16px}.pp-app-view img{display:block;width:100%;height:auto}.pp-app-view figcaption,.pp-capture figcaption{padding:12px 20px;color:#58675d;font-size:12px;line-height:1.5;border-top:1px solid #e3e8dd;background:#f5f7ef}.pp-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding-top:25px;padding-bottom:45px}.pp-benefits article{padding-top:15px}.pp-benefits h2{font-size:25px;letter-spacing:-.03em;line-height:1.2}.pp-benefits p,.pp-use p,.pp-how p,.pp-limits p,.pp-capture p{line-height:1.8;color:#52635c}.pp-capture{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:center;padding-top:45px;padding-bottom:55px;border-top:1px solid #d6dbcf}.pp-capture h2{font-size:clamp(28px,3vw,42px);line-height:1.15}.pp-capture figure{margin:0;background:#fff;border:1px solid #d3dcd0;border-radius:10px;overflow:hidden}.pp-capture img{display:block;width:100%;height:auto}.pp-how{padding-top:45px;padding-bottom:55px}.pp-how ol{list-style:none;padding:0;margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.pp-how li{display:flex;gap:22px;padding:28px;background:#fff;border:1px solid #dde2d7;border-radius:12px}.pp-how li>span{color:#678250;font-weight:650;font-size:20px}.pp-how h3{font-size:25px;margin-top:0}.pp-how p{margin-bottom:0}.pp-use{padding-top:55px;padding-bottom:55px}.pp-use>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.pp-use h3{font-size:24px}.pp-limits{padding-top:45px;padding-bottom:45px;border-top:1px solid #ccd5c3;border-bottom:1px solid #ccd5c3}.pp-limits p{max-width:80ch}.pp-teaser{margin-top:35px;margin-bottom:65px;padding:35px 40px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-left:4px solid #8cab51;border-radius:6px;background:#e9eddf}.pp-teaser h2{font-size:clamp(28px,3vw,42px);margin:10px 0 16px}.pp-teaser p{max-width:65ch;margin:0;line-height:1.7}.pp-teaser .button{flex-shrink:0}
@media(max-width:900px){.pp-hero-intro>div{column-gap:30px}.pp-benefits{gap:22px}.pp-capture{grid-template-columns:1fr;gap:20px}.pp-teaser{flex-direction:column;align-items:flex-start}.pp-how ol{gap:18px}.pp-how li{padding:22px;gap:15px}}
@media(max-width:650px){.pp-hero{padding-top:30px;padding-bottom:30px}.pp-hero-intro>div{display:block}.pp-hero h1{font-size:52px;margin:15px 0 25px}.pp-hero .lead{line-height:1.75}.pp-view-heading{padding:12px 15px;flex-wrap:wrap;gap:7px}.pp-app-view{margin-top:25px;border-radius:8px}.pp-app-view figcaption,.pp-capture figcaption{padding:10px 13px;font-size:11px}.pp-benefits,.pp-use>div,.pp-how ol{grid-template-columns:1fr}.pp-benefits{gap:5px;padding-bottom:25px}.pp-how,.pp-use,.pp-capture{padding-top:30px;padding-bottom:35px}.pp-how li{padding:22px}.pp-teaser{padding:25px 22px;margin-bottom:40px}.pp-brand{margin-top:15px;margin-bottom:20px}}
