/* CENTREPOINT × VYNZO / EDITORIAL VISUAL REFINEMENT */
:root{--premium-coral:#fa665a;--premium-fuchsia:#ce3988;--premium-indigo:#282239;--premium-ink:#231b27;--premium-cream:#faf7f4;--premium-lime:#dbf3ad}
html{scroll-padding-top:105px}
body{font-feature-settings:'kern' 1,'liga' 1;text-rendering:optimizeLegibility}
:focus-visible{outline:3px solid #dc4b88;outline-offset:4px}
button,a{ -webkit-tap-highlight-color:transparent }
.container{width:min(100% - 72px,1300px)}
.site-header .nav-shell{backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
.centrepoint-brand{display:inline-flex!important;align-items:center;justify-content:center;overflow:visible!important;min-width:156px;min-height:52px;border-radius:100px;background:#fff;padding:4px 11px;box-shadow:0 5px 18px rgba(10,10,16,.05)}
.centrepoint-brand img.cropped-logo{width:145px!important;height:48px!important;max-height:48px!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important;mix-blend-mode:normal!important;clip-path:none!important}
.brand-pair{gap:13px}
.site-header .vynzo-nav{object-fit:contain}
.hero{isolation:isolate;background-image:radial-gradient(circle at 78% 20%,rgba(248,104,145,.16),transparent 33%),linear-gradient(132deg,#21142a 0%,#372440 51%,#191923 100%)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,transparent 3%,#000 55%);z-index:-1}
.hero-inner{align-items:center}
.hero-copy h1{letter-spacing:-.062em}
.hero-visual{filter:drop-shadow(0 26px 50px rgba(0,0,0,.25))}
.visual-window{transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s ease!important;box-shadow:0 20px 52px rgba(0,0,0,.16)}
.visual-window:hover{transform:translateY(-8px) rotate(-1deg)}
.hero-bottom{border-top:1px solid rgba(255,255,255,.11)}
.section-space{position:relative}
.section-heading{align-items:end}
.section-heading h2{max-width:900px}
.display-serif{letter-spacing:-.046em;text-wrap:balance}
.editorial-kicker{letter-spacing:.12em}
.section-heading>p{font-size:clamp(15px,1.15vw,18px);line-height:1.75}
.world-card{overflow:hidden;isolation:isolate}
.world-card img{transition:transform .85s cubic-bezier(.2,.7,.2,1)}
.world-card:hover img{transform:scale(1.045)}
.intro-statement{background:linear-gradient(170deg,#fff 0%,#f9f6f3 100%)}
.thesis-section{background:radial-gradient(circle at 10% 95%,rgba(239,137,159,.14),transparent 40%),#2b1d32}
.audit-section{background:linear-gradient(175deg,#f8f9f8,#fff 58%,#faf4f5)}
.metric-ribbon{box-shadow:0 24px 75px rgba(38,25,43,.065)}
.channel-lab{box-shadow:0 18px 60px rgba(33,23,32,.07)}
.ledger-section{background-image:radial-gradient(circle at 90% 15%,rgba(198,75,144,.07),transparent 36%)}
.search-section{background-image:radial-gradient(circle at 80% 75%,rgba(50,78,110,.09),transparent 40%)}
.proposal-section{background-image:radial-gradient(circle at 80% 65%,rgba(182,62,123,.095),transparent 44%)}
.worlds-grid,.metric-ribbon,.channel-lab,.search-grid,.proposal-layout{position:relative}
/* INTERACTIVE DESTINATION EXPERIENCE */
.experience-selector{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,1.6fr);gap:clamp(20px,3vw,52px);padding:clamp(24px,4vw,55px);border-radius:32px;margin-top:50px;background:#f0ebe9;box-shadow:inset 0 0 0 1px rgba(40,29,38,.07);overflow:hidden}
.experience-selector-intro{align-self:center}
.experience-selector-intro .tiny-heading{color:#a04e7f;letter-spacing:.16em}
.experience-selector-intro h3{font:normal clamp(35px,4vw,62px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:#362334;margin:22px 0 20px;text-wrap:balance}
.experience-selector-intro h3 em{color:#bc3f77;font-weight:normal}
.experience-selector-intro p{font-size:15px;line-height:1.85;color:#6a606b;max-width:320px}
.experience-selector-stage{min-width:0;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 22px 60px rgba(61,37,53,.09)}
.experience-intents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fffcfc;gap:3px;padding:6px;border-bottom:1px solid #ece5e8}
.experience-intents button{appearance:none;border:0;background:transparent;border-radius:14px;padding:16px 10px;color:#6e6270;font-size:12px;line-height:1.35;text-align:left;cursor:pointer;font-weight:650;transition:background .25s,color .25s,box-shadow .25s}
.experience-intents button span{display:block;font-size:10px;letter-spacing:.13em;color:#b15b87;margin-bottom:8px}
.experience-intents button.active{background:#4e2044;color:white;box-shadow:0 8px 22px rgba(69,24,54,.17)}
.experience-intents button.active span{color:#f8b9db}
.experience-outcome{display:grid;grid-template-columns:.82fr 1.18fr;min-height:390px;animation:premiumAppear .4s ease}
.experience-outcome-image{position:relative;overflow:hidden;min-height:300px;background:#543d54}
.experience-outcome-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(35,14,38,.7),transparent 55%)}
.experience-outcome-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.experience-outcome-image>span{position:absolute;bottom:23px;left:24px;right:24px;color:#fff;z-index:2;letter-spacing:.16em;font-weight:700;font-size:10px;line-height:1.6}
.experience-outcome-copy{padding:clamp(22px,2.7vw,42px)}
.experience-number{font-size:10px;letter-spacing:.17em;font-weight:800;color:#a84f83}
.experience-outcome-copy h4{font:normal clamp(25px,2.3vw,35px)/1.13 Georgia,serif;letter-spacing:-.035em;color:#3a2337;margin:14px 0}
.experience-outcome-copy>p{font-size:13px;line-height:1.7;color:#675e65;margin:0 0 20px}
.experience-steps{display:grid;gap:0;border-top:1px solid #f0e9eb}
.experience-steps>div{display:grid;grid-template-columns:90px 1fr;gap:9px;padding:10px 0;border-bottom:1px solid #f0e9eb;align-items:center}
.experience-steps b{font-size:10px;color:#863763;letter-spacing:.015em}
.experience-steps span{font-size:12px;color:#645762}
.experience-outcome-copy>small{display:block;font-size:10px;line-height:1.55;color:#827684;margin-top:14px}
/* LARGE DATA STORY */
.signal-story{margin:clamp(40px,6vw,82px) 0 0;border-radius:28px;overflow:hidden;border:1px solid rgba(42,25,43,.09);background:#fff;box-shadow:0 25px 70px rgba(45,31,44,.07)}
.signal-story-header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:clamp(24px,3vw,40px) clamp(24px,4vw,48px);background:#271d2c;color:#fff}
.signal-story-header .tiny-heading{color:#e8a7c7}
.signal-story-header h3{font:normal clamp(28px,3.3vw,46px)/1.1 Georgia,serif;max-width:660px;letter-spacing:-.035em;margin:14px 0 0}
.signal-source{font-size:10px;line-height:1.5;color:#c6b7c6;letter-spacing:.1em;max-width:210px;text-align:right}
.signal-story-grid{display:grid;grid-template-columns:1fr 90px 1fr;align-items:stretch;gap:10px;padding:clamp(22px,3.5vw,44px) clamp(24px,4vw,48px);background:linear-gradient(90deg,#fff,#fcf7f9)}
.signal-figure{min-width:0;display:flex;flex-direction:column}
.signal-caption{letter-spacing:.14em;font-size:10px;font-weight:800;color:#885b7b}
.signal-figure strong{display:block;font:normal clamp(48px,6.5vw,96px)/1 Georgia,serif;letter-spacing:-.065em;color:#362337;margin-top:12px}
.signal-figure-accent strong{color:#ad3671}
.signal-figure small{font-size:13px;color:#756875}
.signal-meter{height:11px;border-radius:100px;overflow:hidden;background:#f2e7ee;margin:20px 0 16px;max-width:340px}
.signal-meter i{display:block;min-width:4px;max-width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c5558e,#f69c6e)}
.signal-interactions{font-size:12px;color:#736576;line-height:1.6}.signal-interactions b{font-size:24px;color:#3e233d;margin-right:7px}.signal-interactions span{display:block;font-size:12px}
.signal-story-divider{display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;color:#b7698f}.signal-story-divider svg{width:56px}.signal-story-divider span{font-size:10px;letter-spacing:.15em;font-weight:800}
.signal-story-end{display:grid;grid-template-columns:190px 1fr auto;gap:20px;align-items:center;padding:21px clamp(24px,4vw,48px);border-top:1px solid #f0e4e9;background:#fdf9fa}
.signal-story-end>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#9b4b7a}.signal-story-end p{font-size:12px;line-height:1.65;color:#645660;margin:0}.signal-story-end a{font-size:12px;font-weight:750;color:#8f2864;white-space:nowrap}
/* CONNECTED MARKETING WHEEL */
.orchestration{margin:48px 0 68px;padding:clamp(24px,4vw,58px);background:radial-gradient(circle at 35% 50%,rgba(248,138,199,.12),transparent 35%),#241d2c;border-radius:33px;color:#fff;overflow:hidden;box-shadow:0 35px 75px rgba(24,20,28,.13)}
.orchestration-head{max-width:780px}.orchestration-head .tiny-heading{color:#f4b3d2}
.orchestration-head h3{font:normal clamp(34px,4.6vw,64px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:15px 0}.orchestration-head h3 em{color:#e8a1c9;font-weight:normal}.orchestration-head p{color:#c9bdcb;line-height:1.8;font-size:14px;max-width:620px}
.orchestration-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;margin-top:25px}
.orchestration-wheel{width:min(100%,510px);aspect-ratio:1;position:relative;margin:auto;isolation:isolate}
.orbit-line{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;inset:10%;pointer-events:none}.orbit-a:after{content:"";position:absolute;inset:10%;border:1px dashed rgba(245,189,221,.16);border-radius:50%}.orbit-b{inset:26%;border-color:rgba(242,164,199,.15)}
.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:37%;aspect-ratio:1;border-radius:50%;background:linear-gradient(140deg,#8d316c,#4a234e);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 12px rgba(255,255,255,.04),0 20px 40px rgba(0,0,0,.15)}
.orbit-core span{letter-spacing:.19em;font-size:9px;color:#f0cae0}.orbit-core strong{font:normal clamp(24px,3vw,35px)/1.12 Georgia,serif;margin-top:10px}
.orbit-node{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:25%;aspect-ratio:1;border-radius:50%;border:1px solid #82617e;background:#34283d;color:#e7dce9;cursor:pointer;box-shadow:0 12px 24px rgba(0,0,0,.12);transition:background .3s,color .3s,transform .3s,border .3s;min-width:76px}
.orbit-node:hover{transform:scale(1.07);border-color:#eeaacd}.orbit-node.active{background:#e6c2da;color:#3b233b;border-color:#f8d9ec}
.orbit-node span{font-size:10px;letter-spacing:.14em}.orbit-node b{font-size:clamp(11px,1.2vw,14px)}
.orbit-1{top:0;left:37.5%}.orbit-2{right:1%;top:27%}.orbit-3{right:12%;bottom:3%}.orbit-4{left:12%;bottom:3%}.orbit-5{left:1%;top:27%}
.orchestration-detail{min-height:400px;align-self:center;padding:clamp(25px,3vw,44px);border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.065);border-radius:24px;animation:premiumAppear .3s ease;backdrop-filter:blur(10px)}
.engine-index{letter-spacing:.15em;font-size:10px;color:#e3accc;font-weight:800}
.orchestration-detail h4{font:normal clamp(42px,5vw,66px)/1 Georgia,serif;letter-spacing:-.055em;margin:19px 0 9px;color:#fff}
.orchestration-detail>strong{display:block;font:normal clamp(22px,2.25vw,29px)/1.2 Georgia,serif;color:#f1c9dc;letter-spacing:-.03em}
.orchestration-detail>p{font-size:14px;line-height:1.85;color:#cfc2d0;margin:20px 0}
.engine-tags{display:flex;gap:7px;flex-wrap:wrap}.engine-tags span{padding:8px 10px;font-size:9px;font-weight:750;letter-spacing:.1em;border:1px solid rgba(255,255,255,.19);border-radius:100px;color:#f2e4ec}
.engine-proof{padding:17px 0;margin-top:20px;border-top:1px solid rgba(255,255,255,.15)}.engine-proof span{font-size:10px;letter-spacing:.13em;color:#efa9d0}.engine-proof p{font-size:12px;line-height:1.7;color:#dbccd9;margin:8px 0 0}
.engine-pagination{display:flex;gap:8px}.engine-pagination button{width:25px;height:5px;border:0;border-radius:10px;background:#6d546a;cursor:pointer}.engine-pagination button.active{width:46px;background:#ebacd0}
/* A four step, non accusatory risk response */
.risk-spectrum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden;border-radius:20px;border:1px solid #ebdee7;background:#fff;margin-top:35px;box-shadow:0 12px 36px rgba(46,32,41,.05)}
.risk-spectrum>div{padding:26px 22px;border-right:1px solid #eee5ec}.risk-spectrum>div:last-child{border-right:0}
.risk-spectrum span{display:block;font-size:10px;color:#9c5680;letter-spacing:.11em;font-weight:800;margin-bottom:11px}.risk-spectrum b{display:block;color:#3f2c3c;font-size:17px;line-height:1.3;margin-bottom:11px}.risk-spectrum small{color:#776b74;font-size:11px;line-height:1.5}
/* Minimal richness on ordinary sections */
.competition-list>div,.roadmap-grid>article,.ground-rows>div{transition:transform .35s ease,box-shadow .35s ease}.competition-list>div:hover,.roadmap-grid>article:hover{transform:translateY(-5px)}
.proposal-preview{filter:drop-shadow(0 20px 22px rgba(47,25,45,.08))}
.proposal-dialog{box-shadow:0 35px 100px rgba(0,0,0,.25)}
@keyframes premiumAppear{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1050px){.experience-selector{grid-template-columns:1fr;gap:22px}.experience-selector-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.experience-selector-intro .tiny-heading{grid-column:1/-1}.experience-selector-intro h3{margin:14px 0}.experience-selector-intro p{align-self:end;margin:0 0 5px}.orchestration-grid{grid-template-columns:1fr 1fr;gap:10px}.signal-story-end{grid-template-columns:1fr 2fr}.signal-story-end a{grid-column:2;justify-self:start}}
@media (max-width:740px){.container{width:min(100% - 32px,1300px)}.experience-selector{margin-top:30px;padding:22px;border-radius:24px}.experience-selector-intro{display:block}.experience-selector-intro p{max-width:570px}.experience-outcome{grid-template-columns:1fr}.experience-outcome-image{height:220px;min-height:220px}.experience-outcome-copy h4{font-size:31px}.signal-story-header{display:block}.signal-source{display:block;text-align:left;max-width:none;margin-top:16px}.signal-story-grid{grid-template-columns:1fr;gap:14px}.signal-story-divider{flex-direction:row}.signal-story-divider svg{transform:rotate(90deg);width:35px}.signal-figure strong{font-size:60px}.signal-story-end{grid-template-columns:1fr}.signal-story-end a{grid-column:auto}.orchestration{padding:23px 16px;margin:30px 0 44px;border-radius:24px}.orchestration-grid{grid-template-columns:1fr}.orchestration-wheel{width:min(100%,390px)}.orchestration-detail{min-height:0}.risk-spectrum{grid-template-columns:1fr 1fr}.risk-spectrum>div:nth-child(2){border-right:0}.risk-spectrum>div:nth-child(-n+2){border-bottom:1px solid #eee5ec}}
@media (max-width:430px){.centrepoint-brand{min-width:94px;padding:3px 5px;min-height:35px}.centrepoint-brand img.cropped-logo{width:100px!important;height:34px!important}.brand-pair{gap:5px}.experience-selector{padding:15px}.experience-intents{gap:0}.experience-intents button{padding:12px 7px;font-size:10px}.experience-intents button span{font-size:9px}.experience-outcome-copy{padding:23px 18px}.experience-steps>div{grid-template-columns:75px 1fr}.experience-steps b{font-size:9px}.experience-steps span{font-size:11px}.signal-story-header h3{font-size:31px}.signal-story-grid{padding:22px}.signal-figure strong{font-size:54px}.orchestration-wheel{width:100%}.orbit-node{min-width:55px}.orbit-core span{font-size:7px}.orbit-core strong{font-size:20px}.orchestration-detail h4{font-size:50px}.risk-spectrum{grid-template-columns:1fr}.risk-spectrum>div{border-right:0;border-bottom:1px solid #eee5ec}.risk-spectrum>div:last-child{border-bottom:0}}
@media (prefers-reduced-motion:reduce){.experience-outcome,.orchestration-detail{animation:none}.visual-window,.world-card img,.orbit-node,.competition-list>div,.roadmap-grid>article{transition:none!important}}