@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#07151b;--muted:#68797e;--g:#0ba678;--g2:#087b5c;--mint:#e8f8f2;--line:#dfe9e6;--soft:#f4faf8;--paper:#fbfdfc;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Inter",sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}
.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.nav{height:78px;position:fixed;z-index:100;inset:0 0 auto;background:rgba(251,253,252,.78);backdrop-filter:blur(20px);border-bottom:1px solid rgba(223,233,230,.7);transition:.35s}.nav.scrolled{background:#fff;box-shadow:0 12px 50px #07151b0d}.navin{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{width:168px}.links{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:800;color:#304249}.links a:hover{color:var(--g)}.navcta{padding:10px 15px;border:1px solid var(--line);border-radius:11px;background:#fff}
.progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:1001;background:linear-gradient(90deg,var(--g),#6ce2bd)}.aura{position:fixed;width:300px;height:300px;border-radius:50%;pointer-events:none;z-index:-1;transform:translate(-50%,-50%);background:radial-gradient(circle,#0ba67816,transparent 68%)}
h1,h2,h3{font-family:Manrope;letter-spacing:-.055em}h1{font-size:clamp(44px,5.1vw,70px);line-height:.98;margin:18px 0 23px}h2{font-size:clamp(34px,3.8vw,52px);line-height:1.02;margin:13px 0 19px}h3{font-size:21px;line-height:1.12;margin:0 0 9px}.lead{font-size:17px;color:var(--muted);max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:var(--mint);color:var(--g2);font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--g);box-shadow:0 0 0 6px #0ba67812}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:12px;font-size:12px;font-weight:800;border:1px solid transparent;transition:.4s var(--ease)}.green{background:var(--g);color:#fff;box-shadow:0 14px 34px #0ba67833}.green:hover{background:var(--g2);transform:translateY(-3px)}.light{background:#fff;border-color:var(--line)}.light:hover{transform:translateY(-3px);box-shadow:0 16px 40px #07151b0d}
.hero{min-height:860px;padding:140px 0 90px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 23%,#0ba67822,transparent 25%),radial-gradient(circle at 10% 80%,#0ba6780d,transparent 21%),linear-gradient(#fff,#f5fbf9)}
.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:55px;align-items:center}.hero-visual{height:590px;position:relative}.hero-visual:before,.hero-visual:after{content:"";position:absolute;left:52%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #0ba6781f}.hero-visual:before{width:520px;height:520px;animation:spin 25s linear infinite}.hero-visual:after{width:370px;height:370px;border-style:dashed;animation:spinr 17s linear infinite}
.phone{position:absolute;width:325px;left:50%;top:22px;z-index:3;padding:10px;background:#07151b;border-radius:38px;box-shadow:0 50px 110px #07151b38;transform:translateX(-50%) rotateY(-7deg);animation:floatphone 7s ease-in-out infinite}.phone img{width:100%;display:block;border-radius:29px}
.float{position:absolute;z-index:5;padding:13px 15px;border:1px solid var(--line);border-radius:16px;background:#fffffff2;backdrop-filter:blur(14px);box-shadow:0 25px 65px #07151b1c;font-size:9px}.float b{display:block;font:800 14px Manrope;margin-top:2px}.f1{left:0;top:85px;animation:fleft 6s infinite}.f2{right:0;top:150px;animation:fright 6.5s infinite}.f3{left:10%;bottom:45px;animation:fleft 7s infinite}.f4{right:7%;bottom:15px;animation:fright 6.2s infinite}
.marquee{overflow:hidden;padding:16px 0;border-block:1px solid var(--line);background:#fff}.track{display:flex;gap:50px;width:max-content;white-space:nowrap;font:800 9px Manrope;letter-spacing:.15em;text-transform:uppercase;color:#78878b;animation:marquee 28s linear infinite}.track span:after{content:"✦";color:var(--g);margin-left:50px}
.section{padding:118px 0}.soft{background:var(--soft)}.dark{background:var(--ink);color:#fff}.head{max-width:820px;margin-bottom:54px}.center{text-align:center;margin-left:auto;margin-right:auto}.kicker{font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--g2)}
.storygrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.story{border:1px solid var(--line);border-radius:27px;background:#fff;padding:31px;min-height:450px;position:relative;overflow:hidden;transition:.5s var(--ease)}.story:hover{transform:translateY(-7px);box-shadow:0 30px 90px #07151b12}.story.darkcard{background:linear-gradient(145deg,#08191e,#0d2d28);color:#fff;border-color:#0ba67840}.num{font:800 62px Manrope;color:#0ba67828;line-height:1;margin-bottom:15px}.chapters{margin-top:25px}.chapter{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--line)}.darkcard .chapter{border-color:#ffffff18}.chapter b{font-size:13px}.chapter p{font-size:12px;color:var(--muted);margin-top:2px}.darkcard .chapter p{color:#9db0b4}
.forecast{margin-top:22px;background:#061419;border:1px solid #0ba67845;border-radius:21px;padding:18px}.forecastnum{font:800 43px Manrope;letter-spacing:-.06em}.bars{height:135px;display:flex;align-items:end;gap:7px;margin-top:12px}.bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(to top,#0ba6782b,#0ba678);animation:grow 1.5s var(--ease) both}.bars i:nth-child(1){height:28%}.bars i:nth-child(2){height:41%;animation-delay:.08s}.bars i:nth-child(3){height:34%;animation-delay:.16s}.bars i:nth-child(4){height:54%;animation-delay:.24s}.bars i:nth-child(5){height:66%;animation-delay:.32s}.bars i:nth-child(6){height:79%;animation-delay:.4s}.bars i:nth-child(7){height:92%;animation-delay:.48s}
.quote{padding:145px 0;background:var(--ink);color:#fff}.quote blockquote{font:800 clamp(33px,4.2vw,56px)/1.08 Manrope;letter-spacing:-.06em;max-width:1030px;margin:0}.quote span{color:#67dfba}.quote cite{display:block;color:#9bb0b5;margin-top:24px;font-size:12px}
.workflow{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin-top:48px}.workflow:before{content:"";position:absolute;left:9%;right:9%;top:29px;height:2px;background:linear-gradient(90deg,var(--g),#cdebe2)}.node{text-align:center;position:relative;z-index:1}.dot{width:58px;height:58px;margin:auto;display:grid;place-items:center;border-radius:17px;border:2px solid var(--g);background:#fff;color:var(--g2);font-weight:900;box-shadow:0 0 0 9px #0ba67812;animation:pulse 3s infinite}.node:nth-child(2) .dot{animation-delay:.3s}.node:nth-child(3) .dot{animation-delay:.6s}.node:nth-child(4) .dot{animation-delay:.9s}.node:nth-child(5) .dot{animation-delay:1.2s}.node b{display:block;font-size:11px;margin-top:12px}.node small{display:block;font-size:9px;color:var(--muted)}
.ui{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.device{width:min(335px,100%);margin:auto;background:#07151b;padding:10px;border-radius:35px;box-shadow:0 35px 90px #07151b2b}.device img{width:100%;display:block;border-radius:27px}.devicecap{text-align:center;color:#8d9da1;font-size:9px;margin-top:10px}.copy h3{font-size:30px}.copy p{font-size:15px;color:var(--muted)}
.customer{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.customerbox{background:#fff;border:1px solid var(--line);border-radius:27px;padding:29px;box-shadow:0 30px 90px #07151b0d}.memory{height:430px;position:relative}.orbit{position:absolute;width:350px;height:350px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #0ba67822;border-radius:50%;animation:spin 22s linear infinite}.mcard{position:absolute;background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;box-shadow:0 25px 65px #07151b1c;font-size:9px}.mcard b{display:block;font:800 14px Manrope}.m1{left:0;top:42px;animation:fleft 6s infinite}.m2{right:0;top:125px;animation:fright 6.5s infinite}.m3{left:17%;bottom:12px;animation:fleft 7s infinite}
.rail{display:flex;gap:13px;overflow:auto;padding:4px 0 18px}.railbox{min-width:270px;padding:24px;border:1px solid var(--line);border-radius:21px;background:#fff;transition:.4s}.railbox:hover{transform:translateY(-7px);box-shadow:0 25px 65px #07151b0d}.icon{width:43px;height:43px;border-radius:13px;background:var(--mint);display:grid;place-items:center;color:var(--g2);font-weight:900;margin-bottom:16px}.railbox p{color:var(--muted);font-size:13px}
.segments{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.segment{background:#fff;border:1px solid var(--line);border-radius:19px;padding:21px;min-height:185px;transition:.4s}.segment:hover{transform:translateY(-6px);box-shadow:0 25px 65px #07151b0d}.segment small{display:block;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--g2);font-weight:900;margin-bottom:12px}.segment p{font-size:12px;color:var(--muted)}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.principle{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.principle .n{font:800 50px Manrope;color:#0ba67829}.principle p{font-size:14px;color:var(--muted)}
.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;font-weight:800}summary::-webkit-details-marker{display:none}details p{color:var(--muted);max-width:850px;margin-top:9px}
.cta{border-radius:30px;padding:58px;background:linear-gradient(135deg,#07191e,#0d332c);color:#fff;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:420px;height:420px;right:-190px;top:-220px;border-radius:50%;background:#0ba6782e;filter:blur(35px)}.cta>*{position:relative;z-index:1}
footer{background:#fff;border-top:1px solid var(--line);padding:48px 0 32px}.footgrid{display:grid;grid-template-columns:1.4fr .7fr .7fr .8fr;gap:35px}.footgrid h4{font:800 10px Manrope;letter-spacing:.12em;text-transform:uppercase}.footgrid a,.footgrid p{display:block;font-size:12px;color:var(--muted);margin:7px 0}.bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:35px;color:#89979b;font-size:10px}
.reveal{opacity:0;transform:translateY(27px) scale(.99);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.show{opacity:1;transform:none}.d1{transition-delay:.12s}.d2{transition-delay:.24s}.d3{transition-delay:.36s}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spinr{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes floatphone{0%,100%{transform:translateX(-50%) rotateY(-7deg) translateY(0)}50%{transform:translateX(-50%) rotateY(-7deg) translateY(-12px)}}@keyframes fleft{50%{transform:translate(-5px,-12px) rotate(-2deg)}}@keyframes fright{50%{transform:translate(5px,12px) rotate(2deg)}}@keyframes grow{from{height:0!important}}@keyframes pulse{50%{box-shadow:0 0 0 14px #0ba67808}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:950px){.hero-grid,.storygrid,.ui,.customer{grid-template-columns:1fr}.hero{padding-top:125px}.hero-visual{height:570px}.segments{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:1fr;gap:18px}.workflow:before{left:28px;top:28px;bottom:28px;width:2px;height:auto;right:auto}.node{display:grid;grid-template-columns:58px 1fr;text-align:left;align-items:center;gap:14px}.node b{margin:0}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.links{display:none}.hero{min-height:auto;padding:120px 0 75px}.hero-visual:before,.hero-visual:after{display:none}.hero-visual{height:530px}.phone{width:285px}.float{display:none}.segments,.principles{grid-template-columns:1fr}.section{padding:85px 0}.cta{padding:34px 25px}.footgrid{grid-template-columns:1fr}.bottom{flex-direction:column;gap:7px}}

/* V5 — privacy-first product storytelling: no private UI/screenshots */
.visual-shell{position:relative;min-height:455px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#fff,#f2faf7);overflow:hidden;box-shadow:0 30px 90px #07151b10}
.visual-shell.dark{background:linear-gradient(145deg,#07151b,#0b302a);border-color:#0ba67840;color:#fff}
.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#0ba6780b 1px,transparent 1px),linear-gradient(90deg,#0ba6780b 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.pulse-orb{position:absolute;width:180px;height:180px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#0ba67822,transparent 67%);animation:orbreathe 4.5s ease-in-out infinite}
.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:115px;height:115px;border-radius:32px;background:#fff;border:1px solid #bfe3d7;display:grid;place-items:center;box-shadow:0 25px 70px #07151b1c;z-index:3}
.core b{font:800 13px Manrope;text-align:center;line-height:1.15}.core span{font-size:8px;color:var(--g2);font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.orbitline{position:absolute;left:50%;top:50%;width:320px;height:320px;transform:translate(-50%,-50%);border:1px solid #0ba67835;border-radius:50%;animation:spin 20s linear infinite}
.orbitline:before,.orbitline:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--g);box-shadow:0 0 0 8px #0ba67812}.orbitline:before{left:50%;top:-6px}.orbitline:after{right:12%;bottom:8%;background:#07151b}
.flow-chip{position:absolute;padding:10px 12px;border:1px solid var(--line);background:#fffffff2;backdrop-filter:blur(12px);border-radius:13px;box-shadow:0 18px 45px #07151b16;font-size:9px;z-index:4}.flow-chip b{display:block;font:800 12px Manrope}.flow-chip small{color:var(--muted)}
.chip-a{left:8%;top:15%;animation:fleft 6s infinite}.chip-b{right:7%;top:23%;animation:fright 6.7s infinite}.chip-c{left:11%;bottom:14%;animation:fleft 7.1s infinite}.chip-d{right:9%;bottom:18%;animation:fright 6.3s infinite}
.timeline{position:relative;padding:22px 0 8px}.timeline-line{position:absolute;left:24px;top:26px;bottom:26px;width:2px;background:linear-gradient(var(--g),#cdebe2)}.tl{position:relative;display:grid;grid-template-columns:50px 1fr;gap:17px;margin:0 0 21px;align-items:start}.tl-dot{width:49px;height:49px;border-radius:15px;border:1px solid #a8d7c9;background:#fff;display:grid;place-items:center;color:var(--g2);font:800 11px Manrope;z-index:2;box-shadow:0 0 0 7px #0ba6780a}.tl-card{padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#fff}.tl-card b{font-size:12px}.tl-card p{font-size:10px;color:var(--muted);margin-top:3px}
.matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:26px}.matrix-cell{min-height:105px;border:1px solid #d5e6e1;border-radius:16px;padding:15px;background:#fff;transition:.4s}.matrix-cell:hover{transform:translateY(-4px);border-color:#8bcab8;box-shadow:0 18px 40px #07151b0b}.matrix-cell strong{font:800 18px Manrope}.matrix-cell span{display:block;font-size:9px;color:var(--muted);margin-top:5px}.signal{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #0ba6782b;border-radius:14px;background:#0ba6780b;margin-top:10px;font-size:10px}.signal i{width:8px;height:8px;border-radius:50%;background:var(--g);box-shadow:0 0 0 6px #0ba67812}
.statement{font:800 clamp(25px,3vw,40px)/1.08 Manrope;letter-spacing:-.05em;max-width:850px}.statement span{color:var(--g)}
.storyline{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.story-step{padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff;min-height:240px;position:relative;overflow:hidden}.story-step:before{content:"";position:absolute;left:26px;right:26px;bottom:0;height:2px;background:linear-gradient(90deg,var(--g),transparent);transform:scaleX(0);transform-origin:left;transition:.5s}.story-step:hover:before{transform:scaleX(1)}.story-step .stepno{font:800 35px Manrope;color:#0ba6782b}.story-step p{font-size:13px;color:var(--muted)}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.metric{padding:20px;border-radius:18px;border:1px solid #0ba67835;background:#ffffff0a}.metric b{font:800 28px Manrope;display:block}.metric span{font-size:9px;color:#9db0b4}
.punchline{padding:80px 0;text-align:center}.punchline h2{max-width:900px;margin:0 auto}.punchline p{max-width:700px;margin:20px auto;color:var(--muted)}
@media(max-width:700px){.storyline,.metric-row{grid-template-columns:1fr}.matrix{grid-template-columns:1fr 1fr}.visual-shell{min-height:390px}.orbitline{width:270px;height:270px}}

/* =========================
   MEMORIOPS V6 STORY SYSTEM
   ========================= */
.v6-hero-art{position:relative;height:570px;border-radius:34px;overflow:hidden;background:radial-gradient(circle at 50% 48%,#0ba67812,transparent 31%),linear-gradient(145deg,#fbfefd,#eef8f5);border:1px solid #dcebe6;box-shadow:0 35px 110px #07151b12}
.v6-hero-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#0ba67808 1px,transparent 1px),linear-gradient(90deg,#0ba67808 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.memory-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:40px;background:#fff;border:1px solid #b8ded2;display:grid;place-items:center;text-align:center;z-index:5;box-shadow:0 25px 70px #07151b1a}
.memory-core:before{content:"";position:absolute;inset:-13px;border:1px solid #0ba67822;border-radius:48px;animation:pulse 3.5s infinite}
.memory-core strong{font:800 17px/1.05 Manrope;letter-spacing:-.04em}.memory-core small{display:block;color:var(--g2);font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
.ring{position:absolute;left:50%;top:50%;border:1px solid #0ba67835;border-radius:50%;transform:translate(-50%,-50%);animation:spin 24s linear infinite}.r1{width:260px;height:260px}.r2{width:410px;height:410px;border-style:dashed;animation-duration:32s;animation-direction:reverse}.r3{width:520px;height:520px;border-color:#0ba67812;animation-duration:44s}
.ring i{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--g);box-shadow:0 0 0 8px #0ba67810}.r1 i{left:50%;top:-6px}.r2 i{right:9%;top:21%;background:#0b1720}.r3 i{left:17%;bottom:13%;background:#9acfc1}
.v6-node{position:absolute;z-index:7;min-width:145px;padding:14px 16px;border:1px solid #d5e7e2;background:#fffffff4;backdrop-filter:blur(16px);border-radius:17px;box-shadow:0 20px 55px #07151b14;animation:floatnode 6s ease-in-out infinite}
.v6-node small{display:block;color:#729087;font-size:7px;letter-spacing:.13em;font-weight:900}.v6-node b{display:block;font:800 13px Manrope;margin-top:3px}.v6-node span{display:block;font-size:9px;color:#738389;margin-top:2px}
.vn1{left:5%;top:12%}.vn2{right:5%;top:18%;animation-delay:.8s}.vn3{left:5%;bottom:13%;animation-delay:1.4s}.vn4{right:6%;bottom:10%;animation-delay:2s}
.connector{position:absolute;height:1px;background:linear-gradient(90deg,#0ba67800,#0ba67845,#0ba67800);transform-origin:left center;z-index:2}.c1{width:170px;left:22%;top:31%;transform:rotate(24deg)}.c2{width:160px;right:22%;top:34%;transform:rotate(153deg)}.c3{width:170px;left:23%;bottom:31%;transform:rotate(-25deg)}.c4{width:165px;right:21%;bottom:30%;transform:rotate(154deg)}
.hero-caption{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#6d8580;font-weight:900;white-space:nowrap}
@keyframes floatnode{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}} 

/* Spacious morning story */
.morning{display:grid;grid-template-columns:1.03fr .97fr;gap:72px;align-items:center}
.morning-art{min-height:505px;position:relative;border-radius:30px;background:#f8fcfb;border:1px solid var(--line);overflow:hidden;padding:38px}
.morning-art .sun{position:absolute;width:260px;height:260px;border-radius:50%;right:-70px;top:-80px;background:radial-gradient(circle,#0ba67822,transparent 68%);animation:sunpulse 5s infinite}
.morning-clock{position:absolute;left:38px;top:38px;font:800 13px Manrope;color:#6f8582}.morning-title{position:absolute;left:38px;top:68px;font:800 27px/1.05 Manrope;max-width:300px;letter-spacing:-.05em}
.action-stack{position:absolute;left:38px;right:38px;bottom:32px;display:grid;gap:10px}.action-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px 15px;border:1px solid #d8e8e4;background:#fff;border-radius:16px;box-shadow:0 12px 30px #07151b08;animation:actionrise .8s var(--ease) both}.action-row:nth-child(2){animation-delay:.25s}.action-row:nth-child(3){animation-delay:.5s}.action-row:nth-child(4){animation-delay:.75s}.action-icon{width:34px;height:34px;border-radius:11px;background:var(--mint);display:grid;place-items:center;color:var(--g2);font-weight:900}.action-row b{font-size:11px}.action-row small{display:block;color:var(--muted);font-size:8px}.action-status{font-size:8px;color:var(--g2);font-weight:900}.morning-arrow{position:absolute;right:40px;top:178px;font-size:70px;color:#0ba67820;animation:arrowfloat 3s infinite}
@keyframes sunpulse{50%{transform:scale(1.08);opacity:.8}}@keyframes actionrise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes arrowfloat{50%{transform:translate(7px,-5px)}}

/* Scattered → connected */
.scatter{height:510px;position:relative;border-radius:30px;border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f5faf8);overflow:hidden}
.scatter .centerlock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);width:160px;height:160px;border-radius:44px;background:#fff;border:1px solid #bfe1d6;display:grid;place-items:center;text-align:center;box-shadow:0 28px 70px #07151b15;z-index:5;animation:lockin 8s infinite}
.centerlock b{font:800 16px Manrope;line-height:1.05}.centerlock small{font-size:8px;color:var(--g2);font-weight:900;letter-spacing:.13em}
.source{position:absolute;width:150px;padding:13px 14px;border-radius:15px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px #07151b0d;font-size:9px}.source b{display:block;font:800 12px Manrope}.source small{color:var(--muted);font-size:8px}
.s1{left:7%;top:11%;animation:scatter1 7s infinite}.s2{right:7%;top:16%;animation:scatter2 7.5s infinite}.s3{left:7%;bottom:13%;animation:scatter3 7.2s infinite}.s4{right:7%;bottom:10%;animation:scatter4 7.8s infinite}
.pull{position:absolute;left:50%;top:50%;width:230px;height:230px;transform:translate(-50%,-50%);border:1px dashed #0ba67835;border-radius:50%;animation:spin 20s linear infinite}
@keyframes scatter1{50%{transform:translate(28px,24px)}}@keyframes scatter2{50%{transform:translate(-25px,27px)}}@keyframes scatter3{50%{transform:translate(30px,-23px)}}@keyframes scatter4{50%{transform:translate(-28px,-26px)}}@keyframes lockin{0%,35%,100%{box-shadow:0 28px 70px #07151b15}50%{box-shadow:0 28px 90px #0ba67825}}

/* Feature story scenes */
.scene{position:relative;min-height:520px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#fff}
.scene-head{padding:36px 38px 0;position:relative;z-index:5}.scene-head .kicker{margin-bottom:8px;display:block}
.scene-body{position:absolute;inset:0;padding-top:135px}
.lead-scene .inquiry{position:absolute;left:8%;top:36%;width:220px;padding:18px;border-radius:19px;background:#fff;border:1px solid #d7e8e3;box-shadow:0 22px 55px #07151b10;animation:inquiry 6s infinite}
.inquiry b{font:800 16px Manrope}.inquiry p{font-size:10px;color:var(--muted);margin:4px 0 0}.ownership{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:42px;background:var(--mint);border:1px solid #bfe1d6;display:grid;place-items:center;text-align:center;z-index:4;animation:ownpulse 4s infinite}.ownership b{font:800 14px Manrope}.ownership small{font-size:8px;color:var(--g2);font-weight:900}.lead-path{position:absolute;left:24%;right:24%;top:46%;height:1px;background:linear-gradient(90deg,#0ba67800,#0ba67866,#0ba67800);z-index:1}
.owner-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--g);top:calc(46% - 4px);left:18%;animation:travel 4.5s infinite}
@keyframes inquiry{50%{transform:translate(12px,-10px)}}@keyframes ownpulse{50%{box-shadow:0 0 0 16px #0ba6780b,0 25px 60px #0ba67816}}@keyframes travel{0%{left:18%}55%{left:76%}100%{left:18%}}

.deal-scene{background:linear-gradient(145deg,#fbfefd,#eef8f5)}.deal-stage{position:absolute;left:8%;right:8%;top:42%;display:flex;gap:9px;align-items:end}.stage{flex:1;min-height:80px;border:1px solid #d7e8e3;border-radius:14px;background:#fff;padding:12px;position:relative;overflow:hidden}.stage span{font-size:8px;color:#78908a;font-weight:900}.stage strong{display:block;font:800 12px Manrope;margin-top:4px}.deal-chip{position:absolute;width:120px;padding:11px 12px;border-radius:14px;background:#07151b;color:#fff;box-shadow:0 18px 50px #07151b22;font-size:8px;animation:dealmove 8s infinite}.deal-chip b{display:block;font:800 12px Manrope}.dc1{left:11%;top:26%}.dc2{left:36%;top:19%;animation-delay:2s}.dc3{left:61%;top:31%;animation-delay:4s}.risk{position:absolute;right:9%;bottom:14%;padding:12px 14px;border:1px solid #f0d6c7;background:#fff8f4;border-radius:14px;font-size:8px;color:#9a684e;animation:riskpulse 3s infinite}.risk b{display:block;font:800 12px Manrope;color:#8b4b2e}
@keyframes dealmove{0%,15%{transform:translateY(0);opacity:.5}30%,55%{transform:translateY(75px);opacity:1}70%,100%{transform:translateY(0);opacity:.5}}@keyframes riskpulse{50%{transform:translateY(-5px);box-shadow:0 16px 40px #d99b6a1c}}

.quote-scene{background:#f8fbfa}.quote-paper{position:absolute;left:11%;top:34%;width:230px;height:190px;background:#fff;border:1px solid #d7e8e3;border-radius:17px;box-shadow:0 25px 65px #07151b10;padding:20px;transform:rotate(-3deg);animation:paperfloat 5s infinite}.quote-paper:before{content:"";position:absolute;left:20px;right:20px;top:49px;height:1px;background:#dce9e6;box-shadow:0 25px #dce9e6,0 50px #dce9e6,0 75px #dce9e6}.quote-paper b{font:800 15px Manrope}.quote-status{position:absolute;left:45%;top:46%;width:135px;height:135px;border-radius:50%;border:1px solid #0ba67844;background:#0ba6780b;display:grid;place-items:center;text-align:center;z-index:3;animation:statusring 4s infinite}.quote-status b{font:800 13px Manrope}.quote-status small{display:block;font-size:7px;color:var(--g2);font-weight:900}.quote-end{position:absolute;right:8%;top:38%;width:180px;padding:16px;border-radius:16px;border:1px solid #d7e8e3;background:#fff;box-shadow:0 20px 50px #07151b0e}.quote-end b{font:800 13px Manrope}.quote-end span{display:block;font-size:9px;color:var(--g2);margin-top:5px}.qline{position:absolute;left:26%;right:19%;top:50%;height:1px;background:linear-gradient(90deg,#0ba67800,#0ba67866,#0ba67800)}
@keyframes paperfloat{50%{transform:rotate(1deg) translateY(-8px)}}@keyframes statusring{50%{box-shadow:0 0 0 18px #0ba67808}}

.follow-scene{background:linear-gradient(145deg,#fff,#f6faf9)}.clock{position:absolute;left:10%;top:38%;width:170px;height:170px;border-radius:50%;border:1px solid #bcded3;background:#fff;box-shadow:0 25px 60px #07151b10}.clock:before{content:"";position:absolute;left:50%;top:50%;width:3px;height:57px;background:#0b1a20;transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(30deg);border-radius:3px}.clock:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:43px;background:var(--g);transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(150deg);border-radius:3px}.follow-path{position:absolute;left:27%;right:13%;top:50%;height:1px;background:#0ba6783b}.follow-card{position:absolute;right:8%;top:35%;width:245px;padding:18px;border-radius:17px;background:#fff;border:1px solid #d7e8e3;box-shadow:0 25px 65px #07151b10}.follow-card b{font:800 14px Manrope}.follow-card p{font-size:9px;color:var(--muted);margin:4px 0 13px}.state{display:flex;gap:6px}.state span{padding:6px 9px;border-radius:9px;font-size:8px;border:1px solid #dbe9e5}.state span.active{background:var(--mint);color:var(--g2);border-color:#bde0d4}.reschedule{position:absolute;left:40%;bottom:13%;padding:10px 13px;border-radius:13px;background:#fff;border:1px solid #d7e8e3;box-shadow:0 15px 35px #07151b0b;font-size:8px;animation:resched 5s infinite}
@keyframes resched{50%{transform:translateX(28px)}}

.journey-scene{background:#07151b;color:#fff}.journey-line{position:absolute;left:9%;right:9%;top:53%;height:2px;background:linear-gradient(90deg,#0ba678,#68dfbb,#0ba678);box-shadow:0 0 25px #0ba67844}.journey-event{position:absolute;top:calc(53% - 15px);width:30px;height:30px;border-radius:50%;background:#07151b;border:2px solid #69dfbb;box-shadow:0 0 0 7px #0ba67812}.je1{left:10%}.je2{left:29%;animation-delay:.3s}.je3{left:49%;animation-delay:.6s}.je4{left:69%;animation-delay:.9s}.je5{left:88%;animation-delay:1.2s}.journey-label{position:absolute;width:145px;text-align:center;font-size:8px;color:#a7b8ba}.journey-label b{display:block;font:800 12px Manrope;color:#fff;margin-bottom:3px}.jl1{left:5%;top:60%}.jl2{left:24%;top:38%}.jl3{left:44%;top:60%}.jl4{left:64%;top:38%}.jl5{right:4%;top:60%}.journey-glow{position:absolute;left:48%;top:53%;width:80px;height:80px;border-radius:50%;transform:translate(-50%,-50%);background:#0ba6782a;filter:blur(15px);animation:journeypulse 3s infinite}
@keyframes journeypulse{50%{transform:translate(-50%,-50%) scale(1.4);opacity:.65}}

.revenue-scene{background:linear-gradient(145deg,#fbfefd,#eff8f5)}.revenue-total{position:absolute;left:8%;top:31%;font:800 48px Manrope;letter-spacing:-.06em}.revenue-total small{display:block;font:900 8px DM Sans;letter-spacing:.14em;color:#6f8580;text-transform:uppercase}.revbars{position:absolute;left:38%;right:8%;bottom:17%;height:220px;display:flex;align-items:end;gap:9px}.revbar{flex:1;border-radius:8px 8px 2px 2px;background:linear-gradient(to top,#0ba6782a,#0ba678);transform-origin:bottom;animation:revbuild 1.6s var(--ease) both}.revbar:nth-child(1){height:24%}.revbar:nth-child(2){height:38%;animation-delay:.12s}.revbar:nth-child(3){height:33%;animation-delay:.24s}.revbar:nth-child(4){height:55%;animation-delay:.36s}.revbar:nth-child(5){height:68%;animation-delay:.48s}.revbar:nth-child(6){height:79%;animation-delay:.6s}.revbar:nth-child(7){height:93%;animation-delay:.72s}.rev-source{position:absolute;left:10%;bottom:18%;width:205px;padding:14px;border-radius:16px;border:1px solid #d7e8e3;background:#fff;box-shadow:0 20px 50px #07151b10}.rev-source b{font:800 13px Manrope}.rev-source span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.rev-source:after{content:"";position:absolute;width:90px;height:1px;right:-90px;top:50%;background:linear-gradient(90deg,#0ba67866,#0ba67800)}
@keyframes revbuild{from{transform:scaleY(0)}} 

.v6-copy{max-width:700px}.v6-copy p{font-size:15px;color:var(--muted);max-width:640px}.story-note{margin-top:26px;padding-left:18px;border-left:2px solid #0ba67844;font-size:12px;color:#51666a}.story-note strong{color:var(--ink)}
.v6-section{padding:132px 0}.v6-dark{background:#07151b;color:#fff}.v6-dark .lead,.v6-dark .v6-copy p{color:#a5b6b9}.v6-dark .story-note{border-color:#0ba67877;color:#9db1b5}.v6-dark .story-note strong{color:#fff}
.story-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.story-feature.reverse{grid-template-columns:1.1fr .9fr}.story-feature.reverse .v6-copy{order:2}.story-feature.reverse .scene{order:1}
.feature-kicker{display:block;color:var(--g2);font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}
.connect-strip{padding:85px 0;background:#f4faf8;border-block:1px solid var(--line)}.connect-flow{display:flex;align-items:center;gap:0;margin-top:44px;overflow:hidden}.connect-item{flex:1;min-width:120px;text-align:center;position:relative}.connect-item:not(:last-child):after{content:"";position:absolute;right:-1px;top:22px;width:50%;height:1px;background:linear-gradient(90deg,#0ba67855,#0ba67800)}.connect-dot{width:45px;height:45px;margin:auto;border-radius:14px;background:#fff;border:1px solid #b9ddd2;display:grid;place-items:center;color:var(--g2);font:800 10px Manrope;box-shadow:0 10px 30px #07151b0a}.connect-item b{display:block;font-size:10px;margin-top:11px}.connect-item small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
@media(max-width:950px){.morning,.story-feature,.story-feature.reverse{grid-template-columns:1fr;gap:40px}.story-feature.reverse .v6-copy,.story-feature.reverse .scene{order:initial}.v6-hero-art{height:520px}.scene{min-height:480px}.connect-flow{overflow:auto}.connect-item{min-width:130px}}
@media(max-width:620px){.v6-section{padding:90px 0}.v6-hero-art{height:500px}.v6-node{min-width:125px;padding:11px}.vn1{left:3%;top:10%}.vn2{right:3%;top:15%}.vn3{left:3%;bottom:12%}.vn4{right:3%;bottom:9%}.memory-core{width:125px;height:125px}.r3{width:420px;height:420px}.r2{width:330px;height:330px}.r1{width:220px;height:220px}.morning-art{min-height:470px;padding:25px}.morning-title{left:25px;top:68px;font-size:23px}.action-stack{left:25px;right:25px;bottom:25px}.action-row{grid-template-columns:34px 1fr auto}.action-icon{width:30px;height:30px}.scene-head{padding:28px 25px 0}.lead-scene .inquiry{left:6%;width:180px}.ownership{width:125px;height:125px}.quote-paper{left:6%;width:190px}.quote-status{left:39%;width:115px;height:115px}.quote-end{right:5%;width:150px}.clock{left:5%;width:135px;height:135px}.follow-card{right:4%;width:190px}.journey-label{width:110px}.revenue-total{left:6%;font-size:38px}.rev-source{left:6%;width:170px}.revbars{left:36%;right:5%}}

/* =========================================================
   MEMORIOPS FINAL V7 — INTERNATIONAL STORY SYSTEM
   ========================================================= */
:root{
  --v7-bg:#fbfdfc;
  --v7-ink:#07151b;
  --v7-muted:#64767b;
  --v7-line:#dce9e5;
  --v7-green:#0ba678;
  --v7-green2:#087b5c;
  --v7-mint:#eaf8f3;
  --v7-ease:cubic-bezier(.16,1,.3,1);
}
body{background:var(--v7-bg)}
.v7-hero{padding:155px 0 105px;min-height:920px;display:flex;align-items:center;background:
 radial-gradient(circle at 84% 24%,#0ba6781c,transparent 24%),
 radial-gradient(circle at 12% 76%,#0ba6780c,transparent 20%),
 linear-gradient(180deg,#fff,#f4faf8);overflow:hidden}
.v7-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:78px;align-items:center}
.v7-hero h1{max-width:650px}
.v7-hero-copy .lead{max-width:620px}
.v7-hero-proof{display:flex;gap:24px;flex-wrap:wrap;margin-top:26px;color:#708187;font-size:10px;font-weight:800}
.v7-hero-proof span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--v7-green);margin-right:7px;box-shadow:0 0 0 5px #0ba67810}
.v7-hero-art{height:590px;border-radius:34px;border:1px solid #d9e9e4;background:#f9fdfc;position:relative;overflow:hidden;box-shadow:0 40px 120px #07151b12}
.v7-hero-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#0ba67808 1px,transparent 1px),linear-gradient(90deg,#0ba67808 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.v7-ring{position:absolute;border:1px solid #0ba67830;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:v7spin 26s linear infinite}
.v7-r1{width:235px;height:235px}.v7-r2{width:380px;height:380px;border-style:dashed;animation-duration:34s;animation-direction:reverse}.v7-r3{width:510px;height:510px;border-color:#0ba67812;animation-duration:48s}
.v7-ring i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--v7-green);box-shadow:0 0 0 7px #0ba67810}.v7-r1 i{top:-5px;left:50%}.v7-r2 i{right:12%;top:20%;background:#07151b}.v7-r3 i{bottom:12%;left:16%;background:#9ed2c5}
.v7-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:43px;background:#fff;border:1px solid #b8ded2;display:grid;place-items:center;text-align:center;z-index:5;box-shadow:0 30px 80px #07151b18}
.v7-core:before{content:"";position:absolute;inset:-14px;border:1px solid #0ba67820;border-radius:52px;animation:v7pulse 3.6s infinite}
.v7-core small{display:block;color:var(--v7-green2);font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px}
.v7-core b{font:800 17px/1.04 Manrope;letter-spacing:-.04em}
.v7-node{position:absolute;z-index:7;min-width:150px;padding:14px 15px;background:#fffffff2;backdrop-filter:blur(14px);border:1px solid #d5e7e2;border-radius:16px;box-shadow:0 22px 55px #07151b14;animation:v7float 6s ease-in-out infinite}
.v7-node small{display:block;color:#748a88;font-size:7px;letter-spacing:.14em;font-weight:900}.v7-node b{display:block;font:800 13px Manrope;margin-top:3px}.v7-node span{display:block;font-size:9px;color:#738389;margin-top:2px}
.v7-n1{left:5%;top:12%}.v7-n2{right:5%;top:18%;animation-delay:.7s}.v7-n3{left:6%;bottom:13%;animation-delay:1.3s}.v7-n4{right:6%;bottom:10%;animation-delay:2s}
.v7-caption{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#78908a;font-weight:900;white-space:nowrap}
@keyframes v7spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes v7float{50%{transform:translateY(-10px)}}@keyframes v7pulse{50%{transform:scale(1.04);opacity:.6}}

.v7-section{padding:125px 0}.v7-section.soft{background:#f3faf7}.v7-section.dark{background:#07151b;color:#fff}
.v7-intro{max-width:880px}.v7-intro.center{margin-left:auto;margin-right:auto;text-align:center}.v7-intro h2{margin-bottom:17px}.v7-intro .lead{max-width:760px}
.v7-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:85px;align-items:center;margin-top:70px}
.v7-feature.copy-left{grid-template-columns:.95fr 1.05fr}
.v7-feature .v7-story{order:2}.v7-feature .v7-scene{order:1}
.v7-feature.copy-left .v7-story{order:1}.v7-feature.copy-left .v7-scene{order:2}
.v7-story h3{font-size:35px;line-height:1.04;max-width:590px}
.v7-story p{font-size:15px;color:var(--v7-muted);max-width:590px}
.v7-story .v7-punch{margin-top:27px;padding-left:18px;border-left:2px solid #0ba67845;color:#51666a;font-size:12px}
.v7-story .v7-punch strong{color:var(--v7-ink)}
.v7-eyebrow{display:block;color:var(--v7-green2);font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;margin-bottom:11px}
.v7-scene{height:490px;border:1px solid var(--v7-line);border-radius:29px;background:#fff;position:relative;overflow:hidden;box-shadow:0 30px 90px #07151b0c}
.v7-scene.dark{background:#07151b;border-color:#0ba67845;color:#fff}
.v7-scene-head{position:absolute;left:30px;right:30px;top:28px;z-index:8}.v7-scene-head small{display:block;color:var(--v7-green2);font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.v7-scene-head b{display:block;font:800 20px/1.05 Manrope;margin-top:5px;letter-spacing:-.04em}
.v7-gridbg{position:absolute;inset:0;background-image:linear-gradient(#0ba67807 1px,transparent 1px),linear-gradient(90deg,#0ba67807 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.v7-action-panel{position:absolute;left:30px;right:30px;bottom:27px;display:grid;gap:9px}.v7-action{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #d9e8e4;border-radius:14px;padding:12px;box-shadow:0 13px 35px #07151b08;animation:v7rise .8s var(--v7-ease) both}.v7-action:nth-child(2){animation-delay:.2s}.v7-action:nth-child(3){animation-delay:.4s}.v7-action:nth-child(4){animation-delay:.6s}.v7-action .ico{width:31px;height:31px;border-radius:10px;background:var(--v7-mint);display:grid;place-items:center;color:var(--v7-green2);font-size:8px;font-weight:900}.v7-action b{font-size:10px}.v7-action span{font-size:7px;color:var(--v7-green2);font-weight:900}.v7-action small{display:block;font-size:8px;color:#77888d}
@keyframes v7rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.v7-phone-orbit{position:absolute;left:50%;top:54%;width:280px;height:280px;transform:translate(-50%,-50%);border:1px solid #0ba6782f;border-radius:50%;animation:v7spin 22s linear infinite}
.v7-phone-orbit:before,.v7-phone-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--v7-green);box-shadow:0 0 0 7px #0ba67810}.v7-phone-orbit:before{left:50%;top:-5px}.v7-phone-orbit:after{right:10%;bottom:16%;background:#07151b}
.v7-customer-core{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:135px;height:135px;border-radius:39px;background:#fff;border:1px solid #b9ddd2;display:grid;place-items:center;text-align:center;box-shadow:0 24px 65px #07151b12;z-index:4}.v7-customer-core b{font:800 14px Manrope;line-height:1.05}.v7-customer-core small{font-size:7px;color:var(--v7-green2);font-weight:900;letter-spacing:.14em}
.v7-mini{position:absolute;z-index:6;padding:11px 13px;background:#fff;border:1px solid #d8e8e4;border-radius:14px;box-shadow:0 18px 45px #07151b0e;font-size:8px;animation:v7float 5.5s infinite}.v7-mini b{display:block;font:800 12px Manrope}.v7-mini small{color:#78908a;font-size:7px}.vm1{left:6%;top:31%}.vm2{right:6%;top:39%;animation-delay:.8s}.vm3{left:13%;bottom:11%;animation-delay:1.4s}
.v7-journey-line{position:absolute;left:9%;right:9%;top:57%;height:2px;background:linear-gradient(90deg,#0ba678,#67dfba,#0ba678);box-shadow:0 0 30px #0ba67840}.v7-journey-dot{position:absolute;top:calc(57% - 7px);width:14px;height:14px;border-radius:50%;background:#07151b;border:2px solid #69dfba;box-shadow:0 0 0 8px #0ba67812;animation:v7dot 3.5s infinite}.jd1{left:10%}.jd2{left:29%;animation-delay:.35s}.jd3{left:49%;animation-delay:.7s}.jd4{left:69%;animation-delay:1.05s}.jd5{left:88%;animation-delay:1.4s}.v7-jlabel{position:absolute;width:125px;text-align:center;font-size:8px;color:#78908a}.v7-jlabel b{display:block;font:800 11px Manrope;color:#07151b;margin-bottom:3px}.jl1{left:4%;top:64%}.jl2{left:24%;top:42%}.jl3{left:44%;top:64%}.jl4{left:64%;top:42%}.jl5{right:3%;top:64%}@keyframes v7dot{50%{transform:scale(1.35)}}

.v7-lead-node{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:43px;background:#eaf8f3;border:1px solid #b8ded2;display:grid;place-items:center;text-align:center;box-shadow:0 0 0 16px #0ba67808,0 30px 80px #07151b10;z-index:4;animation:v7pulse 3.8s infinite}.v7-lead-node b{font:800 14px Manrope}.v7-lead-node small{display:block;font-size:7px;color:var(--v7-green2);font-weight:900;letter-spacing:.15em}.v7-enquiry{position:absolute;left:7%;top:35%;width:205px;padding:16px;background:#fff;border:1px solid #d8e8e4;border-radius:16px;box-shadow:0 20px 50px #07151b0e;animation:v7enq 6s infinite}.v7-enquiry b{display:block;font:800 13px Manrope}.v7-enquiry small{font-size:7px;color:#78908a}.v7-enquiry p{font-size:9px;color:var(--v7-muted);margin:4px 0 0}.v7-enquiry-line{position:absolute;left:26%;right:25%;top:54%;height:1px;background:linear-gradient(90deg,#0ba67800,#0ba67866,#0ba67800)}.v7-enquiry-dot{position:absolute;left:18%;top:calc(54% - 4px);width:8px;height:8px;border-radius:50%;background:var(--v7-green);animation:v7travel 4.7s infinite}@keyframes v7enq{50%{transform:translate(12px,-10px)}}@keyframes v7travel{0%{left:18%}55%{left:76%}100%{left:18%}}

.v7-deal-stage{position:absolute;left:7%;right:7%;bottom:18%;display:flex;gap:8px;align-items:end}.v7-stage{flex:1;min-height:88px;padding:12px;border:1px solid #d7e8e3;background:#fff;border-radius:13px;position:relative;overflow:hidden}.v7-stage span{font-size:7px;color:#78908a;font-weight:900;letter-spacing:.12em}.v7-stage b{display:block;font:800 11px Manrope;margin-top:4px}.v7-stage:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:#0ba67822}.v7-deal-card{position:absolute;width:130px;padding:12px;background:#07151b;color:#fff;border-radius:14px;box-shadow:0 18px 50px #07151b2b;animation:v7deal 8s infinite}.v7-deal-card b{display:block;font:800 12px Manrope}.v7-deal-card small{font-size:7px;color:#9db0b4}.v7-dc1{left:9%;top:31%}.v7-dc2{left:36%;top:24%;animation-delay:2s}.v7-dc3{left:63%;top:33%;animation-delay:4s}.v7-risk{position:absolute;right:7%;top:31%;padding:10px 12px;background:#fff7f2;border:1px solid #efd4c3;border-radius:13px;color:#8c563b;font-size:8px;animation:v7risk 3s infinite}.v7-risk b{display:block;font:800 11px Manrope}@keyframes v7deal{0%,15%{transform:translateY(0);opacity:.45}30%,55%{transform:translateY(68px);opacity:1}70%,100%{transform:translateY(0);opacity:.45}}@keyframes v7risk{50%{transform:translateY(-5px);box-shadow:0 16px 40px #d99b6a1c}}

.v7-quote-paper{position:absolute;left:10%;top:34%;width:220px;height:180px;padding:19px;background:#fff;border:1px solid #d7e8e3;border-radius:16px;box-shadow:0 24px 60px #07151b10;transform:rotate(-3deg);animation:v7paper 5s infinite}.v7-quote-paper b{font:800 14px Manrope}.v7-paper-lines{margin-top:25px;display:grid;gap:12px}.v7-paper-lines i{display:block;height:1px;background:#dce9e5}.v7-quote-status{position:absolute;left:46%;top:47%;width:130px;height:130px;border-radius:50%;background:#0ba6780b;border:1px solid #0ba67844;display:grid;place-items:center;text-align:center;z-index:3;animation:v7status 4s infinite}.v7-quote-status b{font:800 12px Manrope}.v7-quote-status small{display:block;color:var(--v7-green2);font-size:7px;font-weight:900}.v7-quote-next{position:absolute;right:7%;top:37%;width:175px;padding:15px;border:1px solid #d7e8e3;background:#fff;border-radius:15px;box-shadow:0 20px 50px #07151b0e}.v7-quote-next b{font:800 12px Manrope}.v7-quote-next small{display:block;color:var(--v7-green2);font-size:7px;font-weight:900;margin-bottom:5px}.v7-quote-line{position:absolute;left:26%;right:18%;top:51%;height:1px;background:linear-gradient(90deg,#0ba67800,#0ba67866,#0ba67800)}@keyframes v7paper{50%{transform:rotate(1deg) translateY(-8px)}}@keyframes v7status{50%{box-shadow:0 0 0 17px #0ba67808}}

.v7-clock{position:absolute;left:9%;top:34%;width:170px;height:170px;border-radius:50%;border:1px solid #b9ddd2;background:#fff;box-shadow:0 25px 65px #07151b10}.v7-clock:before{content:"";position:absolute;left:50%;top:50%;width:3px;height:55px;background:#07151b;transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(35deg);border-radius:3px}.v7-clock:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:42px;background:var(--v7-green);transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(155deg);border-radius:3px}.v7-follow-line{position:absolute;left:27%;right:13%;top:51%;height:1px;background:#0ba67845}.v7-follow-card{position:absolute;right:7%;top:33%;width:235px;padding:17px;border:1px solid #d7e8e3;background:#fff;border-radius:16px;box-shadow:0 24px 60px #07151b0e}.v7-follow-card b{display:block;font:800 13px Manrope}.v7-follow-card small{display:block;color:#78908a;font-size:7px;font-weight:900;margin-bottom:4px}.v7-follow-card p{font-size:9px;color:var(--v7-muted);margin:4px 0 12px}.v7-states{display:flex;gap:5px}.v7-states span{padding:6px 8px;border:1px solid #dbe9e5;border-radius:8px;font-size:7px}.v7-states .active{background:var(--v7-mint);color:var(--v7-green2);border-color:#bde0d4}.v7-resched{position:absolute;left:38%;bottom:13%;padding:9px 12px;border:1px solid #d7e8e3;background:#fff;border-radius:12px;font-size:8px;box-shadow:0 15px 35px #07151b0b;animation:v7resched 5s infinite}@keyframes v7resched{50%{transform:translateX(28px)}}

.v7-revenue-number{position:absolute;left:8%;top:31%;font:800 45px Manrope;letter-spacing:-.06em}.v7-revenue-number small{display:block;font:900 7px DM Sans;letter-spacing:.14em;color:#718680;text-transform:uppercase}.v7-bars{position:absolute;left:36%;right:7%;bottom:17%;height:225px;display:flex;align-items:end;gap:8px}.v7-bars i{flex:1;border-radius:7px 7px 2px 2px;background:linear-gradient(to top,#0ba6782b,#0ba678);transform-origin:bottom;animation:v7bar 1.5s var(--v7-ease) both}.v7-bars i:nth-child(1){height:25%}.v7-bars i:nth-child(2){height:39%;animation-delay:.1s}.v7-bars i:nth-child(3){height:34%;animation-delay:.2s}.v7-bars i:nth-child(4){height:53%;animation-delay:.3s}.v7-bars i:nth-child(5){height:68%;animation-delay:.4s}.v7-bars i:nth-child(6){height:79%;animation-delay:.5s}.v7-bars i:nth-child(7){height:93%;animation-delay:.6s}.v7-revenue-source{position:absolute;left:8%;bottom:17%;width:205px;padding:14px;background:#fff;border:1px solid #d7e8e3;border-radius:15px;box-shadow:0 20px 50px #07151b0e}.v7-revenue-source b{font:800 12px Manrope}.v7-revenue-source span{display:block;font-size:8px;color:var(--v7-muted);margin-top:3px}.v7-revenue-source:after{content:"";position:absolute;right:-90px;top:50%;width:90px;height:1px;background:linear-gradient(90deg,#0ba67855,#0ba67800)}@keyframes v7bar{from{transform:scaleY(0)}}

.v7-moments{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:55px}.v7-moment{min-height:220px;padding:22px;border:1px solid var(--v7-line);border-radius:20px;background:#fff;position:relative;overflow:hidden;transition:.45s var(--v7-ease)}.v7-moment:hover{transform:translateY(-7px);box-shadow:0 25px 70px #07151b0d}.v7-moment:after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:2px;background:linear-gradient(90deg,var(--v7-green),transparent);transform:scaleX(0);transform-origin:left;transition:.45s}.v7-moment:hover:after{transform:scaleX(1)}.v7-moment .mn{font:800 34px Manrope;color:#0ba6782b}.v7-moment b{display:block;font-size:12px;margin-top:10px}.v7-moment p{font-size:10px;color:var(--v7-muted)}
.v7-perspectives{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:48px}.v7-perspective{padding:28px;border:1px solid var(--v7-line);border-radius:23px;background:#fff;min-height:250px}.v7-perspective .role{font-size:8px;color:var(--v7-green2);letter-spacing:.14em;font-weight:900;text-transform:uppercase}.v7-perspective h3{margin-top:10px;font-size:23px}.v7-perspective p{font-size:12px;color:var(--v7-muted)}
.v7-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.v7-segment{min-height:220px;padding:23px;border:1px solid var(--v7-line);border-radius:21px;background:#fff;transition:.45s var(--v7-ease)}.v7-segment:hover{transform:translateY(-6px);box-shadow:0 25px 70px #07151b0d}.v7-segment small{display:block;color:var(--v7-green2);font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.v7-segment h3{font-size:20px;margin-top:9px}.v7-segment p{font-size:11px;color:var(--v7-muted)}.v7-segment .line{margin-top:15px;font-size:9px;font-weight:800;color:#50646a}
.v7-listen{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:48px}.v7-listen-card{padding:24px;border-radius:20px;border:1px solid var(--v7-line);background:#fff;position:relative}.v7-listen-card .n{font:800 42px Manrope;color:#0ba67828}.v7-listen-card h3{font-size:19px;margin-top:6px}.v7-listen-card p{font-size:11px;color:var(--v7-muted)}
.v7-founder{padding:88px 0;background:linear-gradient(135deg,#07151b,#0c312b);color:#fff}.v7-founder-grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.v7-founder p{color:#a5b6b9;max-width:700px}.v7-founder .proof{display:grid;gap:10px}.v7-founder .proof div{padding:14px 16px;border:1px solid #0ba6783c;border-radius:14px;background:#ffffff08;font-size:10px}.v7-founder .proof b{display:block;font:800 13px Manrope;color:#fff}.v7-founder .proof span{color:#9db1b5}
.v7-cta{padding:110px 0;text-align:center}.v7-cta h2{max-width:850px;margin:auto}.v7-cta p{max-width:680px;margin:18px auto 28px;color:var(--v7-muted)}
@media(max-width:950px){.v7-hero-grid,.v7-feature,.v7-feature.copy-left,.v7-founder-grid{grid-template-columns:1fr;gap:45px}.v7-feature .v7-story,.v7-feature .v7-scene,.v7-feature.copy-left .v7-story,.v7-feature.copy-left .v7-scene{order:initial}.v7-moments{grid-template-columns:repeat(2,1fr)}.v7-perspectives,.v7-segments{grid-template-columns:1fr 1fr}.v7-listen{grid-template-columns:1fr 1fr}.v7-hero{padding-top:120px}.v7-hero-art{height:520px}}
@media(max-width:620px){.v7-section{padding:85px 0}.v7-hero{min-height:auto;padding:115px 0 75px}.v7-hero-art{height:470px}.v7-node{min-width:120px;padding:10px}.v7-n1{left:2%;top:10%}.v7-n2{right:2%;top:15%}.v7-n3{left:2%;bottom:12%}.v7-n4{right:2%;bottom:8%}.v7-r3{width:420px;height:420px}.v7-r2{width:320px;height:320px}.v7-r1{width:210px;height:210px}.v7-core{width:120px;height:120px}.v7-scene{height:440px}.v7-action-panel{left:20px;right:20px;bottom:20px}.v7-enquiry{left:5%;width:175px}.v7-deal-stage{left:5%;right:5%;gap:5px}.v7-stage{padding:9px}.v7-stage b{font-size:9px}.v7-deal-card{width:108px}.v7-quote-paper{left:5%;width:185px}.v7-quote-status{left:39%;width:112px;height:112px}.v7-quote-next{right:4%;width:145px}.v7-clock{left:4%;width:135px;height:135px}.v7-follow-card{right:4%;width:185px}.v7-revenue-number{left:5%;font-size:37px}.v7-revenue-source{left:5%;width:170px}.v7-bars{left:34%;right:4%}.v7-moments,.v7-perspectives,.v7-segments,.v7-listen{grid-template-columns:1fr}.v7-jlabel{width:95px;font-size:7px}.v7-jlabel b{font-size:9px}}

/* =========================================================
   FINAL V8 — EXECUTIVE / WORLD-CLASS REFINEMENT
   Tighter rhythm • stronger narrative • richer motion
   ========================================================= */
:root{
  --v8-ink:#07161b;
  --v8-muted:#66797d;
  --v8-green:#0aa879;
  --v8-green-deep:#087458;
  --v8-mint:#edf9f5;
  --v8-border:#dce9e5;
  --v8-shadow:0 28px 90px rgba(7,22,27,.075);
  --v8-ease:cubic-bezier(.16,1,.3,1);
}
html{scroll-behavior:smooth}
body{letter-spacing:-.01em}
.wrap{max-width:1180px}
.nav{transition:.45s var(--v8-ease)}
.nav.scrolled{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 1px 0 #07161b0a}
.navin{height:72px}
.links{gap:25px}
.links a{font-size:11px}
.progress{height:2px;background:var(--v8-green);box-shadow:0 0 15px #0aa87970;z-index:1000}

h1,h2,h3,h4{letter-spacing:-.055em}
h1{font-size:clamp(48px,6vw,82px);line-height:.96}
h2{font-size:clamp(38px,4.4vw,60px);line-height:1}
h3{letter-spacing:-.045em}
.lead{font-size:16px;line-height:1.72;color:var(--v8-muted)}
.eyebrow,.kicker{letter-spacing:.18em}
.btn{transition:transform .35s var(--v8-ease),box-shadow .35s var(--v8-ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 35px #07161b15}

.v7-hero{padding:118px 0 74px;min-height:820px}
.v7-hero-grid{gap:60px}
.v7-hero-copy .lead{max-width:600px}
.v7-hero-proof{gap:18px}
.v7-hero-art{height:540px;border-radius:28px;box-shadow:var(--v8-shadow)}
.v7-core{width:142px;height:142px;border-radius:36px}
.v7-node{min-width:142px;padding:13px 14px;border-radius:14px}
.v7-caption{bottom:17px}

.v7-section{padding:88px 0}
.v7-section.soft{background:linear-gradient(180deg,#f5fbf8,#f1faf7)}
.v7-intro{max-width:900px}
.v7-intro.center{max-width:820px}
.v7-intro .lead{max-width:700px}
.v7-feature{gap:58px;margin-top:48px}
.v7-story h3{font-size:31px;line-height:1.07;max-width:570px}
.v7-story p{font-size:14px;line-height:1.75}
.v7-story .v7-punch{margin-top:21px;padding-left:16px;font-size:12px;line-height:1.6}

.v7-scene{height:420px;border-radius:25px;box-shadow:var(--v8-shadow)}
.v7-scene-head{left:25px;right:25px;top:24px}
.v7-scene-head b{font-size:18px}
.v7-action-panel{left:25px;right:25px;bottom:23px}
.v7-action{padding:10px;border-radius:12px;grid-template-columns:32px 1fr auto}
.v7-action .ico{width:28px;height:28px;border-radius:8px}
.v7-action b{font-size:9px}
.v7-action small{font-size:7px}
.v7-action span{font-size:6px}

.v7-moments{gap:10px;margin-top:40px}
.v7-moment{min-height:195px;padding:20px;border-radius:18px}
.v7-moment .mn{font-size:29px}
.v7-moment b{font-size:11px}
.v7-moment p{font-size:9.5px;line-height:1.55}

.v7-perspectives{gap:11px;margin-top:38px}
.v7-perspective{min-height:210px;padding:24px;border-radius:20px}
.v7-perspective h3{font-size:20px}
.v7-perspective p{font-size:11px;line-height:1.6}

.v7-segments{gap:10px;margin-top:38px}
.v7-segment{min-height:195px;padding:20px;border-radius:18px}
.v7-segment h3{font-size:18px}
.v7-segment p{font-size:10px;line-height:1.55}
.v7-segment .line{font-size:8.5px}

.v7-listen{gap:10px;margin-top:38px}
.v7-listen-card{padding:21px;border-radius:18px;min-height:195px}
.v7-listen-card .n{font-size:36px}
.v7-listen-card h3{font-size:18px}
.v7-listen-card p{font-size:10px;line-height:1.55}

.v7-founder{padding:72px 0}
.v7-cta{padding:85px 0}
.v7-cta p{font-size:14px}

/* Better motion: layered entrance rather than every element simply floating */
.reveal{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .8s var(--v8-ease),transform .8s var(--v8-ease)}
.reveal.show{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
.v7-scene.reveal{transition-duration:1s}
.v7-scene.reveal.show .v7-action{animation:v8action .72s var(--v8-ease) both}
.v7-scene.reveal.show .v7-action:nth-child(2){animation-delay:.12s}
.v7-scene.reveal.show .v7-action:nth-child(3){animation-delay:.24s}
.v7-scene.reveal.show .v7-action:nth-child(4){animation-delay:.36s}
@keyframes v8action{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:none}}

/* Hero: make the relationship network feel alive, not decorative */
.v7-hero-art .v7-node{animation:v8float 7s ease-in-out infinite}
.v7-hero-art .v7-n2{animation-delay:1.2s}.v7-hero-art .v7-n3{animation-delay:2.1s}.v7-hero-art .v7-n4{animation-delay:3s}
.v7-ring{animation-duration:34s}
.v7-r2{animation-duration:46s}.v7-r3{animation-duration:62s}
.v7-core:before{animation:v8core 4.8s ease-in-out infinite}
@keyframes v8float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
@keyframes v8core{0%,100%{transform:scale(.98);opacity:.65}50%{transform:scale(1.04);opacity:1}}

/* Feature-specific scenes */
.v7-action{will-change:transform}
.v7-phone-orbit{animation-duration:30s}
.v7-mini{animation-duration:7s}
.v7-enquiry{animation:v8enquiry 7s ease-in-out infinite}
.v7-enquiry-dot{animation:v8travel 5.5s ease-in-out infinite}
@keyframes v8enquiry{0%,100%{transform:translate(0,0)}50%{transform:translate(9px,-7px)}}
@keyframes v8travel{0%{left:17%;opacity:0}12%{opacity:1}58%{left:76%;opacity:1}72%{opacity:0}100%{left:17%;opacity:0}}

.v7-deal-card{animation:v8deal 8.5s var(--v8-ease) infinite}
.v7-dc2{animation-delay:1.5s}.v7-dc3{animation-delay:3s}
@keyframes v8deal{
  0%,12%{transform:translate(0,0);opacity:.45}
  30%,48%{transform:translate(0,56px);opacity:1}
  62%,100%{transform:translate(0,0);opacity:.45}
}
.v7-risk{animation:v8risk 3.8s ease-in-out infinite}
@keyframes v8risk{50%{transform:translateY(-5px);box-shadow:0 18px 45px rgba(190,110,60,.15)}}

.v7-quote-paper{animation:v8paper 6s ease-in-out infinite}
.v7-quote-status{animation:v8status 4.5s ease-in-out infinite}
@keyframes v8paper{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-7px)}}
@keyframes v8status{50%{transform:scale(1.04);box-shadow:0 0 0 17px #0ba67808}}

.v7-clock:before{animation:v8hour 12s linear infinite}
.v7-clock:after{animation:v8minute 3.2s linear infinite}
@keyframes v8hour{to{transform:translate(-50%,-100%) rotate(395deg)}}
@keyframes v8minute{to{transform:translate(-50%,-100%) rotate(515deg)}}
.v7-follow-card{animation:v8follow 6s ease-in-out infinite}
@keyframes v8follow{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.v7-resched{animation:v8resched 6s ease-in-out infinite}
@keyframes v8resched{50%{transform:translateX(24px)}}

.v7-bars i{animation:v8bar 1.8s var(--v8-ease) both}
@keyframes v8bar{from{transform:scaleY(0);opacity:.2}to{transform:scaleY(1);opacity:1}}
.v7-revenue-source{animation:v8source 5s ease-in-out infinite}
@keyframes v8source{50%{transform:translateY(-6px)}}

.v7-journey-line{background:linear-gradient(90deg,#0ba67822,#0ba678,#69dfba,#0ba67822);background-size:220% 100%;animation:v8flow 4s linear infinite}
.v7-journey-dot{animation:v8journeydot 3.8s ease-in-out infinite}
@keyframes v8flow{to{background-position:220% 0}}
@keyframes v8journeydot{50%{transform:scale(1.45);box-shadow:0 0 0 10px #0ba67812}}

.v7-moment,.v7-perspective,.v7-segment,.v7-listen-card{transition:transform .5s var(--v8-ease),box-shadow .5s var(--v8-ease),border-color .5s}
.v7-moment:hover,.v7-perspective:hover,.v7-segment:hover,.v7-listen-card:hover{transform:translateY(-5px);box-shadow:0 22px 65px rgba(7,22,27,.075);border-color:#c8ded8}

/* Section transitions: visual rhythm without huge gaps */
.v7-section + .v7-section{border-top:1px solid #07161b04}
.v7-section.dark .v7-story p{color:#a5b6b9}
.v7-section.dark .v7-story .v7-punch{border-left-color:#69dfba45}
.v7-section.dark .v7-perspective{background:#ffffff06;border-color:#0ba67833;color:#fff}
.v7-section.dark .v7-perspective p{color:#9db1b5}

/* Executive polish */
.v7-hero-copy strong{color:var(--v8-ink)}
.v7-story strong{color:var(--v8-ink)}
.v7-cta h2{letter-spacing:-.065em}
footer{padding-top:60px}
@media(max-width:950px){
  .v7-hero{padding:105px 0 60px;min-height:auto}
  .v7-section{padding:75px 0}
  .v7-feature{gap:38px}
}
@media(max-width:620px){
  h1{font-size:45px}
  h2{font-size:37px}
  .v7-hero{padding:95px 0 45px}
  .v7-section{padding:65px 0}
  .v7-scene{height:390px}
  .v7-story h3{font-size:28px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* FINAL V9 — tighter editorial system */
:root{--v9-green:#0aa879;--v9-deep:#087458;--v9-ink:#07161b;--v9-muted:#66797d;--v9-border:#d9e8e3;--v9-ease:cubic-bezier(.16,1,.3,1)}
.v9-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:13px;color:var(--v9-deep);font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.v9-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#e8f8f2;border:1px solid #c6e7dc;color:var(--v9-deep);flex:0 0 auto}
.v9-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.v9-feature{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;margin-top:38px}
.v9-feature.reverse{grid-template-columns:.98fr 1.02fr}.v9-feature.reverse .v9-visual{order:2}.v9-feature.reverse .v9-copy{order:1}
.v9-copy{min-width:0}.v9-scene{height:400px}
.v9-storyline{display:flex;gap:8px;align-items:center;margin-top:19px;flex-wrap:wrap}
.v9-storyline span{font-size:8px;font-weight:850;color:#52676c;border:1px solid #dbe8e4;background:#fff;border-radius:999px;padding:6px 9px}
.v9-storyline i{width:13px;height:1px;background:#9dcdbf;position:relative}.v9-storyline i:after{content:"";position:absolute;right:0;top:-2px;width:4px;height:4px;border-top:1px solid var(--v9-green);border-right:1px solid var(--v9-green);transform:rotate(45deg)}
.v9-insight{margin-top:19px;padding:13px 16px;border-radius:13px;background:linear-gradient(90deg,#eff9f5,#fff);border:1px solid #d6eae4;position:relative;overflow:hidden}.v9-insight:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--v9-green);animation:v9line 3s infinite}.v9-insight b{display:block;font-size:10px}.v9-insight span{display:block;margin-top:3px;font-size:8.5px;color:#6d7e82;line-height:1.5}
@keyframes v9line{50%{transform:scaleY(.35);opacity:.55}}
.v9-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:35px}
.v9-principle{position:relative;padding:21px;border:1px solid var(--v9-border);border-radius:18px;background:#fff;overflow:hidden;transition:.5s var(--v9-ease);min-height:175px}
.v9-principle:hover{transform:translateY(-5px);box-shadow:0 22px 60px #07161b0b;border-color:#c2ddd5}.v9-principle .pulse{position:absolute;right:17px;top:17px;width:6px;height:6px;border-radius:50%;background:#69dfba;box-shadow:0 0 0 0 #0aa87930;animation:v9pulse 2.5s infinite}.v9-principle h3{font-size:18px;line-height:1.08;margin:14px 0 7px}.v9-principle p{font-size:10px;line-height:1.55;color:var(--v9-muted);margin:0}.v9-principle:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--v9-green);transition:.5s var(--v9-ease)}.v9-principle:hover:after{width:100%}
@keyframes v9pulse{60%{box-shadow:0 0 0 9px #0aa87900}}
.v9-segment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:32px}
.v9-segment{padding:18px;border:1px solid var(--v9-border);border-radius:17px;background:#fff;min-height:178px;position:relative;overflow:hidden;transition:.5s var(--v9-ease)}.v9-segment:hover{transform:translateY(-5px);box-shadow:0 20px 55px #07161b0a}.v9-segment .v9-icon{width:29px;height:29px;margin-bottom:13px}.v9-segment h3{font-size:16px;line-height:1.12;margin:0 0 7px}.v9-segment p{font-size:9.5px;line-height:1.48;color:var(--v9-muted);margin:0}.v9-segment .flow{position:absolute;left:18px;right:18px;bottom:13px;font-size:7.5px;color:#587074;font-weight:850}.v9-segment .flow:before{content:"";display:inline-block;width:18px;height:1px;background:#9bcdbf;margin-right:6px;vertical-align:middle;animation:v9flow 2.4s infinite}@keyframes v9flow{50%{width:31px;background:var(--v9-green)}}
.v9-system{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;margin-top:38px}.v9-system-visual{height:265px;border-radius:22px;border:1px solid #0aa87935;background:#07161b;position:relative;overflow:hidden;box-shadow:0 24px 65px #07161b18}.v9-system-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#69dfba0a 1px,transparent 1px),linear-gradient(90deg,#69dfba0a 1px,transparent 1px);background-size:32px 32px}.v9-system-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;border:1px solid #69dfba66;border-radius:30px;background:#0b2621;display:grid;place-items:center;text-align:center;color:#fff;box-shadow:0 0 0 11px #69dfba08}.v9-system-core b{font:800 12px Manrope;line-height:1.05}.v9-system-core small{font-size:6px;color:#69dfba;font-weight:900;letter-spacing:.15em}.v9-system-orbit{position:absolute;left:50%;top:50%;width:190px;height:190px;border:1px solid #69dfba40;border-radius:50%;transform:translate(-50%,-50%);animation:v9orbit 17s linear infinite}.v9-system-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#69dfba;top:-4px;left:50%;box-shadow:0 0 0 7px #69dfba12}.v9-system-node{position:absolute;padding:8px 10px;border:1px solid #69dfba30;border-radius:9px;background:#ffffff0b;color:#fff;font-size:7px;backdrop-filter:blur(8px);animation:v9node 5s ease-in-out infinite}.v9-system-node b{display:block;font:800 9px Manrope}.v9-system-node span{color:#9db1b5}.sn1{left:7%;top:17%}.sn2{right:7%;top:25%;animation-delay:.8s}.sn3{left:9%;bottom:17%;animation-delay:1.5s}.sn4{right:9%;bottom:14%;animation-delay:2.2s}@keyframes v9orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes v9node{50%{transform:translateY(-5px)}}
.v9-eyebrow .v9-icon{animation:v9icon 3.5s ease-in-out infinite}@keyframes v9icon{50%{transform:translateY(-2px) rotate(-2deg)}}
@media(max-width:1000px){.v9-feature,.v9-feature.reverse{grid-template-columns:1fr;gap:28px}.v9-feature .v9-visual,.v9-feature.reverse .v9-visual{order:1}.v9-feature .v9-copy,.v9-feature.reverse .v9-copy{order:2}.v9-segment-grid{grid-template-columns:repeat(2,1fr)}.v9-principles{grid-template-columns:1fr 1fr}.v9-system{grid-template-columns:1fr}}
@media(max-width:620px){.v9-feature{gap:22px}.v9-scene{height:370px}.v9-principles,.v9-segment-grid{grid-template-columns:1fr}.v9-principle,.v9-segment{min-height:auto}.v9-system-visual{height:235px}}

/* =========================================================
   MEMORIOPS V10 — EXECUTIVE STORY SYSTEM
   Tighter rhythm / animated narrative / premium editorial UI
   ========================================================= */
:root{
  --v10-ink:#07171c;
  --v10-muted:#607478;
  --v10-green:#0aa879;
  --v10-green2:#63dcb8;
  --v10-soft:#f2faf7;
  --v10-line:#d7e8e2;
  --v10-ease:cubic-bezier(.16,1,.3,1);
}

/* Kill the empty-page feeling without making the page cramped. */
.v7-section{padding:58px 0}
.v7-section.soft{padding:58px 0}
.v7-feature{gap:42px;margin-top:32px;align-items:center}
.v7-intro{max-width:900px}
.v7-intro h2{margin:7px 0 12px}
.v7-intro .lead{max-width:720px}
.v7-story{position:relative;padding:9px 0 9px 24px;max-width:610px}
.v7-story:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:1px;background:linear-gradient(180deg,transparent,#0aa879 18%,#0aa879 82%,transparent);transform:scaleY(.25);transform-origin:top;opacity:0;transition:transform 1s var(--v10-ease),opacity .6s ease}
.v7-story.show:before{transform:scaleY(1);opacity:.8}
.v7-story:after{content:"";position:absolute;left:-3px;top:13%;width:7px;height:7px;border-radius:50%;background:var(--v10-green);box-shadow:0 0 0 7px #0aa87912;opacity:0;transform:scale(.5);transition:all .8s .35s var(--v10-ease)}
.v7-story.show:after{opacity:1;transform:scale(1);animation:v10dot 3.8s ease-in-out infinite}
@keyframes v10dot{50%{top:77%;box-shadow:0 0 0 10px #0aa87908}}

/* Editorial section labels: consistent, numbered, icon-led. */
.v9-eyebrow{margin-bottom:11px;font-size:8px;letter-spacing:.19em;line-height:1.2}
.v7-feature .v7-story .v9-eyebrow:before{counter-increment:v10feature;content:counter(v10feature,decimal-leading-zero) " ·";color:var(--v10-green);font-variant-numeric:tabular-nums}
main{counter-reset:v10feature}
.v9-eyebrow .v9-icon{width:23px;height:23px;border-radius:8px;background:#e9f7f2;border:1px solid #cde8df;display:grid;place-items:center;flex:0 0 23px;transition:transform .55s var(--v10-ease),box-shadow .55s}
.v9-eyebrow .v9-icon svg{width:12px;height:12px;stroke:#08795f;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v7-story.show .v9-icon{transform:translateY(-1px) rotate(-3deg);box-shadow:0 8px 20px #0aa87916}

/* Right-side story is animated too — not just the illustration. */
.v7-story h3,.v7-story p,.v7-story .v7-punch,.v7-story .v9-storyline,.v7-story .v9-insight{opacity:0;transform:translateY(15px);transition:opacity .7s var(--v10-ease),transform .7s var(--v10-ease)}
.v7-story.show h3{opacity:1;transform:none;transition-delay:.08s}
.v7-story.show p:nth-of-type(1){opacity:1;transform:none;transition-delay:.18s}
.v7-story.show p:nth-of-type(2){opacity:1;transform:none;transition-delay:.27s}
.v7-story.show .v7-punch{opacity:1;transform:none;transition-delay:.38s}
.v7-story.show .v9-storyline,.v7-story.show .v9-insight{opacity:1;transform:none;transition-delay:.5s}
.v7-story h3{font-size:33px;line-height:1.04;max-width:610px;margin:9px 0 16px;color:var(--v10-ink)}
.v7-story p{font-size:14px;line-height:1.62;color:var(--v10-muted);max-width:600px;margin:0 0 12px}
.v7-story p strong{color:var(--v10-ink)}

/* Punchline becomes a premium outcome statement, not a random quote. */
.v7-story .v7-punch{position:relative;margin:21px 0 0;padding:14px 16px 14px 17px;border:1px solid #d8ebe5;border-radius:14px;background:linear-gradient(100deg,#f6fbf9,#fff);color:#4d6266;font-size:12px;line-height:1.55;box-shadow:0 12px 32px #07171c08;overflow:hidden}
.v7-story .v7-punch:before{content:"THE OUTCOME";display:block;margin-bottom:5px;color:#08795f;font-size:7px;font-weight:900;letter-spacing:.18em}
.v7-story .v7-punch:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:38%;background:linear-gradient(90deg,#0aa879,transparent);animation:v10scan 3.6s ease-in-out infinite}
@keyframes v10scan{50%{left:60%;width:24%}}
.v7-story .v7-punch strong{font-size:12.5px;color:var(--v10-ink)}

/* Storyline: make the logic feel like a product journey. */
.v9-storyline{display:flex;align-items:center;gap:8px;margin-top:16px;color:#6d7e81;font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.v9-storyline i{width:24px;height:1px;background:linear-gradient(90deg,#b8d9d0,#0aa879);position:relative;overflow:hidden}
.v9-storyline i:after{content:"";position:absolute;left:-8px;top:-2px;width:7px;height:5px;border-radius:50%;background:#0aa879;animation:v10travel 2.7s linear infinite}
@keyframes v10travel{to{left:30px}}

/* Scenes become slightly smaller and denser. */
.v7-scene{height:386px;border-radius:23px;box-shadow:0 22px 65px #07171c0c}
.v7-scene-head{left:22px;right:22px;top:21px}
.v7-scene-head b{font-size:17px;line-height:1.08}
.v7-action-panel{left:22px;right:22px;bottom:20px}
.v7-action{padding:9px;grid-template-columns:31px 1fr auto}

/* Every scene gets a subtle living grid. */
.v7-gridbg{opacity:.48;animation:v10grid 18s linear infinite}
@keyframes v10grid{to{transform:translate3d(24px,18px,0)}}
.v7-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,#0aa87908,transparent 42%);opacity:0;transition:opacity 1s}
.v7-scene.show:after{opacity:1}

/* Hero gets shorter and more decisive. */
.v7-hero{padding:96px 0 56px;min-height:730px}
.v7-hero-grid{gap:48px}
.v7-hero-art{height:480px;border-radius:25px}
.v7-hero-copy h1{margin-top:17px}
.v7-hero-copy .lead{max-width:570px}

/* Cards and principles should feel like an editorial system, not a template grid. */
.v7-moments{gap:9px;margin-top:28px}
.v7-moment{min-height:160px;padding:18px;border-radius:16px;transition:transform .55s var(--v10-ease),box-shadow .55s,border-color .55s}
.v7-moment:hover{transform:translateY(-5px);box-shadow:0 18px 50px #07171c0c;border-color:#c5dfd7}
.v7-moment .mn{font-size:25px;line-height:1;color:#b9ddd3}
.v7-moment b{font-size:11px}
.v7-moment p{font-size:9.5px;line-height:1.5}
.v9-principles{gap:10px;margin-top:28px}
.v9-principle{min-height:190px;padding:21px;border-radius:17px;transition:transform .55s var(--v10-ease),box-shadow .55s}
.v9-principle:hover{transform:translateY(-5px);box-shadow:0 22px 55px #07171c10}
.v9-principle h3{font-size:20px;margin:11px 0 8px}
.v9-principle p{font-size:10.5px;line-height:1.55}

/* Dark sections: stronger cinematic contrast, less dead space. */
.v7-section.dark{padding:66px 0;background:radial-gradient(circle at 70% 20%,#0aa8790b,transparent 35%),#07151b}
.v7-section.dark .v7-story h3{color:#fff}
.v7-section.dark .v7-story:before{background:linear-gradient(180deg,transparent,#63dcb8 18%,#63dcb8 82%,transparent)}
.v7-section.dark .v7-story .v7-punch{background:#ffffff06;border-color:#0aa87945;color:#a5b6b9;box-shadow:none}
.v7-section.dark .v7-story .v7-punch strong{color:#fff}
.v7-section.dark .v9-storyline{color:#a6b9b8}
.v7-section.dark .v9-storyline i{background:linear-gradient(90deg,#234a43,#63dcb8)}

/* Reduce whitespace in the final CTA/footer transition. */
.v7-cta{padding:68px 0}
footer{padding-top:44px}

@media(max-width:950px){
  .v7-section,.v7-section.soft{padding:52px 0}
  .v7-feature{gap:30px;margin-top:27px}
  .v7-scene{height:380px}
  .v7-hero{padding:90px 0 50px;min-height:auto}
}
@media(max-width:620px){
  .v7-section,.v7-section.soft{padding:45px 0}
  .v7-feature{margin-top:24px}
  .v7-story{padding-left:18px}
  .v7-story h3{font-size:28px}
  .v7-scene{height:365px}
  .v7-hero{padding:82px 0 42px}
}

/* =========================================================
   MEMORIOPS V11 — REVENUE-CENTRIC TYPOGRAPHY & RHYTHM
   Larger readable type • stronger hierarchy • revenue narrative
   ========================================================= */
:root{
  --v11-ink:#07171c;--v11-muted:#5e7378;--v11-green:#0aa879;--v11-green2:#63dcb8;
  --v11-line:#d6e7e1;--v11-soft:#f1faf7;--v11-ease:cubic-bezier(.16,1,.3,1)
}
body{font-family:"Inter",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:"Manrope",sans-serif;font-feature-settings:"liga" 1,"kern" 1}
.wrap{width:min(1180px,calc(100% - 48px))}
.links{font-size:13px;gap:29px}.navcta{padding:11px 16px}.logo{width:172px}
.eyebrow{font-size:10px;padding:8px 11px}.kicker{font-size:10px}.lead{font-size:18px;line-height:1.7;color:var(--v11-muted)}
.btn{font-size:13px;padding:13px 18px}
.v7-hero{padding:91px 0 52px;min-height:705px}.v7-hero-grid{gap:52px}.v7-hero-copy h1{font-size:clamp(49px,5.4vw,76px);line-height:.98;max-width:650px}.v7-hero-copy .lead{font-size:18px;max-width:620px}.v7-hero-proof{gap:18px}.v7-hero-proof span{font-size:11px}
.v7-hero-art{height:470px}
.v7-node{min-width:150px;padding:14px 15px}.v7-node small{font-size:8px}.v7-node b{font-size:14px}.v7-node span{font-size:9px}.v7-caption{font-size:9px}
.v7-section,.v7-section.soft{padding:54px 0}.v7-intro{max-width:920px}.v7-intro h2{font-size:clamp(39px,4.1vw,57px);line-height:1.02}.v7-intro .lead{font-size:18px;max-width:760px}
.v9-eyebrow{font-size:9.5px;letter-spacing:.18em}.v9-icon{width:27px;height:27px;flex-basis:27px}.v9-icon svg{width:14px;height:14px}
.v7-story{padding-left:26px;max-width:630px}.v7-story h3{font-size:clamp(31px,3vw,39px);line-height:1.05;margin:10px 0 17px}.v7-story p{font-size:16px;line-height:1.7;max-width:620px;margin-bottom:13px}.v7-story .v7-punch{font-size:14px;line-height:1.6;padding:16px 18px 16px 19px;margin-top:22px}.v7-story .v7-punch:before{font-size:8px}.v7-story .v7-punch strong{font-size:14px}
.v9-storyline{font-size:9px;margin-top:18px}.v9-storyline span{font-size:9px;padding:7px 10px}
.v7-feature{gap:44px;margin-top:30px}.v7-scene{height:385px}.v7-scene-head{top:23px;left:24px;right:24px}.v7-scene-head small{font-size:9px}.v7-scene-head b{font-size:19px;line-height:1.1}.v7-action-panel{left:24px;right:24px;bottom:22px}.v7-action{padding:11px;grid-template-columns:34px 1fr auto}.v7-action .ico{width:31px;height:31px}.v7-action b{font-size:10px}.v7-action small{font-size:8px}.v7-action span{font-size:7px}
.v7-moments{gap:10px;margin-top:27px}.v7-moment{min-height:168px;padding:20px}.v7-moment .mn{font-size:27px}.v7-moment b{font-size:12px}.v7-moment p{font-size:11px;line-height:1.55}
.v9-principles{gap:12px;margin-top:28px}.v9-principle{min-height:190px;padding:23px}.v9-principle h3{font-size:21px}.v9-principle p{font-size:11.5px;line-height:1.6}
.v7-revenue-number{font-size:48px}.v7-revenue-number small{font-size:10px}.v7-revenue-source{padding:12px 14px}.v7-revenue-source b{font-size:10px}.v7-revenue-source span{font-size:8px}
.v7-section.dark{padding:62px 0}.v7-section.dark .v7-story p{font-size:16px}.v7-section.dark .v7-story .v7-punch{font-size:14px}
.v7-cta{padding:65px 0}.v7-cta h2{font-size:clamp(39px,4.2vw,57px)}.v7-cta p{font-size:16px}
footer{padding-top:42px}footer p,footer a{font-size:13px}footer h4{font-size:12px}
/* Revenue-centric micro-labels and motion */
.v7-hero-copy:after{content:"PIPELINE → NEXT ACTION → REVENUE";display:block;margin-top:17px;font-size:9px;font-weight:900;letter-spacing:.17em;color:#0a7d62;opacity:.85}
.v7-hero-art .v7-n2{box-shadow:0 0 0 1px #0aa87930,0 25px 65px #07171c18}
.v7-hero-art .v7-n2 b{color:#087458}
.v7-hero-art .v7-n2:after{content:"REVENUE AT RISK / OPPORTUNITY";display:block;margin-top:4px;font-size:6.5px;letter-spacing:.08em;color:#708185}
.v7-story h3{animation:v11copy 6s ease-in-out infinite alternate}
.v7-story p{animation:v11copy 7s ease-in-out infinite alternate-reverse}
@keyframes v11copy{from{transform:translateY(0)}to{transform:translateY(-1px)}}
/* Staggered reveal on every story element */
.v7-story.show h3{animation:v11headline .9s .08s var(--v11-ease) both}
.v7-story.show p:nth-of-type(1){animation:v11copyin .8s .18s var(--v11-ease) both}
.v7-story.show p:nth-of-type(2){animation:v11copyin .8s .28s var(--v11-ease) both}
.v7-story.show .v7-punch{animation:v11copyin .8s .4s var(--v11-ease) both}
@keyframes v11headline{from{opacity:0;transform:translateY(16px);letter-spacing:-.035em}to{opacity:1;transform:none;letter-spacing:-.055em}}
@keyframes v11copyin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* Keep accessibility and small screens readable */
@media(max-width:950px){
 .wrap{width:min(100% - 38px,720px)}.v7-hero{padding:86px 0 46px}.v7-hero-copy h1{font-size:clamp(45px,8vw,62px)}.v7-section,.v7-section.soft{padding:48px 0}.v7-story h3{font-size:32px}.v7-story p,.v7-section.dark .v7-story p{font-size:15px}.v7-scene{height:375px}
}
@media(max-width:620px){
 .wrap{width:calc(100% - 30px)}.links{gap:13px;font-size:11px}.logo{width:145px}.nav{height:70px}.navcta{padding:9px 11px}.v7-hero{padding:82px 0 40px}.v7-hero-copy h1{font-size:43px}.v7-hero-copy .lead{font-size:16px}.v7-hero-art{height:385px}.v7-section,.v7-section.soft{padding:42px 0}.v7-intro h2{font-size:36px}.v7-intro .lead{font-size:16px}.v7-story{padding-left:19px}.v7-story h3{font-size:29px}.v7-story p,.v7-section.dark .v7-story p{font-size:15px}.v7-story .v7-punch,.v7-story .v7-punch strong{font-size:13px}.v7-scene{height:360px}.v7-scene-head b{font-size:17px}.v7-action b{font-size:9px}.v7-action small{font-size:7px}.v7-moments{grid-template-columns:1fr}.v7-moment p{font-size:11px}.v9-principle p{font-size:11.5px}.v7-cta h2{font-size:36px}
}


/* =========================================================
   MEMORIOPS V12 — EXECUTIVE SALES STORY / FINAL PASS
   Typography • same-row product storytelling • tighter rhythm
   Revenue-first motion • readable UI text • stronger hierarchy
   ========================================================= */
:root{
  --v12-ink:#07161b;
  --v12-muted:#5f7479;
  --v12-green:#08a879;
  --v12-green-deep:#06765a;
  --v12-mint:#eaf8f3;
  --v12-line:#d7e8e2;
  --v12-soft:#f3faf8;
  --v12-ease:cubic-bezier(.16,1,.3,1);
}

/* Global type system: readable at normal desktop viewing distance. */
body{font-family:"Inter",sans-serif;font-size:16px;line-height:1.68;color:var(--v12-ink)}
h1,h2,h3,h4{font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:-.055em}
h1{font-size:clamp(52px,5.35vw,78px);line-height:.97}
h2{font-size:clamp(42px,4.25vw,60px);line-height:1.01}
h3{font-size:clamp(32px,2.75vw,42px);line-height:1.04}
.lead{font-size:18px;line-height:1.72;color:var(--v12-muted)}
.links{font-size:14px;gap:30px}
.navcta{font-size:13px;padding:12px 17px}
.logo{width:174px}
.eyebrow{font-size:10px}
.btn{font-size:13px;padding:13px 19px}

/* Never let fixed navigation visually collide with hero content. */
.v7-hero{padding-top:122px;padding-bottom:60px}
.v7-hero-copy h1{font-size:clamp(52px,5.25vw,78px);max-width:680px}
.v7-hero-copy .lead{font-size:18px;max-width:650px}
.v7-hero-proof span{font-size:12px}

/* Editorial labels: number + icon + readable title. */
.v9-eyebrow{font-size:10.5px;letter-spacing:.16em;gap:10px;margin-bottom:14px}
.v9-eyebrow .v9-icon{width:31px;height:31px;flex-basis:31px;border-radius:10px}
.v9-eyebrow .v9-icon svg{width:15px;height:15px}
.v7-feature .v7-story .v9-eyebrow:before{font-size:10.5px}

/* Tighter but premium section rhythm. */
.v7-section,.v7-section.soft{padding:62px 0}
.v7-intro{max-width:950px}
.v7-intro h2{margin:8px 0 14px;font-size:clamp(42px,4.15vw,59px)}
.v7-intro .lead{font-size:18px;max-width:800px}
.v7-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;margin-top:34px;align-items:center}
.v7-feature.copy-left{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.v7-feature .v7-scene{order:1}
.v7-feature .v7-story{order:2}
.v7-feature.copy-left .v7-story{order:1}
.v7-feature.copy-left .v7-scene{order:2}

/* Product page: hero visual stays beside the narrative, never underneath it. */
.product-hero-grid{display:grid!important;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:58px;align-items:center}
.product-hero-grid .v7-hero-art{margin-top:0!important;height:450px!important}
.product-hero-grid .v7-intro{max-width:650px}
.product-hero-grid .v7-intro h1{font-size:clamp(49px,4.9vw,72px);margin-top:16px}
.product-hero-grid .v7-intro .lead{font-size:18px}
.product-hero-grid .v7-hero-art .v7-node{min-width:155px}

/* Readability inside product visualizations. */
.v7-scene{height:405px;border-radius:25px}
.v7-scene-head{top:25px;left:26px;right:26px}
.v7-scene-head small{font-size:10px;letter-spacing:.12em;font-weight:800}
.v7-scene-head b{font-size:20px;line-height:1.1}
.v7-action-panel{left:26px;right:26px;bottom:24px}
.v7-action{padding:12px;grid-template-columns:38px 1fr auto;border-radius:13px}
.v7-action .ico{width:34px;height:34px;border-radius:9px}
.v7-action b{font-size:11px}
.v7-action small{font-size:9px}
.v7-action span{font-size:8px}
.v7-story{max-width:650px;padding-left:29px}
.v7-story h3{font-size:clamp(32px,2.8vw,42px);line-height:1.04;margin:10px 0 17px}
.v7-story p{font-size:16px;line-height:1.72;max-width:630px;margin-bottom:14px}
.v7-story .v7-punch{font-size:14.5px;line-height:1.58;padding:17px 19px;margin-top:22px;border-radius:15px}
.v7-story .v7-punch:before{font-size:8.5px;letter-spacing:.19em}
.v7-story .v7-punch strong{font-size:14.5px}
.v9-storyline{font-size:10px;margin-top:19px}
.v9-storyline span{font-size:10px;padding:8px 11px}

/* Make the right-hand narrative feel alive too. */
.v7-story.show .v9-eyebrow{animation:v12label .65s var(--v12-ease) both}
.v7-story.show h3{animation:v12headline .82s .08s var(--v12-ease) both}
.v7-story.show p:nth-of-type(1){animation:v12copy .72s .18s var(--v12-ease) both}
.v7-story.show p:nth-of-type(2){animation:v12copy .72s .28s var(--v12-ease) both}
.v7-story.show .v7-punch{animation:v12copy .72s .4s var(--v12-ease) both}
.v7-story.show .v9-storyline{animation:v12copy .72s .5s var(--v12-ease) both}
@keyframes v12label{from{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@keyframes v12headline{from{opacity:0;transform:translateY(18px);letter-spacing:-.03em}to{opacity:1;transform:none;letter-spacing:-.055em}}
@keyframes v12copy{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}

/* Visuals now communicate a sales sequence, not just float. */
.v7-scene.show .v7-scene-head{animation:v12copy .7s .05s var(--v12-ease) both}
.v7-scene.show .v7-action{animation:v12action .7s var(--v12-ease) both}
.v7-scene.show .v7-action:nth-child(2){animation-delay:.1s}
.v7-scene.show .v7-action:nth-child(3){animation-delay:.2s}
.v7-scene.show .v7-action:nth-child(4){animation-delay:.3s}
@keyframes v12action{from{opacity:0;transform:translateX(-18px) scale(.985)}to{opacity:1;transform:none}}

/* Revenue signal in the hero: opportunity cards pulse in sequence. */
.v7-hero-art .v7-n1{animation:v12float 6.5s ease-in-out infinite}
.v7-hero-art .v7-n2{animation:v12revenue 5.5s ease-in-out infinite}
.v7-hero-art .v7-n3{animation:v12float 7.2s 1s ease-in-out infinite}
.v7-hero-art .v7-n4{animation:v12float 6.8s 1.7s ease-in-out infinite}
@keyframes v12float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes v12revenue{0%,100%{transform:translateY(0);box-shadow:0 0 0 1px #0aa87925,0 25px 65px #07171c18}50%{transform:translateY(-9px) scale(1.025);box-shadow:0 0 0 6px #0aa87912,0 30px 75px #07171c20}}

/* Customer memory: relationship nodes travel around the customer. */
.v7-phone-orbit{animation:v12orbit 20s linear infinite}
.v7-customer-core{animation:v12core 4.8s ease-in-out infinite}
@keyframes v12orbit{to{transform:rotate(360deg)}}
@keyframes v12core{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.035)}}

/* Lead visual: enquiry travels into ownership. */
.v7-enquiry-dot{animation:v12lead 5s var(--v12-ease) infinite}
.v7-enquiry{animation:v12enquiry 6.5s ease-in-out infinite}
@keyframes v12lead{0%{left:15%;opacity:0}12%{opacity:1}60%{left:78%;opacity:1}72%{opacity:0}100%{left:15%;opacity:0}}
@keyframes v12enquiry{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* Deal visual: cards progress while risk becomes visible. */
.v7-deal-card{animation:v12deal 7s var(--v12-ease) infinite}
.v7-dc2{animation-delay:1.1s}.v7-dc3{animation-delay:2.2s}
.v7-risk{animation:v12risk 3.5s ease-in-out infinite}
@keyframes v12deal{0%,15%{transform:translateY(0);opacity:.55}35%,55%{transform:translateY(43px);opacity:1}70%,100%{transform:translateY(0);opacity:.55}}
@keyframes v12risk{50%{transform:translateY(-5px) scale(1.02);box-shadow:0 18px 50px #b16c4517}}

/* Quotation visual: sent → decision → next action. */
.v7-quote-paper{animation:v12quote 6s ease-in-out infinite}
.v7-quote-status{animation:v12decision 4.2s ease-in-out infinite}
.v7-quote-next{animation:v12next 6s ease-in-out infinite}
@keyframes v12quote{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-8px)}}
@keyframes v12decision{50%{transform:scale(1.045);box-shadow:0 0 0 14px #0aa87910}}
@keyframes v12next{50%{transform:translateX(7px)}}

/* Follow-up: make the promise visibly move toward a date. */
.v7-follow-card{animation:v12follow 5.5s ease-in-out infinite}
.v7-resched{animation:v12resched 5.5s ease-in-out infinite}
@keyframes v12follow{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes v12resched{0%,45%{opacity:.45;transform:translateX(0)}60%,85%{opacity:1;transform:translateX(22px)}100%{opacity:.45;transform:translateX(0)}}

/* Revenue chart: animate from opportunities into the forecast. */
.v7-bars i{transform-origin:bottom;animation:v12bar 1.25s var(--v12-ease) both}
.v7-bars i:nth-child(2){animation-delay:.08s}.v7-bars i:nth-child(3){animation-delay:.16s}.v7-bars i:nth-child(4){animation-delay:.24s}.v7-bars i:nth-child(5){animation-delay:.32s}.v7-bars i:nth-child(6){animation-delay:.4s}.v7-bars i:nth-child(7){animation-delay:.48s}
@keyframes v12bar{from{transform:scaleY(0);opacity:.25}to{transform:scaleY(1);opacity:1}}

/* Hero visual: add a subtle moving revenue path without another card. */
.v7-hero-art:after{content:"CUSTOMER  →  OPPORTUNITY  →  NEXT ACTION  →  REVENUE";position:absolute;left:50%;bottom:19px;transform:translateX(-50%);width:max-content;max-width:86%;font-size:9px;font-weight:900;letter-spacing:.15em;color:#5d7772;white-space:nowrap;animation:v12path 4s ease-in-out infinite}
@keyframes v12path{50%{letter-spacing:.19em;color:#08795f}}
.v7-caption{bottom:45px!important}

/* Better card density and readable supporting copy. */
.v7-moment{min-height:178px;padding:21px}
.v7-moment b{font-size:13px}.v7-moment p{font-size:12px;line-height:1.58}
.v9-principle{min-height:205px;padding:24px}.v9-principle h3{font-size:22px}.v9-principle p{font-size:12px;line-height:1.6}
.v9-segment h3{font-size:18px}.v9-segment p{font-size:11px;line-height:1.55}.v9-segment .flow{font-size:9px}

/* Product feature intro + visual now feels like one composition. */
.product-page .v7-section{padding:58px 0}
.product-page .v7-intro h2{font-size:clamp(40px,4vw,56px)}
.product-page .v7-feature{margin-top:31px}

/* Avoid excessive blank space at the bottom of feature scenes. */
.v7-feature + .v7-feature{margin-top:38px}

@media(max-width:1050px){
  .product-hero-grid{grid-template-columns:1fr 1fr;gap:34px}
  .product-hero-grid .v7-hero-art{height:410px!important}
  .v7-feature{gap:34px}
  .v7-story h3{font-size:34px}
}
@media(max-width:900px){
  .product-hero-grid{grid-template-columns:1fr;gap:30px}
  .product-hero-grid .v7-hero-art{height:385px!important}
  .v7-feature,.v7-feature.copy-left{grid-template-columns:1fr;gap:28px}
  .v7-feature .v7-story,.v7-feature.copy-left .v7-story{order:2}
  .v7-feature .v7-scene,.v7-feature.copy-left .v7-scene{order:1}
  .v7-section,.v7-section.soft{padding:54px 0}
}
@media(max-width:620px){
  .links{font-size:11px;gap:13px}.logo{width:145px}.nav{height:70px}
  .v7-hero{padding:86px 0 42px}.v7-hero-copy h1{font-size:44px}.v7-hero-copy .lead{font-size:16px}
  .v7-hero-art{height:380px}.v7-hero-art:after{font-size:7px;letter-spacing:.1em}
  .v7-section,.v7-section.soft{padding:45px 0}.v7-intro h2{font-size:37px}.v7-intro .lead{font-size:16px}
  .v7-story{padding-left:20px}.v7-story h3{font-size:30px}.v7-story p{font-size:15px}.v7-story .v7-punch,.v7-story .v7-punch strong{font-size:13px}
  .v7-scene{height:370px}.v7-scene-head b{font-size:18px}
  .product-hero-grid .v7-hero-art{height:370px!important}
}
@media(prefers-reduced-motion:reduce){
  .v7-hero-art:after,.v7-story.show .v9-eyebrow,.v7-story.show h3,.v7-story.show p:nth-of-type(1),.v7-story.show p:nth-of-type(2),.v7-story.show .v7-punch,.v7-story.show .v9-storyline{animation:none!important}
}

/* =========================================================
   V14 — Executive / Rockstar Story Layer
   Preserve V12 content, strengthen the experience.
   ========================================================= */
:root{
  --v14-green:#08a879;--v14-green2:#087458;--v14-ink:#07151b;
  --v14-muted:#62777b;--v14-line:#d7e8e3;--v14-mint:#eaf8f3;
  --v14-ease:cubic-bezier(.16,1,.3,1)
}

/* Global readability + rhythm */
body{font-size:16px;letter-spacing:-.005em}
.v7-section{padding:74px 0!important}
.v7-section.soft{padding:74px 0!important}
.v7-intro{max-width:980px}
.v7-intro h2{font-size:clamp(40px,4.4vw,62px)!important;line-height:.98!important;letter-spacing:-.055em!important;margin:10px 0 17px!important}
.v7-intro .lead{font-size:17px!important;line-height:1.68!important;max-width:820px!important}
.v7-feature{gap:58px!important;margin-top:38px!important}
.v7-story{padding:14px 0 14px 28px!important;max-width:630px!important}
.v7-story h3{font-size:clamp(30px,3vw,43px)!important;line-height:1.02!important;letter-spacing:-.052em!important;margin:10px 0 18px!important}
.v7-story p{font-size:16px!important;line-height:1.72!important;max-width:620px!important;margin-bottom:14px!important}
.v7-story .v7-punch{font-size:14px!important;line-height:1.58!important;margin-top:23px!important;padding:16px 18px 16px 18px!important;border-radius:16px!important}
.v7-story .v7-punch:before{font-size:8px!important;letter-spacing:.2em!important}

/* Right-side storytelling is an animated narrative, not static copy. */
.v7-story:before{width:2px!important;background:linear-gradient(180deg,transparent 0%,#9bdcca 14%,#08a879 48%,#9bdcca 86%,transparent 100%)!important;box-shadow:0 0 22px rgba(8,168,121,.12)}
.v7-story:after{width:9px!important;height:9px!important;left:-3.5px!important;background:#08a879!important;box-shadow:0 0 0 7px rgba(8,168,121,.10),0 0 24px rgba(8,168,121,.28)!important}
.v7-story.show:after{animation:v14storydot 3.2s ease-in-out infinite!important}
@keyframes v14storydot{0%,100%{top:12%}50%{top:82%}}
.v7-story .v9-eyebrow,.v7-story .v7-eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:28px!important;padding:4px 9px 4px 5px!important;border:1px solid #cfe7df!important;border-radius:999px!important;background:rgba(246,252,250,.85)!important;box-shadow:0 8px 25px rgba(7,21,27,.04)!important}
.v7-story .v9-eyebrow:before{font-size:9px!important;font-weight:900!important}
.v7-story .v7-eyebrow{font-size:9px!important;color:#087458!important;letter-spacing:.14em!important;font-weight:900!important}
.v7-story.show h3{animation:v14copyin .8s var(--v14-ease) both .08s}
.v7-story.show p:nth-of-type(1){animation:v14copyin .75s var(--v14-ease) both .18s}
.v7-story.show p:nth-of-type(2){animation:v14copyin .75s var(--v14-ease) both .28s}
.v7-story.show .v7-punch{animation:v14punch .8s var(--v14-ease) both .4s}
.v7-story.show .v9-storyline,.v7-story.show .v9-insight{animation:v14copyin .8s var(--v14-ease) both .52s}
@keyframes v14copyin{from{opacity:0;transform:translate3d(22px,10px,0);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes v14punch{from{opacity:0;transform:translateX(24px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}

/* Storyline arrows visibly travel left -> right. */
.v9-storyline{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:22px!important}
.v9-storyline span{padding:8px 11px!important;border:1px solid #cfe5de!important;border-radius:999px!important;background:#fff!important;font-size:10px!important;font-weight:900!important;color:#41585d!important;box-shadow:0 7px 18px rgba(7,21,27,.035)!important}
.v9-storyline i{width:25px!important;height:1px!important;background:#9dd8c7!important;position:relative!important;overflow:visible!important}
.v9-storyline i:after{content:"";position:absolute;right:-1px;top:-2px;border:3px solid transparent;border-right:0;border-left:5px solid #08a879;animation:v14arrow 1.6s ease-in-out infinite}
.v9-storyline i:nth-of-type(2):after{animation-delay:.25s}.v9-storyline i:nth-of-type(3):after{animation-delay:.5s}
@keyframes v14arrow{0%,100%{transform:translateX(0);opacity:.5}50%{transform:translateX(7px);opacity:1}}

/* Scene = active product story, not static illustration. */
.v7-scene{height:455px!important;border-radius:28px!important;box-shadow:0 30px 100px rgba(7,21,27,.10)!important;isolation:isolate!important}
.v7-scene:after{content:"";position:absolute;inset:auto -10% -55% -10%;height:65%;background:radial-gradient(ellipse,rgba(8,168,121,.11),transparent 65%);z-index:-1;animation:v14glow 5s ease-in-out infinite}
@keyframes v14glow{50%{transform:translateY(-18px);opacity:.7}}
.v7-scene-head small{font-size:9px!important;letter-spacing:.16em!important}.v7-scene-head b{font-size:21px!important;line-height:1.06!important}
.v7-scene:hover{transform:translateY(-5px);box-shadow:0 40px 120px rgba(7,21,27,.14)!important;transition:transform .6s var(--v14-ease),box-shadow .6s var(--v14-ease)}
.v7-gridbg{opacity:.8!important;background-size:32px 32px!important}

/* Morning actions: stagger + signal line. */
.v7-action-panel{left:30px!important;right:30px!important;bottom:26px!important;padding:8px 14px!important;border-radius:18px!important;box-shadow:0 25px 65px rgba(7,21,27,.10)!important}
.v7-action{min-height:58px!important;position:relative!important;overflow:hidden!important}
.v7-action:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#08a879,transparent);transform:translateX(-100%);animation:v14scan 3.8s ease-in-out infinite}
.v7-action:nth-child(2):after{animation-delay:.5s}.v7-action:nth-child(3):after{animation-delay:1s}.v7-action:nth-child(4):after{animation-delay:1.5s}
@keyframes v14scan{55%,100%{transform:translateX(100%)}}
.v7-action .ico{width:30px!important;height:30px!important;border-radius:10px!important;background:#eaf8f3!important;color:#087458!important;box-shadow:0 0 0 0 rgba(8,168,121,.12);animation:v14ico 3s ease-in-out infinite}
.v7-action:nth-child(2) .ico{animation-delay:.35s}.v7-action:nth-child(3) .ico{animation-delay:.7s}.v7-action:nth-child(4) .ico{animation-delay:1.05s}
@keyframes v14ico{50%{box-shadow:0 0 0 8px rgba(8,168,121,.06);transform:scale(1.04)}}

/* Customer memory: orbit becomes a live data relationship. */
.v7-phone-orbit{animation:v14orbit 18s linear infinite!important;box-shadow:0 0 0 1px rgba(8,168,121,.05),0 0 55px rgba(8,168,121,.08)}
.v7-customer-core{animation:v14core 4.8s ease-in-out infinite!important}
.v7-mini{transition:transform .5s var(--v14-ease),box-shadow .5s var(--v14-ease)!important}.v7-mini:hover{transform:translateY(-7px) scale(1.03)!important;box-shadow:0 24px 55px rgba(7,21,27,.13)!important}
@keyframes v14orbit{to{transform:rotate(360deg)}}
@keyframes v14core{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.045)}}

/* Lead: intent travels into ownership. */
.v7-enquiry{box-shadow:0 22px 55px rgba(7,21,27,.10)!important}.v7-enquiry:after{content:"";position:absolute;right:-8px;top:50%;width:16px;height:16px;border-radius:50%;background:#08a879;box-shadow:0 0 0 8px rgba(8,168,121,.08);animation:v14signal 4.7s infinite}
@keyframes v14signal{0%,100%{opacity:.35;transform:scale(.7)}55%{opacity:1;transform:scale(1.15)}}
.v7-lead-node{background:linear-gradient(145deg,#effaf6,#fff)!important}

/* Deal: cards progress through the pipeline and risk pulses. */
.v7-deal-stage{bottom:15%!important}.v7-stage{min-height:98px!important;border-radius:15px!important;transition:transform .4s var(--v14-ease)}.v7-stage:hover{transform:translateY(-6px)!important}.v7-stage:after{height:4px!important;animation:v14stage 3.5s ease-in-out infinite}.v7-stage:nth-child(2):after{animation-delay:.4s}.v7-stage:nth-child(3):after{animation-delay:.8s}.v7-stage:nth-child(4):after{animation-delay:1.2s}
@keyframes v14stage{50%{width:72%;background:#08a87966}}
.v7-deal-card{border:1px solid rgba(105,223,186,.18)!important}.v7-risk{box-shadow:0 18px 50px rgba(190,110,60,.08)}

/* Quotation: document -> decision -> action. */
.v7-quote-paper{animation:v14paper 5s ease-in-out infinite!important}.v7-quote-status{animation:v14decision 3.5s ease-in-out infinite!important}.v7-quote-next{animation:v14next 4.2s ease-in-out infinite!important}
@keyframes v14paper{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-9px)}}
@keyframes v14decision{50%{transform:scale(1.06);box-shadow:0 0 0 18px rgba(8,168,121,.07),0 20px 55px rgba(7,21,27,.08)}}
@keyframes v14next{50%{transform:translateY(-7px)}}

/* Follow-up: clock + commitment pulse. */
.v7-clock{animation:v14clockring 6s linear infinite!important}.v7-clock:before{animation:v14hour 8s linear infinite!important}.v7-clock:after{animation:v14minute 4s linear infinite!important}.v7-follow-card{animation:v14follow 4.5s ease-in-out infinite!important}.v7-resched{animation:v14resched 4.5s ease-in-out infinite!important}
@keyframes v14clockring{to{transform:rotate(360deg)}}
@keyframes v14hour{to{transform:translate(-50%,-100%) rotate(395deg)}}@keyframes v14minute{to{transform:translate(-50%,-100%) rotate(515deg)}}
@keyframes v14follow{50%{transform:translateY(-7px)}}@keyframes v14resched{50%{transform:translateX(30px);box-shadow:0 20px 45px rgba(8,168,121,.10)}}

/* Owner view: make the story visibly drill down from number -> opportunity -> customer. */
.v7-revenue-number{font-size:clamp(42px,4.5vw,56px)!important;color:#087458!important;text-shadow:0 12px 40px rgba(8,168,121,.10)}
.v7-bars i{transform-origin:bottom!important;animation:v14bar 1.15s var(--v14-ease) both!important}.v7-bars i:nth-child(2){animation-delay:.12s!important}.v7-bars i:nth-child(3){animation-delay:.24s!important}.v7-bars i:nth-child(4){animation-delay:.36s!important}.v7-bars i:nth-child(5){animation-delay:.48s!important}.v7-bars i:nth-child(6){animation-delay:.60s!important}.v7-bars i:nth-child(7){animation-delay:.72s!important}
@keyframes v14bar{from{transform:scaleY(0);opacity:.15}to{transform:scaleY(1);opacity:1}}
.v7-revenue-source{border-color:#bfe1d7!important;box-shadow:0 18px 45px rgba(7,21,27,.08)!important;animation:v14source 4s ease-in-out infinite!important}
@keyframes v14source{50%{transform:translateY(-6px);box-shadow:0 25px 60px rgba(8,168,121,.10)}}

/* Customer journey: a travelling signal makes the sequence instantly understandable. */
.v7-journey-line{background:linear-gradient(90deg,#0ba67822,#0ba678,#69dfba,#0ba67822)!important;background-size:220% 100%!important;animation:v14flow 3.8s linear infinite!important}
@keyframes v14flow{to{background-position:220% 0}}
.v7-journey-dot{animation:v14journeydot 2.7s ease-in-out infinite!important}.jd2{animation-delay:.3s!important}.jd3{animation-delay:.6s!important}.jd4{animation-delay:.9s!important}.jd5{animation-delay:1.2s!important}
@keyframes v14journeydot{50%{transform:scale(1.5);box-shadow:0 0 0 10px rgba(8,168,121,.08)}}

/* Perspective cards become animated role stories. */
.v9-principle{min-height:220px!important;padding:25px!important}.v9-principle .role{display:inline-block;margin-left:7px!important;font-size:9px!important;letter-spacing:.14em!important;font-weight:900!important;color:#087458!important;text-transform:uppercase!important}.v9-principle h3{font-size:23px!important;line-height:1.08!important;margin:26px 0 10px!important}.v9-principle p{font-size:13px!important;line-height:1.6!important}.v9-principle .pulse{width:7px!important;height:7px!important;animation:v14pulse 2.5s infinite!important}
@keyframes v14pulse{60%{box-shadow:0 0 0 11px rgba(8,168,121,0)}}

/* Industry section: retain every industry but visually turn the grid into an animated constellation. */
.v9-segment-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:13px!important}
.v9-segment{min-height:205px!important;padding:20px!important;border-radius:19px!important}
.v9-segment h3{font-size:19px!important;line-height:1.08!important}.v9-segment p{font-size:12px!important;line-height:1.55!important}.v9-segment .flow{font-size:8.5px!important}
.v9-segment:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 15%,rgba(8,168,121,.11),transparent 26%);opacity:0;transition:opacity .5s var(--v14-ease)}.v9-segment:hover:before{opacity:1}.v9-segment .v9-icon{transition:transform .6s var(--v14-ease),box-shadow .6s}.v9-segment:hover .v9-icon{transform:rotate(-7deg) scale(1.08);box-shadow:0 10px 25px rgba(8,168,121,.12)}

/* Dark sections: more cinematic, less empty. */
.v7-section.dark{padding:78px 0!important}.v7-section.dark .v9-principle{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;border-color:rgba(105,223,186,.16)!important}.v7-section.dark .v9-principle h3{color:#fff}.v7-section.dark .v9-principle p{color:#a8b8bc}.v7-section.dark .v9-principle:after{background:linear-gradient(90deg,#69dfba,transparent)!important}

/* Hero: make the revenue path explicit without losing the memory concept. */
.v7-hero{padding-top:132px!important;padding-bottom:72px!important;min-height:760px!important}.v7-hero h1{font-size:clamp(55px,6vw,84px)!important;line-height:.93!important}.v7-hero-copy .lead{font-size:18px!important;line-height:1.7!important}.v7-core{animation:v14herocore 4.5s ease-in-out infinite!important}.v7-core b{font-size:23px!important}.v7-ring{border-color:rgba(8,168,121,.16)!important}.v7-ring i{background:#08a879!important;box-shadow:0 0 0 8px rgba(8,168,121,.08)!important}
@keyframes v14herocore{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.035)}}
.v7-node{border-radius:17px!important;box-shadow:0 25px 65px rgba(7,21,27,.11)!important}.v7-node:after{background:#08a879!important}

/* Compact global rhythm */
.v7-moments{gap:11px!important;margin-top:34px!important}.v7-moment{min-height:180px!important;padding:22px!important;border-radius:18px!important}.v7-moment b{font-size:17px!important}.v7-moment p{font-size:12px!important;line-height:1.55!important}

/* Accessibility */
@media(prefers-reduced-motion:reduce){.v7-story.show h3,.v7-story.show p:nth-of-type(1),.v7-story.show p:nth-of-type(2),.v7-story.show .v7-punch,.v7-story.show .v9-storyline,.v7-story.show .v9-insight{animation:none!important}.v7-scene,.v7-story:after,.v7-story:before,.v7-action:after,.v7-phone-orbit,.v7-customer-core,.v7-bars i,.v7-journey-line,.v7-journey-dot,.v7-clock,.v7-follow-card,.v7-resched,.v7-quote-paper,.v7-quote-status,.v7-quote-next,.v7-core{animation:none!important}}
@media(max-width:1000px){.v7-feature{gap:38px!important}.v7-story h3{font-size:34px!important}.v9-segment-grid{grid-template-columns:repeat(2,1fr)!important}.v7-scene{height:430px!important}}
@media(max-width:620px){.v7-section,.v7-section.soft{padding:62px 0!important}.v7-feature{gap:24px!important;margin-top:28px!important}.v7-story{padding-left:20px!important}.v7-story h3{font-size:29px!important}.v7-story p{font-size:14px!important}.v7-scene{height:390px!important}.v9-segment-grid{grid-template-columns:1fr!important}.v7-intro h2{font-size:39px!important}.v7-intro .lead{font-size:15px!important}.v7-moments{grid-template-columns:1fr!important}.v7-moment{min-height:auto!important}.v7-hero{padding-top:112px!important;min-height:auto!important}.v7-hero h1{font-size:49px!important}}
.v14-owner-drill{position:absolute;right:6%;top:53%;width:230px;display:grid;gap:6px;z-index:8}.v14-owner-drill>span{position:absolute;left:-28px;top:-31px;padding:5px 8px;border:1px solid #bfe2d8;border-radius:999px;background:#fff;color:#087458;font-size:8px;font-weight:900;box-shadow:0 8px 22px rgba(7,21,27,.06);animation:v14value 4s ease-in-out infinite}.v14-owner-drill>i{position:absolute;left:-15px;top:-6px;width:32px;height:1px;background:#8fd2c1;transform:rotate(15deg);transform-origin:left}.v14-owner-drill>div{padding:9px 11px;background:#fff;border:1px solid #d6e8e2;border-radius:10px;box-shadow:0 10px 28px rgba(7,21,27,.07);opacity:0;transform:translateX(14px);animation:v14drill .8s var(--v14-ease) forwards}.v14-owner-drill>div:nth-of-type(2){animation-delay:.3s}.v14-owner-drill>div:nth-of-type(3){animation-delay:.6s}.v14-owner-drill b{display:block;font:800 10px Manrope}.v14-owner-drill small{display:block;color:#7b8d91;font-size:8px;margin-top:2px}.v14-owner-drill>div:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#08a879;margin-right:6px;vertical-align:1px;box-shadow:0 0 0 5px rgba(8,168,121,.07)}
@keyframes v14drill{to{opacity:1;transform:none}}@keyframes v14value{50%{transform:translateY(-4px);box-shadow:0 12px 30px rgba(8,168,121,.10)}}
@media(max-width:620px){.v14-owner-drill{right:4%;top:55%;width:175px}.v14-owner-drill>div{padding:7px 8px}.v14-owner-drill b{font-size:8px}.v14-owner-drill small{font-size:6.5px}}
/* V14 Solutions constellation */
.v14-industry-stage{height:680px;margin-top:42px;border:1px solid #cfe4de;border-radius:32px;background:radial-gradient(circle at 50% 50%,rgba(8,168,121,.11),transparent 31%),linear-gradient(145deg,#fff,#f3faf7);position:relative;overflow:hidden;box-shadow:0 30px 100px rgba(7,21,27,.08)}
.v14-industry-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(8,168,121,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,168,121,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,#000,transparent 76%)}
.v14-industry-rings{position:absolute;left:50%;top:50%;width:430px;height:430px;transform:translate(-50%,-50%);border:1px solid rgba(8,168,121,.17);border-radius:50%;animation:v14ring 24s linear infinite}.v14-industry-rings:before,.v14-industry-rings:after{content:"";position:absolute;left:50%;top:50%;border:1px dashed rgba(8,168,121,.18);border-radius:50%;transform:translate(-50%,-50%)}.v14-industry-rings:before{width:320px;height:320px}.v14-industry-rings:after{width:205px;height:205px}
@keyframes v14ring{to{transform:translate(-50%,-50%) rotate(360deg)}}
.v14-industry-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:205px;height:205px;border-radius:38px;background:#07171d;color:#fff;display:grid;place-items:center;text-align:center;z-index:5;box-shadow:0 35px 100px rgba(7,21,27,.22);animation:v14industrycore 5s ease-in-out infinite}.v14-industry-core small{color:#69dfba;font-size:9px;font-weight:900;letter-spacing:.18em}.v14-industry-core b{display:block;font:800 24px/1.02 Manrope;letter-spacing:-.05em;margin:8px 0}.v14-industry-core span{font-size:9px;color:#9eb0b5}.v14-industry-node{position:absolute;width:235px;padding:15px 16px;background:rgba(255,255,255,.94);border:1px solid #d2e5df;border-radius:17px;box-shadow:0 18px 55px rgba(7,21,27,.09);z-index:7;transition:transform .5s var(--v14-ease),box-shadow .5s var(--v14-ease),border-color .5s}.v14-industry-node:hover{transform:translateY(-8px) scale(1.025)!important;box-shadow:0 30px 75px rgba(7,21,27,.14);border-color:#9fd7c8}.v14-industry-node .v9-icon{width:29px;height:29px;border-radius:9px;background:#eaf8f3;border:1px solid #c5e5db;display:grid;place-items:center;color:#087458;font-weight:900;margin-bottom:8px}.v14-industry-node small{display:block;color:#087458;font-size:8px;font-weight:900;letter-spacing:.15em}.v14-industry-node b{display:block;font:800 15px/1.08 Manrope;margin:7px 0}.v14-industry-node p{margin:0;color:#6e8186;font-size:10px;line-height:1.5}.v14-industry-node em{display:block;margin-top:10px;color:#4e666a;font-style:normal;font-size:8px;font-weight:900}.ni1{left:4%;top:8%;animation:v14nodefloat 5.5s ease-in-out infinite}.ni2{right:4%;top:8%;animation:v14nodefloat 5.5s .7s ease-in-out infinite}.ni3{left:1%;top:40%;animation:v14nodefloat 5.5s 1.4s ease-in-out infinite}.ni4{right:1%;top:40%;animation:v14nodefloat 5.5s 2.1s ease-in-out infinite}.ni5{left:12%;bottom:7%;animation:v14nodefloat 5.5s 2.8s ease-in-out infinite}.ni6{right:12%;bottom:7%;animation:v14nodefloat 5.5s 3.5s ease-in-out infinite}.ni7{left:50%;bottom:3%;transform:translateX(-50%);width:255px;animation:v14nodefloatcenter 5.5s 4.2s ease-in-out infinite}.ni7:hover{transform:translateX(-50%) translateY(-8px) scale(1.025)!important}
@keyframes v14nodefloat{50%{transform:translateY(-7px)}}@keyframes v14nodefloatcenter{50%{transform:translateX(-50%) translateY(-7px)}}@keyframes v14industrycore{50%{transform:translate(-50%,-50%) scale(1.035)}}
.v14-industry-path{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#08a879,transparent);transform-origin:left center;z-index:2;opacity:.55;animation:v14path 3.4s ease-in-out infinite}.p1{width:220px;left:25%;top:31%;transform:rotate(20deg)}.p2{width:220px;left:60%;top:31%;transform:rotate(160deg)}.p3{width:220px;left:25%;top:68%;transform:rotate(-18deg)}.p4{width:220px;left:60%;top:68%;transform:rotate(198deg);animation-delay:.8s}@keyframes v14path{50%{opacity:1;filter:drop-shadow(0 0 7px rgba(8,168,121,.25))}}
.v14-industry-caption{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-size:9px;letter-spacing:.18em;font-weight:900;color:#789096;white-space:nowrap}
@media(max-width:1000px){.v14-industry-stage{height:850px}.v14-industry-node{width:205px}.ni1{left:2%}.ni2{right:2%}.ni3{left:1%;top:37%}.ni4{right:1%;top:37%}.ni5{left:5%;bottom:9%}.ni6{right:5%;bottom:9%}.ni7{bottom:2%}.v14-industry-rings{width:360px;height:360px}}
@media(max-width:620px){.v14-industry-stage{height:1010px;margin-top:30px}.v14-industry-rings{width:280px;height:280px}.v14-industry-core{width:150px;height:150px;border-radius:28px}.v14-industry-core b{font-size:18px}.v14-industry-node{width:170px;padding:11px}.v14-industry-node b{font-size:12px}.v14-industry-node p{font-size:8.5px}.v14-industry-node em{font-size:7px}.ni1{left:3%;top:5%}.ni2{right:3%;top:5%}.ni3{left:2%;top:29%}.ni4{right:2%;top:29%}.ni5{left:3%;bottom:17%}.ni6{right:3%;bottom:17%}.ni7{bottom:3%;width:190px}.v14-industry-caption{font-size:6.5px;bottom:1px}.v14-industry-path{display:none}}