/* PONTOSENSE x VYNZO | COMPACT EDITORIAL PRESENTATION REFINEMENT
   Applies after original & premium styles: preserves all audit data and JS.
   Focus: authentic Pontosense branding, content-forward pacing and spacing. */
:root{--chapter-rhythm:60px}
html{scroll-padding-top:98px}
.section{padding-top:64px;padding-bottom:73px}
.chapter-bar{margin-bottom:30px;gap:23px}
.section-intro{gap:clamp(24px,3.2vw,46px);margin-bottom:33px;align-items:center;grid-template-columns:minmax(0,1.48fr) minmax(270px,.7fr)}
.section-intro h2,h2{font-size:clamp(52px,5.8vw,84px);line-height:1.02;letter-spacing:-.037em}
.section-intro h2{margin-top:12px}
.section-intro p{max-width:415px;font-size:14px;line-height:1.7;margin-bottom:0}
.section-turn{margin-top:37px}
.section-turn a{padding:18px 0}
/* Official, direct source logo; local brand capture is an offline-only fallback. */
.brand-pair{min-width:299px;gap:10px}
.ponto-brand{width:156px;min-width:156px;height:48px}
.ponto-brand img{display:block;width:154px;height:auto;max-height:42px;object-fit:contain;object-position:center left}
.ponto-fallback{font-size:19px}
.vynzo-brand img{width:111px;max-height:33px}
.nav-shell{height:72px;top:0;padding-left:22px}
.nav-links{gap:15px}
.nav-links a{padding:25px 0}
.nav-links a::after{bottom:17px}
.header{top:13px}
.footer-ponto{display:inline-flex;align-items:center;background:white;border-radius:7px;padding:6px 9px;min-height:44px}
.footer-ponto img{display:block;width:146px;height:auto;max-height:34px;object-fit:contain}
/* Condensed editorial opening frame without sacrificing title presence */
.hero{min-height:0;padding-top:132px}
.hero-layout{min-height:528px;gap:34px}
.hero h1{font-size:clamp(66px,6.7vw,105px);margin:24px 0 23px;line-height:.99}
.hero-lead{line-height:1.72;margin-bottom:25px}
.hero-intro-rule{margin-top:28px}
.hero-stage{height:517px}
.hero-foot{margin-top:18px;padding-top:17px;padding-bottom:23px}
/* Context, evidence and platform screens */
.proof-strip{padding:26px 0 20px}
.strip-note{margin-top:14px}
.world{min-height:375px;padding:29px 33px}
.world h3{margin-top:25px;font-size:clamp(46px,4.2vw,62px)}
.insight-band{padding:25px 28px;margin-top:14px;gap:22px}
.opportunity-grid{margin-top:27px;gap:16px}
.audit-layout{gap:15px}
.audit-main,.audit-side{padding:29px}
.audit-side{min-height:0}
.precision-panel{padding:27px;margin-top:16px}
.precision-header{margin-bottom:17px}
.precision-grid article{padding:19px}
.technical-notes{margin-top:14px}
.technical-notes>div{padding:20px}
.social-panel{padding:29px;min-height:250px}
.post-lab{margin-top:35px}
.post-card{min-height:225px}
.post-insight{margin-top:17px}
.seo-overview{gap:13px}
.search-workbench,.maps-panel,.competitor-panel{padding:27px}
.maps-panel{margin-top:15px}
.competitor-panel{margin-top:16px}
.journey-switch{margin-bottom:16px}
.journey-shell{padding:30px}
.journey-detail{min-height:265px;padding:31px;gap:26px}
.campaign-grid{gap:12px}
.campaign-card{min-height:248px;padding:24px}
.campaign-icon{margin-top:17px}
.service-detail{min-height:415px;padding:31px}
.ecosystem{margin-top:28px;min-height:290px;padding:25px 46px}
.roadmap-stage{min-height:285px;padding:32px;gap:35px}
.governance-grid{gap:52px}
.proposal-section{padding-top:68px;padding-bottom:53px}
.proposal-wrap{padding:68px 32px 59px}
/* Ensure section changes never create huge blank intervals around the deck. */
@media (max-width:1380px){
 .brand-pair{min-width:272px}.ponto-brand{width:137px;min-width:137px}.ponto-brand img{width:135px}
 .vynzo-brand img{width:108px}.nav-links{gap:12px}
}
@media (max-width:1160px){
 .section{padding-top:58px;padding-bottom:68px}
 .chapter-bar{margin-bottom:24px}
 .section-intro{gap:26px;margin-bottom:28px}
 .section-turn{margin-top:32px}
 .hero-layout{gap:22px}
 .hero-stage{height:475px}
}
@media (max-width:900px){
 .section{padding:58px 0 67px}
 .chapter-bar{margin-bottom:23px}
 .section-intro{margin-bottom:28px;gap:22px}
 .section-turn{margin-top:29px}
 .hero{padding-top:112px}
 .hero-layout{min-height:0}
 .hero-stage{height:375px;margin-top:17px}
 .hero-foot{margin-top:19px}
 .world{min-height:350px}
 .audit-main,.audit-side{padding:25px}
 .social-panel{min-height:0}
 .service-detail{min-height:370px}
 .ecosystem{min-height:260px}
 .roadmap-stage{min-height:0}
}
@media (max-width:760px){
 .header{top:8px}
 .nav-shell{height:61px;padding-left:12px}
 .brand-pair{min-width:0;gap:6px}
 .ponto-brand{width:110px;min-width:110px;height:38px}
 .ponto-brand img{width:109px;max-height:30px}
 .vynzo-brand img{width:81px;max-height:27px}
 .section{padding:43px 0 48px}
 .chapter-bar{margin-bottom:19px}
 .section-intro{margin-bottom:23px}
 .section-intro h2,h2{font-size:clamp(47px,10.9vw,69px);line-height:1.04}
 .section-intro p{max-width:540px;margin-top:14px;font-size:13px;line-height:1.65}
 .section-turn{margin-top:24px}
 .section-turn a{padding:14px 0}
 .hero{padding-top:100px}
 .hero h1{font-size:clamp(54px,12.5vw,82px);margin:18px 0 19px}
 .hero-lead{margin-bottom:23px}
 .hero-intro-rule{margin-top:23px}
 .hero-stage{height:286px;margin:18px auto 0}
 .hero-foot{margin-top:12px;padding:16px 0 18px}
 .proof-strip{padding:21px 0 17px}
 .proof-grid{gap:16px 0}
 .world{min-height:332px;padding:23px}
 .world h3{margin-top:20px;font-size:45px}
 .insight-band{padding:21px}
 .opportunity-grid{margin-top:20px}
 .audit-main,.audit-side{padding:22px}
 .precision-panel{padding:21px}
 .precision-grid article{padding:17px}
 .social-panel{padding:21px}
 .post-lab{margin-top:26px}
 .post-card{min-height:179px}
 .seo-numbers{min-height:0}
 .search-workbench,.maps-panel,.competitor-panel{padding:20px}
 .journey-shell{padding:18px}
 .journey-detail{min-height:0;padding:23px}
 .campaign-card{min-height:218px;padding:18px}
 .service-detail{min-height:0;padding:26px}
 .ecosystem{margin-top:23px;padding:25px;min-height:0}
 .roadmap-stage{padding:23px}
 .governance-grid{gap:25px}
 .proposal-section{padding-top:46px;padding-bottom:38px}
 .proposal-wrap{padding:54px 20px}
}
@media (max-width:385px){
 .ponto-brand{width:98px;min-width:98px}.ponto-brand img{width:97px}
 .vynzo-brand img{width:70px}
 .hero h1{font-size:51px}
 .hero-stage{height:265px}
 .world{min-height:330px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{
 .section{padding:30px 0!important}
 .chapter-bar{margin-bottom:15px!important}
 .section-intro{margin-bottom:17px!important}
 .hero{padding-top:37px}
 .section-turn{display:none!important}
}