/* ==========================================================
   PONTOSENSE × VYNZO | PRIVATE EDITORIAL PRESENTATION EDITION
   Design layer. Content and supporting evidence unchanged.
   ========================================================== */
:root{
 --navy:#09172d;--navy2:#152b4d;--ink:#112239;--muted:#657187;--line:#e1e6ee;
 --blue:#3158fa;--cyan:#83e4f4;--ice:#eaf0fb;--paper:#f5f7f9;
 --serif:'Instrument Serif',Georgia,serif;--body:'DM Sans',Arial,sans-serif;--display:'Manrope','DM Sans',sans-serif;
 --radius:16px;--shadow:0 28px 80px rgba(9,23,45,.08)
}
html{scroll-padding-top:105px}
body{background:var(--paper);color:var(--ink);letter-spacing:-.007em}
::selection{background:#bdd1fe;color:#051a37}
.container{max-width:1460px;padding-left:clamp(24px,5.1vw,78px);padding-right:clamp(24px,5.1vw,78px)}
.section{position:relative;padding:100px 0 116px;overflow:hidden;isolation:isolate}
.section:nth-of-type(odd){background-color:#fff}
.section::after{content:'';position:absolute;right:-150px;top:150px;width:400px;height:400px;background:radial-gradient(circle,rgba(45,101,255,.045),transparent 68%);z-index:-1;pointer-events:none}
.section-intro{grid-template-columns:minmax(0,1.52fr) minmax(260px,.6fr);gap:80px;margin-bottom:56px}
.section-intro h2,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.037em;line-height:1.045;font-size:clamp(53px,6.6vw,101px)}
h2 em,h1 em{font-family:var(--serif);font-weight:400;font-style:italic}
.section-intro h2 em{color:#3e5bf2}
.section-intro p{font-size:15px;line-height:1.9;color:#68768a;max-width:375px}
h3{font-family:var(--serif);font-weight:400}
.eyebrow,.overline{color:#315af4;letter-spacing:.19em;font-weight:800}
.eyebrow{font-size:10px;gap:10px}
.overline{font-size:10px}
/* The chapter line turns a web page into a sequence of editorial presentation frames. */
.chapter-bar{max-width:1460px;margin:0 auto 64px;padding:0 clamp(24px,5.1vw,78px);display:flex;align-items:center;gap:30px;color:#7a8796;position:relative;z-index:2}
.chapter-bar-left,.chapter-bar-right{white-space:nowrap;font-size:10px;font-family:var(--display);letter-spacing:.16em;font-weight:800;text-transform:uppercase}
.chapter-bar-left i{font-style:normal;color:#315af4;margin:0 6px}
.chapter-bar-line{height:1px;background:linear-gradient(90deg,#cbd4e0,#e7ecf2);flex:1;min-width:22px}
.chapter-bar-right{color:#3158fa}
.section-turn{max-width:1460px;margin:86px auto 0;padding:0 clamp(24px,5.1vw,78px);position:relative;z-index:2}
.section-turn a{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid rgba(68,92,126,.22);transition:padding .25s,color .25s}
.section-turn a:hover{padding-left:13px;color:#3158fa}
.section-turn span{font-size:10px;letter-spacing:.2em;color:#8090a5;font-weight:800}
.section-turn b{font-size:20px;font-family:var(--serif);font-weight:400;letter-spacing:-.01em;margin-left:auto}
.section-turn svg{height:20px;width:20px;transform:rotate(-35deg)}
/* Header: studio-style typographic navigation instead of a standard SaaS header. */
.header{top:18px}
.nav-shell{max-width:1490px;width:calc(100% - 44px);height:77px;padding:0 16px 0 27px;border-radius:16px;
 background:rgba(255,255,255,.965);border:1px solid rgba(224,232,241,.95);box-shadow:0 17px 55px rgba(4,19,47,.13);gap:15px}
.brand-pair{min-width:293px}
.ponto-brand img{max-height:40px}.vynzo-brand img{width:115px}
.nav-links{gap:17px}.nav-links a{font-size:11px;letter-spacing:.005em;color:#617185;padding:29px 0}
.nav-links a::after{bottom:20px;height:2px;background:#3158fa}
.nav-links a.active{color:#3158fa}
.nav-actions{gap:6px}.print-btn,.present-btn{display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid #e2e8f1;
 border-radius:8px;background:#fff;color:#273d5f;font-family:var(--body);font-size:11px;font-weight:700;white-space:nowrap}
.present-btn{background:#102447;color:white;border-color:#102447;padding-inline:14px}
.present-btn:hover{background:#3158fa;border-color:#3158fa}
.present-btn svg{height:15px;width:15px}
.print-btn:hover{background:#f1f5fa;color:#132748}
.menu-button{border-radius:8px}
/* Opening frame */
.hero{background:#08182e;min-height:850px;padding:170px 0 0;overflow:hidden}
.hero:before{background:
 linear-gradient(125deg,rgba(8,24,46,.98) 15%,rgba(9,27,54,.94) 65%,rgba(12,39,85,.94)),
 radial-gradient(circle at 75% 50%,rgba(73,101,255,.4),transparent 45%);z-index:-4}
.hero:after{content:'';position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(100,178,255,.065) 1px,transparent 1px),
 linear-gradient(0deg,rgba(100,178,255,.045) 1px,transparent 1px);background-size:102px 102px;opacity:.28;z-index:-2;mask-image:linear-gradient(90deg,transparent 10%,#000 78%);pointer-events:none}
.hero-glow-a{background:rgba(55,99,232,.21);filter:blur(135px);top:10%;right:8%}.hero-glow-b{background:rgba(53,214,244,.07)}
.hero-layout{grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);min-height:580px;gap:55px}
.hero-copy{padding-bottom:10px}
.hero h1{font-size:clamp(69px,7.15vw,115px);line-height:.98;letter-spacing:-.043em;font-weight:400;margin:31px 0 30px;max-width:900px}
.hero h1 em{color:#9ee8fb;font-style:italic}
.hero-lead{color:#bdcbdc;font-size:16px;line-height:1.85;max-width:590px;font-weight:400;margin-bottom:31px}
.hero .eyebrow{color:#9dbdff;font-size:10px;letter-spacing:.22em}
.hero-actions{gap:27px}.hero-actions .btn-white{background:#eaf1ff;color:#0b2351;border:1px solid #eaf1ff}
.hero-actions .btn-white:hover{background:#fff}
.hero-foot{margin-top:24px;padding-bottom:35px;border-top:1px solid rgba(188,216,244,.18);padding-top:21px;color:#9eb4cd;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.hero-foot-word{max-width:340px}.hero-foot a{font-size:10px;letter-spacing:.06em}
.hero-intro-rule{display:flex;justify-content:space-between;max-width:560px;gap:20px;border-top:1px solid rgba(211,235,255,.17);margin-top:39px;padding-top:15px;
 font-size:9px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#89a2c2}
.cover-vertical{position:absolute;right:16px;top:50%;transform:rotate(90deg) translateX(50%);transform-origin:right center;letter-spacing:.18em;font-weight:800;color:rgba(184,206,236,.35);font-size:9px;white-space:nowrap;pointer-events:none}
.cover-vertical span{margin:0 14px;color:#81c6ff}
/* Bespoke radar visualization, deliberately conceptual rather than a product render */
.hero-stage{height:570px;min-width:0;transform:none;perspective:none}
.radar-presentation{position:absolute;inset:1% 0 1% 1%;border:1px solid rgba(166,199,242,.23);border-radius:9px;
 background:linear-gradient(135deg,rgba(34,70,131,.32),rgba(13,42,87,.08) 55%,rgba(30,104,179,.17));
 box-shadow:inset 0 0 85px rgba(51,108,211,.11),0 45px 100px rgba(0,0,0,.12);padding:24px;display:flex;flex-direction:column}
.radar-hud-top,.radar-hud-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:.18em;font-weight:800;color:#a5c8ef}
.radar-hud-bottom b{color:#90e5f8;font-size:13px;margin-right:8px}
.live-status{color:#e7f4ff}.live-status i{display:inline-block;width:7px;height:7px;background:#70e6d8;border-radius:50%;box-shadow:0 0 0 5px rgba(83,225,216,.12);margin-right:9px;animation:radarPulse 3s ease-in-out infinite}
.radar-surface{flex:1;min-height:0;position:relative;overflow:hidden;margin:20px 0;border:1px solid rgba(126,169,232,.15);background:
 repeating-linear-gradient(0deg,transparent,transparent 45px,rgba(160,203,245,.04) 46px),
 repeating-linear-gradient(90deg,transparent,transparent 45px,rgba(160,203,245,.035) 46px),
 radial-gradient(circle at center,rgba(68,141,255,.14),transparent 57%)}
.radar-circle{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(147,209,255,.22);transform:translate(-50%,-50%)}
.ring-outer{width:78%;aspect-ratio:1}.ring-middle{width:54%;aspect-ratio:1}.ring-inner{width:31%;aspect-ratio:1;border-color:rgba(158,230,250,.42)}
.radar-axis{position:absolute;background:rgba(128,191,239,.15)}.radar-axis.x{height:1px;width:100%;left:0;top:50%}.radar-axis.y{width:1px;height:100%;left:50%;top:0}
.radar-sweep{position:absolute;left:50%;top:50%;width:78%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);
 background:conic-gradient(from 10deg,rgba(122,217,247,.28) 0deg,rgba(104,181,238,.06) 39deg,transparent 105deg,transparent 360deg);animation:radarRotate 18s linear infinite}
.radar-waveform{position:absolute;left:50%;top:50%;width:54%;transform:translate(-50%,-50%);z-index:3;padding:12px 20px 14px;background:rgba(9,32,72,.64);border:1px solid rgba(120,199,240,.28);backdrop-filter:blur(15px);box-shadow:0 0 60px rgba(42,158,221,.12);text-align:center}
.radar-waveform svg{width:100%;height:78px;stroke:#9beafe;stroke-width:2.8;filter:drop-shadow(0 0 11px rgba(100,222,252,.6))}
.radar-waveform span{color:#d7f3ff;font-size:9px;letter-spacing:.18em;font-weight:800;display:block;white-space:nowrap}
.radar-coordinate{position:absolute;font-size:8px;letter-spacing:.17em;font-weight:800;color:#80a3cb}
.radar-coordinate.top-left{left:18px;top:17px}.radar-coordinate.bottom-right{right:18px;bottom:17px}
.radar-node{position:absolute;width:10px;height:10px;border-radius:50%;background:#a3ecff;box-shadow:0 0 0 8px rgba(125,213,253,.08),0 0 15px #65c9fe;z-index:2}
.radar-node.node-top{left:56%;top:17%}.radar-node.node-left{left:20%;top:59%}.radar-node.node-right{left:81%;top:63%}
.radar-node span{position:absolute;width:53px;height:1px;background:rgba(161,223,255,.45);left:11px;top:4px;transform:rotate(-29deg);transform-origin:left center}
.radar-corner{position:absolute;width:16px;height:16px;border-color:#a4eafa;border-style:solid;opacity:.6}.radar-corner.tl{top:0;left:0;border-width:1px 0 0 1px}.radar-corner.tr{top:0;right:0;border-width:1px 1px 0 0}.radar-corner.bl{bottom:0;left:0;border-width:0 0 1px 1px}.radar-corner.br{bottom:0;right:0;border-width:0 1px 1px 0}
@keyframes radarRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes radarPulse{50%{opacity:.45;box-shadow:0 0 0 9px rgba(83,225,216,.03)}}
/* Opening evidence strip resembles an investor briefing, not a KPI dashboard. */
.proof-strip{background:#fff;padding:39px 0 24px}
.proof-grid>div{padding-left:37px;padding-right:25px}.proof-grid strong{font-size:clamp(41px,4.8vw,66px);font-weight:600;letter-spacing:-.075em;color:#10294b}
.proof-label{color:#3b64ba;font-size:10px;letter-spacing:.08em}
.strip-note{border-top:1px solid #e7ebf0;padding-top:14px;margin-top:28px;font-size:11px;color:#7e8ba0}
/* two paths: striking, but more restrained than gradient SaaS tiles */
.intelligence-section{background:#f4f7fb}
.two-worlds{gap:22px}
.world{border-radius:12px;min-height:480px;padding:39px 43px;box-shadow:0 15px 55px rgba(15,34,80,.045)}
.world-b2b{background:#dbe8ff}
.world-b2c{background:#0d2951;color:#fff}
.world-b2c .world-quote{color:#d1e5f6}
.world-b2c .world-bottom{border-color:rgba(220,239,255,.18)}
.world h3{font-family:var(--serif);font-style:italic;font-size:clamp(54px,5.5vw,88px);line-height:.94;letter-spacing:-.04em}
.world .world-index{letter-spacing:.15em;font-size:10px}
.insight-band{border-radius:12px}
.opportunity-grid article{border-top:2px solid #c7d5e8;padding-top:18px}
/* evidence */
.audit-section{background:#edf3fc}
.audit-main,.audit-side{border-radius:14px}
.audit-layout{gap:16px}
.audit-main{background:#fff;box-shadow:0 12px 47px rgba(28,62,114,.045)}
.audit-side{background:linear-gradient(152deg,#0a2042,#183f75);color:#fff}
.evidence-cards>div{border-radius:11px}
.precision-panel{border-radius:14px;padding:40px}
.precision-grid article{border-radius:8px;background:#f5f8fe}
.technical-notes>div{border-radius:12px}
/* social and search behave like presentation specimens */
.social-section{background:#fff}
.tabs button,.keyword-tabs button,.journey-switch button,.roadmap-tabs button{border-radius:5px;font-size:12px;letter-spacing:.01em}
.tabs button.active{background:#0f2a54}
.social-panel{border-radius:15px}
.social-metrics>div,.evidence-cards>div{border-radius:10px}
.post-card{border-radius:10px;transition:transform .25s,box-shadow .25s,border-color .25s}
.post-card:hover,.campaign-card:hover{transform:translateY(-5px);box-shadow:0 17px 39px rgba(12,38,78,.12)}
.post-card.active{background:#0a2859}
.post-lab{border-radius:13px}
.search-section{background:#f0f4fa}
.seo-overview>article,.search-workbench,.maps-panel,.competitor-panel{border-radius:13px;border-color:#dbe4f0}
.seo-score{background:linear-gradient(149deg,#e3edfc,#fdfefe)}
.search-workbench{box-shadow:0 15px 54px rgba(10,35,85,.045)}
.serp-card,.keyword-strategy{border-radius:10px}
.maps-panel{box-shadow:none}
.maps-frame{border-radius:7px;overflow:hidden}
/* Journey section becomes the dramatic centre of the deck. */
.journey-section{background:#0d2040!important;color:#fff}
.journey-section .chapter-bar,.journey-section .chapter-bar-right{color:#a1bedb}
.journey-section .chapter-bar-line{background:rgba(179,217,245,.22)}
.journey-section .section-intro h2{color:white}
.journey-section .section-intro h2 em{color:#94e4f5}
.journey-section .section-intro p{color:#adc3da}
.journey-section .journey-switch button{background:rgba(255,255,255,.07);color:#cfdeef;border:1px solid rgba(178,211,246,.19)}
.journey-section .journey-switch button.active{background:#dbedff;color:#0e2648;border-color:#dbedff}
.journey-section .journey-shell{background:#132e58;border:1px solid rgba(176,212,252,.18);border-radius:12px}
.journey-section .journey-step strong,.journey-section .journey-step small{color:#d7e4f1}
.journey-section .journey-detail{border-radius:10px;background:linear-gradient(135deg,#214d8b,#16417a)}
.journey-section .section-turn a{border-color:rgba(186,221,255,.24)}
.journey-section .section-turn span{color:#9bb7d5}.journey-section .section-turn b{color:#f5fbff}
/* Creative territories: editorial story cards, not a card catalogue. */
.campaigns-section{background:#fafbfd}
.campaign-grid{gap:13px}
.campaign-card{border-radius:12px;min-height:300px;padding:28px;box-shadow:0 4px 24px rgba(16,36,67,.03)}
.campaign-card.featured{background:linear-gradient(155deg,#183fce,#315eff);color:white}
.campaign-card:nth-child(4){background:#dcecff}
.campaign-card:nth-child(6){background:#e5f4fa}
.campaign-card h3{font-size:20px;line-height:1.24;letter-spacing:-.03em}
.campaign-card p{font-size:12px;line-height:1.65}
.campaign-icon{margin-top:33px}
/* Connected services. */
.capabilities-section{background:#fff}
.service-option{border-bottom-color:#dfe6ee}
.service-option.active span{color:#315af4}
.service-detail{border-radius:14px;box-shadow:0 15px 50px rgba(13,37,79,.06)}
.ecosystem{border-radius:15px;overflow:hidden}
.roadmap-section{background:#eef3fb}
.roadmap-stage,.measure-grid article{border-radius:12px}
.governance-section{background:#fff}
.proposal-section{background:#07182d!important;padding-top:115px;padding-bottom:65px}
.proposal-section .chapter-bar,.proposal-section .chapter-bar-right{color:#c8d8ed}
.proposal-section .chapter-bar-line{background:rgba(177,216,250,.2)}
.proposal-wrap{border-radius:12px;background:radial-gradient(circle at 100% 0%,rgba(111,209,245,.14),transparent 40%),linear-gradient(135deg,#123b82,#0a2147 72%)}
.proposal-wrap h2{font-size:clamp(60px,7vw,106px)}
.proposal-wrap h2 em{color:#a1eeff}
.proposal-wrap .formal-note{letter-spacing:.01em}
.footer{background:#06152b;color:#e2eaf4}
/* Deck dock. Only shown after a direct user gesture. */
.present-dock[hidden]{display:none!important}
.present-dock{position:fixed;z-index:260;left:50%;bottom:18px;transform:translateX(-50%);width:min(960px,calc(100% - 36px));height:73px;
 display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:10px 15px 10px 25px;
 border-radius:12px;background:rgba(8,24,49,.96);border:1px solid rgba(170,207,248,.22);box-shadow:0 20px 70px rgba(0,0,0,.3);backdrop-filter:blur(20px);color:white}
.dock-identity{display:flex;flex-direction:column;line-height:1.4;min-width:0}
.dock-identity small{color:#8cacd1;font-size:9px;letter-spacing:.17em;font-weight:800}
.dock-identity strong{font-family:var(--serif);font-size:21px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.dock-status{display:flex;align-items:center;gap:7px;font-weight:800;white-space:nowrap;font-size:12px}
.dock-status #presentNumber{font-size:22px;color:#a4e9f7;font-family:var(--display)}.dock-of{color:#748eaf}
.dock-track{width:76px;height:3px;background:rgba(184,210,239,.2);margin-left:10px}.dock-track i{display:block;height:100%;background:#9de7f5;width:9%}
.dock-controls{display:flex;gap:5px;align-items:center}
.dock-controls button{border:1px solid rgba(216,231,250,.24);background:rgba(255,255,255,.08);color:white;border-radius:7px;padding:10px 15px;font-weight:700}
.dock-controls button:hover{background:#315af4}
.dock-controls .exit-dock{font-size:10px;letter-spacing:.06em;padding:12px 13px;border-color:transparent;background:transparent;color:#b9c9dd}
.exit-dock span{margin-left:4px;font-size:14px}
body.presentation-mode .header{top:10px}
body.presentation-mode .nav-shell{background:rgba(255,255,255,.93);opacity:.92}
body.presentation-mode .present-btn{background:#315af4;border-color:#315af4}
.start-guidance{display:none}
/* Dialogs: boutique studio styling. */
.modal-window{border-radius:13px;overflow:hidden;box-shadow:0 35px 100px rgba(2,14,33,.32)}
.modal-cover{background:linear-gradient(153deg,#113ba4,#102951);border-radius:0}
.modal-contents{background:#fff}
.modal-cells>div{border-radius:9px}
.mini-modal{border-radius:15px}
/* Motion controls and accessible states. */
@media(hover:hover){.section-turn a svg{transition:transform .2s}.section-turn a:hover svg{transform:rotate(0deg) translateX(5px)}}
@media(max-width:1380px){.nav-links{gap:12px}.nav-shell{gap:10px}.brand-pair{min-width:256px}.ponto-brand{width:128px}.ponto-brand img{width:122px}.vynzo-brand img{width:108px}.print-btn{padding:11px 9px}.hero-layout{gap:24px}}
@media(max-width:1160px){.nav-links{display:none}.menu-button{display:flex}.nav-shell{justify-content:space-between}.nav-actions{margin-left:auto}.mobile-nav{border-radius:12px}.hero-layout{grid-template-columns:1.12fr .88fr}.hero h1{font-size:clamp(63px,6.7vw,93px)}.radar-presentation{padding:16px}.radar-hud-bottom{font-size:8px}}
@media(max-width:900px){.hero{padding-top:138px}.hero-layout{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:850px}.hero h1{max-width:850px;font-size:clamp(70px,9vw,101px)}.hero-stage{height:420px;max-width:700px;width:100%;margin:25px auto 0}.radar-presentation{inset:0}.radar-surface{margin:12px 0}.radar-circle.ring-outer{width:56%}.radar-circle.ring-middle{width:40%}.radar-circle.ring-inner{width:25%}.radar-sweep{width:56%}.hero-foot{margin-top:27px}.section-intro{gap:35px}.chapter-bar{margin-bottom:40px}.section{padding:80px 0 92px}}
@media(max-width:760px){
 .header{top:9px}.nav-shell{width:calc(100% - 18px);height:61px;border-radius:11px;padding:0 10px 0 13px}
 .brand-pair{min-width:0;gap:6px}.ponto-brand{width:108px}.ponto-brand img{width:103px}.vynzo-brand img{width:82px}
 .present-btn{padding:10px 11px}.present-btn span{display:none}.print-btn{padding:10px 11px}.print-btn span{display:none}
 .container{padding:0 23px}.section{padding:65px 0 70px}
 .section-intro{display:block}.section-intro h2,h2{font-size:clamp(52px,12vw,76px);line-height:1.04}
 .section-intro p{font-size:13px;line-height:1.76;max-width:550px}
 .chapter-bar{padding:0 23px;margin-bottom:32px;gap:13px}.chapter-bar-left{font-size:8px;letter-spacing:.05em}.chapter-bar-right{font-size:9px;letter-spacing:.04em}.chapter-bar-line{min-width:10px}
 .section-turn{padding:0 23px;margin-top:48px}.section-turn span{font-size:8px;letter-spacing:.1em}.section-turn b{font-size:17px}
 .hero{padding-top:121px;min-height:0}
 .hero h1{font-size:clamp(58px,12.6vw,88px);letter-spacing:-.045em;line-height:1.0;margin-top:22px}
 .hero-lead{font-size:14px;line-height:1.75}
 .hero-intro-rule{margin-top:28px;font-size:8px;gap:15px}
 .hero-stage{height:320px;margin:30px auto 0;max-width:510px}
 .radar-presentation{padding:12px}.radar-hud-top,.radar-hud-bottom{font-size:7px;letter-spacing:.08em}
 .radar-surface{margin:9px 0}.radar-coordinate{font-size:6px}.radar-coordinate.top-left{left:10px;top:9px}.radar-coordinate.bottom-right{right:10px;bottom:9px}
 .radar-circle.ring-outer{width:67%}.radar-circle.ring-middle{width:48%}.radar-circle.ring-inner{width:28%}.radar-sweep{width:67%}
 .radar-waveform{width:58%;padding:5px 10px 8px}.radar-waveform svg{height:42px}.radar-waveform span{font-size:6px;letter-spacing:.1em}
 .cover-vertical{display:none}
 .proof-strip{padding-top:28px}.proof-grid strong{font-size:38px}.proof-label{font-size:8px}.strip-note{font-size:9px}
 .world{border-radius:9px;min-height:370px}.world h3{font-size:67px}
 .precision-panel{border-radius:11px}
 .journey-section .journey-shell{border-radius:9px}
 .campaign-card{min-height:235px;padding:19px;border-radius:9px}.campaign-card h3{font-size:17px}.campaign-card p{font-size:11px}.campaign-icon{margin-top:15px}
 .proposal-section{padding-top:67px}.proposal-wrap{border-radius:9px}.proposal-wrap h2{font-size:clamp(54px,12.6vw,74px)}
 .present-dock{width:calc(100% - 16px);bottom:8px;height:63px;border-radius:10px;grid-template-columns:1fr auto;gap:10px;padding:8px 9px 8px 14px}
 .dock-identity small{font-size:7px}.dock-identity strong{font-size:17px}.dock-status{display:none}.dock-controls button{padding:9px 11px}.dock-controls .exit-dock{padding:10px 6px}
}
@media(max-width:385px){.ponto-brand{width:100px}.ponto-brand img{width:98px}.vynzo-brand img{width:70px}.hero h1{font-size:53px}.radar-hud-bottom span:last-child{display:none}.chapter-bar-left{font-size:7px}}
@media(prefers-reduced-motion:reduce){.radar-sweep,.live-status i{animation:none}}
@media print{.chapter-bar{margin-bottom:20px}.section-turn,.present-dock,.start-guidance,.cover-vertical{display:none!important}.hero:after{display:none}.hero{min-height:0!important;padding-top:38px}.hero-intro-rule{display:none}.section{padding:35px 0!important;overflow:visible}.journey-section{color:#0b2042!important;background:white!important}.journey-section .section-intro h2{color:#0b2042!important}.journey-section .section-intro p{color:#555!important}.proposal-section{background:white!important}.proposal-wrap{break-inside:avoid}.hero-stage{display:none!important}}
/* Final clarity and source backed identity refinements */
.ponto-brand img{width:145px;height:auto;max-height:43px;object-fit:contain;object-position:left center}
@media(max-width:1380px){.ponto-brand img{width:125px}}
@media(max-width:760px){.ponto-brand img{width:109px;max-height:31px}}
@media(max-width:385px){.ponto-brand img{width:99px}}
.journey-section .eyebrow{color:#9ddcf4}
.journey-section .journey-steps::before{background:rgba(165,204,249,.2)}
.journey-section .journey-step{color:#c7d9ec}
.journey-section .journey-step span{border-color:rgba(165,203,246,.32);background:#203b68;color:#e6f2ff}
.journey-section .journey-step.active{color:#99e9f8}
.journey-section .journey-step.active span{background:#a9e6ff;border-color:#a9e6ff;color:#09264d}
.journey-section .journey-detail-grid>div{background:rgba(242,250,255,.075)}